@charset "utf-8";

/*
Theme Name: caz
Autor:Maxim
Discription: theme for Central Auto Zone
Version:1.0
*/


.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal; 
  font-display: swap;
}

body
{overflow-x: hidden;
overflow-y: visible;
font-family: "Montserrat", sans-serif;}

header
{background: #FFFFFF;
width: 100%;
z-index: 99999 !important;
height: 65px;}

.cb-header {
  position: fixed;
  left: 0;
  visibility: hidden;
}

.toparea
{background: #FFFFFF;
width: 90%;
height: 65px;
margin: auto;}

.blurslider-line
{background: rgba(230,0,0,0.6) !important; }

.last_top
{display: flex;}

.lang
{width: 20%;
margin-top:8px !important;}

#lang_choice_1{
  border: none;
  background-color: #fcfcfc;
  transition: .3s;
  padding: 16px 4px;
	font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
#lang_choice_1:hover{
  background-color: #f7f7f7;
}

.request
{background: #2E3032;
margin-top: 8px;
width: 80%;
height: 50px;
cursor: pointer;
display: block;
text-align: center;
line-height: 50px;
color: #FFFFFF;
transition: .5s;}

.request:hover
{background:#E60000;
transition: .5s;}

/*Menu*/

.menu
{margin-left: -15px;}



.menu li {
	position: relative;
	display: inline-block;
	margin: 15px 2px;
	outline: none;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

.menu li:hover,
.menu li:focus {
	outline: none;
}

.menu a
{ color:#2E3032;
text-decoration:none;}

.menu li img
{margin-right: 5px;}


.menu ul li li ul {
transition: all 300ms;
}

.menu ul li ul {
position: absolute;
  z-index: 9999 !important;
  left: 100%;
	margin-left:300px;
  top: 100%;
  width:1180px;  
  margin-top:13px;
  background: #FFFFFF !important; 
  visibility: hidden;
  opacity: 0;
  transform: translate(-50%, 20px);
  transition: .3s;

}


			
/* отображаем выпадающий список при наведении */
.menu ul li:hover > ul {
visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
z-index: 9999 !important;
  
}
			
/* первый уровень выпадающего списка */
.menu ul ul li {   
float:left;
width:31%;
display:list-item;
position: relative;
list-style:none;
}

.menu ul ul
{  transition: all .25s ease .1s;}



.uzb_menu li
{margin-left: 5px !important;
margin-right: 5px !important;
font-size: 14px !important;}


.uzb_menu.pa-underline-from-left nav li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;   
	padding: 20px 9px !important;
	font-weight: 500;
}


/*==== Start Underline From Left  ====*/

.pa-underline-from-left nav li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;    
	padding: 20px 9px;
	font-weight: 500;
}

.pa-underline-from-left nav li a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 0;
   right: 100%;
   bottom: 0;
   background:#E60000;
   height: 2px;
   transition: all 0.3s ease-out;
}

.pa-underline-from-left nav li a:hover::before {
   right: 0;
}


/*==== End Underline From Left ====*/

.lang 
{margin-top: 0px;}

.lang li
{display: block;
float: left;
margin: 5px 5px;}

.lang li a
{color:#2E3032;
text-decoration: none;}



/*==== Start Double Line Slide====*/

.pa-doubleline-slide li {
   position: relative;
	padding: 5px 5px;
}

.pa-doubleline-slide li a::before {
   content: "";
   position: absolute;
   height: 2px;
   width: 10px;
   left: -20px;
   top: 0;
   background-color:#E60000;
   display: block;
   z-index: 2;
   opacity: 0;  
   transition: .3s;   
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.pa-doubleline-slide li a::after {
   content: "";
   position: absolute;
   height: 2px;
   width: 10px;
   left: calc(100% + 20px);
   bottom: 0;
   background-color:#E60000;
   display: block;
   z-index: 2;
   opacity: 0;  
   transition: .3s;   
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.pa-doubleline-slide li a:hover::before {
   opacity: 1;
   left: 0;
   width: 100%;
}

.pa-doubleline-slide li a:hover::after {
   opacity: 1;
   left: 0;
   width: 100%;
}


.social
{margin-top: 10px;}

.social li
{display: block;
float: left;
list-style-type: none;
margin: 5px 5px;}

section
{margin-top: 100px;
margin-bottom: 100px;}

.home_wrapper
{width: 90%;
margin: auto;}


/*Buttons*/

.morebtn
{width: 250px;
height: 60px;
margin:30% auto;
}

.admorebtn
{width: 250px;
height: 60px;
margin:20% auto;
}

.sendform
{width:90%;
height: 60px;
margin:10% auto;
}




button 
{border:none !important;
background:#E60000;
border-radius: 7px;
padding: 0px;
height: 60px !important;
margin-left:5% !important;
}

.pa-background-shutter li {
   position: relative;
   z-index: 1;
   background:#E60000;
	list-style-type: none;
	width:100%;
height: 50px;
line-height: 50px;
border-radius: 7px;
}

.pa-background-shutter li a
{text-decoration: none;
color: #FFFFFF;
display: block;
text-align: center;}

.pa-background-shutter li a::before {
   content: "";
   position: absolute;
   top: 0;
   right: 50%;
   left: 50%;
   bottom: 0;
   background: #AD0000;
	border-radius: 7px;
   z-index: -1;
   opacity: 0;  
   transition: .3s;  
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.pa-background-shutter li a:hover {
   color: #ffffff!important;
}

.pa-background-shutter li a:hover::before {
   opacity: 1;
   left: 0;
   right: 0;
}


/*Title*/

.title
{margin-top: 20px;
margin-bottom: 50px;}

.title h3 {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin: 40px 10px;
	text-align: center;
	font-size: 36px;
	color: #1F2124;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}
.title h3:before,
.title h3:after {
	content: '';

	/* делаем линию строчно-блочной */
	display: inline-block;

	/* выравниваем вертикально по середине */
	vertical-align: middle;

	/* не позволяем ширине превысить 100% (будет добавлен бордюр) */
	box-sizing: border-box;

	/* установка ширины в 100% делает линию равной ширине тега заголовка
	** благодаря этому линия заполнит все свободное пространство
	** слева и справа от текста
	*/
	width: 10%;
	height: 3px;
	margin: 0px 10px;
	background:#C40303;

	/* добавляем к линии левый и правый бордюр цветом основного фона заголовка
	** благодаря этому создается нужный отступ между линиями и текстом
	*/
	border: solid #C40303;
	border-width: 0 10px;
}
.title h3:before {
	/* смещаем левую линию влево отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает слева от текста
	*/
	margin-left: -100%;
}
.title h3:after {
	/* смещаем правую линию вправо отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает справа от текста
	*/
	margin-right: -100%;
}


.title
{margin-top: 20px;
margin-bottom: 50px;}

.title h2 {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin: 40px 10px;
	text-align: center;
	font-size: 36px;
	color: #1F2124;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}
.title h2:before,
.title h2:after {
	content: '';

	/* делаем линию строчно-блочной */
	display: inline-block;

	/* выравниваем вертикально по середине */
	vertical-align: middle;

	/* не позволяем ширине превысить 100% (будет добавлен бордюр) */
	box-sizing: border-box;

	/* установка ширины в 100% делает линию равной ширине тега заголовка
	** благодаря этому линия заполнит все свободное пространство
	** слева и справа от текста
	*/
	width: 10%;
	height: 3px;
	margin: 0px 10px;
	background:#C40303;

	/* добавляем к линии левый и правый бордюр цветом основного фона заголовка
	** благодаря этому создается нужный отступ между линиями и текстом
	*/
	border: solid #C40303;
	border-width: 0 10px;
}
.title h2:before {
	/* смещаем левую линию влево отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает слева от текста
	*/
	margin-left: -100%;
}
.title h2:after {
	/* смещаем правую линию вправо отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает справа от текста
	*/
	margin-right: -100%;
}

.title
{margin-top: 20px;
margin-bottom: 50px;}

.title p {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin: 40px 10px;
	text-align: center;
	font-size: 36px;
	color: #1F2124;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}
.title p:before,
.title p:after {
	content: '';

	/* делаем линию строчно-блочной */
	display: inline-block;

	/* выравниваем вертикально по середине */
	vertical-align: middle;

	/* не позволяем ширине превысить 100% (будет добавлен бордюр) */
	box-sizing: border-box;

	/* установка ширины в 100% делает линию равной ширине тега заголовка
	** благодаря этому линия заполнит все свободное пространство
	** слева и справа от текста
	*/
	width: 10%;
	height: 3px;
	margin: 0px 10px;
	background:#C40303;

	/* добавляем к линии левый и правый бордюр цветом основного фона заголовка
	** благодаря этому создается нужный отступ между линиями и текстом
	*/
	border: solid #C40303;
	border-width: 0 10px;
}
.title p:before {
	/* смещаем левую линию влево отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает слева от текста
	*/
	margin-left: -100%;
}
.title p:after {
	/* смещаем правую линию вправо отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает справа от текста
	*/
	margin-right: -100%;
}

.tp-shadow2::before{
    display: none !important;	
}


.tp-shadow2::after{
    display: none !important;	
}


/*Catalog*/

.cat_prod img
{width: 100%;
height: 100%;}

.cat_prod h2 a
{color: #FFFFFF;}

.cat_prod a
{text-decoration: none;}

.cat_prod li
{list-style-type: none;
display: block;
text-align: center;
margin-left: -30px;
}

.cat_prod li a
{text-decoration: none;
color: #FFFFFF;}

.cat_prod p
{margin-top: 0px !important;
margin-bottom: 0px !important;
line-height: 5px !important;}

.cat_prod h3 a
{color:#606060;
display: block;
text-align: center;
margin-top: 20px;}

.cat_btn
{background: none !important;
border:2px solid #FFFFFF !important;
width: 40% !important;
height: 40px !important;
margin: 10px !important;
border-radius: 20px !important;}

.cat_btn a
{color: #FFFFFF !important;}

.cat_btn:hover a
{color:#000000 !important;
transition: .5s;}

.offer_title
{margin-top: 50px;
text-align: center;}

.xoverlay {
 	position: relative;
 	overflow: hidden;
 	perspective: 300px; 	
	 margin-left: -5px;
	 margin-right: -5px;
	 margin-top: -5px;
	 margin-bottom: -5px;
	 height: 100%;
 }
 .xoverlay .x-img-main {
 	width: 100%;
 }

.xoverlay-data
{width: 100%;
	height: 100%;
	display: flex;
	flex-direction:column;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;}

 .xoverlay-data p {
 	color: #fff;
 	text-align:justify;
 	padding: 10px;
 	margin: 0; 	
 	font-size: 15px;
 }
 .xoverlay h4 {
 	font-size: 30px;
 	text-align:center;
 	display: block; 	
 	color:#FFFFFF;
	 
 }

 .xoverlay h4 a
{text-decoration: none;
color:#FFFFFF;}

.close
{display: block;
float: right;}

.close:hover
{cursor: pointer;}


 .xoverlay span {
 	display: inline-block;
 	position: relative;
 	top: 38%;
 	
 }
 .xoverlay span i {
 	text-align: center;
 	font-size: 40px;
 	width: 50px;
 	height: 50px;
 	padding: 5%;
 }
.close
{color: #FFFFFF;
position: absolute;
z-index: 99;}


/*===== Flip Bottom =====*/

 .x-flip-bottom .xoverlay-box {
 	transform-origin: center bottom; 	
 	transform: rotateX(131deg); 	
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	right: 0;
 	background:#90241E; 	
 	transition: all .3s;
 }
 .x-flip-bottom:hover .xoverlay-box {
 	transform-origin: center bottom; 	
 	transform: rotateX(0deg); 	
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	background:#90241E;
 }

/*===== Zoom In Out =====*/

 .x-zoom-inout .xoverlay-box {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0;
 	overflow: hidden;
 	transform: scale(0, 0);
 	background: rgba(46,48,50,0.6);
 	transition: all .3s;
 }
 .x-zoom-inout:hover .xoverlay-box {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0;
 	overflow: hidden;
 	background: rgba(46,48,50,0.6);
 	transform: scale(1, 1);
 }
 .x-zoom-inout .x-img-main {
 	transition: all .3s;
 }
 .x-zoom-inout:hover .x-img-main {
 	 	transform: scale(0, 0);
 }


.x-top .xoverlay-box {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top:100%;
 	background: rgba(46,48,50,0.6);
 	transition: all .3s;
 }
 .x-top:hover .xoverlay-box {
 	width: 100%;
 	height: 100%;
 	position: absolute;
 	left: 0;
 	right: 0;
 	top: 0;
 	background: rgba(46,48,50,0.6);
 }

.x-top p
{margin-top: 10% !important;
width: 90%;
margin: auto;
text-align: center;
font-size: 25px;}


/*Brands*/

.brand img
{display: block;
text-align: center;}

#carouselExampleControlsNoTouching .carousel-control-prev,
#carouselExampleControlsNoTouching .carousel-control-next {
    right: 10px; /* Отступ от правого края */
}

#carouselExampleControlsNoTouching .carousel-control-prev {
    left: auto; /* Убираем левый отступ */
}

#carouselExampleControlsNoTouching .carousel-control-prev-icon {
    background: url("images/arrow-left.webp") no-repeat center center;
    background-size: contain;
    width: 70px;
    height: 70px;
	margin-right:130px;
	margin-top: -80px;
}

#carouselExampleControlsNoTouching .carousel-control-next {
    right: 10px; /* Отступ от правого края */
}

#carouselExampleControlsNoTouching .carousel-control-next-icon {
    background: url("images/arrow-right.webp") no-repeat center center;
    background-size: contain;
    width: 70px;
    height: 70px;
	margin-top: -80px;
}




/*Testimonintails*/


#carouselExampleDark .carousel-control-prev,
#carouselExampleDark .carousel-control-next {
    right: 10px; /* Отступ от правого края */
}

#carouselExampleDark .carousel-control-prev {
    left: auto; /* Убираем левый отступ */
}

#carouselExampleDark .carousel-control-prev-icon {
    background: url("images/arrow-left.webp") no-repeat center center;
    background-size: contain;
    width: 70px;
    height: 70px;
	margin-right:130px;
	margin-top: -80px;
}

#carouselExampleDark .carousel-control-next {
    right: 10px; /* Отступ от правого края */
}

#carouselExampleDark .carousel-control-next-icon {
    background: url("images/arrow-right.webp") no-repeat center center;
    background-size: contain;
    width: 70px;
    height: 70px;
	margin-top: -80px;
}

#carouselExampleDark .carousel-indicators
{display: none;}

/*Title 2*/
.title_light
{padding-top: 20px;}

.title_light p {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin: 40px 10px;
	text-align: center;
	font-size: 36px;
	color:#FFFFFF;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}
.title_light p:before,
.title_light p:after {
	content: '';

	/* делаем линию строчно-блочной */
	display: inline-block;

	/* выравниваем вертикально по середине */
	vertical-align: middle;

	/* не позволяем ширине превысить 100% (будет добавлен бордюр) */
	box-sizing: border-box;

	/* установка ширины в 100% делает линию равной ширине тега заголовка
	** благодаря этому линия заполнит все свободное пространство
	** слева и справа от текста
	*/
	width: 10%;
	height: 3px;
	margin: 0px 10px;
	background:#FFFFFF;

	/* добавляем к линии левый и правый бордюр цветом основного фона заголовка
	** благодаря этому создается нужный отступ между линиями и текстом
	*/
	border: solid #FFFFFF;
	border-width: 0 10px;
}
.title_light p:before {
	/* смещаем левую линию влево отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает слева от текста
	*/
	margin-left: -100%;
}
.title_light p:after {
	/* смещаем правую линию вправо отрицательным отступом, равным 100% ширины
	** благодаря этому линия встает справа от текста
	*/
	margin-right: -100%;
}



.home_solution
{background: url("images/solutions.webp");
width: 100%;
height:605px;
background-size: 100%;}

.hs_wrapper
{width: 80%;
margin:auto;
padding-top: 160px;}


/*==== Start Background Grow ====*/

.pa-background-grow nav li{
   position: relative;
   z-index: 1;   
	padding: 20px 20px;
	border:1px solid #CFD0D0;
	display: block;
	float: left;
	margin: 10px 20px;
}

.pa-background-grow nav li a
{color:#464748;
display: block;
text-decoration: none;}

.pa-background-grow nav li a::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background:#B80404;
   z-index: -1;
   opacity: 0;   
   transform: scale(.5);  
   transition: .3s;  
   transition-timing-function: cubic-bezier(.58, .3, .005, 1);
}

.pa-background-grow nav li a:hover {
   color: #ffffff!important;
}

.pa-background-grow nav li a:hover::before {
   opacity: 1;   
   transform: scale(1);
}



.myparalax
{height:950px;
text-align: center;}


.myactive
{color:#FFFFFF;
background: rgba(230,0,0,0.7);}

.wrapper
{margin-top: 20px;}

.tabs
{margin-top:52px;}

.tab
{ 
display: block;
float: none;
text-align: left;
cursor: pointer;
padding: 2px;
color: #FFFFFF;
margin-top:25px;
margin-bottom:25px;
}



.bt
{border-top: 1px solid #6E7076;}

.bb
{border-bottom: 1px solid #6E7076;}


.tab-item
{width: 100%;
padding: 10px;
float: none;
cursor: pointer;
color: #FFFFFF !important;
}

.tab-item p
{color: #FFFFFF !important;
font-size: 25px;}

iframe { width: 95%; height: 95%; aspect-ratio: 16/9; }

.company_wrapper
{width: 70%;
margin: auto;}

.company_text
{padding-top: 80px;}

.company_more p
{text-decoration: none;
cursor: pointer;
color:#2B2B2C;}

.company_second
{background:#F5F5FA;
width: 100%;
height: auto;}

.advantages
{height: 110%;}

.advantage_outer
{height: 100%;
position: relative;
}

.advantage_top
{height:100px;
width: 102% !important;
background:#F5F5FA;
margin-left: -1%;
transition: all .3s;
transform: translateY(30px);
}

.advantage_top p
{display: block;
text-align: center;
font-size: 25px;
line-height: 70px;
color:#000000;}

.advantage
{height: 85% !important;
width: 100%;
background:#F5F5FA;
}

.advantage_outer:hover .advantage_top
{transform: translateY(0px);
transition: all .3s;
background:#C50303;}

.advantage_outer:hover .advantage_top h4
{line-height: 100px;
transition: all .3s;
color: #FFFFFF;}

.advantage img
{width:100%;
height:100%;}


.partner
{background: #FFFFFF;
width: 90%;
margin: 10px;
height:230px;
padding: 20px;
transition: all .3s;
}

.partner:hover
{background: #FFFFFF;
box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
transition: all .3s;
}

.myparalax_2
{height: 700px;}


.right_white
{height:700px;
width: 100%;
background: rgba(255,255,255,0.6);}

.homeform 
{margin-left: 5%;
margin-right: 5%;
padding-top: 50px;}


.homeform input
{width: 100%;
height: 50px;
padding: 7px;
outline: none;
border: none;
border-bottom: 1px solid #000000;
background: none;
margin-bottom: 20px;
color: #000000;
font-family: "Montserrat", sans-serif;
}

.homeform input::input-placeholder
{color:#000000;}

.homeform textarea:placeholder
{color:#000000;}



.homeform textarea
{width: 100%;
height: 170px;
padding: 7px;
outline: none;
border: none;
border-bottom: 1px solid #000000;
border-bottom: 1px solid #000000;
background: none;
margin-bottom: 20px;
font-family: "Montserrat", sans-serif;}



.locations
{background:#F5F5FA;
height:900px;
padding-top: 50px;
padding-bottom: 50px;
margin-top: -50px;
margin-bottom: -50px;}

.location
{background:#FFFFFF;
height: 570px;
width: 90%;
margin: auto;
border-bottom: 10px solid #B8BCC4;}

.mapouter
{width: 100%;
height: 430px;
padding: 0px;
overflow: hidden;
border: 15px solid #B8BCC4;}

.map
{width: 105%;
height: auto;
}

.contact_info
{margin: 20px;}

.contact_text a
{color: #000000;
text-decoration: none;}


/*404*/

.wrapnf
{width: 80%;
margin:90px auto;
display: block;
text-align: center;}

.p404 p
{font-size:120px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bolder;

-webkit-text-stroke: 2px #000000;
color: #969696;

}


.wrapnf h1 {
font-size: 50px !important;
margin-bottom: 20px !important;
}
.wrapnf > p {
font-size: 20px !important;
margin-bottom: 30px !important;
}


.md-perspective,
.md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-perspective body  {
	background: #222;	
	perspective: 600px;
}

.md-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;	
	max-width: 630px;
	min-width: 320px;
	height: auto;
	z-index:999999;
	visibility: hidden;	
	backface-visibility: hidden;	
	transform: translateX(-50%) translateY(-50%);
}

.md-show {
	visibility: visible;
}

.md-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.md-show ~ .md-overlay {
	opacity: 1;
	visibility: visible;
}

/* Content styles */
.md-content {
	color: #444;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
}

.md-content p a
{color: #000000;
text-decoration: none;}

.md-content > div {
	padding: 15px 40px 30px;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
}

.md-content > div p {
	margin: 0;
	padding: 10px 0;
}

.md-content > div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-content > div ul li {
	padding: 5px 0;
}

.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}

.call_fixed
{background: #049345;
border-radius:50%;
cursor:pointer;
height:68px;
text-align:center;
display: flex;
justify-content: center;
width:68px;
position: fixed;
right: 4%;
animation:phone-an linear 1s infinite;
bottom: 18%;
z-index:999;
}


.call_fixed i {
	color:#fff;
	font-size:29px;	
	line-height: 66px;
	
}

@-webkit-keyframes phone-an {
	0% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 0 rgba(4,147,69,0.2),0 0 0 0 rgba(4,147,69,0.1)
}
40% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 15px rgba(4,147,69,0.2),0 0 0 0 rgba(4,147,69,0.1)
}
80% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 30px rgba(4,147,69,0.2),0 0 0 26.7px rgba(4,147,69,0.1)
}
100% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 30px rgba(4,147,69,0),0 0 0 40px rgba(4,147,69,0)
}
}
@keyframes phone-an {
	0% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 0 rgba(4,147,69,0.2),0 0 0 0 rgba(4,147,69,0.2)
}
40% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 15px rgba(4,147,69,0.2),0 0 0 0 rgba(4,147,69,0.2)
}
80% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 30px rgba(4,147,69,0),0 0 0 26.7px rgba(4,147,69,0.067)
}
100% {
	box-shadow:0 8px 10px rgba(4,147,69,0.3),0 0 0 30px rgba(4,147,69,0),0 0 0 40px rgba(4,147,69,0.0)
}
}



/* Effect 14:  3D Rotate from bottom */
.md-effect-14.md-modal {
	perspective: 1300px;
}

.md-effect-14 .md-content {
	
	transform-style: preserve-3d;	
	transform: translateY(100%) rotateX(90deg);	
	transform-origin: 0 100%;
	opacity: 0;	
	transition: all 0.3s ease-out;
}

.md-show.md-effect-14 .md-content {
	transform: translateY(0%) rotateX(0deg);
	opacity: 1;
}

/* Effect 13: 3D slit */
.md-effect-13.md-modal {	
	perspective: 1300px;
}

.md-effect-13 .md-content {
	transform-style: preserve-3d;
	transform: translateZ(-3000px) rotateY(90deg);
	opacity: 0;
}

.md-show.md-effect-13 .md-content {
	animation: slit .7s forwards ease-out;
}

@keyframes slit {
	50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;}
	100% { transform: translateZ(0) rotateY(0deg); opacity: 1; }
}


/*кнопка обратной связи*/

.email-bt {
	background:#E60000;
	border:2px solid #E60000;
	border-radius:50%;
	box-shadow:0 8px 10px rgba(249,92,24,0.3);
	cursor:pointer;
	height:68px;
	text-align:center;
	display: flex;
	justify-content: center;
	width:68px;
	position: fixed;
	right: 4%;
	bottom: 5%;
	z-index:999;
	transition:.3s;	
	animation:email-an linear 1s infinite;
	z-index: 99999999;
}

.email-bt .text-call{
	height:68px;
	width:68px;	
	border-radius:50%;
	position:relative;
	overflow:hidden;
	display: flex;
	justify-content: center;
}

.email-bt .text-call span {  
	height:68px;
	width:68px;
	display: flex;
	justify-content: center;
    color:#E60000;
    opacity: 0;
    font-size: 0;
	position:absolute;	
	align-items: center;
	font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.email-bt .text-call:hover span {
    opacity: 1;
	font-size: 11px;
	z-index: 99999999;
}
.email-bt:hover i {
    display:none;
	z-index: 99999999;
}

.email-bt:hover {
	z-index:1;
	background:#fff;
	transition:.3s;
	z-index: 99999999;
}
.email-bt:hover i {
	color:#38a3fd;
	font-size:40px;
	transition:.3s;
	z-index: 99999999;
}
.email-bt i {
	color:#fff;
	font-size:29px;
	transition:.3s;
	line-height: 66px;
	
}

.email-bt i  {	
	animation: opsimple 3s infinite;
	color: rgba(,1.00)
}

@-webkit-keyframes email-an {
	0% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 0 rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.1)
}
40% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 15px rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.1)
}
80% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0.2),0 0 0 26.7px rgba(230,0,0,0.1)
}
100% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0),0 0 0 40px rgba(230,0,0,0)
}
}@keyframes email-an {
	0% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 0 rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.2)
}
40% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 15px rgba(230,0,0,0.2),0 0 0 0 rgba(230,0,0,0.2)
}
80% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0),0 0 0 26.7px rgba(230,0,0,0.067)
}
100% {
	box-shadow:0 8px 10px rgba(230,0,0,0.3),0 0 0 30px rgba(230,0,0,0),0 0 0 40px rgba(230,0,0,0.0)
}
}


/* модальное окно */

.md-content h3
{color:#000000;}

form {
    margin-left:auto;
    margin-right:auto;
}

input,select, textarea {
	box-sizing: border-box;
	
}

textarea{
	width: 100%;
    height: 110px;
    border: 2px solid #000000;     
    display:block;    
    font-size:15px;
    color:#444;
    padding:20px;
    margin-bottom:10px;
	margin-top: 10px !important;
}

input {
	border: 2px solid #000000;
    width: 100%;
    height:60px !important;
    display:block;   
    font-size:15px;
    color:#444;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:10px !important;
	margin-top: 10px !important;
}




input[type=submit] {
    cursor:pointer;
}

input-placeholder {
	  color:#000000;
}


input:focus, textarea:focus { 
	  background-color: rgba(0, 0, 0, 0.15);
}

.md-content p
{display: block;
text-align: center;
font-size: 23px;
font-weight: 500;
padding-top: 20px;}

.orderbtnform {
	margin:0 auto;
    background:#E60000 !important;
    height: 50px;
	line-height:10px;
	width: 100%;
    color: #fff;
	font-size:17px;
	transition:all 0.3s;
}

.btn:hover {
    background: #C50000;
 }


.display
{display: none;}

.footer
{width: 100%;
height:495px;
background: url("images/footer.webp");
}

.myparalax_3
{height: 650px;
background-size: 100%;
z-index: 8;}



.footer_inner
{width: 90%;
margin: auto;
padding-top: 70px;}

.footer_brand p
{font-size: 20px;
font-family: 'Roboto', sans-serif;
line-height: 50px;
text-transform: uppercase;
color:#B7BAC0;
text-align: left;
margin-top: 40px;}

.footer_block
{padding-top: 10px;}

.footer_block p
{font-size: 20px;
font-family: 'Roboto', sans-serif;
color:#FFFFFF;
}
.footer_menu
{margin-left: -40px;}


.pa-overline-from-left li{
   position: relative;
   overflow: hidden;
   transition: all 0.3s;   
	padding: 15px 10px;
	list-style-type: none;
	font-size: 20px;
}

.pa-overline-from-left li a
{color:#B7BAC0;
text-decoration: none;}

.pa-overline-from-left li a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 0;
   right: 100%;
   top: 0;
   background:#E60000;
   height: 2px;  
   transition: all 0.3s ease-out;
}

.pa-overline-from-left li a:hover::before {
   right: 0;
}

.footer_contacts
{margin-bottom: 20px;
margin-top: 20px;}


.footer_contacts_text p
{color:#B7BAC0;
font-size: 18px;}

.footer_contacts_text p a
{color:#B7BAC0;
text-decoration: none;
}


.footer_social li
{list-style-type: none;
float: left;
margin: 10px 20px;}



@media screen and (max-width: 4000px) {
	
header
{display:block;}
	
#carouselExampleCaptions
{display: none;}
	
#jssor_1
{display: none;}
	
.mob_lang
{display: none;}
	
.menu	
{display:block;}
	
#main-nav
{display: none;}
	
.home_slider
{display:block;
margin-top: 65px;}
	
.mob_reviews
{display:none;}

}

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

.home_slider
{display:block;
margin-top: 65px;}
	
	
.mob_lang
{display: none;}
	
#main-nav
{display: none;}
	
.menu li {
	position: relative;
	display: inline-block;
	margin: 15px 1px !important;
	outline: none;
	color: #fff;
	text-decoration: none;
	font-weight: 300;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;
	font-family: 'Montserrat', sans-serif;
}

.uzb_menu
{margin-left: -28px !important;}

.uzb_menu li
{margin-left: 3px !important;
margin-right: 3px !important;
font-size: 14px !important;}


.uzb_menu.pa-underline-from-left nav li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;   
	padding: 20px 5px !important;
	font-weight: 500;
}
	
.pa-underline-from-left nav li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;   
	padding: 20px 3px;
	font-weight: 500;
}
	
.toparea
{background: #FFFFFF;
width: 100%;
height: 65px;
margin: auto;}

.blurslider-line
{background: rgba(230,0,0,0.6) !important; }

.lang
{
margin-top:10px !important;}

#lang_choice_1{
  border: none;
  background-color: #fcfcfc;
  transition: .3s;
  padding: 10px 4px;
	font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
#lang_choice_1:hover{
  background-color: #f7f7f7;
}
	
.cat_btn
{display: block;
margin-top: -10px !important;}
	
.home_solution
{background: url("images/solutions.webp");
width: 100%;
height:455px;
background-repeat: no-repeat;
background-size: 100%;}

.hs_wrapper
{width:90%;
margin:auto;
padding-top:50px;}
	
iframe { width: 100%; height:100%; aspect-ratio: 16/9; }
	
.tabs
{margin-top:84px;}
	
.tab
{ 
display: block;
float: none;
text-align: left;
cursor: pointer;
padding: 2px;
color: #FFFFFF;
margin-top:12px;
margin-bottom:12px;
}
	
	
 .xoverlay h4 {
 	font-size: 20px;
 	text-align:center;
 	display: block; 	
 	color:#FFFFFF;
	 margin-top: 15%;
 }
	
#carouselExampleDark
{display:block;}
	
.mob_reviews
{display:none;}
	
.mob_reviews
{display:none;}
	
	
.location
{background:#FFFFFF;
height: 530px;
width: 90%;
margin: auto;
border-bottom: 10px solid #B8BCC4;}

.mapouter
{width: 100%;
height:320px;
padding: 0px;
overflow: hidden;
border: 15px solid #B8BCC4;}

.map
{width: 100%;}

.footer
{width: 100%;
height:600px;
background: url("images/footer.webp");
}	
	
.footer_brand
	{margin-top:20px;}
	
.footer_brand h4
{font-size:16px;
font-family: 'Roboto', sans-serif;
line-height: 50px;
text-transform: uppercase;
color: #FFFFFF;
text-align: left;
margin-top: 40px;}
	
	
.pa-overline-from-left li{
   position: relative;
   overflow: hidden;
   transition: all 0.3s;  
	padding: 10px 10px;
	list-style-type: none;
	font-size: 20px;
}
	
.footer_social li
{list-style-type: none;
float: left;
margin: 10px 10px;}

	
	
}

@media screen and (max-width:1366px) {
	
.home_slider
{display:block;}
	
#carouselExampleCaptions
{display: none;}
	
#main-nav
{display: none;}
	
.mob_lang
{display: none;}
	
.menu 
{margin-left: -15px;}
	
.menu li {
	position: relative;
	display: inline-block;
	margin: 15px 0px;
	outline: none;
	color: #fff;
	text-decoration: none;
	font-weight: 400;
	text-shadow: 0 0 1px rgba(255,255,255,0.3);
	font-size: 14px;
}
	
.pa-underline-from-left nav li a {
   position: relative;
   overflow: hidden;
   transition: all 0.3s;   
	padding: 20px 0px;
}
	
.toparea
{background: #FFFFFF;
width: 100%;
height: 65px;
margin: auto;}

.blurslider-line
{background: rgba(230,0,0,0.6) !important; }

.lang
{
margin-top:10px !important;}

#lang_choice_1{
  border: none;
  background-color: #fcfcfc;
  transition: .3s;
  padding: 10px 4px;
	font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
#lang_choice_1:hover{
  background-color: #f7f7f7;
}
	
.cat_btn
{display: block;}
	
.home_solution
{background: url("images/solutions.jpg");
width: 100%;
height:455px;
background-repeat: no-repeat;
background-size: 100%;}

.hs_wrapper
{width:90%;
margin:auto;
padding-top:50px;}
	
iframe { width: 100%; height:100%; aspect-ratio: 16/9; }
	
.tabs
{margin-top:84px;}
	
.tab
{ 
display: block;
float: none;
text-align: left;
cursor: pointer;
padding: 2px;
color: #FFFFFF;
margin-top:12px;
margin-bottom:12px;
}
	
	
 .xoverlay h4 {
 	font-size: 20px;
 	text-align:center;
 	display: block; 	
 	color:#FFFFFF;
	 margin-top: 15%;
 }
	
#carouselExampleDark
{display:block;}
	
.mob_reviews
{display:none;}
	
	
.location
{background:#FFFFFF;
height: 530px;
width: 90%;
margin: auto;
border-bottom: 10px solid #B8BCC4;}

.mapouter
{width: 100%;
height:320px;
padding: 0px;
overflow: hidden;
border: 15px solid #B8BCC4;}

.map
{width: 100%;}

	
	
.footer_brand h4
{font-size: 22px;
font-family: 'Roboto', sans-serif;
line-height: 50px;
text-transform: uppercase;
color: #FFFFFF;
text-align: left;
margin-top: 40px;}
	
	
.pa-overline-from-left li{
   position: relative;
   overflow: hidden;
   transition: all 0.3s;   
	padding: 10px 10px;
	list-style-type: none;
	font-size: 20px;
}
	
.footer_social li
{list-style-type: none;
float: left;
margin: 10px 10px;}

	
	
}


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

	
.home_slider
{display: block;}
	
#carouselExampleCaptions
{display: block;}
	
.carousel-indicators
{display: none;}	
	
.carousel-control-prev
{margin-top: 50px;}
	
.carousel-control-next
{margin-top: 50px;}
	
.carousel-caption span
{color: #FFFFFF;
display: block;
transform: translateY(10px);}
	

	

	
.mob_lang
{display:block;
position: absolute;
	right: 1%;
	top: 1%;}
	
.mob_lang li
	{list-style-type: none;
	display: block;
	float: left;
	margin-right: 6px;
	background:#E60000;
	width: 30px;
	height: 30px;
		text-align: center;
	border-radius:50% !important;}
	
.mob_lang li a
	{color: #FFFFFF;
		line-height: 30px;
		font-size: 14px;
	text-decoration: none;}
	
.slide p
	{position: absolute !important;
	z-index: 999 !important;
		color: #FFFFFF;
		margin-top: 230px;
		margin-left: 20px;
	font-size: 40px !important;}
	
header
{display: none;}

.toparea
{background: #FFFFFF;
width: 100%;
height: auto;}
	
.logo img
{width: 70%;
margin-left: 15%;}

.menu	
{display: none;}
	
#main-nav
{display:block;}
	
	
.cat_btn
{display:none;}
	
	
.title h3 {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin:40px 10px;
	text-align: center;
	font-size: 20px;
	color: #1F2124;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}
	
.title p {
	/* чтобы линии не выходили за ширину блока заголовка */
	overflow: hidden;	
	margin:20px 5px;
	text-align: center;
	font-size: 18px;
	color: #1F2124;
	font-family: "Montserrat", sans-serif;
	text-transform: inherit;
}

	
.myparalax
{height:auto;}
	
 .xoverlay h4 {
 	font-size: 20px;
 	text-align:center;
 	display: block; 	
 	color:#FFFFFF;
	 margin-top: 20%;
 }
	
.home_solution
{background:#FEFEFE;
width: 100%;
height:auto;
background-size: 100%;}
	
#carouselExampleControlsNoTouching .carousel-control-next
{margin-top: -10px;}

#carouselExampleDark
{display: none;}
	
.mob_reviews
{display: block;}

	
.text:hover
{display:block;}

.hs_wrapper
{width: 90%;
margin:auto;
padding-top:10px;}
	
.location
{background:#FFFFFF;
height:auto;
width: 95%;
margin: auto;
border-bottom: 5px solid #B8BCC4;}
	
.locations
{background:#F5F5FA;
height:auto;
padding-top: 50px;
padding-bottom: 50px;
margin-top:0px;
margin-bottom:0px;}
	
	
.footer
{width: 100%;
height:auto;
background:#3D404A;
}
	
.grey_footer
{width: 100%;
height:auto;
background: rgba(75,75,75,0.7);
position: relative;
position: absolute;	
z-index: 99;}


.myparalax_3
{height:auto;
z-index: 8;}
	

	
		
}