body {
    font-weight: 400;
    font-size: 18px;
    font-family: 'Akrobat', Helvetica, Arial, sans-serif;
    font-weight: 400;
}
html {
    scroll-behavior: smooth;
}
@font-face {
    font-family: 'Akrobat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Akrobat-Regular.eot');
    src: url('../fonts/Akrobat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Akrobat-Regular.woff2') format('woff2'), url('../fonts/Akrobat-Regular.woff') format('woff'), url('../fonts/Akrobat-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Akrobat';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Akrobat-SemiBold.eot');
    src: url('../fonts/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Akrobat-SemiBold.woff2') format('woff2'), url('../fonts/Akrobat-SemiBold.woff') format('woff'), url('../fonts/Akrobat-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Akrobat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Akrobat-Bold.eot');
    src: url('../fonts/Akrobat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Akrobat-Bold.woff2') format('woff2'), url('../fonts/Akrobat-Bold.woff') format('woff'), url('../fonts/Akrobat-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Agency';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Agency.ttf');
    src: url('../fonts/Agency.ttf') format('truetype');
}
p {
    line-height: 1.6em;
}
.right {
    float: right;
}
.left {
    float: left;
}
.pb50 {
    padding-bottom: 50px;
}
.p0 {
    padding: 0;
}
a:hover {
    text-decoration: none;
}
.container {
    width: 90%;
    max-width: 1200px;
}
#head_top {
    background: #141313;
}
header .email {
    padding-top: 25px;
}
header .scl {
    padding-top: 20px;
    text-align: right;
}
header .mail {
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
}
header .parent-brand {
    display: block;
    text-align: center;
    padding: 15px 0;
}
header .parent-brand img {
    width: 55px;
    height: auto;
}
header .scl a {
    margin-left: 25px;
}
header .scl a:hover {
    opacity: 0.7;
}
header .scl img {
    width: 27px;
    height: auto;
}
#head_bottom {
    background: rgba(0, 0, 0, 0.47);
    position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
}
#head_bottom .navbar-brand {
    background: #3A1812;
    width: 266px;
    height: 168px;
    padding: 45px 20px;
    margin-bottom: -100px;
    position: relative;
    z-index: 9;
}
#head_bottom .navbar-brand img {
    width: 100%;
    display: block;
    height: auto;
    margin: 0 auto;
}
#navbar_content {
    padding: 25px 0;
}
#head_bottom .nav>li>a {
    color: #fff;
    font-size: 18px;
    padding: 15px 30px;
}
#head_bottom .nav>li.active>a,
#head_bottom .nav>li:hover>a,
#head_bottom .nav>li:focus>a {
    color: rgba(227, 207, 108, 1);
    background: none !important;
}
#spotlight {
    clear: both;
    width: 100%;
    position: relative;
    background: #000;
}
#spotlight img {
    opacity: 0.8;
}
#spotlight .cpation {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 1200px;
    width: 90%;
    bottom: 196px;
    margin: 0 auto;
    color: #fff;
}
#spotlight .cpation .cover {
    width: 65%;
}
#spotlight .cpation h3 {
    font-size: 50px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
#spotlight .cpation p {
    font-size: 21px;
    line-height: 35px;
}
#spotlight .owl-thumbs {
    position: absolute;
    right: 5%;
    bottom: 20%;
    z-index: 999;
}
#spotlight .owl-thumbs button {
    display: block;
    background: none;
    border: none;
    color: #fff;
    font-size: 28px;
    width: 100px;
    text-align: right;
    font-family: 'Agency';
}
#spotlight .owl-thumbs button.active {
    font-size: 62px;
}
h2.title {
    color: rgba(90, 4, 4, 1);
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
}
h2.title small {
    font-size: 32px;
    font-weight: 600;
    color: rgba(235, 91, 91, 1);
    display: block;
    margin-bottom: 10px;
}
#about_home,
#vision {
    padding: 100px 0 75px;
}
#about_home p,
#vision p {
    font-size: 20px;
    line-height: 35px;
    color: rgba(90, 4, 4, 1);
}
.double_image .big_image {
    width: 90%;
    overflow: hidden;
    float: right;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
.double_image .big_image:hover img {
    transform: scale(1.2);
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
.double_image .small_image {
    width: 50%;
    overflow: hidden;
    float: left;
    margin-top: -35%;
    box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.2);
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    position: relative;
    z-index: 999;
}
.double_image img {
    width: 100%;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}
#about_home .double_image {
    padding-left: 50px;
}
#vision .double_image {
    padding-right: 50px;
    overflow: hidden;
}
#services h2.title {
    color: #fff;
    margin-bottom: 50px;
}
#services h2.title small {
    color: #FFFFFF;
    opacity: 0.6;
}
#services {
    position: relative;
    padding: 130px 0 90px;
    color: #fff;
    background: url(../images/services_bg.jpg) no-repeat fixed 0 0;
}
#services .container {
    position: relative;
    z-index: 2;
    font-size: 0;
}
#services:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #5A0404;
    opacity: 0.7;
}
#services .col {
    text-align: center;
    margin-bottom: 40px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
#services .col .img {
    display: block;
    width: 100px;
    margin: 0 auto;
    height: 100px;
}
#services .col svg {
    width: 85px;
    height: 85px;
}
#services .col .col_inner {
    padding: 0 30px;
}
#services .col h3 {
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    margin-bottom: 0px;
}
#services .col p {
    font-size: 20px;
    opacity: 0.8;
    width: 80%;
    margin: 15px auto 0;
}
#projects {
    padding: 130px 0;
}
#projects .content {
    margin-bottom: 38px;
    font-size: 20px;
    color: #5A0404;
    padding: 0 50px;
}
#projects .cover {
    position: relative;
}
#projects .cover img {
    width: 100%;
    display: block;
}
#projects .cover h4 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    position: absolute;
    left: 20px;
    bottom: 20px;
}
#projects .owl-nav {
    margin-top: 50px;
}
#projects .owl-nav .owl-prev,
#projects .owl-nav .owl-next {
    position: absolute;
    right: 0;
    width: 50px;
    height: 45px;
    background: url(../images/left-arrow.svg) no-repeat center center#2D2B2B;
    background-size: 50%;
    text-indent: -9999px;
    overflow: hidden;
}
#projects .owl-nav .owl-next {
    transform: rotate(180deg);
}
#projects .owl-nav .owl-prev {
    background: url(../images/left-arrow.svg) no-repeat center center #565656;
    right: 67px;
    background-size: 50%;
}
#projects .owl-dots {
    text-align: center;
}
#projects .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #394455;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    opacity: 0.5;
}
#projects .owl-dots .owl-dot.active {
    opacity: 1;
}
#news {
    padding: 0 0 100px;
    position: relative;
}#news h2 small{

}#news h2 b{

}
#news:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 47%;
    background: url(../images/news-bg.jpg) no-repeat fixed 0 0;
    background-size: cover;
}
#news .item {
    background-size: cover;
    padding-top: 200px;
}
#news .cover {
    padding: 25px;
    background: rgba(0, 0, 0, 0.4);
    min-height: 220px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
#news .cover h4 {
    font-size: 19px;
    color: #fff;
    opacity: 0.7;
    line-height: 25px;
}
#news .owl-dots,
#gallery .owl-dots {
    text-align: center;
    padding-top: 50px;
}
#gallery .owl-dots {
    padding-top: 20px;
}
#news .owl-dots .owl-dot,
#gallery .owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    background: #394455;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    opacity: 0.5;
}
#news .owl-dots .owl-dot.active,
#gallery .owl-dots .owl-dot.active {
    opacity: 1;
}
.gallery_grid .square {
    width: 100%;
    height: 200px;
    background-size: cover;
    display: block;
    margin-bottom: 35px;
    position: relative;
}
.gallery_grid .col {
    padding: 0;
}
.gallery_grid .big.square {
    width: 100%;
    height: 435px;
}.gallery_grid .big_cover {
    padding: 0 35px;
}.gallery_grid span.zmdi{
    display: none;
}.gallery_grid .big_cover:hover{
    position: relative;
}.gallery_grid .big_cover:hover span.zmdi{
    display: block;
    position: absolute;
    top: 48%;
    bottom: 49%;
    right: 49%;
    left: 48%;
    font-size: 32px;
    color: #fff;
}
.gallery_grid div span.zmdi{
    display: none;
}.gallery_grid div.small_cover:hover{
    position: relative;
}.gallery_grid div.small_cover:hover span.zmdi{
    display: block;
    position: absolute;
    top: 44%;
    bottom: 49%;
    right: 49%;
    left: 46%;
    font-size: 32px;
    color: #fff;
}
.gallery_grid .square:after {
    content: "";
    width: 50%;
    height: 50%;
    background: url(../images/zoom.svg) no-repeat scroll center center rgba(255, 255, 255, 0.4);
    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.gallery_grid .square:hover:after {
    display: block;
}
#contact {
    position: relative;
}#contact .icon{

}#contact .icon span{
    display: block;
}#contact .address_area {
    background: #3B3B3B;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 9;
    padding-top: 50px;
    padding-bottom: 50px;
    font-size: 18px;
}
#contact:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
    background: #3B3B3B;
}
#contact h3,
#contact h4 {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 30px;
    color: #fff;
}
#contact h4 {
    font-size: 21px;
    margin-bottom: 10px;
}
#contact .formarea h3 {
    color: rgba(0, 0, 0, 0.7);
}
#contact .col {
    margin-bottom: 20px;
}
#contact .formarea {
    padding-top: 40px;
    padding-left: 45px;
}
.icon_mail,
.icon_phone,
.icon_address {
    position: relative;
}.icon_mail span,
.icon_phone span,
.icon_address span {
    margin-right: 10px;
    font-size: 25px;
}
.icon_mail:before,
.icon_phone:before,
.icon_address:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(../images/icon1.svg) no-repeat scroll 0 0;
    background-size: contain !important;
}
.icon_mail:before {
    background: url(../images/icon2.svg) no-repeat scroll 0 0;
}
.icon_address:before {
    background: url(../images/icon3.svg) no-repeat scroll 0 0;
}
.form_section input,
.form_section textarea {
    height: 50px;
    width: 100%;
    background: rgba(197, 197, 197, .14);
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 10px;
    font-size: 15px;
    display: block;
}
.form_section textarea {
    height: 124px;
}
.form_section .form-group {
    margin-bottom: 25px;
}
.form_section .btn-dark {
    background: rgba(23, 23, 23, 0.67);
    height: 50px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #fff;
    border-radius: 0;
    border: none;
}
.popup {
    display: none;
}
.popup:after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}
.popup .popup_body {
    width: 838px;
    height: 326px;
    max-width: 90%;
    background: rgba(255, 255, 255, 1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.09);
    border-radius: 18px;
    opacity: 1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    z-index: 999;
    padding: 50px;
}
.popup .message {
    color: #020E19;
    margin-bottom: 20px;
}
.popup .icon {
    display: block;
    margin-bottom: 30px;
}
.popup .icon img {
    width: 100px;
    height: 100px;
    display: inline-block;
}
.gold_button {
    width: 146px;
    height: 61px;
    background: #AF922D;
    border: none;
    font-size: 22px;
    color: #fff;
    display: block;
    margin: 0 auto;
}
.error .gold_button {
    background: #DB2422;
}
footer {
    background: #171717;
    padding-top: 90px;
}
footer .logo {
    display: block;
}
footer .logo img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    max-width: 300px;
}
footer .scl {
    overflow: hidden;
    padding-top: 10px;
    text-align: center;
}
footer .scl a {
    opacity: 0.5;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
    display: inline-block;
    width: 30px;
    height: auto;
    margin-right: 20px;
}
footer .scl a img {
    width: 100%;
    height: auto;
}
footer .scl a:hover {
    margin-top: -3px;
    opacity: 1;
}
footer h5 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}
footer p {
    color: #fff;
    opacity: 0.7;
    font-size: 18px;
}
footer ul {
    padding-left: 0;
}
footer ul li {
    list-style: none;
    display: inline-block;
    width: 49%;
    margin-bottom: 15px;
}
footer ul li a {
    color: #fff;
    opacity: 0.7;
    font-size: 18px;
}
footer .foot_about {
    padding: 0 40px;
}
#secfoot {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 0;
    color: #fff;
    opacity: 0.7;
}
#secfoot a {
    color: #fff;
}
@media all and (min-width: 1500px) {
    .container,
    #spotlight .cpation {
        max-width: 1300px;
    }}
@media all and (max-width: 1400px) {
    #services {
        padding: 45px 0 45px;
    }    #projects {
        padding: 55px 0 40px;
    }    #news {
        padding: 0 0 45px;
    }    #vision {
        padding: 65px 0 75px;
    }    #spotlight .cpation h3 {
        font-size: 50px;
    }    #spotlight .cpation p {
        font-size: 20px;
    }    header .scl a svg {
        width: 25px;
        height: 25px;
    }    #head_bottom .navbar-brand {
        width: 230px;
        height: auto;
        padding: 30px 20px;
    }    header .mail {
        font-size: 20px;
    }    header .email {
        padding-top: 20px;
    }    header .parent-brand {
        padding-top: 5px 0;
    }    header .parent-brand img {
        width: 35px;
    }    #head_bottom .nav>li>a {
        font-size: 21px;
    }    #navbar_content {
        padding: 15px 0;
    }    #spotlight .cpation {
        bottom: 50px;
    }    h2.title {
        font-size: 40px;
    }    #about_home p,
    #vision p {
        font-size: 18px;
    }}
@media all and (max-width: 991px) {
    #news {
        padding: 0 0 20px;
    }    #vision .double_image {
        padding-bottom: 30px;
    }    .double_image .big_image {
        padding-top: 15px;
    }    h2.title small {
        font-size: 27px;
        margin-bottom: 13px;
    }    h2.title {
        font-size: 35px;
        margin-bottom: 20px;
    }    #about_home, #vision {
        padding: 45px 0 45px;
    }    #head_bottom .nav>li>a {
        font-size: 18px;
        padding: 15px 15px;
    }    #spotlight .cpation h3 {
        font-size: 42px;
    }    #contact:after {
        display: none;
    }    #spotlight .cpation p {
        display: none;
    }    #contact .address_area {
        padding: 50px;
    }    #contact .formarea {
        padding: 50px 0;
    }    footer .foot_about {
        padding: 20px 0;
    }}
@media all and (max-width: 768px) {
    #head_top {
        display: block;
    }    header .scl,
    header .email {
        text-align: center;
    }    #head_bottom {
        position: static;
    }    header .navbar-toggle {
        display: block;
        width: 40px;
        padding: 0;
        margin-top: 20px;
    }    .navbar-toggle small {
        display: block;
        height: 2px;
        margin: 7px 0;
        background: #000;
    }    #spotlight .cpation p {
        display: none;
    }    #spotlight .cpation h3 {
        font-size: 30px;
    }    .navbar-right {
        clear: both;
    }    #navbar_content {
        border: none;
        box-shadow: none;
        overflow: hidden;
    }    #about_home,
    #vision,
    #projects {
        padding: 50px 0;
    }    #projects .content {
        font-size: 20px;
        padding: 0;
    }}
@media all and (max-width: 640px) {
    footer ul li {
        width: 32%;
    }    #contact .address_area {
        padding: 25px 50px;
    }    #spotlight .cpation h3 {
        font-size: 35px;
    }    #services .col {
        margin-bottom: 35px;
    }    #services h3{
        margin-top: 10px;
    }    h2.title {
        margin-bottom: 11px;
    }    #news {
        padding: 0 0 30px;
    }    .form_section .form-group {
        margin-bottom: 20px;
    }    #contact h3,
    #contact h4 {
        margin-bottom: 17px;
    }    #contact .formarea {
        padding: 35px 0 40px;
    }    footer .foot_about {
        padding: 20px 0 10px;
    }    footer {
        padding-top: 55px;
    }    footer ul li {
        margin-bottom: 10px;
    }    footer h5 {
        font-size: 24px;
        margin-bottom: 22px;
    }    #news {
        padding: 0 0 25px;
    }    header .mail {
        font-size: 17px;
    }    header .scl {
        float: left;
        clear: both;
        text-align: left;
        padding-top: 0;
        padding-bottom: 10px;
        margin-top: -30px;
    }    header .scl a {
        margin: 0 10px 0 0;
    }    header .email {
        float: left;
        padding-top: 10px;
    }    header .parent-brand {
        padding-top: 30px;
    }    #head_top .col-sm-3 {
        float: right;
    }    #projects .owl-dots {
        display: none;
    }    #news .item {
        padding-top: 200px;
    }    #head_bottom .navbar-brand {
        width: 150px;
        padding: 12px 20px;
    }    #spotlight .owl-thumbs button {
        display: inline-block;
        width: auto;
        font-size: 18px;
    }    #spotlight .owl-thumbs button.active {
        font-size: 30px;
    }    #spotlight .owl-thumbs {
        bottom: 10px;
    }    #spotlight .cpation h3 {
        padding: 0;
        font-size: 28px;
    }    header .navbar-toggle {
        margin-top: 5px;
    }    h2.title {
        font-size: 28px;
    }    #about_home p,
    #vision p {
        font-size: 18px;
        line-height: 25px;
    }    h2.title small {
        font-size: 20px;
    }    #about_home,
    #vision,
    #projects {
        padding: 30px 0 15px;
    }    #services {
        padding: 30px 0;
    }    #services .col p {
        width: 100%;
    }    #services .col .col_inner {
        padding: 0;
    }    #news .item {
        padding-top: 0;
    }    #news .cover {
        background: rgba(0, 0, 0, 0.8);
    }    #news .cover h4 {
        opacity: 1;
        font-size: 18px;
    }    #projects .owl-nav {
        height: 50px;
        margin-top: 20px;
    }    .gallery_grid .col {
        clear: both;
    }    .gallery_grid .square {
        border-radius: 2px;
    }    .gallery_grid .col-md-3 .square {
        width: 48%;
        float: left;
        margin: 1%;
        height: 130px;
    }    .gallery_grid .big_cover {
        padding: 1%;
    }    .gallery_grid .big.square {
        height: 130px;
        width: 100%;
        margin-bottom: 0;
    }    .gallery_grid {
        margin: 0 !important;
    }    #projects .content {
        margin-bottom: 20px;
    }    #news .cover {
        background: rgb(0 0 0 / 55%);
        backdrop-filter: blur(0px);
        -webkit-backdrop-filter: blur(12px);
    }}@media all and (max-width: 480px) {
    #contact .address_area {
        padding: 15px 24px;
    }    #contact .formarea {
        padding: 10px 0 40px;
    }    #spotlight .cpation {
        top: 18px;
    }    #spotlight .cpation .cover {
        width: 94%;
    }    #about_home, #vision, #projects {
        padding: 30px 0 30px;
    }    #gallery{
        padding-bottom: 45px;
    }    #contact h3 {
        margin-bottom: 13px;
    }    #secfoot a {
        font-size: 15px;
    }    #secfoot {
        padding: 10px 0;
    }    footer ul li {
        width: 47%;
    }    #contact h3{
        font-size: 28px;
    }    h2.title {
        font-size: 25px;
    }    #projects .owl-nav .owl-prev, #projects .owl-nav .owl-next {
        width: 35px;
        height: 35px;
    }    #news .owl-dots, #gallery .owl-dots {
        padding-top: 23px;
    }    #news h2.title {
        margin-bottom: 20px;
    }    #services .col .img {
        margin: 0 auto -20px;
    }    #services h2.title {
        color: #fff;
        margin-bottom: 27px;
    }    #services img{
        width: 70px;
    }    #services .col h3 {
        font-size: 22px;
        margin-bottom: -5px;
    }    #services .col p {
        font-size: 17px;
    }}