body{ font-family: 'Quicksand', sans-serif;}

header { background:rgba(0,0,0,.8); padding:10px 0; position: sticky; left: 0; right: 0; top: 0; z-index: 999; }
header .center { display: flex;justify-content: space-between; align-items: center; }
header .touch a { display: inline-block; background:#94231E; color: #fff; font-size: 14px; font-weight: 600; padding: 10px 25px; border-radius: 60px; }

.slider { position: relative;overflow: hidden;}
.slider .overlay { position: absolute; top: 0; left: 0; right: 0; bottom:0; }
.slider .overlay .center { display: flex; align-items: center; width: 100%; height: 100%; }
.slider .slide-content { max-width:720px; }
.slider .slide-image { text-align: center; }
.slider .owl-item.active .slide-image { text-align: center; display:inline-block;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: fadeInRight;animation-delay: 0.3s;}
.slider .slide-content img { width: auto !important; display: inline-block !important;}
.slider .slide-content .btn { margin-top: 20px }
.slider .owl-theme .owl-nav { margin-top: 0 !important }
.slider .owl-theme .owl-dots .owl-dot { width: auto; }
.slider .owl-dots { position: absolute; top:0; height: 100%; align-items: center; display: inline-flex; left:20px; width: 10px; flex-direction: column; align-content: stretch; justify-content: center;}
.slider .owl-theme .owl-dots .owl-dot.active span, .slider .owl-theme .owl-dots .owl-dot:hover span { opacity: 1 !important }

.home-about:before { content:''; background:#ECF0F1; position: absolute; z-index: -1; width: 50%; right: 0; top: 140px; bottom: 140px}
.home-project { background-size: cover; }
.home-project .col-2:before { background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); position:absolute; top:0; right:0; width:100%; height:100%; content:'' }
.home-project .text { padding: 80px 40px; }
.home-project .text .text-content { max-width:720px; width:100%; z-index:9; position:relative; padding:30px; }

.benefits .center { max-width: 960px; text-align: center;}

.home-about .image img { width:100% }


.home-about .image { position: relative; }
.home-about .image a { display: block; position: relative; }
.home-about .image a:before { display: flex; content: '\f144'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; font-size: 72px; color: #fff; z-index: 9; margin: auto; left: 0; right: 0; opacity: .8; display: flex; justify-content: center; align-items: center; height: 100%; }

.gallery .box img { height:100% }
.gallery .box.video { position: relative; }
.gallery .box.video a { display: block; position: relative; height:100% }
.gallery .box.video a:before { display: flex; content: '\f144'; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; font-size: 48px; color: #fff; z-index: 9; margin: auto; left: 0; right: 0; opacity: .8; display: flex; justify-content: center; align-items: center; height: 100%; }


.form .center { background-image: url(../img/formbg.jpg); background-size: cover; overflow: hidden;}
.form-content h2, .form-content h2:before { color: #fff; }
.form-content input, .form-content textarea { border:none; border-radius:1px; border-bottom:1px solid #94231E }
.form-content button { width: 100%; padding:20px; background:#121212; color: #fff; margin: 0;}

.form-content label, .form label { padding:10px 0; }
.form-content label a { color:#333; text-decoration:underline; font-weight:600 }
.form label { color: #fff}
.form label a { color:#fff; text-decoration:underline; font-weight:600 }

footer { background:#000; }
footer h4 { color: #fff; font-family: 'Quicksand', sans-serif; font-size: 16px; margin-bottom: 20px;}
footer .f-nav ul { list-style: none; line-height:28px;}
footer .f-nav ul li a { color: #fff; }
footer .f-nav ul li a:hover { opacity: .7; }

footer .f-contact ul { margin-bottom: 40px; }
footer .f-contact ul li { display: inline-block; }
footer .f-contact ul li a { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; background:#94231E; color: #fff; }
footer .f-contact ul li a:hover { background:#232323; }
footer .f-contact p { margin-bottom: 5px; color: #fff; font-size: 16px;}
footer .f-contact p a { color:#fff; }

.page img { width: 100%; }

.pg-box { text-align: center; }
.pg-box img { width: 100%; }
.pg-box h4 { margin-top: 20px; }
.pg-box span { font-size: 14px; color: #666; }

.fp-box { text-align: center; }
.fp-box img { width: 100%; }
.fp-box h4 { margin-top: 20px; }

.partner h2 { margin-top: 20px; color:#94231d; }

.bottom .box a { display:flex; height: 100%}
.bottom .box a img { height:100%; object-fit:cover; width:auto }

.mobile-bar { display:none; }

.address p a { color:#333 }
.address p a:hover { color:#94231E }

#cssmenu{position:relative; z-index:99;font-family: 'Quicksand', sans-serif;}
#cssmenu ul { list-style: none; }
#cssmenu>ul { display: flex; }
#cssmenu>ul>li:last-child { border-right: none }
#cssmenu,#cssmenu ul li a,#cssmenu #menu-button{list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu>ul>li>a {display: block; font-size: 14px; font-weight:700; color:#fff;padding: 25px 15px;}
#cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity: .6;position: relative;}
#cssmenu #menu-button{display:none;}
#cssmenu ul ul{position:absolute;left:-9999px; box-shadow: 0 0 40px rgba(0,0,0,.2);text-align: left;background:#013478; padding:12px 0px; borderradius: 3px;}
#cssmenu.align-right ul ul{text-align:right}
#cssmenu li:hover > ul{left:auto}
#cssmenu.align-right li:hover > ul{left:auto;right:0}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li a{padding:12px 20px;font-size: 14px; display:block;width:300px;text-decoration:none;color:#fff;font-weight:500;position:relative;}
#cssmenu ul ul li a:hover { color: #fff; }
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu .has-sub { position: relative; margin-right: 10px;}
#cssmenu .has-sub:before { content: '\f107'; font-family:'Font Awesome 5 Free'; font-weight: 600; position: absolute; right: 0; line-height:64px; color:#fff; }
#cssmenu .has-sub:hover:before {color:#fff;content: '\f106'; font-family:'Font Awesome 5 Free'; font-weight: 600;}
#cssmenu .active.has-sub:before {color:#fff; }

@media only screen and (max-width:1249px) {
    #cssmenu>ul>li.active>a, #cssmenu ul li:hover>a { opacity:1;position: relative;}
    #cssmenu {position: absolute;left: 0;right: 0;width: auto;text-align: left;margin:0;}
    #cssmenu>ul>li>a:hover { background:#2a2135;color:000}
    #cssmenu > ul { margin: 0 0 0 0; position: relative;}
    #cssmenu>ul{display:none; z-index:99999; position: absolute; top:35px;left:10px; right:10px}
    #cssmenu ul{display:none; z-index:99999; position: absolute;}
    #cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
    #cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
    #cssmenu ul li,#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;}
    #cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
    #cssmenu>ul>ul>li>a{font-size:12px;color:#fff;background:none;padding:15px 20px 20px 30px;}
    #cssmenu>ul>li>a { padding:20px !important; color: #fff !important; display: block; background:#94231e; border-bottom:1px solid #721f1b; font-size: 14px; line-height: normal !important }
    #cssmenu>ul>li { margin: 0 0px;}
    #cssmenu ul ul li a { padding:15px 20px; }
    #cssmenu ul ul { padding: 0 !important }
    #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff; background:#000}
    #cssmenu ul ul li > a,#cssmenu ul ul li a {background:#202935}
    #cssmenu ul ul ul li a{padding-left:40px;}
    #cssmenu ul ul ul ul li a{padding-left:40px;}
    #cssmenu>ul>li { border-right:none; }
    #cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
    #cssmenu #menu-button{display:block;color:#000;cursor:pointer;font-size:12px;height:48px; background:#94231e; width: 48px; position: absolute; top:-25px; right:20px; border-radius: 2px;}
    #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,0.15);height:55px;width:55px;cursor:pointer;}
    #cssmenu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99;}
    #cssmenu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;z-index:99;}
    #cssmenu ul li a,#cssmenu ul ul li a{width:100%;}
    #cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after,#menu-line,#cssmenu .submenu-button.submenu-opened:after{display:none;}
    #cssmenu ul ul li a { color: #fff }
    #cssmenu ul ul{ border-bottom: none; }
    #cssmenu ul ul li a{border-bottom:1px solid #444;}
    #menu-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
    #menu-button:after{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;position:absolute;top:24px;right:0;left:0;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
    #menu-button:before{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin:auto;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:17px;right:0;left:0;display:block;height:2px;width:20px;background:#ddd;content:''}
    #menu-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:22px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-button.menu-opened:before{top:22px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

    header .touch { display:none; }

    .benefits .col-3 {    grid-template-columns: repeat(3,1fr);}
    .benefits h4 { font-size:13px }

    .form .center.p-x-80 { padding: 20px !important; }

    .home-project { background-position: right; }
    .home-project .text { padding: 20px 0; }
    .home-about:before { display: none; }
    .home-project .col-2:before { display:none; }

    .mobile-bar { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; }
    .mobile-bar a { width: 50%; display: block; background: #94231e; text-align: center; color: #fff;padding: 20px 10px; font-weight: 600; font-size: 16px; }
    .mobile-bar a:nth-child(1) { background:#128C7E; }

    .bottom .col-4 {grid-template-columns: repeat(2,1fr);}

    .benefits.p-1-80.p-3-80 { padding:30px 0 !important }

}

@media only screen and (max-width:375px) {
   
}