@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');
:focus{outline:none}
:-moz-any-link:focus{outline:none;text-decoration:none}
::-moz-focus-inner{padding:0;border:0;outline:none}
::selection{color:#fff;background:#4793a3}
::-moz-selection{color:#fff;background:#4793a3}
::-webkit-scrollbar { width:0 }


#pageloader{width:100%;height:100%;position:fixed;background:#231f20;z-index:999999}
#pageloader .loader-container{position:absolute;top:calc(50% - 30px);left:0;margin:0 auto;text-align:center;right:0}
#pageloader .loader-logo{margin:0 auto 10px;width:60px}
#pageloader .spinner{display:inline-block;width:30px;height:20px;text-align:center;margin-left:5px}
#pageloader .spinner > div{background:#000;height:100%;width:2px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
#pageloader .spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
#pageloader .spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
#pageloader .spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
#pageloader .spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
#pageloader.light .spinner > div{background:#fff;}
@-webkit-keyframes stretchdelay {
0%,40%,100%{-webkit-transform:scaleY(0.4)}
20%{-webkit-transform:scaleY(1.0)}
}
@keyframes stretchdelay {
0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}
20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}
}

html,body{width:100%;min-height:100%}
body{color:#231F20;font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.4;font-weight:400;color:#231f20;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}
a,a:hover,a:focus{cursor:pointer;text-decoration:none!important;color:#4793a3}
strong,b{font-weight:600}
img{max-width:100%;height:auto}
ul,ol{padding:0;margin:0}
ul li,ol li{padding:5px 0;font-size:16px;line-height:24px;color:#231f20;font-weight:400;}
h1,h2,h3,h4,h5,h6{font-family:'Cinzel',serif;color:#231f20;margin:0 0 10px;font-weight:500;line-height:1.1;text-transform:uppercase}
h1{font-size:50px}
h2{font-size:40px}
h3{font-size:30px}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:12px}
p{color:#675f64;margin:0 0 10px;font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.4;font-weight:400}
p strong{font-weight:600}
.container{width:83.33333333%}
.section{position:relative;padding:120px 0;background:#fff;z-index:0}
.section .container,.section .container-fluid{z-index:36;position:relative}
.dark-section h1,.dark-section h2,.dark-section h3,.dark-section h4,.dark-section h5,.dark-section h6{color:#fff;font-weight:400}
.dark-section,.dark-section p{color:#fff}
.section.dark-section{background:#231f20}
.section-overlay-top{position:absolute;top:0;left:0;width:100%;height:100%;z-index:31;background:linear-gradient(to bottom,rgba(0,0,0,0.80) 0%,rgba(0,0,0,0.10) 100%)}
.section-home.fullscreen{padding:0}
.section-home{padding:280px 0 200px;background:#231f20}
.section-home.inner{padding:200px 0 120px}
.section-home.small{padding:40px 0}
.section-home{overflow:hidden;position:relative;z-index:0}
.section-home .container{z-index:36;position:relative}
.section-home .btn-sys{margin:20px 0 0}

.section-home.page-header{padding:200px 0 120px;border:none;margin:0}
.section-home.landing h1{margin-bottom:20px;padding:0;border-left:none}
.section-home.landing p{font-size:18px;letter-spacing:0;font-weight:400}
.section-home.landing .btn-sys{margin:0 0 30px 0}
.section-home.landing ul{list-style:none;margin-bottom:10px}
.section-home.landing ul li{color:#fff;padding:0;line-height:1.6}
.section-home.landing ul li:before{content:"";background:none;width:8px;height:8px;border:1px solid rgba(255,255,255,.50);margin:0 15px 0 0;display:none}
.hero-logo {position:absolute;top:50px;left:0;right:0;margin:0 auto;text-align:center;z-index:50;display:block}
.hero-logo img {max-height:100px;}

.bg-wrap{clip:rect(0,auto,auto,0);position:absolute;top:0;left:0;width:100%;height:100%;transition:all .4s ease-in-out;}
.bg-img{position:fixed;display:block;top:0;left:0;width:100%;height:100%;background-position:center center;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;z-index:-1;transition:all .4s ease-in-out;}

.btn-sys{font-weight:600;position:relative;display:inline-block;text-transform:uppercase;margin:0;letter-spacing:1.5px;z-index:0;transition:all .4s ease-in-out;}
.btn-sys i{position:relative;top:1px}
.btn-sys.btn-crv{border-radius:0}
.btn-sys.btn-mini{font-size:11px;padding:4px 17px}
.btn-sys.btn-mini i{font-size:12px}
.btn-sys.btn-mini.btn-border{padding:3px 18px}
.btn-sys.btn-small{font-size:10px;padding:7px 15px}
.btn-sys.btn-small i{font-size:12px}
.btn-sys.btn-small.btn-border{padding:5px 15px}
.btn-sys.btn-medium{font-size:12px;padding:10px 22px}
.btn-sys.btn-medium.btn-border{padding:6px 22px}
.btn-sys.btn-medium i{font-size:14px}
.btn-sys.btn-large{font-size:13px;padding:14px 35px}
.btn-sys.btn-large.btn-border{padding:12px 35px}
.btn-sys.btn-larger{font-size:15px;padding:18px 50px}
.btn-sys.btn-larger.btn-border{padding:16px 50px}
.btn-sys.btn-large i{font-size:14px;margin-left:5px;position:relative;top:1px}
.btn-sys.btn-border{border:2px solid;background-color:transparent}
.btn-light{color:#231f20;background:#fff}
.btn-light:hover{background:#231f20;color:#fff}
.btn-border.btn-light{color:#fff;border-color:#fff}
.btn-border.btn-light:hover{color:#231f20;background-color:#fff}
.btn-color{color:#fff}
.btn-color:hover{color:#fff}
.btn-color:focus{color:#fff}
.btn-border.btn-color:hover{color:#fff}
.btn-sys.btn-border.btn-color{border-color:#4793a3;background:none}
.btn-color{background:#4793a3}
.btn-border.btn-color{color:#4793a3;border-color:#4793a3}
.btn-border.btn-color:hover{background:#4793a3;border-color:transparent}
.btn-dark{color:#fff}
.btn-dark:hover{color:#fff}
.btn-dark:focus{color:#fff}
.btn-border.btn-dark:hover{color:#fff}
.btn-sys.btn-border.btn-dark{border-color:#000;background:none}
.btn-dark{background:#000}
.btn-border.btn-dark{color:#000;border-color:#000}
.btn-border.btn-dark:hover{background:#000;border-color:transparent}


.slide-har{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0;right:0;margin:0 auto;bottom:30px;z-index:50}
.slide-har .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:slide-har 80s linear infinite;animation:slide-har 80s linear infinite}
.slide-har .item {line-height:100px;height:100px;text-align:center;display:block;padding:0 50px;margin:0;transition:all .4s ease-in-out;}
.slide-har .item img{max-height:50px;max-width:150px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(128deg) brightness(123%) contrast(115%);transition:all .4s ease-in-out;}
.slide-har .item:hover img{filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(217deg) brightness(96%) contrast(108%);}
.slide-har .item:hover{background:#fff}
@-webkit-keyframes slide-har {
0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes slide-har {
0%{-webkit-transform:translateX(0%);transform:translateX(0%)}
100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@-webkit-keyframes slide-har-revers {
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes slide-har-revers {
100%{-webkit-transform:translateX(0%);transform:translateX(0%)}
0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}



@media (max-width: 1680px) {
.brands a img{max-height:50px;max-width:100px;}
}
@media (max-width: 1366px) {
.brands li{width:20%;}
.brands a{line-height:80px;height:80px;}


}
@media (max-width: 991px) {
.hero-logo {top:15px;}
.hero-logo img {max-height:60px;}
.slide-har{bottom:15px;}
.slide-har .item {padding:0 25px;line-height:70px;height:70px;}
.slide-har .item img{max-height:40px;max-width:120px;}
.slide-har .box{-webkit-animation:slide-har 50s linear infinite;animation:slide-har 50s linear infinite}
.section-home.landing ul li{padding:0;display:inline-block}
.section-home.landing ul li:first-child:before {display:none}
.section-home.landing ul li:before{margin:0 10px;display:inline-block}

}
@media (max-width: 768px) {
.brands li{width:33.333333333333%;}
.btn-sys {letter-spacing:0}

}

@media (max-width: 640px) {
.col-xs-6 {width:100%}
.slide-har .box{-webkit-animation:slide-har 30s linear infinite;animation:slide-har 30s linear infinite}
.slide-har .item {padding:0 15px;}
}
@media (max-width: 520px) {
	.brands li{width:50%;}
	
}