@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700&subset=cyrillic,cyrillic-ext');



* { 





font-family: 'Ubuntu', sans-serif;

color:#212a35;

font-weight:400;

font-size: 16px;

line-height: 18px;



}



i {



	color: white;

	margin-left: 7px;

}



/*HEADER*/





.header {



	background: url(../img/header/bg.jpg) 50% 76% repeat;

	margin:0 auto;

	overflow: hidden;

	

	



}







.header .wrapper {



	padding-top: 20px;



}



.header .top {



	overflow: hidden;

	

}







/*LOGO*/



.header .top .logo {



	float: left;

}



.header .top .logo img {



	width: 150px;

}



.header .top .contacts {



	float: right;

	text-align: right;

}



/*PHONE*/



.header .top .contacts .phone {



	margin-top: 11px;

	margin-bottom: 6px;



}



.header .top .contacts .phone a {



	font-size: 23px;

	display: block;

	font-weight: 400;

	letter-spacing: 1px;

	margin-bottom: 5px;

	color:#1c3f75;

	

	

}



/*EMAIL*/







.header .top .contacts .e-mail {

	

	margin-top:13px;

	float:right;



	

}





.header .e-mail i {



	color:#383f66;

	margin-right: 1px;

	font-size: 18px;

}





.header .top .contacts .e-mail a {

	

	text-decoration: none;

	font-size:16px;

	letter-spacing:1px;

	color:#383f66;

	

	

}













/*CALLBACK*/



.header .top .callback {

  float: right;

 

  margin-left: 30px;

  margin-top: 15px;

  margin-right: 20px;

  

  display: inline-block;

  font-weight: 500;

  text-decoration: none;

  user-select: none;

  padding: .66em 2em;

  outline: none;

  

  transition: .4s;

  font-size: 14px;

  border-radius: 30px;



  background: rgba(255,255,255,.01);

  border: 2px solid rgba(56, 63, 102, 0.8);

  color: #383f66;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);

}





.header .top .callback:hover { 

	border: 2px solid #c41517;

	color:#c41517;

}



.header .top .callback:active { 

	



}





/*HEADER UTP*/





.header .utp {

	

	

	overflow: hidden;

	margin-top: 50px;





}







.header .utp h1 {



	

	margin:0 auto 20px;

}





.header .utp .h1-text {



	color:#221e45;

	font-size: 27px;

	line-height: 32px;

	margin-bottom: 235px;

	font-weight: 300;

	text-transform: uppercase;

	letter-spacing: 1px;



	

}











.header .utp.popup-button {



	margin: 0 auto;



}


.header .wrapper
{
	position: relative;
	padding: 0;
}
.header .wrapper .head-love-is
{
	position: absolute;
	top: 240px;
	left: 80px;
}

.header .wrapper .head-love-is .info
{
	font-size: 14px;
	margin: 10px 0;
}



@media screen and (max-width:1250px) {



.header {



	background: url(../img/header/bg2.jpg) 50% 60% repeat;



}

.header .wrapper .head-love-is
{
	width: 120px;
	top: 430px;
	left: 65px;
}

.header .wrapper .head-love-is img
{
	width: 100%;
}

.header .utp .h1-text {





	margin-bottom: 180px;

	

	

}





}


@media screen and (max-width:950px) {



.header {
	background: url(../img/header/bg3.jpg) 50% 80% repeat;
}

.header .wrapper .head-love-is {
    width: 85px;
    top: 500px;
    left: 130px;
}

.header .utp .h1-text {





	font-size: 24px;

	line-height: 29px;

	margin-bottom: 270px;



}



}



@media screen and (max-width:750px) {



.header {



	background: url(../img/header/bg4.jpg) 50% 66% repeat;



}

.header .wrapper .head-love-is {
    width: 65px;
    top: 625px;
    left: 85px;
}

.header h1 {	





	font-size: 45px;

	line-height: 53px;



}



.header .utp .h1-text {





	font-size: 21px;

	line-height: 26px;



}



.header .top .callback {



	display: none;

}



.header .utp {

	

	margin-top: 50px;





}





}



@media screen and (max-width:550px) {





.header .top .logo {



	float: none;



}



.header .top .logo img {



	width: 100px;

}



.header .top .contacts {

	margin-top: 30px;

	float: none;

}





.header .top .contacts .phone {



	text-align: center;

}



.header .top .contacts .e-mail  {



	text-align: center;

	float: none;

}



.header h1 {	





	font-size: 35px;

	line-height: 43px;

	

}



.header .utp .h1-text {





	font-size: 19px;

	line-height: 25px;

	margin-bottom: 310px;



}



}

@media screen and (max-width:410px) {

.header .wrapper .head-love-is {
    width: 65px;
	top: 625px;
	left: 90px;
}
}


@media screen and (max-width:380px) {

.header .wrapper .head-love-is {
    width: 65px;
	top: 625px;
	left: 95px;
}

.header h1 {	





	font-size: 30px;

	line-height: 36px;



}



.header .utp .h1-text {





	font-size: 18px;

	line-height: 23px;





}



}



/*EGGS*/





.eggs {

	background: url(../img/eggs/bg.jpg) 50% 30%;

	margin:0 auto;

	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.10);

}



.eggs .wrapper {



	padding-top: 100px;

	padding-bottom: 100px;

}



.eggs h2 {



	padding-bottom: 90px;

}



.eggs h3 {

	

	font-size: 21px;

	font-weight: 24px;

	

}



.eggs img {

	

	width:70px;

	margin-top: 20px;

	margin-bottom:25px;

	transition: 1s;





}











.eggs .line {



	width: 40%;

	height: 3px;

	background: #ca1016;

	margin: 20px auto 12px;

	opacity: 0.95;

}







.eggs p {



	text-align: center;

	font-size: 15px;

	color:#676767;



}





.eggs .items {

	



	overflow: hidden;

	padding-top: 15px;

	margin-bottom: 30px;

	

}











.eggs .item {

	

	width:27%;

	text-align:center;

	margin:0px 0px 0px 4.75%;

	float:left;



}





@media screen and (max-width:800px) {



.eggs {



	background: url(../img/eggs/bg.jpg) 50% 30%;

}

.eggs .items {



	padding-top: 0px;

	

}





.eggs .item {

	

	width:87%;

	margin:0px auto 40px;

	float:none;



}



.eggs img {

	

	width:110px;





}

.eggs .item-3 {

	margin-bottom: 0px;

}





}





@media screen and (max-width:460px) {



.eggs .item {

	

	width:99%;

	margin:0px auto 40px;

	float:none;



}



.eggs .item-3 {

	margin-bottom: 0px;

}



.eggs h2 {



	padding-bottom: 60px;

}



.eggs h3 {

	

	font-size: 19px;

	font-weight: 22px;

	

}



.eggs img {

	

	width:90px;





}



.eggs p {

	

	font-size: 15px;

	line-height: 18px;



}





}



/*ABOUUS*/



.aboutus {



	background: url(../img/aboutus/bg.jpg) 50% 50%;

}



.aboutus .wrapper {



	padding-top: 70px;

	padding-bottom: 70px;

}



.aboutus .text {



	font-size: 24px;

	line-height: 32px;

	color: white;

	padding: 30px;

	border: 3px dashed rgba(214, 18,18, 0.05);

	border-radius: 50px;

	background: rgba(255, 255, 255, 0.18);

	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

	box-shadow:3px 3px 5px rgba(84, 84, 84, 0.10);

	

}



@media screen and (max-width:600px) {



.aboutus .text {



	font-size: 20px;

	line-height: 25px;

	padding: 20px;

}





}

/*CATALOG*/





.catalog {

	background: url(../img/catalog/bg.jpg) 50% 50%;

	margin:0 auto;

	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.10);

}



.catalog .items {

	background: white;

	overflow: hidden;

	margin-bottom: 30px;

	border:1px dotted rgba(0, 0, 0, 0.3);

	box-shadow: 3px 3px 3px rgba(84, 84, 84, 0.25);

	padding-top:30px;

	padding-bottom: 60px;

	padding-right: 40px;

	padding-left: 20px;

	border-radius: 15px;

}

.catalog .items .last {

	margin-bottom: 0px;

}



.catalog .items .item {



	

	float: left;

	width: 49.6%;

	margin: 0 0 0 0.3%;

}





.catalog .items .item h3 {

	margin-top: 40px;

	margin-bottom: 30px;

	text-align: left;

	margin-left: 20px;

}



.catalog .items .item img {



	width: 85%;

}





.catalog .items .item p {



	font-size: 15px;

	line-height: 25px;

	margin-left: 20px;

}

.catalog .button {



	margin-top: 40px;

}





.catalog .line {



	width: 100%;

	height: 2px;

	background: rgba(0, 0, 0, 0.22);

	margin-bottom: 14px;

	margin-top: 14px;

}





/*catalog-logos*/



.catalog-logos h2 {

	padding-bottom: 60px;

}

.catalog-logos .wrapper {



	padding-bottom: 70px;



}



.catalog-logos .items {



	overflow: hidden;

	

}





.catalog-logos .item {
	display: inline-block;
	width: 19.6%;
}

.catalog-logos .item-1 {

	

	margin-left: 1%

}



.catalog-logos .item img {

	transition: 5s;

	width: 100%;

}

.catalog-logos .item .pic2 {

	transition: 5s;

	display: none;

}





.catalog-logos .item:hover .pic1{

	transition: 5s;

	display: none;

}



.catalog-logos .item:hover .pic2 {

	transition: 5s;

	display: block;

}



.catalog-logos .items-mob {

	display: none;

}



@media screen and (max-width:800px) {



.catalog .items {



	padding-top:50px;

	padding-right: 30px;

	padding-left: 30px;



}





.catalog .items .item h3 {



	text-align: center;

}



.catalog .items .item p {



	font-size: 17px;

	line-height: 22px;

	margin-left: 20px;

}



.catalog .items .item {



	float: none;

	margin:0 auto;

	width: 100%;

}





.catalog .items .item img{



	width: 50%;

}



.catalog-logos .items {



	display: none;

}



.catalog-logos .item-1 {

	

	margin-left: 0%

}





.catalog-logos .items-mob {



	display: block;

	overflow: hidden;

	

}



.catalog-logos .items-mob .item {



	float: left;

	width: 41%;

	margin: 0 0 0 6%;

}



}





@media screen and (max-width:650px) {



.catalog .items .item img{



	width: 80%;

}







}





@media screen and (max-width:500px) {





.catalog .items .item p {



	font-size: 15px;

	line-height: 20px;

	margin-left: 10px;

}





.catalog .items .item img{



	width: 100%;

}





.catalog-logos .items-mob .item {



	float: left;

	width: 48%;

	

	margin: 0 0 0 1.35%;

}



}







/* Вопросы*/



.questions {

	

    background: url(../img/questions/bg.jpg)  50% 30%;

	margin:0 auto;





	

}







.questions h2 {

	

	color:white;

	padding-bottom:10px;



	

}





.questions h3 {

	

	color:white;

	font-size:23px;

	font-weight:400;

	padding-bottom:65px;

	letter-spacing:1px;



	

}























@media screen and (max-width:650px) {





.questions h2 {

	

	

	padding-bottom:20px;



	

}





.questions h3 {

	

	line-height: 24px;

	font-size:18px;

	padding-bottom:60px;

	letter-spacing:0px;



	

}







}







/*КАРТА*/

.map {



	background: url(../img/map/bg.jpg) 50% 0%;

	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.10);



}

.map h2 {

	padding-top: 100px;

	padding-bottom: 80px;

	width: 95%;

	margin: 0 auto;

}



.map .map-responsive{

    overflow:hidden;

    padding-bottom:35%;

    position:relative;

    height:0;

}

.map .map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}



@media screen and (max-width:1000px) {



.map .map-responsive{

   

    padding-bottom:55%;

    

}



}





@media screen and (max-width:700px) {



.map h2 {

	padding-top: 70px;

	padding-bottom: 50px;

}





.map .map-responsive{

   

    padding-bottom:66%;

    

}



}





@media screen and (max-width:550px) {



.map .map-responsive{

   

    padding-bottom:82%;

    

}



}







/* ПОДВАЛ FOOTER*/





.footer {

	

	background: url(../img/footer/bg.jpg) 50% 100% repeat;	



}





.footer .wrapper {

	

	max-width:1200px;

	margin:0 auto;

	padding-top:20px;

	padding-bottom:20px;

	padding-left:20px;

	padding-right:20px;

	



}







/*ЛОГОТИП*/







.footer .logo img{

	

	margin-top:20px;

	width:180px;

	float:left;

	

	

	

}







/*Телефон, заказ звонка и емейл*/



.footer .contacts {

	

	

	text-align:right;

	color:white;

	float:right;

	width: 60%;

	margin-top: 12px;

	

	

	

}



	









.footer .phone {

	

	color:#fff5a2;

	text-decoration: none;

	font-size:30px;

	font-weight:400;



	

	

}

.footer .phone a {



	display: block;

	margin-bottom: 20px;

}









.footer .e-mail {

	margin-top: 7px;

	margin-bottom: 20px;

	

	

	

}



.footer .e-mail i {



	color:white;

	margin-right: 1px;

	font-size: 20px;

}



.footer .e-mail a {

	color:white;

	text-decoration: none;

	font-size:17px;

	letter-spacing:2px;

	

}













/*АДРЕС*/

.footer .address {

	

	

	font-size:17px;

	line-height: 20px;

	color:white;

	margin-top:8px;

	margin-left:7%;

	

	

	

	

}





.footer .privacypolicy {

	padding-top: 25px;

	width: 100%;

	overflow: hidden;

	text-align: center;

	



}



.footer .conf {

	text-align: center;

	color:#cfcfcf;

	text-decoration: none;

	font-size: 15px;





}



.footer .conf-text {



	color:#cfcfcf;

	

	font-size: 13px;

	width: 100%;

	margin-top: 4px;





}





@media screen and (max-width:900px) {



.footer .logo img {



	float: none;

}





.footer .contacts {

	

	margin-top: 40px;

	float: none;

	width: 100%;

	text-align: center;

}











.footer .phone {

	

	

	font-size: 40px;





		

}

.footer .e-mail {



	margin-top: 15px;

}



.footer .e-mail a {

	

	font-size: 20px;

	line-height: 24px;



}



.footer .address {

	

	margin-left:0%;

	



}

}





@media screen and (max-width:540px) {







.footer .contacts {

	

	margin-top: 30px;

	

}







.footer .phone {

	

	font-size: 28px;

		

}

.footer .e-mail {



	margin-top: 11px;

}



.footer .e-mail a {

	

	font-size: 18px;

	line-height: 22px;



}





}

.info-rekl
{
	text-align: left;
	margin: 40px 0 0 20px;
	float: left;
}
b
{
	font-weight: bold;
}
.price-info
{
	display: block;
	margin-top: -20px;
	margin-left: 20px;
}
.description-block:after
{
	content: '';
	display: block;
	clear: both;
}
.description-block .description
{
	width: 60%;
	float: left;
}
.description-block .price-block
{
	text-align: center;
	width: 40%;
	float: left;
	padding: 20px 0;
}
.description-block .price-block .price, .description-block .price-block .price b
{
	font-size: 24px;
	line-height: 28px;
}
.action
{
	color: #c41517;
	font-weight: bold;
	font-size: 20px;
}