/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 31, 2022, 11:55:46 AM
    Author     : Lamyarahman
*/

/*--------------------------------------------------------*/
/* TABLE OF CONTENTS: */
/*--------------------------------------------------------*/
/* 01 - FONTS */
/* 02 - LOADER */
/* 03 - RESET STYLES */
/* 04 - GLOBAL SETTINGS */
/* 05 - HEADER */
/* 06 - FOOTER */


/*-------------------------------------------------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 01 - FONTS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.class{
    font-family: DubaiW23-Regular, Calibri;
}
nav ul li, .number, .price, .btn-1, .btn-2{
    font-family: DubaiW23-Regular, Calibri;
}
.banner-nav .swiper-pagination-custom, .price{
    font-family: DubaiW23-Regular, Calibri;
}
.form-wrapper .btn-1, .list-counter ol li:before, .banner-nav .follow span{
    font-family: DubaiW23-Regular, Calibri;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 02 - LOADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
#loader-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 100;
}
#loader-wrapper-form{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 100;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - RESET STYLES */
/*-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,  tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    -ms-word-wrap: break-word;
    word-wrap: break-word -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
i{
    font-style: italic;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
body *{
    -webkit-text-size-adjust:none;
}
.clear{
    clear:both;
    overflow: hidden;
    height:0px;
    font-size:0px;
    display: block;
}
input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}
input, textarea, select{
    -webkit-appearance: none;
    border-radius: 0;
}
a, a:link, a:visited, a:active, a:hover{
    cursor: pointer;
    text-decoration: none;
    outline: none;
}
body{
    font-family: DubaiW23-Light, Calibri;
    font-size: 18px;
    line-height: 24px;
    color: #3e3e3e;
}
/*body:not(.loaded) *{-webkit-transition: none !important; transition: none !important;}*/
ul, ol{
    list-style-type: none;
}
.container{
    max-width: 100%;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.is-mobile{
    display: none;
}
@media (max-width: 1239px) {
    .is-mobile{
        display: block;
    }
}

#content{
    overflow-x: hidden;
}

/*table*/
.table-view{
    height: 100%;
    width: 100%;
    display: table;
}
.row-view{
    display: table-row;
}
.cell-view{
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

.height-min{
    min-height: 100vh;
    height: 100%;
}
@media (max-width: 1239px) {
    .height-min{
        min-height: 1px;
        height: 100%;
    }
}

/*flex*/
.flex-js{
    display: flex; /*width:100%;*/
    -webkit-align-items:center;
    align-items:center;
}
.flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    height: 100%;
}

.flex:not(.no-default-height){
    min-height: inherit;
}

.flex-order-1{
    order: 1;
}
.flex-order-2{
    order: 2;
}
.flex-eq-h{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -webkit-box-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
    min-height: inherit;
}
@media (min-width: 992px) {
    .flex-md{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center; /*width: 100%;*/
        height: 100%;
        min-height: inherit;
    }
}
@media (min-width: 768px) {
    .visible-lg{
        display: block !important;
    }
    .visible-sm{
        display: none !important;
    }
    .flex-sm{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center; /*width: 100%;*/
        height: 100%;
        min-height: inherit;
    }
}
@media (max-width: 991px) {
    .flex-js{
        display: block;
    }
    .flex{
        display: block;
    }
    .flex-eq-h{
        display: block;
    }

}
/*flex*/


/*inputs*/
.input-wrapper{
    display: inline-block;
    position: relative;
}
.input-wrapper .input-style{
    position: relative;
    display: inline-block;
    height: 100%;
    margin-right: 10px;
}
.input-wrapper .input-style:not(.countrylist):after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 0;
    background-color: #004851;
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -webkit-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
}
.input-wrapper .input-style.focus:after{
    width: 100%;
    transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -webkit-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
}
.input-wrapper .input-style input{
    border:none;
    border-bottom: 1px solid #d0d0d0;
    color: #222;
    background-color: transparent;
    height: 30px;
    padding: 10px 0;
}
.input-wrapper .input-style select{
    border:none;
    border-bottom: 1px solid #d0d0d0;
    color: #222;
    background-color: transparent;
    height: 30px;
}
.input-wrapper .input-style label{
    position: absolute;
    left: 0;
    top: 6px;
    cursor: text;
    font-size: 18px;
    line-height: 18px;
    -moz-transition:all 150ms ease-out;
    -o-transition:all 150ms ease-out;
    -webkit-transition:all 150ms ease-out;
    transition:all 150ms ease-out;
    -ms-transition:all 150ms ease-out;
    transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -webkit-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
}
.input-wrapper .input-style.focus label{
    top: 30px;
    color: #fff;
    font-size: 10px;
    background-color: #004851;
    padding: 0 4px;
    transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
}
select#inputCountry {
    border: none;
    border-bottom: 1px solid #d0d0d0;
    background-color: transparent;
    height: 30px;
    position: absolute;
    left: 0;
    top: 6px;
    cursor: text;
    font-size: 18px;
    line-height: 18px;
    color: #626262;
    font-family: DubaiW23-Regular, Calibri;
    font-weight: normal;
    padding-left: 0;
}
/*inputs*/


/*form styles*/
.form-wrapper{
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    height: auto;
    background-color: #fff;
}
.form-wrapper .input-wrapper{
    display: block;
}
.form-wrapper .input-wrapper .input-style{
    position: relative;
    float: left;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    margin-right: 0;
}
.form-wrapper .input-wrapper .input-style input, .form-wrapper .input-wrapper .input-style select{
    width: 100%;
}
.form-wrapper .input-wrapper .input-style.textarea textarea{
    color: #222;
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d0d0d0;
    resize: none;
    height: 73px;
    background-color: transparent;
}
.input-wrapper .input-style.textarea.focus label{
    top: 73px;
}
/*.form-wrapper .btn-1{position: absolute; right: -30px; bottom: -20px; border: none; font-size: 12px; z-index: 1;}*/
/*form style2*/

.form-wrapper.style-2 .input-wrapper .input-style:nth-child(odd){
    width: calc(50% - 15px);
    margin-right:15px;
}
.form-wrapper.style-2 .input-wrapper .input-style:nth-child(even){
    width: calc(50% - 15px);
    margin-left:15px;
}
.form-wrapper.style-2 .input-wrapper .input-style.textarea{
    width: 100%;
}
@media (max-width: 991px) {
    .form-wrapper{
        padding: 50px 30px 50px 30px;
        width: 100%;
    }
    .form-wrapper .btn-1{
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }
}
/*form styles*/


/*buttons*/
.btn-wrap{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}
.btn-1{
    border:0;
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px 0px 25px;
    background:#004851;
    font-size: 14px;
    cursor: pointer;
    color: #ffffff;
}
.btn-1 span{
    z-index: 2;
    position: relative;
    color: #fff;
    cursor: pointer;
}
.btn-1:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333333;
    opacity: 0;
}
.btn-2{
    position: relative;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0px 25px 0px 25px;
    background:#004851;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-2 span{
    z-index: 2;
    position: relative;
    color: #fff;
    cursor: pointer;
}
.btn-2:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}
.btn-play{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 84px;
    height: 54px;
    text-align: center;
    background-color: #004851;
    cursor: pointer;
    color: #fff;
    margin-left: -42px;
    margin-top: -27px;
    outline: 3px solid rgba(223, 205, 80, 0.5);
    box-sizing: border-box;
}
.btn-play i{
    line-height: 54px;
}

.btn-2.right,
.btn-1.right{
    position: relative;
    float: right;
    margin-right: -30px;
    top: -20px;
}
/*.btn-2.center,*/
/*.btn-1.center{float: none; display: block; width: auto;}*/

@media (min-width: 1240px) {
    .btn-1:hover span{
        color: #fff;
    }
    .btn-2:hover span{
        color: #004851;
    }
    .btn-1:hover:before{
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .btn-2:hover:before{
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    .btn-play:hover{
        background-color: rgba(255,255,255,0.7);
        color: #004851;
        outline-color: #004851;
    }
}
@media (max-width: 1599px) {
    .btn-2.right,
    .btn-1.right{
        float: none;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.hamburger-icon-2{
    width: 40px;
    height: 44px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: -10px;
    margin-top: -4px; /*background-color: #fff;*/
}
.hamburger-icon-2 span{
    background-color: #222;
    height: 2px;
    width: 18px;
    position: absolute;
    left: 11px;
}
.hamburger-icon-2 span:nth-child(1){
    bottom: 27px;
}
.hamburger-icon-2 span:nth-child(2){
    bottom: 21px;
}
.hamburger-icon-2 span:nth-child(3){
    bottom: 15px;
}
@media (min-width: 1240px) {
    .hamburger-icon-2:hover span:nth-child(1){
        bottom: 29px;
    }
    .hamburger-icon-2:hover span:nth-child(3){
        bottom: 13px;
    }
}
/*buttons*/


/*typography*/
.h1,.h2,.h3,.h4,.h5,.h6,.h7{
    font-family: DubaiW23-Regular, Calibri;
    letter-spacing: .025em;
    color: #004851;
    margin: 0;
}
.h1{
    font-size: 60px;
    line-height: 70px;
    font-weight: 900;
    text-transform: uppercase;
}
.h2{
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
}
.h3{
    font-size: 24px;
    line-height: 24px;
    font-family: DubaiW23-Regular, Calibri;
    letter-spacing: 0.025em;
}
.h4{
    font-size: 18px;
    line-height: 24px;
    font-family: DubaiW23-Regular, Calibri;
}
.h5{
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
}
.h6{
    font-size: 13px;
    line-height: 24px;
    font-family: DubaiW23-Light, Calibri;
    font-weight: 700;
    color: #004851;
    text-transform: uppercase;
}
.h7{
    font-size: 12px;
    line-height: 49px;
    text-transform: uppercase;
}

.big{
    font-size: 16px;
    line-height: 26px;
}
.normal{
    font-size: 15px;
    line-height: 24px;
}
.normal-sm{
    font-size: 14px;
    line-height: 30px;
}
.small{
    font-size: 13px;
    line-height: 32px;
}
.small-sm{
    font-size: 13px;
    line-height: 24px;
}


@media (max-width: 1439px) {
    .h1{
        font-size: 54px;
        line-height: 60px;
    }

}
@media (max-width: 1239px) {
    .h1{
        font-size: 42px;
        line-height: 50px;
    }

    .owl-carousel .owl-item img{
        margin-top: 20px;
    }

}
@media (max-width: 479px) {
    .h1{
        font-size: 40px;
        line-height: 50px;
    }
    .h2{
        font-size: 36px;
        line-height: 40px;
    }
}

article{
    position: relative;
    float: left;
    width: 100%;
}
.article{
    position: relative;
    float: left;
    width: 100%;
}

.bg-text {
    color: rgba(255,255,255,0.7);
}
.bg-text .h1,.bg-text .h2,.bg-text .h3,.bg-text .h4,.bg-text .h5,.bg-text .h7{
    /*color: #fff;*/
}

.uppercase{
    text-transform: uppercase;
}

.white{
    color: #fff;
}
.white-70{
    color: rgba(255,255,255,0.7);
}
.black{
    color: #222222;
}
.grey{
    color: #989898;
}
.violet{
    color: #004851 !important;
}

/*hover*/
.hover-1{
    display: inline-block;
}
.hover-2{
    display: inline-block;
    position: relative;
    padding: 0 10px;
}

.img-hover-1,
.img-hover-2{
    display: block;
    width: 100%;
    overflow: hidden;
}
.img-hover-1 img,
.img-hover-2 img{
    display: block;
    width: 100%;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -webkit-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
}
@media (min-width: 1240px) {
    .hover-1:hover{
        color: #004851 !important;
        cursor: pointer;
        -moz-transition:all 150ms ease-out;
        -o-transition:all 150ms ease-out;
        -webkit-transition:all 150ms ease-out;
        transition:all 150ms ease-out;
        -ms-transition:all 150ms ease-out;
    }
    .hover-2:hover:before{
        left: 0;
        width: 100%;
    }
    .img-hover-1:hover img{
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    .img-hover-2:hover img{
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
/*hover*/

/*padding class*/
.empty-space{
    position: relative;
    display: block;
}

.h0-xs{
    height: 0px;
}
.h5-xs{
    height: 5px;
}
.h10-xs{
    height: 10px;
}
.h15-xs{
    height: 15px;
}
.h20-xs{
    height: 20px;
}
.h25-xs{
    height: 25px;
}
.h30-xs{
    height: 30px;
}
.h35-xs{
    height: 35px;
}
.h40-xs{
    height: 40px;
}
.h45-xs{
    height: 45px;
}
.h50-xs{
    height: 50px;
}
.h55-xs{
    height: 55px;
}
.h60-xs{
    height: 60px;
}
.h65-xs{
    height: 65px;
}
.h70-xs{
    height: 70px;
}
.h75-xs{
    height: 75px;
}
.h80-xs{
    height: 80px;
}
.h85-xs{
    height: 85px;
}
.h90-xs{
    height: 90px;
}
.h95-xs{
    height: 95px;
}
.h100-xs{
    height: 100px;
}

@media (min-width: 768px) {
    .h0-sm{
        height: 0px;
    }
    .h5-sm{
        height: 5px;
    }
    .h10-sm{
        height: 10px;
    }
    .h15-sm{
        height: 15px;
    }
    .h20-sm{
        height: 20px;
    }
    .h25-sm{
        height: 25px;
    }
    .h30-sm{
        height: 30px;
    }
    .h35-sm{
        height: 35px;
    }
    .h40-sm{
        height: 40px;
    }
    .h45-sm{
        height: 45px;
    }
    .h50-sm{
        height: 50px;
    }
    .h55-sm{
        height: 55px;
    }
    .h60-sm{
        height: 60px;
    }
    .h65-sm{
        height: 65px;
    }
    .h70-sm{
        height: 70px;
    }
    .h75-sm{
        height: 75px;
    }
    .h80-sm{
        height: 80px;
    }
    .h85-sm{
        height: 85px;
    }
    .h90-sm{
        height: 90px;
    }
    .h95-sm{
        height: 95px;
    }
    .h100-sm{
        height: 100px;
    }
}

@media (min-width: 992px) {
    .h0-md{
        height: 0px;
    }
    .h5-md{
        height: 5px;
    }
    .h10-md{
        height: 10px;
    }
    .h15-md{
        height: 15px;
    }
    .h20-md{
        height: 20px;
    }
    .h25-md{
        height: 25px;
    }
    .h30-md{
        height: 30px;
    }
    .h35-md{
        height: 35px;
    }
    .h40-md{
        height: 40px;
    }
    .h45-md{
        height: 45px;
    }
    .h50-md{
        height: 50px;
    }
    .h55-md{
        height: 55px;
    }
    .h60-md{
        height: 60px;
    }
    .h65-md{
        height: 65px;
    }
    .h70-md{
        height: 70px;
    }
    .h75-md{
        height: 75px;
    }
    .h80-md{
        height: 80px;
    }
    .h85-md{
        height: 85px;
    }
    .h90-md{
        height: 90px;
    }
    .h95-md{
        height: 95px;
    }
    .h100-md{
        height: 100px;
    }
}

@media (min-width: 1240px) {
    .h0-lg{
        height: 0px;
    }
    .h5-lg{
        height: 5px;
    }
    .h10-lg{
        height: 10px;
    }
    .h15-lg{
        height: 15px;
    }
    .h20-lg{
        height: 20px;
    }
    .h25-lg{
        height: 25px;
    }
    .h30-lg{
        height: 30px;
    }
    .h35-lg{
        height: 35px;
    }
    .h40-lg{
        height: 40px;
    }
    .h45-lg{
        height: 45px;
    }
    .h50-lg{
        height: 50px;
    }
    .h55-lg{
        height: 55px;
    }
    .h60-lg{
        height: 60px;
    }
    .h65-lg{
        height: 65px;
    }
    .h70-lg{
        height: 70px;
    }
    .h75-lg{
        height: 75px;
    }
    .h80-lg{
        height: 80px;
    }
    .h85-lg{
        height: 85px;
    }
    .h90-lg{
        height: 90px;
    }
    .h95-lg{
        height: 95px;
    }
    .h100-lg{
        height: 100px;
    }
}

.fl{
    float: left;
    width:100%;
}


/*nopadding class*/
.nopadding {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 992px) {
    .nopadding-md{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 767px) {
    .nopadding-xs{
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .visible-sm{
        display: block !important;
    }
    .visible-lg{
        display: none !important;
    }
}

/*background*/
.bg{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    background-position: 90% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment:scroll;
    -webkit-transition: background 0.95s linear 0.35s;
    -moz-transition: background 0.95s linear 0.35s;
    -ms-transition: background 0.95s linear 0.35s;
    -o-transition: background 0.95s linear 0.35s;
    transition: background 0.95s linear 0.35s;
    z-index: 0;
}
.bg.fix{
    background-attachment: fixed;
}
.bg-row{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment:scroll;
}
.bg-layer-40{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.16);
}
.bg-layer-50{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}
.bg-layer-60{
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
}
.clip{
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
}
.img{
    width: 100%;
    height: auto;
    display: block;
}

/*table*/
.table-view{
    height: 100%;
    width: 100%;
    display: table;
}
.row-view{
    display: table-row;
}
.cell-view{
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

/*block*/
.block{
    position: relative;
    float: left;
    width: 100%;
}
.wide-container-fluid{
    position: relative;
    padding: 0 50px;
}
.container-style-1{
    position: relative;
    width: 1140px;
    margin: 0 auto;
    padding-top:2.85em;
    z-index: 0;
}
.container-sm-30{
    padding-right: 30px;
    padding-left: 30px;
}

@media screen and (max-width: 1180px) {
    .container-style-1 {
        width: 100%;
        padding: 0 20px;

    }
}

@media screen and (max-width: 1180px) {
    .container-style-1 {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .wide-container-fluid{
        padding: 0 15px;
    }

    .container-sm-30{
        padding-right: 15px;
        padding-left: 15px;
    }
    .container-sm-30.xs-30{
        padding-right: 30px;
        padding-left: 30px;
    }
}

/*swiper*/
.swiper-button-wrapper{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 0;
}
.swiper-button-wrapper .container{
    position: relative;
}
.swiper-button-wrapper .container .swiper-button-prev{
    left: -60px;
}
.swiper-button-wrapper .container .swiper-button-next{
    right: -60px;
}
.swiper-button-next, .swiper-button-prev{
    width: 8px;
    height: 14px;
    margin-top: -4px;
    background-size: 8px 14px;
}
.swiper-button-prev{
    background-image: url(../img/prev-2.png);
}
.swiper-button-next{
    background-image: url(../img/next-2.png);
}
.swiper-pagination{
    position: relative;
    margin-top: 30px;
    display: none;
}
.swiper-pagination.show-pagination{
    display: block;
}
.swiper-pagination.visible{
    display: block;
}
.swiper-pagination-bullet{
    margin: 0 7px;
    width: 7px;
    height: 7px;
}
.swiper-pagination-black .swiper-pagination-bullet-active{
    background-color: #004851;
}

.swiper-relative{
    position: relative;
}

.swiper-button.square-style{
    height: 40px;
    width: 40px;
    background-color: #222;
    opacity: 1;
    margin-top: -20px;
}
.swiper-button.square-style img{
    margin-top: 13px;
}
.swiper-button.square-style.swiper-button-disabled{
    opacity: 0.7;
    transform: scale(1);
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -webkit-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
}
.swiper-button.square-style.black-b{
    background-color: #111111;
}
.swiper-button.square-style.swiper-button-disabled.black-b{
    opacity: 0.4;
}
@media (max-width: 1239px) {
    .swiper-pagination{
        display: block;
    }
}

/*LOADER*/
#loader-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    z-index: 20;
}
#loader-wrapper-form{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.90);
    z-index: 20;
}

.loader {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -50px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #004851; /* Violet */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}
.loader-form {
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 50%;
    margin-left: -50px;
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #004851; /* Violet */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*overlay-video*/
.overlay-wrapper.video.active{
    visibility: visible;
}

.video-wrapper{
    position: relative;
    float: left;
    display: block;
    width: 100%;
}
.video .iframe-wrapper{
    position: absolute;
    left: 0;
    top: 46px;
    bottom: 46px;
    right: 0;
}
.full-size{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/*POPUP*/
.popup-wrapper{
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: -100%;
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}
.popup-wrapper.active{
    left: 0;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
}
.popup-wrapper .bg-layer{
    position: absolute;
    left: 0;
    top: -100px;
    right: 0;
    bottom: -100px;
    background: rgba(0,0,0,.8);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    opacity: 0;
}
.popup-wrapper.active .bg-layer{
    opacity: 1;
}
.popup-content{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    text-align: center;
    transition: transform .3s ease-out, opacity .3s ease-out, left 0s .3s;
    -webkit-transition: transform .3s ease-out, opacity .3s ease-out, left 0s .3s;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    opacity: 0;
    left: -10000px;
    padding: 15px;
}
.popup-content.active{
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    left: 0;
    transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s;
    -webkit-transition: transform .3s ease-out, opacity .3s ease-out, left 0s 0s;
    position: relative;
}
.popup-content:after{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    content: "";
}
.popup-container{
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    position: relative;
    text-align: left;
    background: #fff;
}
.popup-container.size-1{
    max-width: 570px;
}
.popup-container.size-2{
    max-width: 970px;
}
.popup-container.size-3{
    max-width: 1170px;
}
.popup-content .layer-close{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 10000px;
}
.popup-align{
    padding: 60px 70px 70px 70px;
    overflow: hidden;
}
.popup-container .button-close{
    position: absolute;
    right: 0;
    top: 0;
}

.button-close{
    width: 40px;
    height: 40px;
    background: #0084ff;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 07 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*header{position: absolute; left: 0; top: 0; height: 100%; min-height: 100vh; width: 300px; background-color: #004851; text-align: center; z-index: 50;}*/
header *{
    backface-visibility: hidden;
}
header.fixed{
    position: fixed;
}
header nav ul li{
    position: relative;
    width: 100%;
    line-height: 50px;
    vertical-align: middle;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
}
header nav ul li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 25px;
    border-bottom: 1px solid #10616b;
    transition: text-indent .15s, height .3s;
    box-sizing: border-box;
}
header nav ul li.active a{
    color: #fff;
}
header nav ul li.active:before{
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
header nav ul li a, header nav ul li span{
    position: relative;
    float: left;
    z-index: 1;
    color: rgba(255,255,255,0.7);
    width: 100%;
    height: 100%;
}
header nav ul li.selected a{
    color: #004851;
}


header .follow-style-3{
    background: transparent;
    padding: 1.85rem 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
}
header .header-content > ul li a{
    color: rgba(255,255,255,0.7);
}

header .hamburger-icon-3{
    position: absolute;
    top: 83px;
    right: 270px;
    width: 42px;
    height: 45px;
    border: 1px solid #004851;
    cursor: pointer;
    background-color: #004851;
    display: none;
}
header .hamburger-icon-3 span{
    position: absolute;
    left: 11px;
    width: 18px;
    height: 2px;
    background-color: #fff;
    -moz-transition:all 150ms ease-out;
    -o-transition:all 150ms ease-out;
    -webkit-transition:all 150ms ease-out;
    transition:all 150ms ease-out;
    -ms-transition:all 150ms ease-out;
}
header .hamburger-icon-3 span:nth-child(1){
    bottom: 27px;
}
header .hamburger-icon-3 span:nth-child(2){
    bottom: 21px;
}
header .hamburger-icon-3 span:nth-child(3){
    bottom: 15px;
}
header .hamburger-icon-3.active span:nth-child(1){
    -ms-transform: rotate(45deg) translateX(4px) translateY(4px);
    -webkit-transform: rotate(45deg) translateX(4px) translateY(4px);
    transform: rotate(45deg) translateX(4px) translateY(4px);
}
header .hamburger-icon-3.active span:nth-child(2){
    opacity: 0;
}
header .hamburger-icon-3.active span:nth-child(3){
    -ms-transform: rotate(-45deg) translateX(4px) translateY(-5px);
    -webkit-transform: rotate(-45deg) translateX(4px) translateY(-5px);
    transform: rotate(-45deg) translateX(4px) translateY(-5px);
}
header .header-content{
    height: 100%;
    width: 100%;
    overflow: auto;
    overflow-x: hidden;
}


@media (min-width: 1240px) {
    /*nav ul li:hover a{color: #fff;}*/
    nav ul li:hover:before{
        background: #ffffff;
        border-bottom: 1px solid #2A394F;
        text-indent: 4px;
    }
    header .follow-style-3 a:hover{
        background: #ffffff;
        color: #004851;
    }
    header > ul li a:hover{
        color: #fff;
    }
    header > ul li{
        margin-bottom: 5px;
    }

    .header-content{
        display : none;
    }
}
@media (max-width: 1239px) {
    /*header{position: fixed; left: -300px;}*/
    header.active{
        position: fixed;
        right: -0;
    }
    header .hamburger-icon-3{
        display: block;
    }
}
@media (max-width: 767px) {
    header{
        width: 270px;
        right: -270px;
    }
    header .hamburger-icon-3{
        top: 53px;
    }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 08 - FOOTER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer{
    background-color: #333333;
    font-family: DubaiW23-Regular, Calibri;
    font-weight: 900;
    font-size: 13px;
    line-height: 30px;
}
footer ul{
    list-style-type: none;
}
footer ul li{
    margin-bottom: 5px;
}
footer ul li a{
    color: #989898
}
footer .copyright a{
    color: #fff;
}
footer .copyright .fa{
    color: #004851;
}
footer p{
    display: inline-block;
    vertical-align: middle;
}
footer .follow{
    margin-left: 10px;
}

/*follow*/
.follow{
    display: inline-block;
}
.follow .item{
    width: 30px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    background-color: #004851;
    border:none;
    color: #d2e6e8;
    font-size: 12px;
}
.follow .item:last-child{
    margin-right: 0;
}
.follow .item .fa{
    position: relative;
    line-height: 28px;
}
.follow .item:before{
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    left: -2px;
    top: -2px;
    right: -2px;
    bottom: -2px;
    content: "";
    background: #004851;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: -1;
}
.follow.style-2 .item{
    background-color: #fff;
    border: 1px solid #cbcbcb;
    color: #cbcbcb;
}

.follow-style-3{
    position: relative;
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    background-color: #111111;
    padding: 0 18px;
}
.follow-style-3 a{
    position: relative;
    display: inline-block;
    padding: 0 12px;
    color: #fff;
}
@media (min-width: 1240px) {
    .follow-style-3 a:hover{
        background: #ffffff;
        color: #004851;
    }
}

@media (min-width: 1240px) {
    .follow .item:hover:before{
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    footer .follow .item:hover,
    .follow .item:hover{
        color: #fff;
        background: #111111;
    }
    footer .copyright a:hover{
        color: #004851;
    }
}
@media (max-width: 991px) {
    footer{
        text-align: center;
    }
    footer .text-right{
        text-align: center;
    }
    .owl-carousel .owl-item img{
        margin-bottom: 15px;
    }
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 09 - INDEX */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*BANNER*/
.swiper-style-banner{
    position: relative;
}

body:not(#investment-sectors) .swiper-style-banner .flex{
    height: 100vh;
    min-height: 600px;
}
body#investment-sectors .swiper-style-banner .flex{
    height: 40vh;
    min-height: 600px;
}
/*.swiper-style-banner .logo{position: absolute; right: 100px; top: calc(50% - 35px); z-index: 2; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}*/
.swiper-style-banner .logo {
    position: absolute;
    left: 60px;
    top: 60px;
    z-index: 2;
    -ms-transform: translateY(-50%);
}
.swiper-style-banner .logo img {
    max-width: 100px;
}
.swiper-style-banner .hamburger-icon-2{
    position: absolute;
    left: 100px;
    top: calc(50% - 35px);
    z-index: 2;
    margin-top: -22px;
}
.swiper-style-banner .hamburger-icon-2 span{
    background-color: #fff;
}

.banner-nav{
    position: absolute;
    width: calc(100% - 40px);
    height: 70px;
    right: 0;
    bottom: 0;
    z-index: 1;
    /*            background-image: -webkit-gradient(linear,left top,right top,from(rgb(0, 72, 81)),rgb(0, 146, 188));*/
    /*background-image: linear-gradient(to right,rgb(0, 72, 81),rgb(0, 146, 188));*/
}
.banner-nav .swiper-button-prev.square-style{
    left: 50px;
}
.banner-nav .swiper-button-next.square-style{
    right: auto;
    left: 110px;
}

/*swiper-pagination-custom*/
.banner-nav .swiper-pagination-custom{
    position: absolute;
    width: auto;
    left: 180px;
    top: 15px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin: 0;
    bottom: auto;
    color: #222;
    font-weight: 700;
}
.banner-nav .swiper-pagination-custom .line{
    display: inline-block;
    position: relative;
    height: 1px;
    width: 60px;
    background-color: #a1a1a1;
    vertical-align: middle;
    margin: 0 10px;
}
.banner-nav .swiper-pagination-custom .swiper-pagination-current{
    color: #004851;
}

.banner-nav .btn-down{
    position: absolute;
    width: 40px;
    height: 40px;
    cursor: pointer;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}
.banner-nav .btn-down img:nth-child(1){
    position: absolute;
    left: 10px;
    top: 15px;
}
.banner-nav .btn-down img:nth-child(2){
    position: absolute;
    left: 10px;
    top: 20px;
}

.banner-nav .follow{
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 50px;
}
.banner-nav .follow span{
    font-size: 13px;
    margin-right: 15px;
}
@media (min-width: 1240px) {
    .banner-nav .btn-down:hover img:nth-child(1){
        top: 14px;
    }
    .banner-nav .btn-down:hover img:nth-child(2){
        top: 21px;
    }
    .screen-sm .logo{
        display : none;
    }

}
@media (max-width: 1239px) {

    header nav.mobile-menu ul li.menu a, nav.mobile-menu ul li.menu span{
        text-align: left;
        justify-content: left;
        margin-left: 10px;
    }


    /*  .swiper-style-banner .logo{position: fixed; text-align: center; top: 0; width: 100%; right: auto; -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); background-color: #004851; height: 50px; line-height: 50px;}*/

    .logo{
        display:none;
    }

    .screen-sm .logo{
        display : block;
    }

    /*****  sub menu small screen begins   *****/


    /*---------------------
    Mobiles Menu - Slide IN 
    ----------------------*/

    .mobile-menu {
        height: 100%;
        background : none;
        overflow-y: auto;
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    .mobile-menu.active {
        -webkit-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
        transition: all 500ms ease-in-out;
    }

    /*---------------------
    Mobiles Menu - Dropdown Submenu
    ----------------------*/

    header nav ul li.sibling.has-children{
        min-height: 55px;
        height : 100%;
    }

    .sibling-title{
        line-height: 55px;
    }

    nav.mobile-menu ul li.menu span.sibling-title span.icon-arrow{
        line-height: 45px;
        text-align: right;
        color: #fff;
        right: 30px;
        position: relative;
        padding: 0;
        margin: 0;
        width: 5%;
        height : 40px;
        position: absolute;

    }


    li.menu.sibling.has-children.active {
        background: #323232;
    }

    .has-children:hover{
        cursor:hand;
    }

    .children {
        display:none;
    }

    .mobile-menu .children li:first-child {
        margin-top: 0px;
    }

    .icon-arrow {
        position: absolute;
        display: block;
        font-size: 0.7em;
        color: black;
        top: 5px;
        right: 10px;
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transition: .6s;
        -webkit-transition: .6s;
        -moz-transition: .6s;
    }

    .icon-arrow:after {
        content: "\25BC";
    }

    .menu.has-children.active .icon-arrow.open {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        transition: .6s;
        -webkit-transition: .6s;
        -moz-transition: .6s;
    }
    
    header nav.mobile-menu ul.children li a{
    font-size: 1.105em;
    font-weight: 500;
}
    
    /*****  sub menu small screen ends   *****/

    .swiper-style-banner .logo{
        position: fixed;
        text-align: center;
        width: 100%;
        background: #004851;
        left: 0;
        top: 0px;
        padding: 10px 0 0 0;
        height: 85px;
        z-index: 0;
    }

    .swiper-style-banner .logo img {
        max-width: 65px;
        max-width: 65px;
        left: 15px;
        position: absolute;
        -webkit-filter: none;
    }
    .swiper-style-banner .hamburger-icon-2{
        display: none;
    }
    .banner-nav{
        position: absolute;
        width: 100%;
    }
    .swiper-style-banner .flex{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        height: 100%;
        min-height: inherit;
        min-height: 100vh;
    }
}
@media (max-width: 767px) {
    .banner-nav .btn-down{
        display: none;
    }
    .swiper-style-banner .flex{
        min-height: 550px;
    }
    .swiper-style-banner .flex article{
        margin-top: 50px;
    }
    .banner-nav .follow span{
        display: none;
    }
}
@media (max-width: 479px) {
    .banner-nav .follow{
        display: none;
    }
}
/*BANNER*/



/*WHO WE ARE*/
.check-list li{
    margin-bottom: 30px;
}
.check-list li:last-child{
    margin-bottom: 0;
}
.check-list p{
    padding-left: 30px;
    position: relative;
}
.check-list p:before{
    content:"\f111";
    font-family: 'Font Awesome';
    width: 15px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 5px;
}
/*WHO WE ARE*/

/*OUR FEATURES*/
.list-counter .h3{
    text-transform: none;
}
.list-counter article{
    max-width: 430px;
    border: 1px solid rgb(227, 227, 227);
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    padding: 40px 30px;
}
.list-counter ol{
    counter-reset: number;
}
.list-counter ol li{
    padding-left: 100px;
    position: relative;
    float: left;
    margin-bottom: 50px;
}
.list-counter ol li:last-child{
    margin-bottom: 0;
}
.list-counter ol li:before{
    counter-increment: number;
    content: "0"counter(number);
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 40px;
    color: #004851;
    font-weight: 900;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.list-counter ol li article:before{
    content: "";
    position: absolute;
    left: -35px;
    top: 50%;
    width: 35px;
    height: 1px;
    background-color: #004851;
}
.list-counter ol li article:after{
    content: "";
    position: absolute;
    left: -7px;
    top: 50%;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid  #004851;
    border-radius: 50%;
    margin-top: -7px;
    z-index: 1;
}
.underline-row{
    border-bottom: 1px solid #fff;
    padding: 5px 0;
}
/*OUR FEATURES*/

/*OUR WORKS*/
.sorting-menu{
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
    text-align: center;
}
.sorting-menu ul{
    display: inline-block;
    width: 100%;
}
.sorting-menu ul li{
    position: relative;
    /* float: left; */
    display: inline-block;
    height: 50px;
    width: 48%;
    line-height: 45px;
    padding: 0 15px;
    margin: 0 5px;
    font-size: 22px;
    color: #fbfbfb;
    cursor: pointer;
    padding-top: 2px;
}
.sorting-menu ul li span{
    z-index: 1;
    position: relative;
}
.sorting-menu ul li.active{
    color: #fff;
    background-color: #004851;
}
.sorting-menu ul li:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    background-color: #aaaaaa;
}
.sorting-menu ul li.active:before{
    height: 100%;
    background: #004851;
    color :#fff;
}
.sorting-menu ul li.active span{
    font-weight: 500;
    letter-spacing: 0.25px;
}
.sorting-menu .button-drop{
    display: none;
    width: 100%;
    text-transform: uppercase;
}
.sorting-menu .button-drop a{
    display: inline-block;
    color: #a1a1a1;
    width: 300px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #004851;
    font-weight: bold;
}
.sorting-menu .button-drop a i{
    display: inline-block;
    padding-left: 10px;
    margin-right: -20px;
}
.sorting-menu .button-drop a i.fa-angle-up{
    display: none;
}
.sorting-menu .button-drop.active a i.fa-angle-down{
    display: none;
}
.sorting-menu .button-drop.active a i.fa-angle-up{
    display: inline-block;
}
@media (min-width: 1240px) {
    .sorting-menu ul li:hover{
        color: #fff;
    }
    .sorting-menu ul li:hover:before{
        height: 100%;
    }
}
@media (max-width: 767px) {
    .sorting-menu .button-drop{
        display: block;
    }
    .sorting-menu ul{
        display: none;
    }
    .sorting-menu ul.active{
        display: inline-block;
    }
    .sorting-menu ul li{
        display: block;
        width: 100%;
        margin: 5px 0;
    }
    .sorting-menu ul li:first-child{
        margin-top: 10px;
    }
    .sorting-menu ul li.active:before{
        display: none;
    }
}
/*isotope masonry*/
.grid{
    position: relative;
    float: left;
    width: calc(100% + 100px);
    margin-left: -50px;
    display: block;
}
.grid-sizer{
    width: 1%;
}
.grid-item{
    position: absolute;
    width: 100%;
    padding: 0px 10px 20px 10px;
}
.grid-item .img-wrapper{
    position: relative;
    float: left;
    overflow: hidden;
}
.grid-item .portfolio-content:first-child{
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.grid-item img{
    width: 100%;
    float: left;
}
@media (min-width: 1240px) {
    .grid-item img:hover{
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@media (max-width: 1599px) {
    .grid{
        width: 100%;
        margin-left: 0;
    }
    .grid-item{
        margin: 0px 10px 20px 10px;
    }
}
@media (max-width: 991px) {
    /*.grid-item{width: 50%;}*/
    .grid{
        width: 100%;
        margin-left: 0;
    }
    .grid-item{
        margin: 10px 15px;
    }
}
@media (max-width: 767px) {
    .grid-item{
        margin: 15px 15px;
    }
}
@media (max-width: 479px) {
    .grid-item{
        width: 100%;
        margin: 15px 0px;
    }
}
/*OUR WORKS*/

/*TESTIMONIALS*/
.swiper-style-1 .swiper-button-wrapper .container .swiper-button-prev{
    left: 30px;
}
.swiper-style-1 .swiper-button-wrapper .container .swiper-button-next{
    right: 30px;
}
.swiper-style-1 .img-wrapper{
    position: relative;
    width: 100%;
}
.swiper-style-1 .img-wrapper:before{
    content: "";
    position:  absolute;
    right: -30px;
    top: 50%;
    height: 1px;
    width: 100%;
    background-color: #004851;
}
.swiper-style-1 .img-wrapper:after{
    content: "";
    position:  absolute;
    left: 193px;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 14px;
    background-color: #fff;
    border: 1px solid #004851;
    border-radius: 50%;
}
.swiper-style-1 .img-wrapper img{
    position: relative;
    display: block;
    width: 100%;
    max-width: 200px;
}
.swiper-style-1 .testimonial-text{
    position: relative;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 60px;
}
.swiper-style-1 .testimonial-text img{
    position: absolute;
    left: 0;
    top: 5px;
}
@media (max-width: 991px) {
    .swiper-style-1 .swiper-button-wrapper{
        display: none;
    }
}
@media (max-width: 767px) {
    .swiper-style-1 .img-wrapper:before,
    .swiper-style-1 .img-wrapper:after{
        display: none;
    }
    .swiper-style-1{
        text-align: center;
    }
    .swiper-style-1 .testimonial-text{
        padding-left: 0;
    }
    .swiper-style-1 .testimonial-text img{
        position: relative;
        margin-bottom: 15px;
    }
    .swiper-style-1 .img-wrapper img{
        display: inline-block;
        margin-bottom: 15px;
    }

}
/*TESTIMONIALS*/

/*PRICE*/
.price-wrapper .price-icon{
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
    margin-bottom: -65px;
    z-index: 1;
}
.price-wrapper .price-icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.price-wrapper .price-icon:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 1px;
    height: 30px;
    background-color: #e3e3e3;
    z-index: 1
}
.price-wrapper article {
    padding: 80px 45px 75px 45px;
    min-height: 365px;
}
.price{
    font-size: 42px;
    line-height: 42px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222;
}
.price sup{
    font-size: 24px;
}
.price-wrapper ul li{
    margin-bottom: 8px;
}
.price-wrapper ul li:last-child{
    margin-bottom: 0;
}
.price-wrapper ul li span{
    text-transform: uppercase;
    color: #004851;
    font-weight: 600;
}
.price-wrapper .btn-2{
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    top: -20px;
}
.price-wrapper .btn-2:before{
    border: 1px solid #004851;
}
@media (min-width: 1240px) {
    .price-wrapper .price-icon:hover:before{
        background-color: #004851;
    }
}
/*PRICE*/

/*CLIENT*/
.client-item{
    display: block;
    border: 1px solid rgb(227, 227, 227);
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}
.client-item img{
    display: block;
    width: 100%;
}
@media (min-width: 1240px) {
    .client-item:hover{
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}
/*CLIENT*/

/*TEAM*/
.swiper-style-3 .follow-style-2{
    margin-top: -20px;
}
.swiper-style-3 .swiper-button-next{
    right: -100px;
}
.swiper-style-3 .swiper-button-prev{
    left: -100px;
}
.swiper-style-3 .follow-style-3{
    margin-top: -20px;
}
@media (max-width: 1599px) {
    .swiper-style-3 .swiper-button-next{
        right: -70px;
    }
    .swiper-style-3 .swiper-button-prev{
        left: -70px;
    }
}
/*TEAM*/

/*CONTACT*/
.contact-us a{
    font-size: 13px;
    line-height: 24px;
    color: #989898;
}
@media (min-width: 1240px) {
    .contact-us a:hover{
        color: #004851;
    }
}
@media (max-width: 767px) {
    .contact article img{
        margin-top: 25px;
    }
    .contact .col-md-4:first-child article img{
        margin-top: 0px;
    }
}
/*CONTACT*/

/*INSTAGRAM*/
.swiper-instagram *{
    backface-visibility: hidden;
}
.swiper-instagram .swiper-container{
    padding: 0 30px;
}
.swiper-instagram img{
    display: block;
    width: 100%;
}
/*INSTAGRAM*/

/*MAP*/
.map-wrapper{
    height: 500px;
    width: 100%;
    position: relative;
    float: left;
    z-index: 1;
}
#map-canvas{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
}
/*MAP*/

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 10 - SHOP */
/*-------------------------------------------------------------------------------------------------------------------------------*/
span{
    -moz-user-select: none;
    -webkit-user-select: none;
}



/*LOGIN*/
.login{
    color: #222;
    cursor: pointer;
}




/*  ==============
  CSS ANIMATIONS
  ==============  */
.class{
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none;
    -ms-transition:none;
}
nav ul li:before, nav ul li, .banner-nav .btn-down, .btn-play, .sorting-menu ul li:before, .sorting-menu ul li, a, .follow .item, .follow .item:before, .btn-1 span, .btn-2:before, .btn-1:before, .btn-1 span, .overlay-menu ul > li > span:after, .overlay-menu ul > li > a:before, .btn-close, .hamburger-icon-2 span, .hamburger-icon span{
    -moz-transition:all 150ms ease-out;
    -o-transition:all 150ms ease-out;
    -webkit-transition:all 150ms ease-out;
    transition:all 150ms ease-out;
    -ms-transition:all 150ms ease-out;
}
header, .price-wrapper .price-icon:before, .grid-item img, .prod-item .prod-item-img, .overlay-menu ul > li > ul{
    -moz-transition:all 300ms ease-out;
    -o-transition:all 300ms ease-out;
    -webkit-transition:all 300ms ease-out;
    transition:all 300ms ease-out;
    -ms-transition:all 300ms ease-out;
}
.overlay-menu ul > li > ul li, .overlay-menu ul > li.active.clicked ul li, .animation-wrapper, .overlay-menu, .overlay-animation:before, .overlay-animation:after{
    -moz-transition:all 500ms ease-out;
    -o-transition:all 500ms ease-out;
    -webkit-transition:all 500ms ease-out;
    transition:all 500ms ease-out;
    -ms-transition:all 500ms ease-out;
}
.class{
    -moz-transition:all 700ms ease-out;
    -o-transition:all 700ms ease-out;
    -webkit-transition:all 700ms ease-out;
    transition:all 700ms ease-out;
    -ms-transition:all 700ms ease-out;
}
.class{
    -moz-transition:all 1000ms ease-out;
    -o-transition:all 1000ms ease-out;
    -webkit-transition:all 1000ms ease-out;
    transition:all 1000ms ease-out;
    -ms-transition:all 1000ms ease-out;
}
.class{
    -moz-transition:all 2000ms ease-out;
    -o-transition:all 2000ms ease-out;
    -webkit-transition:all 2000ms ease-out;
    transition:all 2000ms ease-out;
    -ms-transition:all 2000ms ease-out;
}

/*transition delay*/
.overlay-wrapper.active, .overlay-wrapper.active .overlay-animation:before, .overlay-wrapper.active .overlay-animation:after, .overlay-menu{
    transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -webkit-transition-delay: 0ms;
    -ms-transition-delay: 0ms;
}
.class{
    transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -webkit-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
}
.class{
    transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -webkit-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
}
.class{
    transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -webkit-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
}
.class{
    transition-delay: 450ms;
    -moz-transition-delay: 450ms;
    -webkit-transition-delay: 450ms;
    -ms-transition-delay: 450ms;
}
.overlay-animation:before, .overlay-animation:after, .overlay-wrapper.active .overlay-menu{
    transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    -ms-transition-delay: 500ms;
}
.class{
    transition-delay: 700ms;
    -moz-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    -ms-transition-delay: 700ms;
}
.class{
    transition-delay: 750ms;
    -moz-transition-delay: 750ms;
    -webkit-transition-delay: 750ms;
    -ms-transition-delay: 750ms;
}
.overlay-wrapper{
    transition-delay: 1000ms;
    -moz-transition-delay: 1000ms;
    -webkit-transition-delay: 1000ms;
    -ms-transition-delay: 1000ms;
}


_:-ms-fullscreen, :root .quote .quote-nav{
    opacity: 0.5;
}
_:-ms-fullscreen, :root .quote .quote-nav.active{
    opacity: 1;
}

.blog-item .hover-img {
    transition: all 3s ease-out;
    -webkit-transition: all 3s ease-out;
}
.blog-item .image:hover .hover-img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.blog-item {
    position: relative;
}
.blog-item .swiper-container {
    height: 100%;
}
.blog-item .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 430px;
}
.blog-item .image:before, .layer-hold:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1;
}
.blog-item.sm .image {
    height: 300px;
}
.blog-item .text {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 1;
}
.blog-item .text i, .post-recent .txt i, .twitter-slide a, .blog-related .text i {
    font-size: 12px;
    line-height: 24px;
    display: block;
    display: block;
    position: relative;
    color: #989898;
}
.blog-item .text i {
    font-style: normal;
}
.blog-item .text i, .post-recent .txt span {
    position: relative;
    display: block;
    color: rgba(255,255,255,0.7);
}
.blog-item .title {
    line-height: 30px;
    margin-bottom: 10px;
}
.blog-item .title a {
    color: #fff;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}
.blog-link {
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 5;
}
.blog-link.relblock {
    position: relative;
    display: inline-block;
    left: auto;
    top: auto;
    vertical-align: middle;
    padding-left: 15px;
}
.blog-link a {
    position: relative;
    float: left;
    margin: 0 10px 0px 0px;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}
.blog-link.relblock a {
    color: #989898;
    font-size: 14px;
}
.blog-link.relblock a:hover {
    color: #004851;
}
.blog-link a:hover {
    color: #fff;
}
.blog-link a span {
    padding-right: 5px;
}
.blog-cat {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 6;
}
.blog-cat a {
    position: relative;
    display: inline-block;
    padding: 0px 20px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #004851;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
}
.blog-item .image iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.pagination-type-1 {
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 100%;
    z-index: 6;
}
.pagination-type-1 .swiper-pagination-bullet {
    margin: 0 3px;
}
.sidebar-blok {
    position: relative;
    width: 100%;
    clear: both;
}
.video-item.sm {
    height: 300px;
}
.sidebar-blok ul li a {
    color: #989898;
    text-transform: uppercase;
}
.sidebar-blok ul li:hover a, .twitter-slide a:hover {
    color: #004851;
}
.sidebar-blok .title {
    line-height: 24px;
    font-size: 18px;
}
.sidebar-blok .swiper-container {
    padding-bottom: 60px;
}
.tag-link {
    position: relative;
    height: 30px;
    margin: 0 5px 5px 0px;
    display: inline-block;
    line-height: 28px;
    font-size: 13px;
    border: 1px solid #d0d0d0;
    color: #989898;
    padding: 0 20px;
    text-transform: uppercase;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}
.tag-link span {
    position: relative;
    z-index: 1;
}
.tag-link:hover {
    color: #fff;
    border-color: #004851;
    background: #004851;
}

.post-recent {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0px;
}
.post-recent .img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    z-index: 5;
    overflow: hidden;
}
.post-recent .img a {
    display: block;
}
.post-recent .img img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -ms-transition: all 0.25s ease-in;
}
.post-recent .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.post-recent .txt {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    vertical-align: middle;
}
.post-recent .txt .title {
    font-size: 12px;
    line-height: 20px;
}
.post-recent .txt span {
    font-size: 13px;
    display: block;
    color: #989898;
}
.post-recent .txt i {
    font-style: normal;
}
.post-recent a:hover {
    color: #004851;
}
.post-recent a {
    display: block;
}
.instagram-item {
    margin-left: -5px;
    margin-right: -5px;
}
.instagram-item a {
    position: relative;
    float: left;
    width: 25%;
    padding: 0 5px 10px;
    transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
}
.instagram-item a:hover {
    opacity: 0.5;
}
.instagram-item a img {
    width: 100%;
    height: auto;
    display: block;
}
.twit-slider {
    background: #efefef;
}
.twitter-slide {
    position: relative;
    padding: 30px 30px 10px;
}
.twitter-slide .icon {
    float: right;
    font-size: 18px;
}
.twitter-slide .date {
    font-size: 13px;
    line-height: 20px;
    color: #999;
    float: left;
}
.title a {
    color: inherit;
}
.wiget-video .title {
    font-size: 16px;
    line-height: 20px;
}

.sidebar-blok .prod-item ul {
    margin: 0px;
}
.post-article img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0px;
    display: block;
    float: left;
    margin-bottom: 30px;
}
.post-article p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 25px;
}
.post-article iframe {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    min-height: 380px;
}
.post-article .img {
    margin-left: -1%;
    margin-right: -1%;
}
.post-article .img img {
    margin: 0 1% 2% 1%;
    max-width: 48%;
    width: 100%;
}
.fl-item {
    float: left;
    position: relative;
}
.fr-item {
    float: right;
    position: relative;
}
.txt-replace {
    position: relative;
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 20px;
    cursor: pointer;
    color: #222;
    display: none;
    border-bottom: 1px solid #d0d0d0;
    font-weight: bold;
    -moz-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    transition: all 150ms ease-out;
    -ms-transition: all 150ms ease-out;
    width: 300px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}
.txt-replace i {
    padding-left: 10px;
    display: inline-block;
}
.tabs-link-wrap {
    position: relative;
}
.category-list li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 30px;
}
.category-list li:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 50%;
    width: 15px;
    height: 1px;
    background: #004851;
}
.tag-item .title {
    font-size: 12px;
    color: #222;
}
.tag-item .item {
    margin: 0 3px 0px 0px;
}
.simple-text.sm p {
    font-size: 13px;
    line-height: 24px;
}

.post-title-desc .auth {
    color: rgba(255,255,255,0.7);
    display: inline-block;
    position: relative;
}
.post-title-link {
    display: inline-block;
    position: relative;
    font-size: 15px;
}
.post-title-link a {
    color: rgba(255,255,255,0.7);
    display: inline-block;
    padding-left: 8px;
}
.post-title-link a i {
    padding-left: 5px;
}

.video-item {
    position: relative;
    height: 250px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.play-button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 46px;
    border: 2px solid #fff;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    margin: -25px 0px 0px -25px;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
}
.play-button i {
    margin-left: 3px;
}
.play-button:hover {
    background: #004851;
    border-color: #004851;
}
.search-item .input-wrapper .input-style input {
    width: 100%;
    padding-right: 60px;
}
.search-item .input-wrapper {
    width: 100%;
}
.search-item .input-wrapper .input-style {
    width: 100%;
}
.search-item .input-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    z-index: 4;
}
.search-item .input-icon input {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 50;
    cursor: pointer;
    left: 0px;
    top: 0px;
}
.blog-related {
    position: relative;
    width: 100%;
    border: 1px solid rgb(227, 227, 227);
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.07);
}
.blog-related .image {
    height: 270px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.blog-related .image .bg {
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
}
.blog-related .image:hover .bg {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.blog-related .text {
    padding: 0 30px 30px;
}
.blog-related .text .auth {
    display: inline-block;
    font-style: normal;
}
.blog-related .blog-link {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    width: 50%;
    float: right;
    text-align: right;
}
.blog-related .blog-link a {
    color: #989898;
    margin: 0 0 0 10px;
    font-size: 14px;
    float: right;
}
.blog-related .blog-link i {
    display: inline-block;
    font-size: 14px;
}
.testimonial .imgage {
    position: relative;
    float: left;
}
.testimonial .imgage img {
    border-radius: 50%;
    max-width: 80px;
    height: auto;
    display: block;
}
.form-wrapper.type-2 {
    box-shadow: none;
    border: 0 none;
    padding: 0px;
    width: 100%;
}
.form-wrapper.type-2 .btn-1 {
    right: 0px;
    position: relative;
    bottom: auto;
}
.testimonial.type-2 .article {
    float: none;
    padding-left: 100px;
}
.reply-type {
    padding-left: 120px;
}
.testimonial.type-2 .title {
    font-size: 13px;
    line-height: 20px;
    color: #222;
    margin-right: 25px;
}
.testimonial.type-2 .star .fa {
    margin: 0 2px 0 0;
    color: #d2d218;
    font-size: 14px;
}
.comm-date {
    margin-right: 25px;
}
.tt {
    text-transform: uppercase;
}

@media (max-width: 992px) {
    .blog-item .image {
        height: 400px;
    }
    .reply-type {
        padding-left: 40px;
    }
}
@media (max-width: 768px) {
    .fl-item, .fr-item {
        float: none;
        text-align: center;
    }
    .fl-item {
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .twitter-slide {
        padding: 30px 15px 0;
    }
    .shop .page-pagination a {
        margin: 0 2px;
    }
    .blog-item .text {
        left: 15px;
        bottom: 15px;
    }
    .blog-link {
        left: 15px;
        top: 15px;
    }
    .blog-cat {
        right: 15px;
        top: 15px;
    }
    .blog-item .image {
        height: 350px;
    }
    .blog-related .text {
        padding: 0 15px 30px;
    }
    .post-article img {
        width: 100%;
    }
    .testimonial.type-2 .article {
        padding-left: 0px;
        text-align: center;
    }
    .testimonial .imgage {
        float: none;
        display: block;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
    .testimonial .imgage img {
        margin: 0 auto;
        display: block;
    }
    .reply-type {
        padding-left: 0px;
    }
}
.bg-dark {
    background: #222;
}
.bg-light-theme{
    background: #f3fcff;
}


.bg-img-1 {
    background-image: url(../img/bg-1.jpg);
}
.bg-img-2 {
    background-image: url(../img/bg-2.jpg);
}
.bg-img-3 {
    background-image: url(../img/banner-1.jpg);
}
.bg-img-4 {
    background-image: url(../img/banner-2.jpg);
}
.bg-img-5 {
    background-image: url(../img/banner-3.jpg);
}
.bg-img-6 {
    background-image: url(../img/bg-3.jpg);
}

.bg-img-7 {
    background-image: url(../img/related_post_1.jpg);
}
.bg-img-8 {
    background-image: url(../img/related_post_2.jpg);
}
.bg-img-9 {
    background-image: url(../img/video_bg.jpg);
}


.bg-img-10 {
    background-image: url(../img/blog_img_1.jpg);
}
.bg-img-11 {
    background-image: url(../img/blog_img_2.jpg);
}
.bg-img-12 {
    background-image: url(../img/blog_img_3.jpg);
}
.bg-img-13 {
    background-image: url(../img/blog_img_4.jpg);
}
.bg-img-14 {
    background-image: url(../img/blog_img_5.jpg);
}
.bg-parallax{
    background-image: url(../img/bg_parallax.jpg);
}
.bg-theme-grey{
    background: #f7f7f7;
}
.bg-theme{
    background: #004851;
}
























/*custom style starts here*/


.toggle-box-label-left:empty {
    margin-left: 5px;
    margin-top: 1.5rem;
}
.toggle-box-label-left:before,
.toggle-box-label-left:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /*transition*/
    -webkit-transition: 0.65s ease-in-out;
    -moz-transition: 0.65s ease-in-out;
    -o-transition: 0.65s ease-in-out;
    transition: 0.65s ease-in-out;
    outline: none;
}
.toggle-box input[type=checkbox],
.toggle-box input[type=checkbox]:active {
    position: absolute;
    top: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
}
.toggle-box label {
    display: inline-block;
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
    color: rgba(149, 149, 149, 0.51);
    font-weight: normal;
}
.toggle-box-label-left:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    height: 16px;
    width: 16px;
    margin: 4px;
    /*border-radius*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    left:17px;
    /*right: 26px;*/
    bottom: 0px;
    background: transparent;
    /*#FFB200;*/
    transform: rotate(-45deg);
    box-shadow: 5px 5px 0 0 #eee;
    /*0 0 10px white;*/
}
.toggle-box-label-left:after {
    content: "";
    display: inline-block;
    width: 40px;
    height: 24px;
    /*border-radius*/
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    background: rgba(0, 0, 0, 0.15);
    /*rgba(255, 255, 255, 0.15);*/
    vertical-align: middle;
    margin: 0 10px;
    border: 2px solid white;
    /*2px solid #FFB200;*/
    z-index: 9999;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left:before {
    left : 10px;
    /*right: 17px;*/
    box-shadow: 0 0 10px #68a1b4;
    /*5px 5px 0 0 #eee;*/
    background: #0f4650;
    border: 1px solid #fff;
    /*transparent;*/
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left:after {
    background: rgba(5, 64, 83, 0.11);
    /*rgba(0, 0, 0, 0.15);*/
    /*border: 2px solid #FFB200;*/
    /*2px solid white;*/
}
.toggle-box input[type=checkbox] + .toggle-box-label-left {
    color: rgba(250, 250, 250, 0.51);
    font-weight: bold;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left {
    color: rgba(149, 149, 149, 0.51);
    font-weight: normal;
}
.toggle-box input[type=checkbox]:checked + .toggle-box-label-left + .toggle-box-label {
    color: rgba(250, 250, 250, 0.51);
    font-weight: bold;
}




.scroll_anim{
    padding-top: 70px;
    bottom: 20px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
    cursor: pointer;
}
.scroll_anim span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb05 1.5s infinite;
    animation: sdb05 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb05 {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}
@keyframes sdb05 {
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}


.night-theme .explore  .h1, .night-theme .explore  .h2, .night-theme .explore  .h3, .night-theme .explore  .h4, .night-theme .explore  .h5, .night-theme .explore  .h7{
    color: rgba(255, 255, 255, 0.4);
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.morning-theme .explore .h1, .morning-theme .explore .h2, .morning-theme .explore .h3, .morning-theme .explore .h4, .morning-theme .explore .h5, .morning-theme .explore .h7 {
    color: rgba(255, 255, 255, 0.58);
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}


.tig-theme nav ul li {
    float: left;
    margin: 0;
}

.img-content img{
    width: 100%;
    height: auto;
    display: block;
}

header nav ul li.sibling{
    height: 55px;
    text-decoration: none;
    color: #FFFFFF;
}

.snip1164 * {
    box-sizing: border-box;
/*    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;*/
}

.snip1164 li {
    list-style: outside none none;
    margin: 0 2em;
    /*overflow: hidden;*/
}

.snip1164 a, .snip1164 span {
    color: rgba(255, 255, 255, 0.7);
    position: relative;
    letter-spacing: 1px;
    margin: 0;
    text-decoration: none;
    z-index: 999999;
}

.snip1164 a:before,
.snip1164 a:after,
.snip1164 span:before,
.snip1164 span:after{
    position: absolute;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.snip1164 a:before, .snip1164 span:before {
    bottom: 100%;
    display: block;
    height: 3px;
    width: 100%;
    content: "";
}

.snip1164 a:after , .snip1164 span:after {
    right : 5%;
}

.snip1164 li:not(.selected):hover a,
.snip1164 .current a ,
.snip1164 li:not(.selected):hover span,
.snip1164 .current span {
    transform: translateY(100%);
}


#stickyNav nav li, #stickyNav nav li ul.dropdown-menu{
    color: #fff;
    background-color: #004851 !important;
    margin: 0 1px;
}

#stickyNav nav li ul.dropdown-menu.testing-this li, #stickyNav nav li ul.dropdown-menu.testing-this{
    background-color: #8b8a8a !important;
}

#stickyNav nav li ul.dropdown-menu.testing-this li:hover{
    background-color: #5c5c5c !important;
}

#stickyNav nav ul li.selected, #stickyNav nav ul li.selected span{
    color: #ffffff !important;
    background-color: #333333;
    white-space: normal;
}

#about-us a.about-us-menu, #investment-sectors a.investment-sector-menu,
#about-us span.about-us-menu, #investment-sectors span.investment-sector-menu{
    color: #ffffff !important;
    background-color: #333333;
    white-space: normal;
}

.snip1164 li:not(.selected):hover a, .snip1164 li:not(.selected):hover span{
    transform : none;
}

#stickyNav nav li:not(.selected):hover{
    background-color: #045d67 !important;
}

#stickyNav nav{
    background-color: #01424a;
}



.header-content img{
    width: 100%;
    max-width: 100px;
    margin: 25px 0;
}

.copyright *{
    line-height: 25px;
    vertical-align: middle;
}
.copyright img{
    max-height: 25px;
    margin-right: 5px;
    opacity: 0.85;
}
.footer-menu ul li:not(:first-child){
    border-left: 1px solid #b2b2b2;
}
.footer-menu ul li{
    display: inline-block;
    line-height: 1;
    padding: 0 1em;
}


.footer-menu a{
    color: #fff;
    font-size: 1.05rem;
}
.footer-menu a:hover{
    color: #94c2c8;
}

#inner-container{
    min-height: 60vh;
}

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 25px rgba(0,0,0,1));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}

.toggle-box * , #stickyNav nav{
    z-index: 999999999999;
}

.toggle-box{
    z-index: 0;
}

.big-title{
    font-size: 38px;
    font-family: DubaiW23-Light;
    font-weight: 100;
    line-height: 1.085;
    color: inherit;
    letter-spacing: 0.025em;
    color : #004851;
}

.theme-blockquote{
    padding: 25px;
    margin: 15px 0 25px 0;
    font-family: Calibri;
    font-style: italic;
    font-size: 16px;
    line-height: 26px;
    background-color: #f4f4f4;
    color: #777;
    position: relative;
}

h1.subsidary {
    font-size: 1.85em;
}

@media(max-width : 1366px){

    h1.subsidary{
        font-size: 24px;
    }
}

/*tabs css begins*/

.page-content {
    display: inline-block;
    width: 100%;
}
.page-content img{
    width: 100%;
}
.tab-parallax {
    /*background-size: cover; */
    background-attachment: fixed;
    background-repeat: repeat;
}
.icon-box-tabs .nav-pills {
    display: inline-block;
}
.icon-box-tabs .nav-pills>li>a {
    border-radius: 0;
    background: rgba(34, 34, 34, .05);
    color: #434343;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.icon-box-tabs .nav-pills>li>a:hover:after, .icon-box-tabs .nav-pills>li.active>a:after, .icon-box-tabs .nav-pills>li.active>a:focus:after, .icon-box-tabs .nav-pills>li.active>a:hover:after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}
.icon-box-tabs .nav-pills>li>a:after {
    opacity: 0;
    bottom: -10px;
    content: "";
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.icon-box-tabs .nav-pills>li>a i {
    font-size: 36px;
}
.icon-box-tabs .nav-pills>li+li {
    margin-left: 20px;
}

.icon-box-tabs .nav>li>a {
    position: relative;
    display: block;
    padding: 35px 70px;
}
.icon-box-tabs .nav-pills>li>a:hover, .icon-box-tabs .nav-pills>li.active>a, .icon-box-tabs .nav-pills>li.active>a:focus, .icon-box-tabs .nav-pills>li.active>a:hover{
    color: #222;
    background: rgba(255, 255, 255, 1);
}
@media screen and (max-width:991px) and (min-width: 768px) {
    .icon-box-tabs .nav>li>a {
        padding: 35px 40px;
    }
}

@media screen and (max-width: 767px) {
    .icon-box-tabs .nav>li>a {
        padding: 35px 30px;
    }
}

/*tabs css ends*/






.icon-box-tabs .nav li {
    float : left;
}






.in-middle{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

p{
    color: #464646;
    font-weight: 400;
    line-height: 26px;
    font-size: 20px;
}

.box{
    padding: 1.5em 1.85em;
    margin: 2.25em 0;
}

.padding-10{
    padding : 10px;
}


.centered-container {

    width: 100%;
    height: 100%;
    padding: 20px;
    text-align: center;
    color : #fff;
}

#text_container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);

}



body:not(#home) .swiper-slide{
    max-height: 550px;
}

@media( min-width : 1401px)
{
    body:not(#home) .swiper-slide{
        max-height: 75vh;
    }
}
@media( min-width : 1201px)
{
    body:not(#home) .swiper-slide{
        max-height: 70vh;
    }
}
body:not(#home) .btn-down.explore, body:not(#home-large) .btn-down.explore, body:not(#home-reg-top) .btn-down.explore, body:not(#center) .btn-down.explore, body:not(#center-bottom) .btn-down.explore {
    display : none;
}

body#home .btn-down.explore, body#home-large .btn-down.explore, body#home-reg-top .btn-down.explore, body#center .btn-down.explore, body#center-bottom .btn-down.explore {
    display : block !important;
}

.contact-details p, .contact-details ul li{
    font-size: 18px;
}




nav ul.snip1164 li a, nav ul.snip1164 li span {
    color: #FFFFFF;
    margin: 0;
    /* padding: 19px 0 0 0; */
    height: 100%;
    width: 204px;
    float: left;
    line-height: 1em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    font-size: 14px;
    letter-spacing: 0.065em;
    justify-content: center;
}


nav ul.snip1164 li{
    height: 55px;
}



/*ABOUT US PAGE ONLY*/


.option-2 {
    display: none;
}

#about-us .option-2{
    display: none;
}
/*#about-us .default-logo{
    display: block;
}*/

#select-region .option-2{
    display: block;
    -webkit-filter: none;
    -ms-filter : none;
    filter : none;
}

#select-region .default-logo{
    display: none;
}

#about-us .banner-nav {
    position: absolute;
    width: calc(100% - 50px);
    height: 65px;
    right: 0;
    bottom: 0;
    z-index: 1;
    /* background-image: linear-gradient(to right,rgb(0, 72, 81),rgb(0, 146, 188)); */
}

nav ul.snip1164 li a, nav ul.snip1164 li span{
    text-transform: capitalize;
    font-weight: 100;
    font-size: 16px;
}

#stickyNav nav ul li.selected, #stickyNav nav ul li.selected a {
    white-space: normal;
}


#about-us .fixed .banner-nav {
    position: absolute;
    width: calc(100%);
}

.show-when-about-us{
    display: none;
}

#about-us .hide-when-about-us{
    display: none;
}

#about-us .show-when-about-us{
    display: block;
}

/*ABOUT ONLINE PAGE ENDS */



/*GROUP COMPANIES PAGE ONLY*/



/*GROUP COMPANIES PAGE ENDS*/

.link-box span{
    line-height: 20px;
    vertical-align: top;
    font-size: 15px;
    color: #545454;
}

.link-box a{
    margin-right: 10px;
    clear: both;
    display: block;
}

.link-box a:last-child{
    margin-bottom: 15px;
}

.icon-pdf{
    content: '';
    width: 14px;
    height: 20px;
    background: url(../img/pdf.png);
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.sorting-menu li a{
    width: 100%;
    height: 100%;
    display: block;
    color : #fff;
}

#characterLeft{
    font-size: 13px;
}

.overlay-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
}

#terms article p, #privacy article p{
    font-size: 18px;
}

body#terms .swiper-slide , body#privacy .swiper-slide {
    max-height: 150px;
}

body#terms .toggle-box, body#privacy .toggle-box{
    display: none;
}


.ceo-msg2{
    max-height: none;
}
.company-details {
    min-height: 265px;
}



.show-when-ae-ar, .show-when-ae-en, .show-when-ae,.show-when-germany-de, .show-when-germany-en,.show-when-uk{
    display:none;
}

.lang-ar .morning-theme .explore .h1
{
    color : #fff;
    text-align: center;
}
.lang-ar .show-when-ae-ar{
    display: block;
}

.lang-en .show-when-ae-en{
    display: block;
}
.lang-eu .show-when-germany-de{
    display: block;
}
.lang-de-en .show-when-germany-en{
    display: block;
}
.lang-en-gb .show-when-uk{
    display: block;
}

#terms .language-selector, #faq .language-selector{
    display: none;
}



#sync2 .owl-prev.disabled{
    display : none;
}
#sync2 .owl-next.disabled{
    display : none;
}
.content-text sup {
    font-size: 10px;
    vertical-align: top;
    line-height: 15px;
}


.modal-header .h4, .contact-form .h3{
    font-size: 30px;
    line-height: 30px;
    font-family: DubaiW23-Medium, Calibri;
    color: #004851;
}


.contact-form label {
    color: #626262;
    font-family: DubaiW23-Regular, Calibri;
    font-weight: normal;
}


#newsletterContainer form{
    width: 100%;
    margin: 55px 0 0 0;
}

#newsletterContainer .modal-footer{
    border-top : 1px solid #fff;
}

/*home-large css begins*/


#home-large #stickyNav > nav{
    width : 75vw;
}


#home-large #stickyNav > nav ul.snip1164 li a, #home-large #stickyNav > nav ul.snip1164 li span{
    width: 14.8vw;
}

/*home-large css ends*/

.sector-caption article{
    display : none;
}

.sector-caption article.active{
    display : block;
}



.mfInfo, .mfProgress {
    opacity: 0;
    visibility: hidden;
}

.mfInfo .loader, .mfProgress .loader {
    display: inline-block;
}

.mfInfo .loader-form, .mfProgress .loader-form {
    display: inline-block;
}

.swiper-slide{
    /*width: 100% !important;*/
}


@media (min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto !important;
    }
}

@media(max-width : 1399px){
    .office_banner{
        max-width : 600px;
    }
}
@media(min-width : 1400px){
    .office_banner{
        max-width : 725px;
    }
}


#about-us .language-selector .fa-globe{
    color : #004851;
}



/*COMPATIBILITY TESTING FOR MIN 768PX MAX 1240PX*/


@media (max-width: 1239px) {
    header{
        width: 270px;
        right: -270px;
    }
    header .hamburger-icon-3{
        position: fixed;
        top: 20px;
        right: 11px;
    }
    .office_banner{
        max-width: 100%;
    }


}


@media (max-width:767px){
    .input-style{
        width: 100% !important;
        margin : 10px 0px !important;
    }

    .input-style.subjectT{
        margin-top :60px !important;
    }

    .form-wrapper {
        padding: 0;
        width: 100%;
    }
}


/*newsletter modal*/

#newsletterForm .input-wrapper .input-style label{
    color : #004851;
    font-family: 'Dubai Regular', Calibri;
}

#newsletterForm .input-wrapper .input-style.focus label{
    color : #fff;
    font-family: 'Dubai Regular', Calibri;
}

.swiper-container{
    overflow : visible !important;
}