body{ overflow-x:hidden;}
button:focus {outline:0;}
.nav-link{ text-transform:uppercase;}
.navigation a:nth-last-of-type(1){background: #FFFFFF; border-radius: 37px; color: #D11B00; text-transform:uppercase; padding:10px 20px}
.navigation a:nth-last-of-type(1):after{ content:none;}
.main-header{ position:relative;}
.top-links{ color:#fff; position:absolute; top:10px; left:0; right:0; font-size:12px; font-weight:400; text-align:center;}
.top-links span{ display:inline-block;}
.top-links a{ color:#fff; text-decoration:none;}
.t-phone{ margin-bottom:5px; margin-right:5px;}
.t-mail img{ vertical-align:middle;}
.top-line {margin-top: 50px;}
.numbers-box{background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.09); border-radius: 54px; padding:20px 10px; max-width:1190px; 
margin:-133px auto 50px; display:flex; flex-direction:column; align-items:center; justify-content: center; position:relative; z-index:99;}
.numbers-box.nbox{z-index:unset !important;}
.numbers-box .n-box{ text-align:center; margin-bottom:20px;}
.numbers-box .n-num{ font-size:24px; font-weight:600; color: #C71A00; padding-bottom:10px;}
.numbers-box .n-txt{ font-size:12px; font-weight:400; color: #000; max-width:250px; text-transform:uppercase;}
.about-section p{ font-weight:400; font-size:15px; line-height: 20px;}
.hlt{color: #d61c00; font-size:24px;}
.services-row{display:grid; grid-template-columns:auto;}
.s-box-title{ display:grid; grid-template-columns:15% auto; grid-column-gap:10px; align-items:center; color:#000; font-size:18px; font-weight:400;}
.s-box-title a{color:#000; font-size:18px; font-weight:400; text-decoration:none;}
.s-box-content{ color:rgba( 0,0,0,0.5); font-size:14px; font-weight:400; padding-top:20px;}
.s-box{ border-bottom:1px solid rgba( 0,0,0,0.1); padding-bottom:20px; margin-bottom:20px; position:relative;min-height:240px;}
.s-box:nth-last-of-type(1){border-bottom:0px ;}
.s-box-link{ padding-top:10px; text-align:right;}
.s-box-link a{ color:#d61c00; text-decoration:none; font-weight:normal; font-size:14px;}
.step-img{max-width: 200px; margin:auto; margin-bottom:30px;}
.tab-row{ display: flex; flex-direction:column; position:relative;}
.tab-row .mytab button{ border:0; background:#fff; cursor:pointer; font-size:18px; color:#000; padding:7px 30px; border-radius:35px; transition: all .4s ease-in-out;}
.tab-row .mytab button.active { background-color: #FFE0DB; color:#E70000; font-weight:500; transition: all .4s ease-in-out; border:0; border-radius:35px;}
.tab-row .mytab button:hover, .tab-row .mytab button:active, .tab-row .mytab button:focus, .tab-row .mytab button:focus-within, .tab-row .mytab button.visited {border:0; border-radius:35px;}
.tab-row .mytab {text-align: right; border: 1px solid #ccc; border-radius: 35px; padding: 2px; max-width: 216px; margin:20px auto 0px;}
.tab-row .tab-text{ padding:50px 0px 0px;}
.postlist ul{ margin:0; padding:0;}
.postlist li {display: block;  vertical-align: top; margin: 0px 0px 20px 0px;}
.postlist .postContent { font-size:16px; font-weight:normal;}
.postlist .postContent h1 { font-size:20px; font-weight:600;}
.postlist .postContent h1 a{ color: #d61c00; text-decoration:none;}
.postlist .postContent .def-btn{ display:block; margin-top:20px;}

.postlist .po-thumb {
	position: relative;
	margin-bottom: 20px;
}

.postlist .po-thumb img {
	position: absolute;
	width: calc(100% - 10px);
	height: calc(100% - 2px);
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	z-index: 1;
	left: 5px;
	top: 1px;
}

.postlist .po-thumb .mask, .postlist .po-thumb svg {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	z-index: 2;
}

.faq-section{ padding:30px 0px;}
.faq-inner{display:flex; flex-direction:column; align-items:center; margin-top:30px;}
.faq-inner .faq-left{ margin-bottom:30px;}
.faq-inner .faq-right{position:relative;}
.faq-img {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right:0;
	top: 0;
	padding: 0px;
	text-align:center;
}
.faq-svg {
	display: block;
	position: relative;
	width: 100%;
	min-width: 100%;
	height: 100%;
}
.faq-section .accordions-head{box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05);}
.faq-section .ui-accordion .ui-accordion-header{ margin:10px 0px 0px;}
.faq-section .ui-state-active .accordions-head-title { color:#fff !important; transition: all 100ms linear;}
.faq-section .accordion-content{ font-family:'Gotham Pro' !important; font-weight:normal; font-size:14px;}
.ftr-services-row{ display:none;}

.brand-container.swiper-container {
      width: 100%;
      height: 100%;
 }
.brand-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.brand-slide .swiper-button-next, .brand-slide .swiper-container-rtl .swiper-button-prev {right: 0px; left: auto;}
.brand-slide .swiper-button-prev, .brand-slide .swiper-container-rtl .swiper-button-next {left: 0px; right: auto;}
.brand-slide .swiper-button-next::after, .brand-slide .swiper-container-rtl .swiper-button-prev::after {content:url(../img/new/rarrow.svg);}
.brand-slide .swiper-button-prev::after, .brand-slide .swiper-container-rtl .swiper-button-next::after {content:url(../img/new/larrow.svg);}

/*.brands-list-block.brand-slide {width: 90%; padding: 0 5%; display: unset; margin: 30px 5%;}
.brands-list-block.brand-slide .brand-item:nth-child(2n) {margin-left: unset;}
.brands-list-block.brand-slide .brand-item img{ width:auto; max-width:100%;}*/

/*Thank you css*/
.thankyou-popup, .popup-captcha{
	display: none;
	margin: 0 auto;
	width: 500px;
	height: 200px;
	background-image: url(../img/sherpaBG.png);
	border: solid 2px white;
	color: white;
	text-align: center;
	padding-top: 40px;
	position: fixed;
	top: 300px;
	left: calc((100% - 500px)/2);
	z-index: 100;
	overflow: hidden;
}


.thankyou-popup__title{
	padding-top: 20px;
	font-size: 24px;
}

.thankyou-popup__text{
	font-size: 24px;
}

.thankyou-popup-close-img{
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;

}

.thankyou-popup-close-img:hover{
	transform: rotate(180deg);
 	transition: all 0.6s ease-out;
}

.page404-tile{
	font-size: 64px;
	margin-bottom: 32px
}

.contacts-items{
	padding-top: 120px;
	margin: 0 auto;
}

.contacts-item{
	color: black;
	font-weight: bold;
}

.contacts-items~hover{
	color: #d61c00;
}

.contact-form{
	background: #FFFFFF;
	border: 3px solid #C71A00;
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.09);
	border-radius: 16px;
	padding:40px 20px 30px;
}

@media (max-width: 639px){
	.thankyou-popup, .popup-captcha{
		width: 80%;
		left: 10%;
		top: 200px;
	}

	.thankyou-popup__title{
		font-size: 20px;
	}

	.thankyou-popup__text{
		font-size: 20px;
	}

	.page404-tile{
		font-size: 32px;
		margin-bottom: 10px;
	}

	.page404-text{
		font-size: 18px;
	}

	
}
@media(min-width: 360px){
	.top-line {margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 991px){
	.nav-link {margin-left: 18px; font-size:12px;}
}
@media(max-width: 749px){
	.contacts-items{
		display: none;
	}
}
@media(max-width: 767px){
	.t-mail img, .t-phone img{ width:10px;}
}

@media(max-width: 768px){
.brands-list-block.newb-list {display: flex !important;}
.brands-list-block.newb-list {width: 100% !important; margin-top: 30px !important;}	
}


@media(max-width: 832px) and (min-width: 750px){
	.contact-page-form-block{
		width: 50%;	
	}
}


@media (min-width: 768px) {
	.top-line{ margin-top:40px;}
	.top-links{position:absolute; right:30px; top:20px; font-size:16px; left:unset; display: flex; align-items: center;}
	.social-icons{ margin-right:10px;}
	.t-phone{ margin-right:20px; margin-bottom:0;}
	.top-links span{ display:inline-block;}
	.numbers-box{ padding:20px 10px; margin:-110px auto 50px; display:flex; flex-direction:row; align-items:start; justify-content: space-evenly;}
	.numbers-box .n-num{ font-size:33px;}
	.numbers-box .n-txt{ font-size:12px;}
	.numbers-box .n-box{ margin-bottom:0px;}
	.numbers-box .n-txt span{ display:block;}
	.postlist li {display: inline-block; width: 29%; vertical-align: top; margin: 0px 30px 0px 0px;}
	.postlist li:nth-last-of-type(1){ margin:0;} 
	.postlist .postContent { font-size:13px;}
	.postlist .postContent h1 { font-size:16px;}
	.tab-row .tab-text{ padding:80px 0px 0px;}
	.tab-row .mytab{position:absolute; right:0; top:-30px; margin:unset; max-width: 246px;}
	.tab-row .mytab button{ font-size:24px; padding:7px 30px;}
	
	.services-row{display:grid; grid-template-columns:auto auto auto; grid-column-gap:30px;}
	.s-box-title{ display:grid; grid-template-columns:15% auto; grid-column-gap:10px; align-items:center; color:#000; font-size:14px; font-weight:400;}
	.s-box-title a{color:#000; font-size:14px; font-weight:400; text-decoration:none;}
	.s-box-content{ color:rgba( 0,0,0,0.5); font-size:14px; font-weight:400; padding-top:20px;}
	
	.faq-inner{display:flex; flex-direction:row; align-items:center; margin-top:30px;}
	.faq-inner .faq-left{ width:60%;}
	.faq-inner .faq-right{ width:30%; position:relative; margin-left:10%;}
	
	.ftr-services {width: 100%; margin-top:30px; }
	.ftr-services h3{ font-size:18px; font-weight:400;}
	.ftr-services-row{ display:block; display:flex; align-items:start; justify-content: space-between; margin-top:20px;}
	.ftr-services-col a{ color:#fff; font-size:14px; font-weight:normal; text-align:left; text-decoration:none; display:block; padding-bottom:15px; transition: all 300ms linear;}
	.ftr-services-col a:hover {color: #d61c00;}
	.ftr-services-col a:focus, .footer-service a:visited {color: #fff !important;}
}

@media(min-width: 992px){
.top-line{ margin-top:unset;}
.about-section	{ align-items:center;}
.t-phone{ margin-right:75px;}
.social-icons{ margin-right:25px;}
.top-links{ right:40px; top:10px;}
.numbers-box{ padding:30px 10px; margin:-130px auto 50px;}
.numbers-box .n-num{ padding-bottom:20px;}
.about-image-content { width:30% !important; margin-top: 0px !important;}
.postlist li {width: 30%; margin: 0px 30px 0px 0px;}
.s-box-title{ grid-template-columns:13% auto; grid-column-gap:10px; font-size:16px;}
.s-box-title a{font-size:16px;}
.s-box-content{font-size:14px;}
.ftr-services-col{ margin-right:30px;}
.ftr-services-col:nth-last-of-type(1){ margin-right:0;} 
.brands-list-block.brand-slide {width: 40%; padding: 0 5%; display: unset; margin: 100px 10% 0;}
.nav-link{margin-left: 40px; font-size:16px;}
}

@media (min-width: 1200px) {
.numbers-box{ padding:20px 10px; margin:-140px auto 50px;}
.numbers-box .n-num{ font-size:53px;}
.numbers-box .n-txt{ font-size:16px;  max-width:290px;}
.numbers-box .n-txt span{ display:block;}
.postlist .postContent {min-height: 200px; position:relative;}
.postlist .postContent .def-btn{ position:absolute; bottom:0px;}
.postlist .postContent { font-size:16px;}
.postlist .postContent h1 { font-size:18px;}
.postlist li {width: 31%; margin: 0px 30px 0px 0px;}
.step-img{ margin-bottom:50px;}
.s-box-content{min-height: 140px;}
.s-box-link{ position:absolute; bottom:20px; right:0;}
.s-box-title{ grid-template-columns:13% auto; grid-column-gap:10px; font-size:18px; height: 50px;}
.s-box-title a{font-size:18px;}
.s-box-content{font-size:14px;}
.brands-list-block.brand-slide {width: 50%; padding: 0 5%; display: unset; margin: 100px 5% 0;}
.ftr-services {width: 88%;}
.nav-link{margin-left: 50px;}
}

@media (min-width: 1366px) {
	.numbers-box{ margin:-143px auto 50px;}
	postlist .postContent {min-height: 180px;}
	.postlist li {width: 31%; margin: 0px 1%;}
	.s-box-content{min-height: 130px;}
	.s-box-link{bottom:30px;}
}

@media (min-width: 1600px) {
	.numbers-box{ margin:-163px auto 50px;}
}

@media (min-width: 1600px) {
	.numbers-box{ margin:-183px auto 50px; padding:30px 10px;}
}

@media (min-width: 1800px) {
	.numbers-box{ margin:-193px auto 50px; padding:40px 10px;}
}