
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
html {
    font-size: 10px;
}
body {
	font-family: "PT Sans", sans-serif;
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
}
header, nav, section, article, aside, footer {
    display: block;
} 
.container {
}
.container__header {
	margin: 0 auto;
    max-width: 960px;
    width: 100%;
    border-top: 32px solid #26272c;
}
.header {
    background: url("../img/WallColor.png") no-repeat scroll 0 0;
    background-size: cover;
    font-size: 0;
    display: flex;   
    position: relative; 
}
.container__column{
	width: 50%;
	display: flex;
	justify-content: center;
	align-content: space-between;
	align-items: center;
	flex-direction: column;
}
.header__slider{
	overflow:hidden;
	position:relative;
	width:430px;
	height:430px;
	margin:48px 0 0;
}
.header__slider-slides{
	position:relative;
	transition:1s;
}
.slides__slide{
	float:left;
	display:block;
}
.slides__img { 
	width:430px;
	height:430px;
} 
.header__slider-navigation{
	position:absolute;
	width:100%;
	bottom:14px;
	left:43%;
	z-index:1;
	cursor:pointer;
}
.navigation__item {
    display: inline-block;
	width: 10px;
	height: 10px;
	background: rgba(255, 198, 194, 0.8);
   	border-radius: 50%;
    box-sizing: border-box;
    margin: 0 5px;
    cursor:pointer;
}
.navigation__item_current {
    background: #466fcc;
}
.header__title { 
	margin: 68px 0 0 0;

} 
.title__description { 
	color: #fff;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
    font-size: 3.5rem;
    text-transform: uppercase;

} 
.title__button{
	margin: 0 0 20px 0;
	color: #fff;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
    font-size: 3.5rem;
    text-transform: uppercase;

}
.title__btn {
	display: inline-block;
	text-decoration: none;
	background-color: #05e000;
	color: #fff;
	width: 190px;
	height: 46px;
	line-height: 46px;
	text-align: center;
    border-radius: 10px;
    font-family: "PT Sans", sans-serif;
	font-weight: bold;
    font-size: 2.5rem;
    text-transform: uppercase;
    box-shadow: 0px 5px 0px 0px rgba(3,137,0,1.0);
} 
.title__btn:hover{
	background-color: #ffc600;
	box-shadow: 0px 5px 0px 0px rgba(211,139,0,1.0);
}

.title__heading {
	margin: 0;
	color: #fffc00;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
    font-size: 8rem;
    text-transform: uppercase;
 } 

.container__adwantages { } 

.adwantages { 
	
} 

.container_width_fixed { 
	margin: 0 auto;
    max-width: 820px;
    width: 100%;
} 

.adwantages__title { } 

.adwantages__heading {
	margin: 20px auto;
	text-align: center;
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    font-size: 2.5rem;
    text-transform: uppercase;
} 

.adwantages__icons {
	display: flex;

 } 
.adwantages__icon{
	display: flex;
	justify-content: flex-end;
	align-content: space-between;
	align-items: center;
	flex-direction: column;
	position: relative;
	width: 25%;
}
 
 .adwantages__icon-img{

 }
.adwantages__icon-img::after {
	content: "";
	background: #dbf8ff;
	border-radius: 50%;
	box-sizing: border-box;
	display: inline-block;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 25%;
	left: 97%;
}
.adwantages__icon-img:last-child::after {
    content: "";
    margin: 0;
}
.icons__img {
 }
.adwantages__text {
	text-align: center;
    font-family: "PT Sans", sans-serif;
    font-weight: 400;
    font-size: 1.8rem;
   
} 
.adwantages__text_colortext{
	color: red;
}
.container__girls {
	margin: 0 auto;
    max-width: 960px;
    width: 100%;
	
}
.girls{
	background: url("../img/Girl.png") repeat scroll 0 0;
	background-size: cover;  
	width: 100%;
	display: flex;

}
.girls__slogan { 
	display: flex;
	flex-direction: row-reverse;
	margin: 10px -22px 51px 0;
	align-items: center;
	
} 

.slogan__text { 
    font-weight: bold;
    font-size: 2.6rem;
    text-transform: uppercase;
    color: #87a9f5;
 } 
.slogan__text_size{
	font-size: 2.2rem;
	vertical-align: top;
}
.slogan__text_colortext{
	color: #567bd0;
}
.container__price { } 

.price {
	margin: 20px 0 0 0;
 } 

.price__col {
	width: 100%;
  	display: flex;
  	justify-content: space-between;
	
 } 

.price-col{
	width: 28%;
  	text-align: center;
	border: 3px solid #e7e7e7;
	position: relative;
	
} 
.price-col:hover{
	border: 3px solid #dbf8ff;
	background: linear-gradient(to top, #dbf8ff, #fff);
}

.price-col__heading {
	font-weight: bold;
    font-size: 2.0rem;
    text-transform: uppercase;
    color: #ff0000;
    margin: 16px 0 0;
    
 } 
.price-col__text::after,
.price-col__text::before{
	border-bottom: 5px solid #e7e7e7;
    content: "";
    display: block;
    width: 108px;
    margin: 12px auto;
}
.price-col__text:hover::after,
.price-col__text:hover::before{
	border-bottom: 5px solid #dbf8ff;
}

.price-col-img {
	position: absolute;
	bottom: 90%;
	left: 87%;

}
.price-col__text { 
	font-family: "Tahoma", sans-serif;
	font-weight: 300;
	font-size: 1.6rem;
	color: #000;
	text-align: center;
	margin: 12px auto;
} 
.price-col__price-line {
	color: #839edd;
	font-family: "PT Sans", sans-serif;
	font-weight: bold;
    font-size: 3.0rem;
    position:relative;
}
.price-col__price-line::after{
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:95%;
	border: 2px solid #ff6666;
	border-radius: 2px;
	content:'';
}
.price-col__price { 
	font-family: "Tahoma", sans-serif;
	font-size: 2.2rem;
	color: #000;
	font-weight: 300;
	margin: 10px 0 0;
} 
.price-col__price-uah{
	color: #567bd0;
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
}

.price-col__best { 
	font-weight: bold;
    font-size: 6.0rem;
    text-transform: uppercase;
    color: #ff0000;
    margin: 10px auto;
} 
.price-col__best-uah{
	margin: 0;
	font-weight: bold;
    font-size: 2.4rem;
    text-transform: uppercase;
    color: #000;
}
.price-col__link {
	display: inline-block;
	text-decoration: none;
	background-color: #00c22e;
	color: #fff;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
    border-radius: 10px;
    font-family: "PT Sans", sans-serif;
	font-weight: bold;
    font-size: 2.0rem;
    text-transform: uppercase;
    margin-bottom: 16px; 
 } 
.price-col__link:hover {
	background-color: #ff0000;
}
.line{
	
	color: red;
	
}

.price-col__link:hover + .price-col__text::after{
	border-bottom: 5px solid red;
}
.container__links { } 

.links {
 } 
.links__link{
	text-align: center;
	margin: 30px auto;
	font-family: "PT Sans", sans-serif;
	
    font-size: 2.0rem;
}
.top__link { 
	color: #111111;

} 
.top__link_colortext{
	color: red;
}
.links__footer{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.links__footer-link {
	font-family: "Tahoma", sans-serif;
	font-size: 1.6rem;
	color: #898989;
	font-weight: 300; } 

