@import url(../fonts/fonts.css);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,tbody,tdvideo,tfoot,th,thead,tt,u,ul,var{background:0 0;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;font-style:normal}
ol,ul{list-style:none}blockquote,q{quotes:none}img{vertical-align:top}embed{vertical-align:top}article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}input,textarea{border:0;padding:0;margin:0;outline:0}iframe{border:0;margin:0;padding:0}input,select,textarea{margin:0;padding:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}li{list-style:none}caption,th{text-align:left}q:after,q:before{content:''}abbr,acronym{border:0;font-variant:normal}sub{vertical-align:bottom}input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}legend{color:#000}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}a{outline:0;text-decoration:underline;-moz-outline:none}a:hover{text-decoration:none;cursor:pointer}a.nounderline,a:active.nounderline,a:link.nounderline,a:visited.nounderline{text-decoration:none}a:hover.nounderline{text-decoration:underline}a img{border:none;text-decoration:none}img{border:none;text-decoration:none}button,label{cursor:pointer;font-family:Mulish,sans-serif,Verdana}input:focus,select:focus,textarea:focus{outline:0}select::-moz-focus-inner{border:0;outline:0}option::-moz-focus-inner{border:0;outline:0}input[type=button]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}input[type=button]:focus,input[type=submit]:focus{outline:0}fieldset{border:none}*{box-sizing:border-box}img:not([src]):not([srcset]){visibility:hidden}img{width:100%;max-width:100%;vertical-align:top;height:auto}:focus{outline:0}

html,body { width: 100%; height: 100%; padding: 0; margin: 0;  background: #000000;}
body{font-family: SkodaNext,SKODA Next,SkodaPro,Tahoma,Helvetica,sans-serif; font-size: 14px;color:#fff; scroll-behavior: smooth;  font-weight: 400; background: #000;}

.wrapper{width: 100%}
.containerFluid{width: 100%; position: relative;}
.containerBox {width: 1280px;max-width: 100%; box-sizing: border-box;margin: 0px auto;}
.containerInr {padding: 0px 40px;}
.logo{width: 200px; display: flex; justify-content: center; padding-bottom: 30px; position: absolute; right: 50px; top:40px}
.logo span{width:200px; display: inline-block;}
.logo span img{width:100%; height: auto;}
.teaserBanner{width: 100%; height: 100vh; position: relative;}
.teaserBanner img{width: 100%; height: 100vh; object-fit: cover;width: 100%;}
.teaserCont{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 9999; display: flex; align-items: center; justify-content: flex-start;}
.teaserTextImg{width: 100%}
.counterBox{width: 700px; }
.counterBox h2{font-size: 35px; line-height:36px; color: #78eda6;  padding-bottom: 6px; text-align: center; font-weight: 700; padding-bottom: 8px;}
.counterBox p{font-size: 35px; line-height:36px; padding-bottom: 25px; text-align: center;}
.counterBox p span{color: #78eda6; display: block;}
.counterTimer{width: 100%; display: flex; justify-content: center; column-gap: 25px;}
.timerText{text-align: center; font-weight: 700; font-size: 110px; line-height: 111px;}
.timerText span{display: block; font-size: 15px; line-height: 15px; border-radius: 6px; border: #78eda6 1px solid; padding: 5px 10px; font-weight: 400; text-transform: uppercase;	background-color: rgba(0, 0, 0, 0.3);}
.counterBox h3{font-size: 40px; line-height:41px; text-align: center; font-weight: 700; padding-top:15px; font-style: italic;}
.featuresBox{width: 100%; padding:40px 0px;}
.featuresBox h2{font-size: 30px; line-height:35px; color: #fff;  padding-bottom: 40px; font-weight: 500; text-align: center;}
.featuresBox h2 span{color: #78eda6;}
.featuresBox ul{padding: 0px; display: flex; flex-wrap: wrap; width: 900px; margin: 0px auto;}
.featuresBox li{color: #fff; font-size: 18px; line-height: 30px; display: flex; align-items: center; width: 50%; padding-bottom: 40px;}
.featuresBox li span{display: inline-block;}
.featuresBox li span em{display: block; font-style: normal; color: #78eda6; font-weight: 700;}
.ftrIcon{width: 60px;}
.ftrText{padding-left: 30px;}
.ftrIcon img{width: 100%;}
.dividerLine{width: 100%; position: absolute; left: 0px; top: -12px;}
.dividerLine img{width: 100%;}

.themeDivider{position: relative;}
.themeDivider::after{content: ''; width: 250px; height: 17px; display: block; position: absolute; left: 0px; top: -17px; z-index: 1; background: url("../images/divider-lft-img.png") no-repeat 0px 0px;}
.themeDivider::before{content: ''; width: 250px; height: 17px; display: block; position: absolute; right: 0px; top: -17px; z-index: 1; background: url("../images/divider-rit-img.png") no-repeat 0px 0px;}
.themeDivider .teaserTextImg::before{content: ''; width: 22px; height: 11px; display: block; position: absolute; left: 50%; top: -11px; margin-left: -11px; z-index: 1; background: url("../images/divider-arrow.png") no-repeat 0px 0px;}

@media only screen and (min-width: 1500px) {
.counterBox{width: 1050px; }
.counterBox h2 {font-size: 40px;line-height: 41px;}
.counterBox p {font-size: 40px;line-height: 41px;}
.counterBox h3 {font-size: 45px;line-height: 46px;}
.timerText {font-size: 120px;line-height: 121px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
.featuresBox ul {width: 100%;}
.containerInr {padding: 0px 15px;} 
.featuresBox li {font-size: 17px;line-height: 27px;}
.dividerLine {top: -7px;height: 7px;}
}

@media only screen and (max-width: 767px) {
.containerBox {width: 100%;}
.containerInr {padding: 0px 12px;}
.teaserCont{align-items: flex-start; justify-content: center;}
.logo {width: 100%;right: 0px; top: 60px;}	
.logo span {width: 150px;}	
/*
.teaserBanner{height: auto;}
.teaserBanner img{height: auto; }
.teaserCont{ height:auto}	
*/
.counterBox p {font-size: 26px;line-height: 28px; padding-bottom: 45px;}
.counterBox{width: auto; padding: 0px 12px; margin-top: 130px;}
.featuresBox ul {width:100%;}	
.featuresBox li {width:100%; padding-bottom: 20px;}
.timerText {font-size: 55px; line-height: 56px;}	
.counterTimer {column-gap: 10px;}
.timerText span{font-size: 14px; line-height: 15px;}
.counterBox h2 {font-size: 26px;line-height: 28px; padding-bottom: 3px;}
.dividerLine {top: -3px;height: 4px;}
.featuresBox h2 {font-size: 24px;line-height: 29px;padding-bottom: 25px;}	
.featuresBox {padding: 30px 0px;}	
.ftrIcon {width: 50px;}
.ftrText {padding-left: 15px;}
.featuresBox li {font-size: 16px;line-height: 25px;}
	.counterBox h3 {
  font-size: 28px;
		line-height: 29px;}
.themeDivider::after{content: ''; width: 101px; height: 7px; display: block; position: absolute; left: 0px; top: -7px; z-index: 1; background: url("../images/divider-lft-img.png") no-repeat 0px 0px; background-size: 100%;}
.themeDivider::before{content: ''; width: 101px; height: 7px; display: block; position: absolute; right: 0px; top: -7px; z-index: 1; background: url("../images/divider-rit-img.png") no-repeat 0px 0px; background-size: 100%;}
.themeDivider .containerBox::before{content: ''; width: 22px; height: 11px; display: block; position: absolute; left: 50%; top: -11px; margin-left: -11px; z-index: 1; background: url("../images/divider-arrow.png") no-repeat 0px 0px;}	
	
}