@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Regular.eot');
    src: local('Inter Regular'), local('Inter-Regular'),
        url('/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Inter-Regular.woff2') format('woff2'),
        url('/fonts/Inter-Regular.woff') format('woff'),
        url('/fonts/Inter-Regular.ttf') format('truetype');
		font-display: swap;
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-SemiBold.eot');
    src: local('Inter Semi Bold'), local('Inter-SemiBold'),
        url('/fonts/Inter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Inter-SemiBold.woff2') format('woff2'),
        url('/fonts/Inter-SemiBold.woff') format('woff'),
        url('/fonts/Inter-SemiBold.ttf') format('truetype');
		font-display: swap;
    font-weight: 600;
    font-style: normal;
}



@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter-Bold.eot');
    src: local('Inter Bold'), local('Inter-Bold'),
        url('/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Inter-Bold.woff2') format('woff2'),
        url('/fonts/Inter-Bold.woff') format('woff'),
        url('/fonts/Inter-Bold.ttf') format('truetype');
		font-display: swap;
    font-weight: bold;
    font-style: normal;
}



@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

html,body{
	min-width:100%;
	padding:0;
	border:none;
	margin:0;
}

html *, body *{
    scrollbar-color: rgba(0,0,0,0.4) rgba(0,0,0,0.2); 
    scrollbar-width:thin;  
}

::-webkit-scrollbar {
    width: 8px; 
    height: 8px; 
    background-color: rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.4);
    border-radius: 9em;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #242424;
}

.logo img{max-height:50px}

a,a:hover,.sliderblock .owl-carousel .owl-nav button,.galflex a img, .popform .form input[type="button"]{transition:0.3s ease;}
.formgo:hover,.sliderblock .owl-carousel .owl-nav button:hover,.galflex a img:hover, .popform .form input[type="button"]:hover{opacity:0.8;}
.menu a:hover{color:#199e94;}
a,img,input{outline:none;}
img{max-width:100%;}

body{background: #f5f5f5;
font-family: 'Inter', sans-serif;
color: #464646;}
.logo{
		font-weight: 700;
font-size: 42px;
line-height: 51px;
color: #199E94;
	margin-right:34px;
}

.header{
	padding: 42px 0;
    background: #fff
}
.mbtrg{display:none;}

.menu a{font-family: 'Inter';
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 22px;
color: #464646;
		text-decoration:none;
}

.menu ul{padding:0;
	 margin:0;
	 list-style-type:none;
		display:flex;}
.menu ul li{margin-right:34px;}
.menu ul li:last-child{
	margin-right:0
}
.headsection{
	max-width:1162px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headleft{
	display: flex;
	align-items: center;
}
.headright{
	display: flex;
	align-items: center;
}
.tel1 a{
	font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 27px;
text-decoration:none;
color: #FFFFFF;
}
.tel1 a:before{content:'';
			  width:17px;
			  height:17px;
			  background:url(/images/phone_icon.svg) center no-repeat;
			  display:inline-block;
			  vertical-align:center;
			  margin-right:3px;}

.tel2{font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 15px;
color: #FFFFFF;}


		  
		  .calldiv a{
	background: #ff0;
border-radius: 13px;
	padding:17px 10px;
	font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #000;
width:208px;
max-width:100%;
  box-sizing:border-box;
  text-decoration:none;
  display:flex;
  justify-content: center;
}

.headtel{margin-right:27px;}



.bannerwrap{background:url(/images/bannerfon.png) center bottom no-repeat;
padding-top:144px;}
.bannerh1{font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 62px;
line-height: 75px;
color: #FFFFFF;
		 margin-bottom:16px;}

.bannerh2{font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #FFFFFF;
margin-bottom:42px;}

.bannerh3{font-style: italic;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #FFFFFF;
display:flex;
    align-items: center;
	margin-bottom:39px;}

.bannerbtn{font-weight: 400;
font-size: 28px;
line-height: 34px;
color: #000000;
		  padding:23px 10px;
		  display:block;
		  background: #FFD62B;
box-shadow: inset 0px 24px 24px rgba(255, 255, 255, 0.25);
border-radius: 13px;
		  width:317px;
		  text-align:center;
		  max-width:100%;
		  box-sizing:border-box;
		  text-decoration:none;}

.bannerbtn:hover{background: #C7A102;
				box-shadow:none;}
				
				.bannerinner, .footerinner{max-width:1164px;
				box-sizing:border-box;
				margin-left:auto;
				margin-right:auto;}
				
				footer{background: #022C2A;
	  padding:40px 0;}

.footermen a{
	font-weight: 400;
font-size: 15px;
line-height: 26px;
text-align: center;
color: #FFFFFF;
	text-decoration:none;
	margin-right:25px;
}

.form{background: #FFFFFF;border-radius: 20px;padding:87px 20px 74px;margin:0 auto;width:1010px;box-sizing: border-box;
max-width:100%;}

.section7{background:#000;
		 padding:78px 0 73px;
		 }
.section9{padding-top:62px;
padding-bottom:74px;}

.vdhdr{font-weight: 700;
font-size: 38px;
line-height: 46px;
text-align:center;
color: #172930;}

.section7 .vdhdr{color:#fff;
margin-bottom:67px;}

.preimssec2{
	max-width:1294px;
	box-sizing:border-box;
	margin: 60px auto 125px;
	display: flex;
	justify-content:space-between;
}

.prmsitm2{background: #FFFFFF;border-radius: 20px;box-sizing:border-box;width: 32.2%;padding: 39px 41px 26px;
		 text-align:center;}

.prmt1{font-weight: 500;
font-size: 28px;
line-height: 34px;
color: #172930;
	  margin-bottom:16px;
	  min-height:68px;}

.prmt3{font-weight: 400;
font-size: 18px;
line-height: 26px;
text-align: center;
color: #464646;}

.prmt2{margin-bottom:23px;}

.section5 img{
	display:block;
	margin:0 auto 118px;
}

.section1{
	max-width:992px;
	margin:78px auto 118px;
	display: flex;
}
.section1>div{width:50%;
			 box-sizing:border-box;}

.section2 iframe{background: #FFFFFF;box-shadow: 0px 24px 34px 27px rgba(0, 0, 0, 0.03);border-radius: 20px;margin:43px auto 0;display: block;
max-width:100%;}

.section2{padding-bottom:127px;
max-width:1164px;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;}

.preimswrap{
	display:flex;
	max-width:1258px;
	margin: 0 auto;
	justify-content:space-between;
	align-items: center;
}
.preimitem{
	width:32.9%;
background: #FFFFFF;
border-radius: 20px;
	box-sizing:border-box;
	padding:52px 15px 19px;
	text-align:center;
	position:relative;
}

.preimitem.mid{
	box-shadow: 0px 42px 84px rgba(0, 0, 0, 0.07);
	padding:78px 15px 82px;
}
.section3{
	margin-bottom:134px;
}
.preim1{font-weight: 700;
font-size: 108px;
line-height: 131px;
color: #172930;
	   margin-bottom:17px;}

.hit{font-weight: 500;
font-size: 28px;
line-height: 34px;
color: #FFFFFF;
padding:4px 22px;
background: #FF0000;
	display:table;
	right:0;
	position:absolute;
	top:35px;}

.preim2{font-weight: 700;
font-size: 38px;
line-height: 46px;
color: #172930;
	   margin-bottom:28px;}

.preim3{font-weight: 400;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #464646;
	   margin-bottom:26px;}
	   
	   
	   .preim3.lstt {
font-size: 16px;
}

.preim4{font-weight: 700;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #000000;
	   margin-bottom:56px;}

.preim5 a{background: #199E94;
box-shadow: inset 0px 24px 24px rgba(255, 255, 255, 0.25);
border-radius: 13px;
		 text-decoration:none;
		 color:#fff;
		 display:block;
		 font-weight: 400;
font-size: 28px;
line-height: 34px;
		 padding:23px 10px 22px}
.section3 .vdhdr{
	margin-bottom:40px;
}

.spoilers{
	max-width:1164px;
	margin:47px auto 47px;
}
.splwrap{background: #FFFFFF;
border-radius: 10px;
		margin-bottom:25px;
		box-sizing:border-box;
		padding:33px 23px}

.spolername{font-weight: 700;
font-size: 20px;
line-height: 28px;
color: #000000;
		   display:flex;
		   justify-content:space-between;
		   align-items: center;
		   cursor:pointer;}

.spolercontent {font-weight: 400;
font-size: 20px;
line-height: 28px;
color: #000000;
			   padding-top:23px;
			   display:none;}
			   
.section7 .owl-theme .owl-dots .owl-dot span{
    width:18px;
    height:18px;
    background:#fff;
    opacity:1;
    border:5px solid #fff;
}

.section7 .owl-theme .owl-dots .owl-dot.active span,
.section7 .owl-theme .owl-dots .owl-dot:hover span{
    background: #53B638;
}			   

.formhdr{font-weight: 700;font-size: 38px;line-height: 46px;color: #172930;text-align:center;margin-bottom: 57px;}

.poldiv input{
	border:none;
	padding:0px 34px;
	border-bottom:1px  solid #000;
	height:49px;
	box-sizing: border-box;
	font-weight: 300;
	font-size: 24px;
	line-height: 29px;
	color: #535353;
	display: block;
	max-width: 100%;
	width: 702px;
	margin: 0 auto 46px;
}

#btn_submit{
	background: #199E94;
	box-shadow: inset 0px 24px 24px rgba(255, 255, 255, 0.25);
	border-radius: 13px;
	border:none;
	font-weight: 400;
	font-size: 28px;
	line-height: 34px;
	color: #FFFFFF;
	padding:23px 20px;
	display:block;
	max-width:100%;
	width:702px;
	margin: 0px auto 0;
	cursor:pointer;
}
.poldiv.lstd{padding-bottom:50px;}

.spolername:after{
	content:'';
	width:22px;
	height:11px;
	background:url(/images/ard.svg) center no-repeat;
	background-size:contain;
	display:block;
	cursor:pointer;
	transition:0.3s ease;
}
.spolername.active:after{
	transform:rotate(180deg);
}

.secleft2>div{
	display:none;
}
.secleft2>div.active{display:block;}


.seclefh2{font-weight: 700;
font-size: 31px;
line-height: 38px;
color: #172930;
		 text-align:center;}

.seclefc2 div{font-weight: 400;
font-size: 18px;
line-height: 32px;
color: #464646;}

.seclefc2 img{
	margin:0 auto;
	display:block;
}

.sectabs1>div{font-weight: 400;
font-size: 24px;
line-height: 29px;
color: #8F8F8F;
			 padding:29px 0;
			 border-bottom:1px solid #ABABAB;
			 cursor:pointer;
			 }
.sectabs1>div:last-child{
border-bottom:1px solid transparent;
}

.sectabs1{
	width:282px;
	max-width:100%;
	margin:0 auto;
}

.seclefh1.vdhdr{margin-bottom:38px;}

.sectabs1>div.active{
	font-weight: 700;
color: #172930;
}

.headsoc a{
	width:30px;
	height:30px;
	display:inline-block;
	margin-right:25px;
}
.headsoc a:last-child{
	margin-right:0px;
}
.headsoc{margin-right:68px;}

.headsoc .inst{
	background:url(/images/instg.svg) center no-repeat;
	background-size:contain;
}

.headsoc .tlg{
	background:url(/images/tlgg.svg) center no-repeat;
	background-size:contain;
}

.headsoc .wtsp{
	background:url(/images/wtsg.svg) center no-repeat;
	background-size:contain;
}

.bannerh3 span {
    font-style: italic;
    font-weight: 400;
    font-size: 66px;
    line-height: 80px;
    color: #199E94;
    display: inline-block;
}

.banner2{
		width:620px;
		height:563px;
		background: url(/images/bnr2.png) center no-repeat;
		position:absolute;
		bottom: -46px;
		right:0;
		background-size:contain;
		}

.bannerinner{position:relative;
padding-bottom: 200px;}

.footersoc a{
    width: 34px;
    height: 34px;
    display: inline-block;
    margin-right: 40px;
}
.footersoc a:last-child{
	margin-right:0;
}

.footersoc .inst{
	background: url(/images/instw.svg) center no-repeat;
    background-size: contain;
}
.footersoc .tlg{
	background: url(/images/tlgw.svg) center no-repeat;
    background-size: contain;
}
.footersoc .wtsp{
	background: url(/images/wtsw.svg) center no-repeat;
    background-size: contain;
}

.footerinner{display:flex;
			align-items:center;
			justify-content:space-between;}
			
.calldiv a:before{
	content:'';
	width:22px;
	height:22px;
	display:inline-block;
	margin-right:21px;
	background:url(/images/phnw.svg) center no-repeat;
	background-size:contain;
}			

.bannerh3 div{
	margin:0 20px;
}
.bannerh3 div+span{
	transform: rotate(-180deg);
}

.imgfon1{background: url(/images/fon4.png) right 340px no-repeat,	
url(/images/fon5.png) left bottom 50px no-repeat;}

.cfn1{
	background:url(/images/twocirc.png) right 20% top 580px no-repeat;
}

.cfn2{
	background:url(/images/circ3.png) right 25% top 1320px no-repeat;
}
.cfon3{
	background: url(/images/circ2.png) left 5% top 304px no-repeat;
}
footer{position:relative;}
footer:after{
	content:'';
	width:208px;
	height:568px;
	display:block;
	position:absolute;
	background: url(/images/fon3.png) center no-repeat;
	right: 0;
	bottom: 0;
}
.cfon4{
	background:url(/images/circ4.png) left 18%top 550px no-repeat,url(/images/circ5.png) right bottom -100px no-repeat;
}
.otzcar .owl-stage{display:flex;
                   align-items:center;}
				   
#btn_submit:hover, 
.preim5 a:hover{background: #0A837A;
				 transition:0.3s ease;}		

.header.fixed{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:5;
	padding: 10px 0;
}				
.otzcar img{border-radius:7px;}
.otzcar.owl-theme .owl-nav.disabled+.owl-dots{margin-top: 75px;} 
#erconts{text-align:center;
		margin-top:30px;
		color:#F44336}
		
		
@media(max-width:1400px){
	.menu a{font-size:14px;}
.header {
    padding: 22px 0;}

.bannerh1 {
    font-size: 52px;
    line-height: 100%;}


.calldiv a {
    padding: 14px 10px;
    font-size: 16px;
line-height:100%;}


.calldiv a:before {
    width: 15px;
    height: 15px;
    margin-right: 15px;
}
.calldiv a{align-items:center;}

.bannerbtn {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;}

.bannerwrap{padding-top:100px}
.vdhdr, .formhdr{font-size:30px}
.seclefh2{font-size:25px;}

.sectabs1>div {
    font-size: 20px;
    line-height: 120%;}

.seclefc2 div {
    font-size: 16px;
    line-height: 140%;}

.preim1 {
    font-size: 80px;
    line-height: 100%;}

.preim2 {
    font-size: 28px;
    line-height: 100%;}

.preim3 {
    font-size: 15px;
    line-height: 140%;}

.preim4 {
    font-size: 16px;
    line-height: 140%;}


.preim5 a {
    font-size: 22px;
    line-height: 100%;
    padding: 18px 10px 18px;
}

.spolername, .spolercontent {
    font-size: 18px;
    line-height: 100%;}


.prmt1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 120%;
    min-height: 60px;
    }

.prmt3 {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;}

.poldiv input {
    font-size: 20px;
    line-height: 100%;}

#btn_submit {
    font-size: 24px;
    line-height: 100%;
    padding: 18px 10px;

}

.footermen a {
    font-size: 14px;
    line-height: 100%;}

footer:after {
    content: '';
    width: 104px;
    height: 284px;
background-size:contain;}

.imgfon1{
	background-size:180px
}
}		

@media(max-width:1300px){
	.preimssec2, .preimswrap,.header,.bannerinner,.header.fixed {
   padding-left:15px;
	padding-right:15px;
box-sizing:border-box;}

.footerinner{
	padding-left:15px;
	padding-right:65px;
}

.footersoc a,.headsoc a {
    width: 24px;
    height: 24px;}


.banner2 {
    width: 520px;
    height: 463px;
}
.headsoc a{
	margin-right:12px;
}
.headsoc a:last-child{
	margin-right:0px;
}
.headsoc {
    margin-right: 25px;
}
}

@media(max-width:980px){
	
	.mclose{position:absolute;
	   width:20px;
	   height:20px;
	   background:url(/images/cross.svg) center no-repeat;
	   background-size:contain;
	   right:10px;
	   top:10px;}
	
	
	.menu{display:none;
	position:fixed;
	width:300px;
	max-width:100%;
	box-sizing:border-box;
	padding:50px 30px;
	right: 0;
    top: 0;
    background: #fff;
    border-radius: 0 0 0 7px;
    height: 100%;
    z-index: 6;
}

.menu.mobon{display:block;
box-shadow: 0 0 19px #cbc7c7;}

	.menu ul{	flex-direction:column;}
	.menu ul li{
		margin:0 0 30px 0;
	}
	
	.mbtrg{
	  display: flex;
	  width: 30px;
	  height: 30px;
	  flex-direction: column;
	  margin-left: 20px;
	  }

.mbtrg span{
	width:100%;
	height:3px;
	display:block;
	background:#199E94;
	margin:3px 0;
}
	
	
	.prmt1 {
    font-size: 18px;}
.prmt2 img{
	width:100px;
}
.prmt3 {
    font-size: 14px;
    line-height: 140%;
}

.preim1 {
    font-size: 60px;
}
.preim2 {
    font-size: 20px;
}
.preim3, .preim3.lstt, .preim4  {
    font-size: 13px;
}

.preim3 br{
   display:none;
}

.hit {
    font-size: 18px;
    line-height: 100%;}

.preim5 a {
    font-size: 16px;
    padding: 15px 10px 15px;
}

.preim4 {
    margin-bottom: 26px;
}
.spolername, .spolercontent {
    font-size: 14px;
}
.spoilers{padding-left:15px;
		 padding-right:15px;
		 box-sizing:border-box;}


.splwrap {
    padding: 23px 20px;
}

.form{width:600px}
.poldiv input,#btn_submit{width: 400px;}

.footerinner{flex-direction:column;}
.footermen{margin-bottom:30px;}

.section7 .owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
}
	
}

@media(max-width:767px){
	.banner2 {
    width: 338px;
    height: 288px;
	right:-30px;
	bottom:0
}

.bannerh2 {
    font-size: 15px;
    margin-bottom: 22px;
}

.bannerh1 {
    font-size: 42px;
    line-height: 100%;
}

.bannerh3 {
    font-size: 14px;
    line-height: 100%;
    color: #FFFFFF;
    margin-bottom: 26px;
}

.bannerbtn {
    font-size: 18px;
padding:15px 10px;
}


.bannerh3 span {
    font-size: 46px;
    line-height: 40px;
}

.section2,.section1{padding-left:15px;
		 padding-right:15px;
		 box-sizing:border-box;}

.bannerinner{overflow:hidden;}

.section2 iframe{height:300px}

.bannerwrap{
    padding-top: 60px;
}

.vdhdr, .formhdr {
    font-size: 25px;
}

.seclefh2 {
    font-size: 20px;
}

.sectabs1>div {
    font-size: 16px;
padding:20px 0;
}
.seclefh1.vdhdr{text-align:left;}
.seclefc2 img{height:150px;
			 max-width:100%;}

.section1>div{padding-left:20px;}
.section1,.section3,.section5 img,.preimssec2{margin-bottom:60px;}
.section2{
	padding-bottom:60px;
}
.preim1 {
    font-size: 50px;
}
}

@media(max-width:640px){
	.logo{font-size:20px;margin-right: 10px;line-height: 100%;}
.headright{
		  position:relative;
		  }

.section1{flex-direction:column;}
.section1>div{width:100%;
			 padding:0;}

.bannerh1 {
    font-size: 30px;
    line-height: 100%;
}
.banner1{position:relative;
		z-index:1;}


.banner2 {
    right: -91px;
}
.section1{margin-top:20px}
.seclefh1.vdhdr{margin-bottom:0;}

.sectabs1>div:last-child {
    border-bottom: 1px solid #ABABAB;
	margin-bottom:20px;
}
.preimswrap{flex-direction:column;}

.preimitem{
		  width:100%;
		  max-width:280px;
		  margin-bottom: 30px;
		  }

.imgfon1 {
    background-size: 80px;
}

.cfn2 {
	background-size:500px;
}
.section2 iframe {
    height: 250px;
}
.preimitem.mid{padding-bottom:19px;}
.vdhdr, .formhdr{line-height:120%}
.spolername:after{min-width:22px;}
.preimssec2{flex-direction:column;
align-items: center;}
.prmsitm2{  width:100%;
		  max-width:280px;
		  margin-bottom: 30px;}
		  
		  .seclefh1.vdhdr{text-align:center;}

.section9{padding-left:15px;
		 padding-right:15px;
		 box-sizing:border-box;}

.form{padding:40px 20px 20px}

.poldiv input {
    padding: 0px 10px;
    height: 30px;
    font-size:14px;
    margin-bottom: 20px;
    }
.formhdr{margin-bottom:30px;}

#btn_submit{font-size:16px;
		   padding:15px 10px;}
.poldiv.lstd{padding-bottom:30px}

.footermen a{display:block;
			margin-bottom:20px;}

.calldiv a{
		  width:auto;
		  padding: 6px 10px;
		  font-size:12px;
		  border-radius:7px;
		  }

.headsoc{margin-right:10px;
		display:inline-flex;}

 .headsoc a {
    width: 18px;
    height: 18px;
}

.mbtrg{
	width: 24px;
	height: 24px;
	margin: 0 0 0 10px;
}
.header, .header.fixed{padding-top:10px;
	   padding-bottom:10px}

.calldiv a:before {
    width: 10px;
    height: 10px;
    margin-right: 5px;
}
.logo img{max-width:50px;}
.section7 .vdhdr {
    margin-bottom: 40px;
}
	.section7 {
    padding: 40px 10px 40px;
}
.otzcar.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}
#erconts{
	font-size:14px;
}
}