@media screen and (min-width:768px){.page-index #layout-header{background:rgba(4,27,46,0.9);-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out}.page-index #layout-header.header-scroll{background:#041b2e}}
.page-index #layout-content{margin-top:0}
.home-header{position:relative;background-image:url('../themes/main/assets/images/bg-head.jpg');background-position:center;background-size:cover;padding-bottom:0;border-bottom:10px solid #182f56}
.home-header .home-intro{padding-top:180px;padding-bottom:75px;max-width:500px;z-index:2;position:relative}
.home-header .home-intro h1{font-size:34px;color:#fff;font-weight:500;margin-bottom:20px}
.home-header .home-intro span{color:#fff}
@media (max-width:1399px){.home-header .home-intro h1{font-size:30px}}
@media (max-width:1199px){.home-header .home-intro{padding-left:0}.home-header .home-intro h1{font-size:25px}}
@media (max-width:991px){.home-header .home-intro{padding-top:150px;padding-bottom:60px}.home-header .home-intro h1{font-size:28px}}
@media (max-width:767px){.home-header .home-intro{padding-top:100px;padding-bottom:30px}.home-header .home-intro h1{font-size:20px}.home-header .home-intro span{font-size:12px}}
@media (max-width:767px){.home-header{border-bottom:5px solid #182f56}.home-header:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;z-index:1;background:rgba(0,0,0,0.6)}}
.categories{background:#eff0f0;box-shadow:rgba(50,50,93,0.25) 0px 13px 27px -5px,rgba(0,0,0,0.3) 0px 8px 16px -8px}
.categories .container-fluid{max-width:1600px}
.categories .category{position:relative;overflow:hidden;height:100%}
.categories .category .inner{background-position:top center;background-repeat:no-repeat;background-size:cover;transition:all .2s linear;height:100%}
.categories .category .inner:before{opacity:0;content:"";position:absolute;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,0.5);transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;z-index:4}
.categories .category .inner:after{content:"";position:absolute;left:0;right:0;bottom:0;top:40%;transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%)}
.categories .category .iconl{position:absolute;top:20px;left:20px;z-index:4}
.categories .category .iconr{position:absolute;bottom:20px;right:20px;z-index:4}
.categories .category .title{display:flex;flex-direction:column;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;line-height:20px;letter-spacing:0.3px;background:rgba(0,0,0,0.5);padding:5px 15px;position:absolute;left:0px;bottom:30px;z-index:3}
@media (min-width:992px){.categories .category .x1{padding-top:55%}.categories .category .x2{padding-top:45%}}
@media (max-width:991px){.categories .category .x1,.categories .category .x2{padding-top:75%}.categories .category .title{font-size:10px;bottom:10px}}
.categories .category:hover .inner{-webkit-transform:scale(1.03);transform:scale(1.03);will-change:transform}
.categories .category:hover .inner:before{opacity:1}
.categories .category:hover .inner:after{opacity:0}
@media (max-width:991px){.categories .col{margin-bottom:30px}}
.intro{padding:60px 0}
.intro h3{font-weight:700}
@media (max-width:991px){.intro .col{margin-bottom:30px}}
.about{margin:30px 0;padding:63px 0}
.about .about-content{padding:15px 0 0}
.about .about-image{padding:0 20px}
.about .icon{margin-bottom:20px}
.about h3{font-weight:700;margin-bottom:15px}
.about p{line-height:28px;margin-bottom:30px}
@media (max-width:1199px){.about .about-content{padding-top:0;padding-bottom:50px}}
@media (max-width:991px){.about .about-image{display:none}}