/*@import "https://fonts.googleapis.com/css?family=Poppins:300,300i,400,400i,500,500i,600,600i,700,700i";
@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i';*/
@font-face {
    font-family: 'Dubai Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Regular'), url('../../assets/fonts/arabic/Dubai-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Dubai Light';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Light'), url('../../assets/fonts/arabic/Dubai-Light.woff') format('woff');
}

@font-face {
    font-family: 'Dubai Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Medium'), url('../../assets/fonts/arabic/Dubai-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Dubai Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Dubai Bold'), url('../../assets/fonts/arabic/Dubai-Bold.woff') format('woff');
}
html, body {
    overflow-x: hidden
}

body {
    float: left;
    font-family: 'Dubai Regular';
    letter-spacing: -.3px;
    margin: 0;
    position: relative;
    width: 100%
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Dubai Bold';
    color: #444;
    font-weight: 700
}

p {
    font-family: 'Dubai Regular';
    color: #666;
    line-height: 26px;
    font-size: 15px;
    font-weight: 400
}

ul li, ol li {
    font-family: 'Dubai Regular';
    color: #666;
    font-size: 14px;
    line-height: 26px
}

a {
    color: inherit
}

    a:hover, a:focus, ins {
        text-decoration: none;
        outline: none
    }

input, textarea, select, button {
    border: 0
}

    button, input[type=submit], .fileContainer, input[type=file] {
        cursor: pointer
    }

        input:focus, textarea:focus, select:focus, button:focus, a:focus, .form-wrp fieldset p a:focus, .page-link:focus, .btn.focus, .btn:focus, .bootstrap-select .dropdown-toggle:focus {
            border-color: transparent;
            outline: none !important;
            -webkit-box-shadow: none !important;
            -ms-box-shadow: none !important;
            -o-box-shadow: none !important;
            box-shadow: none !important
        }

textarea {
    resize: none
}

main {
    float: left;
    position: relative;
    width: 100%
}

body.boxed {
    text-align: center
}

    body.boxed main {
        float: none;
        display: inline-block;
        text-align: left;
        width: 1720px
    }

section {
    float: left;
    position: relative;
    width: 100%
}

.gap {
    float: left;
    padding: 100px 0;
    position: relative;
    width: 100%
}

    .less-gap, .gap.less-gap {
        padding: 80px 0
    }

    .top-spac30, .gap.top-spac30 {
        padding-top: 30px
    }

    .bottom-spac30, .gap.bottom-spac30 {
        padding-bottom: 30px
    }

    .top-spac40, .gap.top-spac40 {
        padding-top: 40px
    }

    .bottom-spac40, .gap.bottom-spac40 {
        padding-bottom: 40px
    }

    .top-spac50, .gap.top-spac50 {
        padding-top: 50px
    }

    .bottom-spac50, .gap.bottom-spac50 {
        padding-bottom: 50px
    }

    .top-spac60, .gap.top-spac60 {
        padding-top: 60px
    }

    .bottom-spac60, .gap.bottom-spac60 {
        padding-bottom: 60px
    }

    .top-spac70, .gap.top-spac70 {
        padding-top: 0px
    }

    .bottom-spac70, .gap.bottom-spac70 {
        padding-bottom: 70px
    }

    .top-spac80, .gap.top-spac80 {
        padding-top: 80px
    }

    .bottom-spac80, .gap.bottom-spac80 {
        padding-bottom: 80px
    }

    .top-spac90, .gap.top-spac90 {
        padding-top: 90px
    }

    .bottom-spac90, .gap.bottom-spac90 {
        padding-bottom: 90px
    }

    .top-spac120, .gap.top-spac120 {
        padding-top: 120px
    }

    .bottom-spac120, .gap.bottom-spac120 {
        padding-bottom: 120px
    }

    .top-spac140, .gap.top-spac140 {
        padding-top: 140px
    }

    .bottom-spac140, .gap.bottom-spac140 {
        padding-bottom: 140px
    }

    .top-spac170, .gap.top-spac170 {
        padding-top: 170px
    }

    .bottom-spac170, .gap.bottom-spac170 {
        padding-bottom: 170px
    }

    .top-spac180, .gap.top-spac180 {
        padding-top: 180px
    }

    .bottom-spac180, .gap.bottom-spac180 {
        padding-bottom: 180px
    }

    .top-spac200, .gap.top-spac200 {
        padding-top: 200px
    }

    .bottom-spac200, .gap.bottom-spac200 {
        padding-bottom: 200px
    }

    .top-spac220, .gap.top-spac220 {
        padding-top: 220px
    }

    .bottom-spac220, .gap.bottom-spac220 {
        padding-bottom: 220px
    }

    .top-spac230, .gap.top-spac230 {
        padding-top: 230px
    }

    .bottom-spac230, .gap.bottom-spac230 {
        padding-bottom: 230px
    }

    .top-spac250, .gap.top-spac250 {
        padding-top: 250px
    }

    .bottom-spac250, .gap.bottom-spac250 {
        padding-bottom: 250px
    }

    .top-spac270, .gap.top-spac270 {
        padding-top: 270px
    }

    .bottom-spac270, .gap.bottom-spac270 {
        padding-bottom: 270px
    }

    .remove-gap, .gap.remove-gap {
        padding-top: 0
    }

    .remove-bottom, .gap.remove-bottom {
        padding-bottom: 0
    }

    .no-gap, .gap.no-gap {
        padding: 0
    }

.wht-bg {
    background-color: #fff
}

.drk-bg {
    background-color: #383838
}

.drk-bg2 {
    background-color: #222
}

.gray-bg {
    background-color: #edf8fd
}

.gray-bg2 {
    background-color: #f6f6f6
}

.container {
    padding: 0;
    max-width: 1170px
}

.remove-ext, .remove-ext1, .remove-ext2, .remove-ext3, .remove-ext4, .remove-ext5, .remove-ext6, .remove-ext7, .remove-ext8, .remove-ext9, .remove-ext10, .remove-ext11, .remove-ext12, .remove-ext13, .remove-ext14, .remove-ext15 {
    float: left;
    margin-bottom: -20px;
    z-index: 1;
    width: 100%
}

.remove-ext1 {
    margin-bottom: -15px
}

.remove-ext2 {
    margin-bottom: -25px
}

.remove-ext3 {
    margin-bottom: -30px
}

.remove-ext4 {
    margin-bottom: -35px
}

.remove-ext5 {
    margin-bottom: -40px
}

.remove-ext6 {
    margin-bottom: -45px
}

.remove-ext7 {
    margin-bottom: -50px
}

.remove-ext8 {
    margin-bottom: -55px
}

.remove-ext9 {
    margin-bottom: -60px
}

.remove-ext10 {
    margin-bottom: -65px
}

.remove-ext11 {
    margin-bottom: -70px
}

.remove-ext12 {
    margin-bottom: -75px
}

.remove-ext13 {
    margin-bottom: -80px
}

.remove-ext14 {
    margin-bottom: -85px
}

.remove-ext15 {
    margin-bottom: -90px
}

.ovrlp50, .ovrlp75, .ovrlp90, .ovrlp100, .ovrlp-120, .ovrlp-200, .ovrlp-240 {
    position: relative;
    z-index: 1
}

.ovrlp50 {
    margin-top: -50px
}

.ovrlp75 {
    margin-top: -75px
}

.ovrlp90 {
    margin-top: -90px
}

.ovrlp100 {
    margin-top: -100px
}

.ovrlp-200 {
    margin-bottom: -200px
}

.ovrlp-240 {
    margin-bottom: -240px
}

.ovrlp-120 {
    margin-bottom: -120px
}

.mrg {
    margin: 0
}

    .mrg > div {
        padding: 0
    }

.mrg5 {
    margin: 0 -2.5px
}

    .mrg5 > div {
        padding: 0 2.5px
    }

.mrg6 {
    margin: 0 -3px
}

    .mrg6 > div {
        padding: 0 3px
    }

.mrg10 {
    margin: 0 -5px
}

    .mrg10 > div {
        padding: 0 5px
    }

.mrg15 {
    margin: 0 -7.5px
}

    .mrg15 > div {
        padding: 0 7.5px
    }

.mrg20 {
    margin: 0 -10px
}

    .mrg20 > div {
        padding: 0 10px
    }

.mrg25 {
    margin: 0 -12.5px
}

    .mrg25 > div {
        padding: 0 12.5px
    }

.mrg40 {
    margin: 0 -20px
}

    .mrg40 > div {
        padding: 0 20px
    }

.mrg55 {
    margin: 0 -27.5px
}

    .mrg55 > div {
        padding: 0 27.5px
    }

.fixed-bg {
    background-position: center;
    height: 100%;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2
}

.fixed-bg {
    background-attachment: scroll;
    background-size: cover
}

    .fixed-bg.ptrn-bg {
        background-size: initial
    }

.black-layer:before, .black-layer2:before, .black-layer3:before, .white-layer:before, .gray-layer:before, .gray-layer2:before, .white-grad-layer:before, .thm-layer:before, .blue-layer:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.blue-layer:before {
    background-color: #2c496f
}

.white-layer:before {
    background-color: #fff
}

.gray-layer:before {
    background-color: #f1f1f1
}

.gray-layer2:before {
    background-color: #cfcfcf
}

.black-layer:before {
    background-color: #000
}

.black-layer2:before {
    background-color: #2c2c2b
}

.black-layer3:before {
    background-color: #3f3f43
}

.white-grad-layer:before {
    background-image: -moz-linear-gradient(left,rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient(left,rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right,rgba(255,255,255,.8) 0%,rgba(255,255,255,.95) 25%,rgba(255,255,255,0.9) 35%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1 )
}

.opc1:before {
    opacity: .1
}

.opc15:before {
    opacity: .15
}

.opc2:before {
    opacity: .2
}

.opc25:before {
    opacity: .25
}

.opc3:before {
    opacity: .3
}

.opc35:before {
    opacity: .35
}

.opc4:before {
    opacity: .4
}

.opc45:before {
    opacity: .45
}

.opc5:before {
    opacity: .5
}

.opc55:before {
    opacity: .55
}

.opc6:before {
    opacity: .6
}

.opc65:before {
    opacity: .65
}

.opc7:before {
    opacity: .7
}

.opc75:before {
    opacity: .75
}

.opc8:before {
    opacity: .8
}

.opc85:before {
    opacity: .85
}

.opc9:before {
    opacity: .9
}

.opc95:before {
    opacity: .95
}

iframe {
    border: 0;
    width: 100%
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.wdth5 {
    width: 5%
}

.wdth10 {
    width: 10%
}

.wdth15 {
    width: 15%
}

.wdth20 {
    width: 20%
}

.wdth25 {
    width: 25%
}

.wdth30 {
    width: 30%
}

.wdth35 {
    width: 35%
}

.wdth40 {
    width: 40%
}

.wdth45 {
    width: 45%
}

.wdth50 {
    width: 50%
}

.wdth55 {
    width: 55%
}

.wdth60 {
    width: 60%
}

.wdth65 {
    width: 65%
}

.wdth70 {
    width: 70%
}

.wdth75 {
    width: 75%
}

.wdth80 {
    width: 80%
}

.wdth85 {
    width: 85%
}

.wdth90 {
    width: 90%
}

.wdth95 {
    width: 95%
}

.wdth100 {
    width: 100%
}

.particle-bx {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.wow {
    visibility: hidden
}

i, a, img, input, button, textarea, :before, :after, label, span, nav > ul li, .featured-cap > *, .team-info, .team-box2, .bord-info, .prtfl-info, header, .srv-box2, .srv-info2 > *, .contact-form-model-wrap {
    -webkit-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

nav ul ul, .header-search, .srch-cls-btn, .rsnp-mnu, .sidepanel, .plr-box > i {
    -webkit-transition: all 600ms cubic-bezier(.175,.885,.32,1);
    -webkit-transition: all 600ms cubic-bezier(.175,.885,.32,1.275);
    -moz-transition: all 600ms cubic-bezier(.175,.885,.32,1.275);
    -o-transition: all 600ms cubic-bezier(.175,.885,.32,1.275);
    transition: all 600ms cubic-bezier(.175,.885,.32,1.275);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1);
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -moz-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    -o-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

.brd-rd50, .pilr-box > i {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.brd-rd40 {
    -webkit-border-radius: 40px;
    border-radius: 40px
}

.brd-rd30 {
    -webkit-border-radius: 30px;
    border-radius: 30px
}

.brd-rd20 {
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.brd-rd10 {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.brd-rd5 {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.brd-rd3 {
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.brd-rd0 {
    -webkit-border-radius: 0;
    border-radius: 0
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%
}

.wow {
    visibility: hidden
}

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

header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 999;
    height: 80px;
}

    header.style1 {
        position: fixed;
        top: 0;
        left: 0;
        padding: 15px 0 20px;
        background: rgba(0,0,0,.2)
    }

        header.style1 .logo {
            float: left;
            padding-top: 5px
        }

        header.style1 nav {
            margin-top: 6px
        }

.logo {
    display: inline-block
}

    .logo > a {
        float: left;
        width: 100%;
        padding: 2px 0
    }

nav {
    display: inline-block
}

.logo + nav {
    float: right
}

nav > div {
    float: left;
    width: 100%
}

    nav > div > ul {
        float: right
    }

    nav > div > a {
        float: right
    }

        nav > div > a + ul {
            margin-right: 35px
        }

    nav > div ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
        float: left;
        width: 100%
    }

    nav > div > ul {
        display: inline-block;
        width: auto
    }

    nav > div ul li {
        float: left;
        width: 100%;
        position: relative;
        font-size: 14px
    }

    nav > div > ul > li {
        width: auto;
        line-height: 50px;
        font-size: 15px
    }

header.style1 nav > div > ul > li {
    color: #fff
}

nav > div > ul > li + li {
    margin-left: 30px
}

header.style2 {
    background-color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0
}

    header.style2 .logo {
        float: left
    }

        header.style2 .logo > a {
            /*padding: 13.5px 0*/
        }

    header.style2 nav > div > ul > li {
        line-height: 75px
    }

    header.style2 nav > div > a.thm-btn {
        padding: 9.5px 20px;
        margin-top: 16.5px
    }

    header.style2 nav > div > a.srch-btn {
        margin-left: 20px;
        margin-top: 25px;
        font-size: 18px;
        display: none
    }

nav > div ul ul {
    position: absolute;
    left: 100%;
    top: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);
    -o-box-shadow: 0 0 20px rgba(0,0,0,.15);
    box-shadow: 0 0 20px rgba(0,0,0,.15);
    z-index: 1;
    min-width: 220px;
    padding: 5px 0;
    opacity: 0;
    visibility: hidden
}

    nav > div ul ul li {
        float: left;
        width: 100%
    }

        nav > div ul ul li a {
            float: left;
            width: 100%;
            padding: 10px 20px
        }

        nav > div ul ul li + li {
            border-top: 1px solid #e0e0e0
        }

nav > div ul li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
    left: 0
}

nav > div > ul > li.menu-item-has-children > a::before {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 0
}

nav > div > ul > li.menu-item-has-children {
    padding-right: 15px
}

nav > div ul ul ul {
    top: 60%;
    left: 100%
}

nav > div ul ul li.menu-item-has-children:hover > ul {
    left: 100%;
    top: 0
}

nav > div ul ul li.menu-item-has-children:before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 25px;
    line-height: 50px
}

header.sticky-active {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);
    -o-box-shadow: 0 0 20px rgba(0,0,0,.15);
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

header.style2.sticky-active .logo, header.style2.sticky-active nav {
    margin-bottom: -6.4px
}

header.style1.sticky-active {
    background-color: #fff;
    padding: 15px 0
}

    header.style1.sticky-active nav {
        margin-top: 0
    }

        header.style1.sticky-active nav > div > ul > li {
            color: #666
        }

.rspn-hdr {
    display: none;
    float: left;
    width: 100%;
    position: relative;
    z-index: 999;
    /*background-color: #333*/
    background-color:#fff;
}

.rspn-mdbr {
    background-color: #252a2c;
    float: left;
    width: 100%
}

.rspn-scil {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0
}

    .rspn-scil > li {
        color: #fff;
        float: left;
        font-size: 10px;
        line-height: 38px;
        margin-right: 1px;
        text-align: center
    }

        .rspn-scil > li:last-child {
            margin-right: 0
        }

        .rspn-scil > li a {
            background-color: #3d3d3d;
            color: inherit;
            float: left;
            height: 38px;
            width: 33px
        }

.rspn-srch {
    float: right;
    height: 38px;
    position: relative;
    width: calc(100% - 135px)
}

    .rspn-srch > input {
        background-color: transparent;
        border: 0;
        color: #7e7e7e;
        font-size: 12px;
        height: 100%;
        padding: 0 7%;
        width: 100%
    }

        .rspn-srch > input:focus {
            font-style: normal
        }

    .rspn-srch > button {
        background-color: transparent;
        border: 0;
        color: #999;
        font-size: 12px;
        height: 100%;
        position: absolute;
        right: 10px;
        top: 0
    }

.lg-mn {
    float: left;
    padding: 20px;
    position: relative;
    width: 100%
}

    .lg-mn .logo {
        width: 184px;
        padding-right: 23px;
        /* height: 145px; */
        /* float: inherit; */
        /* vertical-align: text-top; */
        display: inline-block;
        font-size: 17px;
    }

        .lg-mn .logo > a {
            padding: 0;
            height: 123px;
            width: 92px;
            float: left;
            margin-left: 35px;
        }

.lg-mn {
    text-align: center
}

.rspn-cnt {
    display: inline-block;
    margin-top: 15px
}

    .rspn-cnt > span {
        display: inline-block;
        margin: 0 8px;
        font-size: 14px;
        color: #fff
    }

        .rspn-cnt > span i {
            margin-right: 8px
        }

.rspn-mnu-btn {
    background-color: #fff;
    color: #d1ad3c;
    cursor: pointer;
    font-size: 32px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 50%;
    width: 40px;
    margin-top: -20px
}

.rsnp-mnu {
    background-color: #fff;
    bottom: 0;
    opacity: 0;
    padding: 85px 40px 50px;
    position: fixed;
    right: -350px;
    top: 0;
    visibility: hidden;
    z-index: 99999;
    max-width: 350px;
    width: 100% ;
    border: 1px solid #d1ad3c;
}

    .rsnp-mnu.slidein {
        opacity: 1;
        right: 0;
        visibility: visible
    }

.rspn-mnu-cls {
    background-color: #d1ad3c;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 12px;
    width: 40px
}

.rsnp-mnu > ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    overflow-y: auto !important;
    height: 300px;
    width: 100% !important
}

    .rsnp-mnu > ul > li {
        color: black;
        float: left;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 20px;
        position: relative;
        text-transform: uppercase;
        width: 100%
    }

        .rsnp-mnu > ul > li a {
            color: inherit;
            display: block
        }

        .rsnp-mnu > ul > li:last-child {
            margin-bottom: 0
        }

    .rsnp-mnu > ul ul {
        display: none;
        list-style: outside none none;
        margin-bottom: 0;
        padding-left: 20px;
        opacity: 1;
        position: static;
        visibility: visible
    }

.rsnp-mnu ul li.menu-item-has-children.active > a {
    margin-bottom: 15px
}

.rsnp-mnu > ul li.menu-item-has-children::before {
    content: ". . .";
    right: 0;
    position: absolute;
    top: -2px
}

.rsnp-mnu > ul ul > li {
    color: #a4a4a4;
    font-size: 13px;
    margin-bottom: 12px;
    position: relative;
    text-transform: initial
}

    .rsnp-mnu > ul ul > li:last-child {
        margin-bottom: 0
    }

.thm-btn, .secndry-btn {
    display: inline-block;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 14.5px 45px;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,.15);
    -ms-box-shadow: 0 10px 30px rgba(0,0,0,.15);
    -o-box-shadow: 0 10px 30px rgba(0,0,0,.15);
    box-shadow: 0 10px 30px rgba(0,0,0,.15)
}

    .thm-btn i, .secndry-btn i {
        margin-left: 5px
    }

    .thm-btn:before, .secndry-btn:before {
        content: "";
        position: absolute;
        left: 40%;
        right: 40%;
        z-index: -1;
        top: 0;
        bottom: 0;
        opacity: 0;
        background-color: #000
    }

    .thm-btn:hover:before, .thm-btn:focus:before, .secndry-btn:hover:before, .secndry-btn:focus:before {
        left: 0;
        right: 0;
        opacity: .4
    }

    .thm-btn:hover, .thm-btn:focus, .secndry-btn:hover, .secndry-btn:focus {
        color: #fff
    }

.featured-area-wrap {
    float: left;
    position: relative;
    width: 100%
}

.featured-area {
    float: left;
    width: 100%
}

.featured-item {
    float: left;
    position: relative;
    z-index: 1;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding: 200px 15px
}

    .featured-item:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1;
        background-color: #2a486c;
        opacity: .65
    }

.featured-cap {
    display: inline-block;
    max-width: 50%;
    padding: 20px 0 60px
}

    .featured-cap > img {
        width: auto !important;
        display: inline-block !important
    }

    .featured-cap > * {
        opacity: 0
    }

.owl-item.active .featured-cap > * {
    opacity: 1
}

.featured-cap > h3 {
    color: #fff;
    font-size: 35px;
    margin-bottom: 0;
    font-weight: 400;
    font-family: roboto
}

.featured-cap > img + img, .featured-cap > img + h1 {
    margin: 10px 0 0
}

.featured-cap > img + h3, .featured-cap > h1 + h3 {
    margin-top: 3px
}

.featured-cap > h3 + span {
    margin-top: 15px
}

.featured-cap > span {
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 300
}

    .featured-cap > span + a {
        margin-top: 30px
    }

.plrs-wrap {
    float: left;
    width: 100%
}

.remove-ext5 .plr-box {
    margin-bottom: 40px;
    padding-top: 10px
}

.plr-box {
    float: left;
    position: relative;
    width: 100%
}

    .plr-box > i {
        color: #2a486c;
        font-size: 55px;
        display: inline-block;
        background-color: #fff;
        border: 1px solid #2a486c;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        height: 106px;
        width: 106px;
        line-height: 104px;
        position: relative;
        z-index: 1;
        margin-bottom: 10px
    }

    .plr-box:hover > i {
        color: #fff
    }

    .plr-box > i:after {
        content: "";
        position: absolute;
        left: -10px;
        top: -10px;
        right: -10px;
        bottom: -10px;
        z-index: -1;
        border: 10px solid;
        -webkit-border-radius: inherit;
        border-radius: inherit;
        opacity: .55;
        -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
        -ms-box-shadow: 0 5px 20px rgba(0,0,0,.2);
        -o-box-shadow: 0 5px 20px rgba(0,0,0,.2);
        box-shadow: 0 5px 20px rgba(0,0,0,.2)
    }

.pilr-info {
    float: left;
    width: 100%
}

.plr-box > i + .pilr-info {
    margin-top: 25px
}

.pilr-info > h4 {
    margin-bottom: 0;
    color: #2a486c;
    font-size: 24px;
    font-weight: 600
}

.pilr-info > p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 24px;
    color: #000
}

.pilr-info > h4 + p {
    margin-top: 15px
}

.sec-title {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px
}

.sec-title-inner {
    position: relative;
    padding-bottom: 17px
}

    .sec-title-inner:before {
        content: "";
        position: absolute;
        left: 0;
        width: 150px;
        height: 3px;
        bottom: 0
    }

.text-center .sec-title-inner:before {
    left: 50%;
    margin-left: -75px
}

.sec-title-inner > span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600
}

    .sec-title-inner > span + h3 {
        margin-top: 5px
    }

.sec-title-inner > h3 {
    margin-bottom: 0;
    font-size: 35px;
    font-weight: 600
}

    .sec-title-inner > h3 span {
        color: #534a4a
    }

.sec-title > p {
    margin-bottom: 0;
    display: inline-block;
    font-size: 16px;
    max-width: 60%
}

.sec-title-inner + p {
    margin-top: 18px
}

.abot-wrap {
    float: left;
    width: 100%
}

.abot-sec {
    float: left;
    width: 100%
}

    .abot-sec .sec-title {
        float: none;
        display: inline-block
    }

    .abot-sec > p {
        margin-bottom: 0;
        color: #222;
        max-width: 82%
    }

        .abot-sec > p + a {
            margin-top: 25px
        }

.serv-wrap {
    float: left;
    width: 100%
}

.sec-title + .serv-wrap {
    margin-top: 40px
}

.srv-tl {
    float: left;
    width: 100%
}

    .srv-tl > h2 {
        margin-bottom: 0;
        font-size: 45.5px;
        text-transform: uppercase;
        font-weight: 500
    }

        .srv-tl > h2 span {
            font-weight: 700
        }

    .srv-tl > h5 {
        margin-bottom: 0;
        font-size: 27.15px;
        line-height: 36px;
        font-weight: 400
    }

    .srv-tl > h2 + h5 {
        margin-top: 5px
    }

.bg-mode-clr {
    background-color: rgba(255,255,255,.96);
    background-blend-mode: saturation
}

.remove-ext9 .serv-box {
    margin-bottom: 60px
}

.remove-ext10 .serv-box {
    margin-bottom: 65px
}

.serv-box {
    float: left;
    width: 100%
}

    .serv-box > i {
        font-size: 50px;
        float: left;
        line-height: initial
    }

    .serv-box:hover > i {
        -webkit-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

.serv-info {
    float: left;
    width: 100%
}

.serv-box > i + .serv-info {
    width: calc(100% - 50px);
    padding-left: 15px
}

.serv-info > h4 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500
}

    .serv-info > h4 + p {
        margin-top: 10px
    }

.serv-info > p {
    margin-bottom: 0;
    line-height: 24px
}

.black-layer .sec-title-inner:before, .black-layer2 .sec-title-inner:before {
    background-image: -moz-linear-gradient(359deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(359deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(359deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(359deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(91deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 )
}

.suprt-wrap {
    float: left;
    width: 100%
}

.suprt-sec {
    float: left;
    width: 100%
}

.black-layer2 .sec-title-inner > span, .black-layer2 .suprt-sec > p {
    color: #fff
}

.suprt-sec .sec-title {
    float: none;
    display: inline-block
}

.suprt-sec > p {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 0;
    max-width: 90%
}

.suprt-prgrs {
    width: 100%;
    margin-left: -35px;
    display: inline-block
}

    .suprt-prgrs .suprt-prg {
        float: left;
        max-width: 23%;
        margin-top: 10px
    }

.suprt-prg .circliful > text:first-child {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transform: translateY(10px);
    font-weight: 500
}

.suprt-prgrs + a {
    margin-top: 55px
}

.sec-title + .team-wrap {
    margin-top: 60px
}

.team-wrap {
    float: left;
    width: 100%
}

.remove-ext5 .team-box {
    margin-bottom: 70px
}

.team-box {
    display: inline-block;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    max-width: 265px;
    z-index: 1
}

    .team-box:before {
        content: "";
        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px;
        opacity: .55;
        z-index: -1;
        -webkit-border-radius: inherit;
        border-radius: inherit
    }

.team-info {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 15px;
    z-index: 1;
    top: 65%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.team-box > img {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    border: 1px solid
}

.team-box:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    transform: scale(.3)
}

.team-box:hover::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: .7
}

.team-info > h4 {
    margin-bottom: 0;
    font-size: 25px;
    font-weight: 600
}

    .team-info > h4 + p {
        margin-top: 5px
    }

.team-info > p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    font-weight: 300
}

.team-scl {
    display: inline-block
}

.team-info > p + .team-scl {
    margin-top: 15px
}

.team-scl > a {
    display: inline-block;
    line-height: 27px;
    width: 27px;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    text-align: center
}

    .team-scl > a:hover, .team-scl > a:focus {
        color: #fff
    }

.team-box:hover .team-info {
    opacity: 1;
    top: 50%
}

.evnt-pry-wrap {
    float: left;
    width: 100%
}

.sec-title + .evnt-wrap {
    margin-top: 10px
}

.evnt-pry-wrap .evnt-wrap {
    width: calc(100% - 20px)
}

.evnt-wrap {
    float: left;
    width: 100%
}

.remove-ext5 .evnt-box {
    margin-bottom: 35px
}

.evnt-box {
    float: left;
    width: 100%
}

.evnt-thmb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .evnt-thmb > a {
        display: inline-block;
        width: 100%
    }

        .evnt-thmb > a img {
            width: 100%
        }

        .evnt-thmb > a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #000;
            opacity: 0;
            z-index: 1
        }

.evnt-box:hover .evnt-thmb > a::before {
    opacity: .5
}

.evnt-box:hover .evnt-thmb > a img {
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg)
}

.evnt-info {
    float: left;
    width: 100%
}

.evnt-thmb + .evnt-info {
    margin-top: 20px
}

.evnt-info > h4 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600
}

.pst-mta {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: 100%
}

.evnt-info > h4 + .pst-mta {
    margin-top: 10px
}

.pst-mta > li {
    display: inline-block;
    color: #534a4a
}

    .pst-mta > li i {
        margin-right: 8px
    }

    .pst-mta > li + li {
        margin-left: 20px
    }

.evnt-info > p {
    margin-bottom: 0;
    color: #534a4a;
    max-width: 90%
}

.evnt-info > ul + p {
    margin-top: 5px
}

.prayer-times {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    float: left;
    width: 100%
}

.sec-title + .prayer-times {
    margin-top: 5px
}

.prayer-times > li {
    display: table;
    width: 100%;
    float: left;
    font-size: 16px;
    color: #5e5e5e;
    line-height: 45px
}

    .prayer-times > li span {
        display: table-cell;
        vertical-align: middle;
        width: 33.334%
    }

    .prayer-times > li.pry-tim-hed {
        font-weight: 600
    }

    .prayer-times > li + li {
        border-top: 1px solid rgba(0,0,0,.15)
    }

    .prayer-times > li span.thm-clr {
        font-weight: 500
    }

    .prayer-times > li span:last-child {
        text-align: right
    }

.testi-wrap {
    float: left;
    width: 100%
}

.sec-title + .testi-wrap {
    margin-top: 25px
}

.testi-car {
    display: inline-block !important;
    max-width: 860px
}

.testi-itm {
    float: left;
    width: 100%;
    border: 1px solid;
    background-color: #fff;
    position: relative;
    margin-top: 75px;
    padding: 78px 30px 35px;
    opacity: .92
}

    .testi-itm > i {
        position: absolute;
        left: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        z-index: 1;
        top: -60px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

        .testi-itm > i img {
            -webkit-border-radius: inherit;
            border-radius: inherit;
            border: 1px solid
        }

        .testi-itm > i:before {
            content: "";
            position: absolute;
            left: -10px;
            right: -10px;
            top: -10px;
            bottom: -10px;
            z-index: -1;
            -webkit-border-radius: inherit;
            border-radius: inherit;
            opacity: .55;
            -webkit-box-shadow: 0 5px 20px rgba(0,0,0,.2);
            -ms-box-shadow: 0 5px 20px rgba(0,0,0,.2);
            -o-box-shadow: 0 5px 20px rgba(0,0,0,.2);
            box-shadow: 0 5px 20px rgba(0,0,0,.2)
        }

.testi-info {
    float: left;
    width: 100%
}

    .testi-info > h4 {
        margin-bottom: 0;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0
    }

        .testi-info > h4 + p {
            margin-top: 15px
        }

    .testi-info > p {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 26px;
        display: inline-block;
        max-width: 90%;
        position: relative
    }

        .testi-info > p i:first-child {
            left: -10px;
            top: -5px
        }

        .testi-info > p i {
            font-size: 30px;
            font-weight: 700;
            position: absolute;
            line-height: initial;
            padding-left: 5px
        }

.fea-wrap {
    float: left;
    width: 100%
}

.remove-ext5 .fea-box {
    margin-bottom: 40px
}

.fea-box {
    float: left;
    width: 100%
}

    .fea-box > i {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-style: normal;
        border: 1px dotted #6c6c6c;
        line-height: 75px;
        width: 75px;
        display: inline-block;
        height: 75px;
        font-size: 23px
    }

.fea-info {
    float: left;
    width: 100%
}

.fea-box > i + .fea-info {
    margin-top: 20px
}

.fea-info > h4 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d
}

    .fea-info > h4 + p {
        margin-top: 13px
    }

.fea-info > p {
    margin-bottom: 0;
    font-size: 17px;
    color: #2d2d2d
}

footer {
    float: left;
    width: 100%
}

.footer-data {
    float: left;
    width: 100%
}

.wdgt-box {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

    .wdgt-box > p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0;
        font-weight: 300
    }

.logo + p {
    margin-top: 15px
}

.drk-bg .wdgt-box > p, .drk-bg2 .wdgt-box > p {
    color: #fff
}

.wdgt-box > h4 {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.wdgt-box.style2 > h4 {
    padding-bottom: 0
}

    .wdgt-box.style2 > h4:before {
        display: none
    }

.drk-bg .wdgt-box > h4, .drk-bg .wdgt-box > ul li, .drk-bg2 .wdgt-box > h4, .drk-bg2 .wdgt-box > ul li {
    color: #fff
}

.wdgt-box > h4:before {
    content: "";
    position: absolute;
    left: 0;
    width: 150px;
    height: 3px;
    bottom: 0
}

.wdgt-box > ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    float: left;
    width: 100%
}

    .wdgt-box > ul li {
        float: left;
        width: 100%;
        font-weight: 400;
        position: relative
    }

.cont-lst > li {
    padding-left: 23px
}

    .cont-lst > li i {
        position: absolute;
        left: 0;
        top: 0
    }

.wdgt-box > ul li + li {
    margin-top: 5px
}

.footer-data + .bottom-bar {
    border-top: 1px solid rgba(255,255,255,.5)
}

.bottom-bar {
    float: left;
    width: 100%;
    padding: 24px 0 35px
}

.drk-bg .bottom-bar > p, .drk-bg2 .bottom-bar > p, .scl > a:hover, .scl > a:focus {
    color: #fff
}

.bottom-bar > p {
    margin-bottom: 0;
    display: inline-block;
    line-height: 32px
}

.scl {
    display: inline-block
}

.bottom-bar > p + .scl {
    float: right
}

.scl > a {
    line-height: 32px;
    width: 32px;
    display: inline-block;
    background-color: #fff;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 14px;
    color: #222
}

    .scl > a + a {
        margin-left: 5px
    }

.featured-item.style2 {
    padding: 180px 15px 130px
}

    .featured-item.style2::before {
        background-color: #0a0a0a
    }

.featured-area2 .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 65px;
    line-height: initial;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
}

    .featured-area2 .owl-dots button.owl-dot {
        background-color: rgba(255,255,255,.55);
        height: 9px;
        width: 9px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin: 0 4px
    }

.featured-area2 .owl-nav {
    position: absolute;
    left: 75px;
    right: 75px;
    top: 55%
}

    .featured-area2 .owl-nav > button.owl-prev {
        left: 0
    }

    .featured-area2 .owl-nav > button.owl-next {
        right: 0
    }

    .featured-area2 .owl-nav > button.owl-prev, .featured-area2 .owl-nav > button.owl-next {
        color: #fff;
        font-size: 30px;
        position: absolute;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -50px
    }

.hstry-wrap {
    float: left;
    width: 100%
}

.hstry-img {
    float: left;
    width: 100%;
    position: relative
}

    .hstry-img:before {
        height: 380px;
        width: 380px;
        border: 15px solid;
        content: "";
        position: absolute;
        left: 0;
        z-index: -1;
        top: 50%;
        margin-top: -190px
    }

    .hstry-img.text-center:before {
        left: 50%;
        margin-left: -190px
    }

.hstry-desc {
    float: left;
    width: 100%;
    margin-top: 25px
}

    .hstry-desc > span {
        display: block;
        text-transform: uppercase;
        font-size: 16px
    }

        .hstry-desc > span + h2 {
            margin-top: 5px
        }

    .hstry-desc > h2 {
        margin-bottom: 0;
        font-size: 38px;
        font-weight: 600
    }

        .hstry-desc > h2 + p {
            margin-top: 20px
        }

    .hstry-desc > p {
        margin-bottom: 0;
        font-size: 16.5px;
        color: #444
    }

        .hstry-desc > p + strong {
            margin-top: 20px
        }

    .hstry-desc > strong {
        display: block;
        font-weight: 600;
        font-size: 18px;
        color: #444
    }

        .hstry-desc > strong + ul {
            margin-top: 10px
        }

    .hstry-desc > ul {
        padding-left: 0;
        margin-bottom: 0;
        float: left;
        width: 100%;
        list-style: none
    }

        .hstry-desc > ul li {
            font-size: 15.5px;
            font-weight: 500;
            color: #444;
            float: left;
            position: relative;
            padding: 0 15px 0 20px;
            width: 50%;
            margin-top: 10px
        }

            .hstry-desc > ul li:before {
                content: "";
                height: 11px;
                width: 11px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                position: absolute;
                left: 0;
                top: 7px
            }

.sec-title2 {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.sec-title-inner2 > span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px
}

.thm-layer .sec-title-inner2 > span, .thm-layer .sec-title-inner2 > h3, .thm-layer .sec-title2 > p, .black-layer3 .sec-title-inner2 > span, .black-layer3 .sec-title-inner2 > h3, .black-layer3 .sec-title2 > p {
    color: #fff
}

.sec-title-inner2 > span + h3 {
    margin-top: 10px
}

.sec-title-inner2 > h3 {
    margin-bottom: 0;
    font-size: 35px;
    font-weight: 600
}

.sec-title-inner2 + p {
    margin-top: 15px
}

.sec-title2 > p {
    margin-bottom: 0;
    color: #444;
    display: inline-block;
    max-width: 685px;
    letter-spacing: 0
}

.remove-ext3 .team-box2 {
    margin-bottom: 30px
}

.team-box2 {
    float: left;
    padding: 25px 31px 23px;
    position: relative;
    border: 1px solid #ededed;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,.05);
    -o-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05)
}

    .team-box2:hover {
        border-color: #fff;
        -webkit-box-shadow: 0 10px 70px rgba(0,0,0,.15);
        -ms-box-shadow: 0 10px 70px rgba(0,0,0,.15);
        -o-box-shadow: 0 10px 70px rgba(0,0,0,.15);
        box-shadow: 0 10px 70px rgba(0,0,0,.15)
    }

    .team-box2 > img {
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid;
        display: inline-block
    }

.team-info2 {
    float: left;
    width: 100%
}

.team-box2 > img + .team-info2 {
    margin-top: 18px
}

.team-info2 > h4 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 22px
}

    .team-info2 > h4 + p {
        margin-top: 10px
    }

.team-info2 > p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
    color: #444
}

    .team-info2 > p + .team-scl {
        margin-top: 20px
    }

.team-box2 .team-scl > a {
    background-color: #c9c9c9;
    color: #fff;
    margin: 0 2.5px
}

.team-box2:hover .team-info2 > h4, .team-box2:hover .team-info2 > p {
    color: #fff
}

.team-box2 .team-scl > a:hover, .team-box2 .team-scl > a:focus {
    background-color: #333 !important
}

.remove-ext3 .srv-box2 {
    margin-bottom: 30px
}

.srv-box2 {
    border: 1px solid #ededed;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    float: left;
    width: 100%;
    padding: 25px 30px 35px
}

    .srv-box2:hover > i {
        color: #fff
    }

    .srv-box2:hover .srv-info2 > h4, .srv-box2:hover .srv-info2 > p, .srv-box2:hover .srv-info2 > a {
        color: #fff
    }

    .srv-box2 > i {
        font-size: 60px;
        display: inline-block
    }

.srv-info2 {
    float: left;
    width: 100%
}

.srv-box2 > i + .srv-info2 {
    margin-top: 10px
}

.srv-info2 > h4 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 0;
}

    .srv-info2 > h4 + p {
        margin-top: 15px
    }

.srv-info2 > p {
    margin-bottom: 0;
    color: #444;
    font-size: 14px
}

    .srv-info2 > p + a {
        margin-top: 12px
    }

.srv-info2 > a {
    display: inline-block;
    font-size: 16px
}

    .srv-info2 > a i {
        margin-left: 7px
    }

.view-all {
    float: left;
    margin-top: 50px;
    width: 100%;
    margin-bottom: -10px
}

.fea-car {
    float: left;
    width: 100%
}

.fea-itm {
    float: left;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding: 55px 30px;
    position: relative;
    z-index: 1;
    margin: 15px 0
}

    .fea-itm:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #5cab4b;
        z-index: -1
    }

    .fea-itm > i {
        color: #fff;
        font-size: 55px;
        display: inline-block
    }

.fea-info2 {
    float: left;
    width: 100%
}

    .fea-info2 > h4 {
        color: #fff;
        position: relative;
        font-size: 28px;
        font-weight: 600;
        left: 0;
        margin-bottom: 0;
        padding-bottom: 10px
    }

        .fea-info2 > h4:before {
            content: "";
            position: absolute;
            left: 50%;
            width: 45px;
            height: 3px;
            bottom: 0;
            margin-left: -22.5px;
            background: #fff !important
        }

        .fea-info2 > h4 + p {
            margin-top: 15px
        }

    .fea-info2 > p {
        margin-bottom: 0;
        color: #fff;
        display: inline-block;
        max-width: 86%;
        line-height: 24px
    }

        .fea-info2 > p + a {
            margin-top: 35px
        }

    .fea-info2 > a {
        display: inline-block;
        background-color: #fff;
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border: 2px solid #fff;
        text-transform: uppercase;
        padding: 11.4px 60px;
        letter-spacing: 0
    }

.fea-car > .row > div:nth-child(2) {
    z-index: 9
}

    .fea-car > .row > div:nth-child(2) .fea-itm:before {
        opacity: .68
    }

    .fea-car > .row > div:nth-child(2) .fea-info2 > h4:before {
        background-color: #fff
    }

    .fea-car > .row > div:nth-child(2) .fea-info2 > a, .fea-info2 > a:hover, .fea-info2 > a:focus {
        background-color: transparent;
        color: #fff
    }

    .fea-car > .row > div:nth-child(2) .fea-info2 > a {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9)
    }

        .fea-car > .row > div:nth-child(2) .fea-info2 > a:hover, .fea-car > .row > div:nth-child(2) .fea-info2 > a:focus {
            background-color: #fff
        }

.suprt-prgrs.style2 {
    margin: -25px 0 0
}

    .suprt-prgrs.style2 .suprt-prg {
        float: none;
        display: inline-block;
        max-width: 22%;
        margin-top: 0;
        padding: 0 30px
    }

        .suprt-prgrs.style2 .suprt-prg circle {
            stroke-width: 8px
        }

            .suprt-prgrs.style2 .suprt-prg circle.border {
                stroke: #fff
            }

        .suprt-prgrs.style2 .suprt-prg text:first-child {
            fill: #fff
        }

.testi-wrap.style2 .testi-itm {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin-top: 0
}

    .testi-wrap.style2 .testi-itm > i {
        position: static;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        display: inline-block;
        margin: 10px 0 25px
    }

        .testi-wrap.style2 .testi-itm > i:before {
            opacity: 1
        }

.testi-wrap.style2 .testi-info > p {
    max-width: 84%
}

.nwsltr-wrp {
    float: left;
    width: 100%
}

.nwsltr-innr {
    display: inline-block;
    max-width: 585px;
    width: 100%
}

.nwsltr-title {
    float: left;
    width: 100%
}

    .nwsltr-title > h3 {
        margin-bottom: 0;
        font-size: 35px;
        letter-spacing: 0
    }

        .nwsltr-title > h3 + span {
            margin-top: 2px
        }

    .nwsltr-title > span {
        display: block;
        font-size: 14px
    }

.thm-layer .nwsltr-title > h3, .thm-layer .nwsltr-title > span {
    color: #fff
}

.nwsltr-innr > form {
    float: left;
    width: 100%;
    position: relative
}

.nwsltr-title + form {
    margin-top: 15px
}

.nwsltr-innr > form input {
    -webkit-border-radius: 40px;
    border-radius: 40px;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    background-color: rgba(255,255,255,.65);
    padding: 15.5px 30px;
    float: left;
    width: 100%
}

.nwsltr-innr > form button {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    background-color: #222;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 45px
}

.page-title-wrap {
    float: left;
    width: 100%;
    padding: 105px 0 40px
}

    .page-title-wrap > h1 {
        margin-bottom: 10px;
        text-align: center
    }

    .page-title-wrap > h2 {
        position: relative;
        display: inline-block;
        font-size: 30px;
        margin-bottom: 0;
        padding-bottom: 14px;
        font-weight: 400;
        letter-spacing: 0
    }

        .page-title-wrap > h2:before {
            content: "";
            position: absolute;
            height: 6px;
            width: 100%;
            left: 0;
            bottom: 0
        }

.black-layer2 .page-title-wrap > h2, .black-layer2 .breadcrumbs > li {
    color: #fff
}

.breadcrumbs {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

.page-title-wrap > h2 + .breadcrumbs {
    float: right;
    margin-top: 10px
}

.breadcrumbs > li {
    float: left;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    margin-top: 12px;
    line-height: initial
}

    .breadcrumbs > li + li {
        padding-left: 20px;
        margin-left: 15px
    }

        .breadcrumbs > li + li:before {
            content: "";
            height: 9px;
            width: 9px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
            position: absolute;
            left: 0;
            top: 9px
        }

.sec-title + .team-wrap2 {
    margin-top: 20px
}

.contact-info-wrap {
    float: left;
    width: 100%
}

.remove-ext3 .contact-info-box {
    margin-bottom: 30px
}

.contact-info-box {
    float: left;
    padding: 42px 30px;
    border: 1px solid #ddd;
    width: 100%
}

    .contact-info-box > i {
        display: inline-block;
        line-height: 65px;
        height: 65px;
        width: 65px;
        border: 1px solid;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        font-size: 28px
    }

    .contact-info-box > strong {
        display: block;
        font-size: 16px;
        color: #333;
        font-weight: 500
    }

    .contact-info-box > i + strong {
        margin-top: 18px
    }

    .contact-info-box > span {
        display: block;
        font-size: 15px;
        color: #333
    }

    .contact-info-box > strong + span, .contact-info-box > strong + a {
        margin-top: 10px
    }

    .contact-info-box > a {
        color: #333;
        font-size: 15px;
        display: inline-block
    }

    .contact-info-box:hover > i {
        color: #fff
    }

.newsletter-wrap2 {
    float: left;
    width: 100%
}

.newsletter-inner {
    display: inline-block;
    max-width: 640px;
    width: 100%
}

.nwsltr-title2 {
    float: left;
    width: 100%;
    margin-bottom: 30px
}

    .nwsltr-title2 > span {
        font-size: 14px;
        display: block;
        font-weight: 500;
        letter-spacing: 0
    }

    .nwsltr-title2 > h3 {
        letter-spacing: 0;
        margin-bottom: 0;
        font-size: 34px;
        font-weight: 800
    }

.blue-layer .nwsltr-title2 > span, .blue-layer .nwsltr-title2 > h3 {
    color: #fff
}

.nwsltr-title2 > h3 + span, .nwsltr-title2 > span + h3 {
    margin-top: 7px
}

.newsletter-inner > form {
    float: left;
    width: 100%;
    position: relative
}

.nwsltr-title2 + form {
    margin-top: 50px
}

.newsletter-inner > form input {
    float: left;
    width: 100%;
    border-bottom: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    height: 45px;
    -webkit-border-radius: 0 40px 40px 0;
    border-radius: 0 40px 40px 0;
    font-size: 14px;
    font-weight: 500
}

    .newsletter-inner > form input::-webkit-input-placeholder {
        color: #fff
    }

    .newsletter-inner > form input::-moz-placeholder {
        color: #fff
    }

    .newsletter-inner > form input:-ms-input-placeholder {
        color: #fff
    }

    .newsletter-inner > form input:-moz-placeholder {
        color: #fff
    }

.newsletter-inner > form button {
    -webkit-border-radius: 40px;
    border-radius: 40px;
    padding: 12px 45px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.sec-title + .contact-info-wrap, .sec-title + .contact-form {
    margin-top: 30px
}

.contact-loc {
    float: left;
    width: 100%;
    height: 500px
}

.cont-title {
    float: left;
    width: 100%;
    margin-bottom: 55px
}

    .cont-title > span {
        display: block;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0
    }

        .cont-title > span + h3 {
            margin-top: 20px
        }

    .cont-title > h3 {
        margin-bottom: 0;
        font-size: 28px;
        font-weight: 600;
        color: #373737;
        letter-spacing: 0
    }

.contact-form {
    float: left;
    width: 100%
}

    .contact-form > form {
        display: inline-block;
        max-width: 735px;
        width: 100%
    }

        .contact-form > form input, .contact-form > form textarea {
            float: left;
            width: 100%;
            font-size: 15px;
            color: #333;
            border: 1px solid rgba(0,0,0,.3);
            padding: 10px 15px;
            height: 50px;
            margin-top: 20px
        }

        .contact-form > form textarea {
            height: 155px
        }

            .contact-form > form textarea + button {
                margin-top: 40px
            }

.blog-wrap {
    float: left;
    width: 100%
}

.remove-ext7 .blog-box {
    margin-bottom: 50px
}

.blog-box {
    float: left;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.15);
    -ms-box-shadow: 0 0 50px rgba(0,0,0,.15);
    -o-box-shadow: 0 0 50px rgba(0,0,0,.15);
    box-shadow: 0 0 50px rgba(0,0,0,.15)
}

.blog-thmb {
    float: left;
    width: 100%;
    overflow: hidden
}

    .blog-thmb > a {
        display: inline-block;
        width: 100%;
        position: relative
    }

        .blog-thmb > a img {
            width: 100%
        }

        .blog-thmb > a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            opacity: 0;
            z-index: 1;
            background-color: #000
        }

.blog-box:hover .blog-thmb > a::before {
    opacity: .5
}

.blog-box:hover .blog-thmb > a img {
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg)
}

.blog-info {
    float: left;
    width: 100%;
    padding: 25px 25px 30px
}

.pst-mta2 {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: 100%
}

.blog-info > li {
    float: left
}

.pst-mta2 > li {
    float: left;
    font-size: 15px;
    font-weight: 300;
    color: #1e1e1e
}

    .pst-mta2 > li i {
        margin-right: 10px
    }

.pst-mta2 + h4 {
    margin-top: 2px
}

.blog-info > h4 {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 500
}

    .blog-info > h4 + p {
        margin-top: 17px
    }

.blog-info > p {
    margin-bottom: 0;
    line-height: 25px
}

    .blog-info > p + a {
        margin-top: 23px
    }

.blog-info > a {
    text-decoration: underline;
    display: inline-block;
    font-size: 15px;
    font-weight: 500
}

.pagination-wrap {
    float: left;
    width: 100%;
    margin-top: 55px;
    margin-bottom: -10px
}

.pagination {
    display: inline-block;
    margin-bottom: 0
}

    .pagination > li {
        float: left;
        margin: 5px;
        font-weight: 500;
        letter-spacing: 0
    }

        .pagination > li a {
            height: 33px;
            color:;
            float: left;
            width: 33px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            border: 1px solid #d2d2d2;
            line-height: 33px
        }

            .pagination > li.active a, .pagination > li a:hover, .pagination > li a:focus {
                color: #fff
            }

.event-wrap {
    float: left;
    width: 100%
}

.event-desc {
    float: left;
    width: 100%
}

    .event-desc > h4 {
        position: relative;
        padding-bottom: 5px;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 0
    }

        .event-desc > h4:before {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            height: 3px;
            width: 90px
        }

        .event-desc > h4 + span {
            margin-top: 24px
        }

    .event-desc > span {
        display: block;
        font-size: 16px;
        font-weight: 600;
        color: #535353;
        opacity: .8;
        font-style: italic;
        line-height: 24px
    }

        .event-desc > span + p {
            margin-top: 30px
        }

    .event-desc > p {
        font-size: 16px;
        font-weight: 500;
        color: #535353;
        margin-bottom: 0
    }

.remove-ext3 .event-box2 {
    margin-bottom: 30px
}

.event-box2 {
    float: left;
    width: 100%;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.15);
    -ms-box-shadow: 0 0 30px rgba(0,0,0,.15);
    -o-box-shadow: 0 0 30px rgba(0,0,0,.15);
    box-shadow: 0 0 30px rgba(0,0,0,.15)
}

.event-thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .event-thumb > a {
        display: inline-block;
        width: 100%
    }

        .event-thumb > a img {
            width: 100%
        }

        .event-thumb > a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #000;
            z-index: 1;
            opacity: 0
        }

.event-box2:hover .event-thumb > a::before {
    opacity: .5
}

.event-box2:hover .event-thumb > a img {
    -webkit-transform: scale(1.1) rotate(2deg);
    -ms-transform: scale(1.1) rotate(2deg);
    -o-transform: scale(1.1) rotate(2deg);
    transform: scale(1.1) rotate(2deg)
}

.event-info {
    float: left;
    padding: 25px 30px;
    width: 100%
}

    .event-info > h4 {
        font-weight: 500;
        margin-bottom: 0;
        font-size: 25px
    }

        .event-info > h4 + p {
            margin-top: 10px
        }

    .event-info > p {
        margin-bottom: 0;
        line-height: 26px
    }

        .event-info > p + ul {
            margin-top: 20px
        }

.event-mta {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: inline-block;
    width: 100%
}

    .event-mta > li {
        font-size: 13px;
        color: #2f0230;
        font-weight: 500;
        float: left;
        width: 100%
    }

        .event-mta > li i {
            width: 20px;
            text-align: center;
            margin-right: 10px;
            display: inline-block;
            font-size: 18px;
            float: left;
            line-height: inherit
        }

        .event-mta > li + li {
            margin-top: 10px
        }

    .event-mta + a {
        margin-top: 25px;
        padding: 8px 45px;
        font-size: 12.8px
    }

.fnds-dnts-wrap {
    float: left;
    width: 100%
}

.fnds-dnts-innr {
    display: inline-block;
    max-width: 470px
}

.fnds-title {
    float: left;
    width: 100%
}

    .fnds-title > h3 {
        margin-bottom: 0;
        font-size: 34px;
        letter-spacing: 0
    }

.blue-layer .fnds-title > h3, .blue-layer .fnds-title > p {
    color: #fff
}

.fnds-title > h3 + p {
    margin-top: 7px
}

.fnds-title > p {
    margin-bottom: 0;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 24px
}

.fnds-dnts-innr > ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    display: inline-block;
    width: 100%
}

.cwnt-tim {
    margin-top: 3px
}

    .cwnt-tim > li {
        float: left;
        width: 30.334%;
        border: 1px dotted #fff;
        margin-top: 20px;
        padding: 25px 14px
    }

        .cwnt-tim > li + li {
            margin-left: 20px
        }

        .cwnt-tim > li span {
            font-size: 43.9px;
            color: #fff;
            font-weight: 700;
            display: inline-block
        }

            .cwnt-tim > li span + p, .cwnt-tim > li p + span {
                margin-top: 7px
            }

        .cwnt-tim > li p {
            margin-bottom: 0;
            display: block;
            font-weight: 700;
            text-transform: uppercase;
            color: #fff;
            font-size: 26.3px
        }

    .cwnt-tim + .dnt-mta {
        margin-top: 43px
    }

.dnt-mta > li {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0
}

    .dnt-mta > li + li {
        margin-left: 15px
    }

    .dnt-mta > li i {
        float: left;
        line-height: inherit;
        font-size: 20px;
        margin-right: 7px
    }

.sec-title.style2 > p {
    font-size: 15px;
    max-width: 90%
}

.bord-wrap {
    float: left;
    width: 100%
}

.sec-title + .bord-wrap {
    margin-top: 15px
}

.bord-box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .bord-box:before {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #000;
        opacity: 0;
        content: ""
    }

    .bord-box:hover:before {
        opacity: .8
    }

    .bord-box > img {
        width: 100%
    }

.bord-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -80px;
    padding: 0 20px 32px;
    opacity: 0
}

    .bord-info > h4 {
        margin-bottom: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        letter-spacing: 0
    }

        .bord-info > h4 + p {
            margin-top: 5px
        }

    .bord-info > p {
        margin-bottom: 0;
        line-height: 20px;
        letter-spacing: 0;
        font-size: 14px;
        color: #fff
    }

        .bord-info > p + span {
            margin-top: 5px
        }

    .bord-info > span {
        color: #fff;
        display: block;
        font-size: 15px;
        font-weight: 600
    }

.bord-box:hover .bord-info {
    opacity: 1;
    bottom: 0
}

.abt-wrap2 {
    float: left;
    width: 100%;
    direction: rtl
}

.abt-desc2 {
    float: left;
    width: 100%;
    direction: initial
}

    .abt-desc2 .sec-title > p {
        max-width: 100%;
        font-size: 18px
    }

    .abt-desc2 > span {
        display: block;
        font-weight: 700;
        color: #585454;
        font-style: italic
    }

        .abt-desc2 > span + p {
            margin-top: 15px
        }

    .abt-desc2 > p {
        margin-bottom: 0;
        font-size: 18px;
        line-height: 26px
    }

.abt-img2 {
    float: left;
    width: 100%
}

    .abt-img2 img {
        width: 100%
    }

.remove-gap .expns-wrp {
    padding-top: 100px;
    border-top: 1px solid #e1e1e1
}

.expns-wrp {
    float: left;
    width: 100%
}

.remove-ext3 .expns-box {
    margin-bottom: 30px
}

.expns-box {
    float: left;
    width: 100%
}

    .expns-box > a {
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden
    }

        .expns-box > a:before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background-color: #000;
            z-index: 1;
            opacity: 0
        }

    .expns-box:hover > a:before {
        opacity: .5
    }

    .expns-box > a img {
        width: 100%
    }

    .expns-box:hover > a img {
        -webkit-transform: scale(1.1) rotate(2deg);
        -ms-transform: scale(1.1) rotate(2deg);
        -o-transform: scale(1.1) rotate(2deg);
        transform: scale(1.1) rotate(2deg)
    }

.expns-info {
    float: left;
    width: 100%;
    border: 1px solid #ededed;
    padding: 25px 20px 30px;
    text-align: center
}

    .expns-info > h4 {
        font-size: 23.8px;
        margin-bottom: 0;
        text-align: initial;
        font-weight: 600
    }

        .expns-info > h4 + p {
            margin-top: 15px
        }

    .expns-info > p {
        margin-bottom: 0;
        font-size: 15.85px;
        line-height: 24px;
        font-weight: 400;
        text-align: initial
    }

.expns-info-innr {
    float: left;
    width: 100%;
    display: table;
    text-align: initial
}

.expns-info > p + .expns-info-innr {
    margin-top: 12px
}

.expns-info-innr > * {
    display: table-cell;
    vertical-align: middle
}

.expns-info-innr > span {
    width: 105px;
    font-size: 15.85px;
    font-weight: 500;
    min-width: 105px
}

    .expns-info-innr > span i {
        color: #a1a1a1;
        font-weight: 700;
        display: block;
        font-style: normal
    }

.expns-info-innr .expns-prg {
    min-width: 125px
}

.expns-info-innr + a {
    margin-top: 20px;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 40px;
    letter-spacing: 0
}

.contr-wrap {
    float: left;
    width: 100%
}

.contr-inner {
    display: inline-block;
    text-align: initial;
    max-width: 1040px;
    width: 100%;
    overflow: hidden
}

.contr-inr {
    padding: 55px 35px 40px;
    display: table-cell;
    vertical-align: middle;
    position: relative
}

    .contr-inr:before {
        content: "";
        opacity: .8;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: -1
    }

.contr-desc > h2 {
    margin-bottom: 0;
    color: #fff;
    font-size: 36px;
    font-weight: 600
}

    .contr-desc > h2 + p {
        margin-top: 5px
    }

.contr-desc > p {
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    max-width: 85%
}

    .contr-desc > p strong {
        font-style: italic;
        font-weight: 700
    }

.contr-butn > a {
    font-weight: 600;
    font-size: 20px;
    padding: 12px 60px
}

.contr-butn:after {
    position: absolute;
    right: -60%;
    width: 200%;
    content: "";
    z-index: -1;
    height: 200%;
    top: 0;
    -webkit-transform: rotate(-47deg);
    -ms-transform: rotate(-47deg);
    -o-transform: rotate(-47deg);
    transform: rotate(-47deg)
}

.contr-desc {
    padding-left: 45px
}

.srv-wrap3 {
    float: left;
    width: 100%;
    direction: rtl
}

.remove-ext5 .srv-box3 {
    margin-bottom: 40px
}

.srv-box3 {
    float: left;
    width: 100%;
    direction: ltr
}

.srv-ttl {
    display: inline-block;
    position: relative;
    padding-left: 70px
}

    .srv-ttl > i {
        position: absolute;
        left: 0;
        font-size: 48px;
        line-height: initial;
        top: -12px
    }

.srv-box3:hover .srv-ttl > i {
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.srv-ttl > h4 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500
}

    .srv-ttl > h4 + span {
        margin-top: 5px
    }

.srv-ttl > span {
    display: block;
    font-size: 15px;
    color: #8e8e8e
}

.srv-ttl + p {
    margin-top: 8px
}

.srv-box3 > p {
    margin-bottom: 0;
    line-height: 24px
}

.srv-wrap3 .remove-ext5 {
    margin-top: 50px
}

.srv-mckp {
    float: left;
    width: 100%;
    position: relative
}

    .srv-mckp > img {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -60px
    }

.msn-wrap {
    float: left;
    width: 100%
}

.msn-thmb-wrap {
    float: left;
    width: 100%;
    min-height: 455px;
    position: relative
}

    .msn-thmb-wrap > a {
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
        -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);
        -o-box-shadow: 0 0 20px rgba(0,0,0,.15);
        box-shadow: 0 0 20px rgba(0,0,0,.15);
        position: absolute;
        border: 10px solid #fff;
        background: #e4e4e4;
        padding: 5px 10px
    }

        .msn-thmb-wrap > a:hover {
            z-index: 1
        }

.msn-desc {
    float: left;
    width: 100%
}

    .msn-desc > h3 {
        position: relative;
        margin-bottom: 0;
        padding-bottom: 12px;
        font-size: 28px;
        font-weight: 600;
        letter-spacing: 0
    }

        .msn-desc > h3:before {
            height: 3px;
            width: 150px;
            position: absolute;
            content: "";
            left: 0;
            bottom: 0
        }

        .msn-desc > h3 + p {
            margin-top: 25px
        }

    .msn-desc > p {
        margin-bottom: 0;
        line-height: 24px
    }

        .msn-desc > p + ul, .msn-desc > ul + p {
            margin-top: 17px
        }

    .msn-desc > ul {
        padding-left: 0;
        list-style: none;
        margin-bottom: 0;
        display: inline-block;
        width: 100%
    }

        .msn-desc > ul li {
            float: left;
            width: 100%;
            font-size: 15px;
            letter-spacing: 0;
            padding-left: 30px;
            position: relative
        }

            .msn-desc > ul li:before {
                content: "\f178";
                position: absolute;
                height: 18px;
                width: 18px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                left: 0;
                top: 4px;
                font-family: fontawesome;
                color: #fff;
                font-size: 12px;
                line-height: 18px;
                text-align: center
            }

            .msn-desc > ul li + li {
                margin-top: 7px
            }

    .msn-desc > p + a {
        margin-top: 35px
    }

    .msn-desc > a {
        font-size: 15px;
        padding: 11.25px 45px;
        letter-spacing: 0
    }

.sec-title + .prtfl-wrap {
    margin-top: 25px
}

.prtfl-wrap {
    float: left;
    width: 100%
}

.fltr-lnks {
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0
}

    .fltr-lnks > li {
        display: inline-block;
        margin: 0 15px;
        font-weight: 500;
        font-size: 14px
    }

        .fltr-lnks > li a {
            position: relative;
            padding-bottom: 3px
        }

            .fltr-lnks > li a:before {
                content: "";
                position: absolute;
                left: 0;
                right: 80%;
                bottom: 0;
                height: 2px;
                opacity: 0
            }

.prtfl-dta {
    float: left;
    width: 100%
}

.fltr-lnks + .prtfl-dta {
    margin-top: 35px
}

.fltr-lnks > li.active a::before, .fltr-lnks > li a:hover:before, .fltr-lnks > li a:focus:before {
    right: 0;
    opacity: 1
}

.prtfl-box {
    float: left;
    width: 100%;
    position: relative
}

    .prtfl-box > img {
        width: 100%
    }

.remove-ext1 .prtfl-box {
    margin-bottom: 15px
}

.prtfl-box:before {
    content: "";
    position: absolute;
    left: 45px;
    right: 45px;
    top: 45px;
    bottom: 45px;
    opacity: 0
}

.prtfl-box:hover:before {
    opacity: .95;
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px
}

.prtfl-info {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 50%;
    padding: 0 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.prtfl-box:hover .prtfl-info {
    opacity: 1
}

.prtfl-info > a {
    display: inline-block;
    color: #fff;
    font-size: 14px
}

    .prtfl-info > a + h4 {
        margin-top: 5px
    }

.prtfl-info > h4 {
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0
}

    .prtfl-info > h4 + span {
        margin-top: 10px
    }

.prtfl-info > span {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0
}

.place-wrap {
    float: left;
    width: 100%
}

.place-inner {
    display: inline-block;
    max-width: 910px;
    width: 100%
}

    .place-inner > h2 {
        margin-bottom: 0;
        font-size: 49.2px;
        text-transform: uppercase;
        font-weight: 600
    }

.blue-layer .place-inner > h2, .blue-layer .place-inner > p {
    color: #fff
}

.place-inner > h2 + p {
    margin-top: 5px
}

.place-inner > p {
    margin-bottom: 0;
    line-height: 24px;
    font-size: 16px
}

    .place-inner > p + a {
        margin-top: 25px
    }

.place-inner > a {
    padding: 13.5px 20px
}

.blog-detail-wrp {
    float: left;
    width: 100%
}

.blog-detail {
    float: left;
    width: 100%
}

.blog-detail-inf {
    float: left;
    width: 100%;
    overflow: hidden
}

    .blog-detail-inf img {
        width: 100%
    }

.blog-detail-inf-inr {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

    .blog-detail-inf-inr .pst-mta {
        margin-bottom: 0
    }

.blog-detail-desc {
    float: left;
    width: 100%
}

    .blog-detail-desc > p {
        margin: 25px 0 0
    }

blockquote {
    display: inline-block;
    background-color: #efefef;
    padding: 40px 50px;
    text-align: center;
    margin: 45px 0 15px;
    position: relative;
    font-style: italic;
    font-size: 20px;
    z-index: 1
}

    blockquote p {
        margin-bottom: 0;
        font-size: inherit
    }

        blockquote p i.fa {
            position: absolute;
            top: 50%;
            left: 50%;
            font-size: 70px;
            z-index: -1;
            line-height: initial;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.pst-shr-tgs {
    float: left;
    width: 100%;
    margin-top: 45px;
    padding: 15px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.tag-clouds {
    line-height: 30px
}

    .tag-clouds > span, .team-scl > span {
        display: inline-block;
        margin-right: 15px
    }

    .tag-clouds > a {
        display: inline-block
    }

.pst-shr-tgs .team-scl > a {
    background-color: #272727;
    color: #fff;
    margin: 0 2.5px
}

.cmts-wrp {
    float: left;
    width: 100%;
    margin-top: 40px
}

    .cmts-wrp > h3 {
        margin-bottom: 25px;
        font-weight: 600
    }

.cmt-thrd {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    float: left;
    width: 100%
}

    .cmt-thrd > li {
        float: left;
        width: 100%
    }

.cmt-bx {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px
}

    .cmt-bx > img {
        float: left;
        margin-right: 20px
    }

.cmt-inf {
    display: table
}

    .cmt-inf > h6 {
        font-weight: 400;
        margin-bottom: 0
    }

    .cmt-inf > span {
        display: inline-block
    }

    .cmt-inf > p {
        margin: 5px 0 0;
        line-height: 25px
    }

    .cmt-inf > a {
        display: inline-block;
        font-weight: 600;
        margin-top: 5px;
        font-size: 15px
    }

        .cmt-inf > a:hover, .cmt-inf > a:focus {
            color: #000
        }

.cmt-frm {
    float: left;
    width: 100%;
    margin-top: 20px
}

.cmt-thrd .children {
    padding-left: 50px;
    list-style: none;
    float: left;
    width: 100%;
    margin-bottom: 0
}

    .cmt-thrd .children > li {
        float: left;
        width: 100%
    }

.cmt-frm > h3 {
    margin-bottom: 30px;
    font-weight: 600
}

.cmt-frm form button {
    min-width: initial
}

.cnt-frm {
    float: left;
    width: 100%
}

    .cnt-frm > form {
        float: left;
        width: 100%
    }

        .cnt-frm > form input, .cnt-frm > form textarea {
            float: left;
            width: 100%;
            padding: 15px 30px;
            border: 1px solid #ddd;
            margin-bottom: 20px;
            font-size: 15px;
            height: 50px
        }

        .cnt-frm > form textarea {
            height: 180px
        }

        .cnt-frm > form button {
            display: inline-block;
            margin-top: 20px
        }

.sidebar-wrp {
    float: left;
    width: 100%
}

    .sidebar-wrp .wdgt-box {
        float: left;
        margin-bottom: 40px;
        width: 100%
    }

.wdgt-box > form {
    float: left;
    width: 100%
}

    .wdgt-box > form input, .wdgt-box > form textarea {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #ddd;
        font-size: 15px;
        padding: 10px 24px;
        color: #777
    }

.srch-frm {
    position: relative
}

    .srch-frm > input {
        -webkit-border-radius: inherit;
        border-radius: inherit;
        margin-bottom: 0 !important
    }

    .srch-frm > button {
        position: absolute;
        background-color: transparent;
        font-size: 13px;
        right: 0;
        top: 0;
        bottom: 0;
        width: 45px
    }

.sidebar-wrp .wdgt-box > ul.cat-lst li {
    text-align: right
}

.sidebar-wrp .wdgt-box > ul li a {
    float: left
}

.sidebar-wrp .wdgt-box > ul li + li {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed #ddd
}

    .sidebar-wrp .wdgt-box > ul li + li i {
        top: 15px
    }

.lst-caus {
    float: left;
    width: 100%
}

.lst-cas {
    float: left;
    width: 100%
}

    .lst-cas > h6 {
        margin: 10px 0 0;
        font-weight: 400
    }

.ltst-car.owl-carousel .owl-nav > button {
    line-height: 50px !important;
    width: 30px;
    font-size: 20px !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ltst-car.owl-carousel .owl-nav {
    top: 60px
}

.rcnt-wrp {
    float: left;
    width: 100%
}

.rcnt-bx {
    float: left;
    width: 100%
}

    .rcnt-bx + .rcnt-bx {
        margin-top: 20px
    }

    .rcnt-bx > a {
        float: left;
        overflow: hidden
    }

        .rcnt-bx > a + .rcnt-inf {
            padding-left: 20px
        }

.rcnt-bx {
    display: table
}

.rcnt-inf {
    display: table;
    margin-top: 7px
}

    .rcnt-inf > h6 {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 5px
    }

    .rcnt-inf > span {
        display: inline-block;
        font-size: 14px
    }

        .rcnt-inf > span i {
            margin-right: 5px
        }

.shp-img {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3
}

.botm-shp {
    bottom: -1px
}

.top-shp {
    top: 0
}

.lft-shp {
    left: -700px
}

.shp-lyr {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 375px;
    width: 800px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: .23
}

.contact-btn {
    position: fixed;
    right: 25px;
    z-index: 33;
    color: #fff;
    font-size: 15px;
    background-color: #252525;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center right;
    -ms-transform-origin: center right;
    -o-transform-origin: center right;
    transform-origin: center right;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    padding: 10px 25px;
    line-height: initial;
    text-align: center;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.15);
    -ms-box-shadow: 0 0 15px rgba(0,0,0,.15);
    -o-box-shadow: 0 0 15px rgba(0,0,0,.15);
    box-shadow: 0 0 15px rgba(0,0,0,.15);
    top: 100px
}

    .contact-btn i {
        margin-right: 10px;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        display: inline-block;
        font-size: 20px
    }

    .contact-btn:hover, .contact-btn:focus, .contact-btn:hover i, .contact-btn:focus i {
        color: #fff
    }

.sidepanel {
    padding: 30px;
    position: fixed;
    width: 250px;
    background: #222;
    z-index: 100000000;
    left: -250px;
    top: 100px;
    display: none
}

.show {
    left: 0
}

.sidepanel > span {
    position: absolute;
    right: -50px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    font-size: 22px;
    color: #fff;
    background: #222;
    top: 0
}

.color-picker {
    float: left;
    width: 100%
}

    .color-picker > h3 {
        float: left;
        width: 100%;
        margin: 0 0 20px;
        position: relative;
        font-weight: 700;
        color: #fff;
        font-size: 13px;
        padding-bottom: 13px
    }

        .color-picker > h3::before {
            content: "";
            background: #777;
            height: 3px;
            width: 13px;
            left: 0;
            bottom: 0;
            position: absolute
        }

    .color-picker > a::before {
        height: 100%;
        top: 0;
        left: 0;
        width: 0;
        position: absolute;
        z-index: 1;
        content: ""
    }

    .color-picker > a.color-picker::before {
        width: 100%
    }

    .color-picker > a::after {
        color: #fff;
        content: "✔";
        font-size: 16px;
        left: 50%;
        top: 50%;
        position: absolute;
        opacity: 0;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 2
    }

    .color-picker > a.applied::after {
        opacity: 1
    }

    .color-picker > a {
        cursor: pointer;
        float: left;
        height: 35px;
        margin: 0 10px 10px 0;
        position: relative;
        width: 35px
    }

    .color-picker .color {
        background-color: #d1ad3c
    }

    .color-picker .color2 {
        background-color: #b57c00
    }

    .color-picker .color3 {
        background-color: #38ab1e
    }

    .color-picker .color4 {
        background-color: #f64243
    }

.header-search {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.95);
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    left: 100%
}

.srch-cls-btn {
    position: absolute;
    right: 20px;
    top: 20px;
    line-height: 45px;
    width: 45px;
    color: #333;
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    cursor: pointer
}

    .srch-cls-btn:hover {
        color: #fff
    }

.header-search > form {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0
}

    .header-search > form input {
        float: left;
        width: 100%;
        padding: 20px 150px 20px 50px;
        font-size: 25px;
        background-color: transparent;
        color: #fff
    }

    .header-search > form button {
        position: absolute;
        color: #fff;
        right: 100px;
        background-color: transparent;
        font-size: 25px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.header-search.active {
    left: 0;
    opacity: 1;
    visibility: visible
}

.pageloader-wrap {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    z-index: 99999
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 75px;
    height: 100px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.loader__bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #fff;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0,0,0,.2)
}

    .loader__bar:nth-child(1) {
        left: 0;
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2);
        -webkit-animation: barUp1 4s infinite;
        animation: barUp1 4s infinite
    }

    .loader__bar:nth-child(2) {
        left: 15px;
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4);
        -webkit-animation: barUp2 4s infinite;
        animation: barUp2 4s infinite
    }

    .loader__bar:nth-child(3) {
        left: 30px;
        -webkit-transform: scale(1,.6);
        transform: scale(1,.6);
        -webkit-animation: barUp3 4s infinite;
        animation: barUp3 4s infinite
    }

    .loader__bar:nth-child(4) {
        left: 45px;
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8);
        -webkit-animation: barUp4 4s infinite;
        animation: barUp4 4s infinite
    }

    .loader__bar:nth-child(5) {
        left: 60px;
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
        -webkit-animation: barUp5 4s infinite;
        animation: barUp5 4s infinite
    }

.loader__ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: ball 4s infinite;
    animation: ball 4s infinite
}

@-webkit-keyframes ball {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    5% {
        -webkit-transform: translate(8px,-14px);
        transform: translate(8px,-14px)
    }

    10% {
        -webkit-transform: translate(15px,-10px);
        transform: translate(15px,-10px)
    }

    17% {
        -webkit-transform: translate(23px,-24px);
        transform: translate(23px,-24px)
    }

    20% {
        -webkit-transform: translate(30px,-20px);
        transform: translate(30px,-20px)
    }

    27% {
        -webkit-transform: translate(38px,-34px);
        transform: translate(38px,-34px)
    }

    30% {
        -webkit-transform: translate(45px,-30px);
        transform: translate(45px,-30px)
    }

    37% {
        -webkit-transform: translate(53px,-44px);
        transform: translate(53px,-44px)
    }

    40% {
        -webkit-transform: translate(60px,-40px);
        transform: translate(60px,-40px)
    }

    50% {
        -webkit-transform: translate(60px,0);
        transform: translate(60px,0)
    }

    57% {
        -webkit-transform: translate(53px,-14px);
        transform: translate(53px,-14px)
    }

    60% {
        -webkit-transform: translate(45px,-10px);
        transform: translate(45px,-10px)
    }

    67% {
        -webkit-transform: translate(37px,-24px);
        transform: translate(37px,-24px)
    }

    70% {
        -webkit-transform: translate(30px,-20px);
        transform: translate(30px,-20px)
    }

    77% {
        -webkit-transform: translate(22px,-34px);
        transform: translate(22px,-34px)
    }

    80% {
        -webkit-transform: translate(15px,-30px);
        transform: translate(15px,-30px)
    }

    87% {
        -webkit-transform: translate(7px,-44px);
        transform: translate(7px,-44px)
    }

    90% {
        -webkit-transform: translate(0,-40px);
        transform: translate(0,-40px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes ball {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    5% {
        -webkit-transform: translate(8px,-14px);
        transform: translate(8px,-14px)
    }

    10% {
        -webkit-transform: translate(15px,-10px);
        transform: translate(15px,-10px)
    }

    17% {
        -webkit-transform: translate(23px,-24px);
        transform: translate(23px,-24px)
    }

    20% {
        -webkit-transform: translate(30px,-20px);
        transform: translate(30px,-20px)
    }

    27% {
        -webkit-transform: translate(38px,-34px);
        transform: translate(38px,-34px)
    }

    30% {
        -webkit-transform: translate(45px,-30px);
        transform: translate(45px,-30px)
    }

    37% {
        -webkit-transform: translate(53px,-44px);
        transform: translate(53px,-44px)
    }

    40% {
        -webkit-transform: translate(60px,-40px);
        transform: translate(60px,-40px)
    }

    50% {
        -webkit-transform: translate(60px,0);
        transform: translate(60px,0)
    }

    57% {
        -webkit-transform: translate(53px,-14px);
        transform: translate(53px,-14px)
    }

    60% {
        -webkit-transform: translate(45px,-10px);
        transform: translate(45px,-10px)
    }

    67% {
        -webkit-transform: translate(37px,-24px);
        transform: translate(37px,-24px)
    }

    70% {
        -webkit-transform: translate(30px,-20px);
        transform: translate(30px,-20px)
    }

    77% {
        -webkit-transform: translate(22px,-34px);
        transform: translate(22px,-34px)
    }

    80% {
        -webkit-transform: translate(15px,-30px);
        transform: translate(15px,-30px)
    }

    87% {
        -webkit-transform: translate(7px,-44px);
        transform: translate(7px,-44px)
    }

    90% {
        -webkit-transform: translate(0,-40px);
        transform: translate(0,-40px)
    }

    100% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@-webkit-keyframes barUp1 {
    0% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    40% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    50% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    90% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    100% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }
}

@keyframes barUp1 {
    0% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    40% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    50% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    90% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    100% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }
}

@-webkit-keyframes barUp2 {
    0% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    40% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    50% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    90% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    100% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }
}

@keyframes barUp2 {
    0% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    40% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    50% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    90% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    100% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }
}

@-webkit-keyframes barUp3 {
    0% {
        -webkit-transform: scale(1,.6);
        transform: scale(1,.6)
    }

    100% {
        -webkit-transform: scale(1,.6);
        transform: scale(1,.6)
    }
}

@keyframes barUp3 {
    0% {
        -webkit-transform: scale(1,.6);
        transform: scale(1,.6)
    }

    100% {
        -webkit-transform: scale(1,.6);
        transform: scale(1,.6)
    }
}

@-webkit-keyframes barUp4 {
    0% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    40% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    50% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    90% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    100% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }
}

@keyframes barUp4 {
    0% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    40% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }

    50% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    90% {
        -webkit-transform: scale(1,.4);
        transform: scale(1,.4)
    }

    100% {
        -webkit-transform: scale(1,.8);
        transform: scale(1,.8)
    }
}

@-webkit-keyframes barUp5 {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    40% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    90% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

@keyframes barUp5 {
    0% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    40% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }

    50% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    90% {
        -webkit-transform: scale(1,.2);
        transform: scale(1,.2)
    }

    100% {
        -webkit-transform: scale(1,1);
        transform: scale(1,1)
    }
}

.thm-bg, .thm-btn, .thm-layer:before, .team-box:before, .team-scl > a:hover, .team-scl > a:focus, .testi-itm > i:before, .scl > a:hover, .scl > a:focus, .owl-carousel .owl-dots button.owl-dot.active, .hstry-desc > ul li:before, .team-box2 .team-scl > a:hover, .team-box2 .team-scl > a:focus, .fea-info2 > h4:before, .fea-car > .row > div:nth-child(2) .fea-itm:before, .nwsltr-innr > form button:hover, .nwsltr-innr > form button:focus, .page-title-wrap > h2:before, .contr-inr:before, .contr-butn:after, .pst-shr-tgs .team-scl > a:hover, .pst-shr-tgs .team-scl > a:focus, .shp-lyr, .contact-btn:hover, .contact-btn:focus, .srch-cls-btn:hover, .pageloader-wrap, .rspn-mnu-btn:hover, .rspn-scil > li a:hover, .rspn-mnu-cls:hover, .rspn-scil > li a:focus, .plr-box:hover > i, .breadcrumbs > li + li::before, .srv-box2:hover, .team-box2:hover, .model-close:hover {
    background-color: #d1ad3c
}

.wdgt-box > h4:before {
    background-image: -moz-linear-gradient(0deg,rgba(209,173,60,1) 0%,rgba(208,210,216,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(209,173,60,1)),color-stop(100%,rgba(208,210,216,0)));
    background-image: -webkit-linear-gradient(0deg,rgba(209,173,60,1) 0%,rgba(208,210,216,0) 100%);
    background-image: -o-linear-gradient(0deg,rgba(209,173,60,1) 0%,rgba(208,210,216,0) 100%);
    background-image: -ms-linear-gradient(0deg,rgba(209,173,60,1) 0%,rgba(208,210,216,0) 100%);
    background-image: linear-gradient(90deg,rgba(209,173,60,1) 0%,rgba(208,210,216,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1ad3c',endColorstr='#d0d2d8',GradientType=1 )
}

.thm-clr, nav div > ul li:hover > a, nav div > ul li a:focus, nav div > ul li:hover > a:before, nav div > ul li a:focus:before, .sec-title-inner > h3, .srv-tl > h2 span, .serv-box > i, .serv-info > h4 a:hover, .serv-info > h4 a:focus, .team-info > h4, .evnt-info > h4 a:hover, .evnt-info > h4 a:focus, .pst-mta > li.thm-clr, .prayer-times > li span.thm-clr, .wdgt-box > ul li:hover > a, .wdgt-box > ul li a:focus, .srch-btn:hover, .srch-btn:focus, .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus, .hstry-desc > span, .hstry-desc > strong span, .team-info2 > h4, .sec-title-inner2 > h3, .srv-box2 > i, .srv-info2 > a, .fea-info2 > a, .breadcrumbs > li a:hover, .breadcrumbs > li a:focus, .contact-info-box > a:hover, .contact-info-box > a:focus, .cont-title > span, .blog-info > a, .blog-info > h4 a:hover, .blog-info > h4 a:focus, .pst-mta2 > li a:hover, .pst-mta2 > li a:focus, .event-info > h4 a:hover, .event-info > h4 a:focus, .event-mta > li i, .srv-ttl > i, .msn-desc > h3, .fltr-lnks > li a:hover, .fltr-lnks > li a:focus, .fltr-lnks > li.active > a, .prtfl-info > a:hover, .prtfl-info > a:focus, .tag-clouds > a:hover, .tag-clouds > a:focus, .cmt-inf > a, .rcnt-inf > h6 a:hover, .rcnt-inf > h6 a:focus, .contact-btn i, .header-search > form button:hover, .header-search > form button:focus, .rsnp-mnu ul > li > a:focus, .rsnp-mnu ul > li:hover > a, .rsnp-mnu ul > li.active > a, .rspn-srch > button:hover, .rsnp-mnu ul li.menu-item-has-children.active:before, .rspn-cnt > span a:hover, .rspn-cnt > span a:focus, .rspn-srch > button:hover, .rspn-srch > button:focus, .evnt-info > h4 a:hover, .evnt-info > h4 a:focus, .expns-info > h4 a:hover, .expns-info > h4 a:focus {
    color: #d1ad3c
}

.thm-brd-clr, .plr-box > i::after, .testi-itm, .hstry-img:before, .thm-layer .team-box2 > img, .plr-box:hover > i, .srv-box2:hover {
    border-color: #d1ad3c
}

.secndry-bg, .secndry-btn, .team-box:after, .contact-info-box:hover > i, .pagination > li.active > a, .pagination > li a:hover, .pagination > li a:focus, .msn-desc > ul li:before, .prtfl-box:before, .fltr-lnks > li a:before {
    background-color: #2a486c
}

.sec-title-inner:before, .event-desc > h4:before, .msn-desc > h3:before {
    background-image: -moz-linear-gradient(359deg,rgba(42,72,108,1) 0%,rgba(80,125,179,0) 100%);
    background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(42,72,108,1)),color-stop(100%,rgba(80,125,179,0)));
    background-image: -webkit-linear-gradient(359deg,rgba(42,72,108,1) 0%,rgba(80,125,179,0) 100%);
    background-image: -o-linear-gradient(359deg,rgba(42,72,108,1) 0%,rgba(80,125,179,0) 100%);
    background-image: -ms-linear-gradient(359deg,rgba(42,72,108,1) 0%,rgba(80,125,179,0) 100%);
    background-image: linear-gradient(91deg,rgba(42,72,108,1) 0%,rgba(80,125,179,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a486c',endColorstr='#507db3',GradientType=1 )
}

.secndry-clr, .plr-box > i, .pilr-info > h4, .sec-title-inner > span, .sec-title-inner > h3 span, .srv-tl > h2, .serv-info > h4, .team-scl > a, .evnt-info > h4, .pry-tim-hed > span, .testi-info > h4, .sec-title-inner2 > span, .srv-info2 > h4, .srv-info2 > a:hover, .srv-info2 > a:focus, .contact-info-box > i, .blog-info > a:hover, .blog-info > a:focus, .pagination > li a, .srv-ttl > h4, .msn-desc > ul li, .cmt-inf > a:hover, .cmt-inf > a:focus {
    color: #2a486c
}

    .secndry-brd-clr, .plr-box > i, .team-box > img, .testi-itm > i img, .team-box2 > img, .contact-info-box > i, .pagination > li.active > a, .pagination > li a:hover, .pagination > li a:focus {
        border-color: #2a486c
    }

.contact-form-model-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,.9);
    padding: 110px 15px 70px;
    opacity: 0;
    visibility: hidden
}

    .contact-form-model-wrap.active {
        opacity: 1;
        visibility: visible
    }

.model-close {
    position: absolute;
    right: 30px;
    width: 40px;
    line-height: 40px;
    top: 40px;
    background-color: #fff;
    cursor: pointer;
    z-index: 99
}

    .model-close:hover {
        color: #fff
    }

.contact-form-inner {
    display: inline-block;
    max-width: 800px;
    background-color: #fff;
    padding: 50px;
    overflow-y: auto;
    height: 650px;
    width: 100%
}

    .contact-form-inner .contact-form > form {
        max-width: 100%
    }

.featured-area2.simple .owl-nav > button.owl-prev, .featured-area2.simple .owl-nav > button.owl-next {
    margin-top: 0
}

.evnt-thmb > a:before, .blog-thmb > a:before, .event-thumb > a:before, .expns-box > a:before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 220%;
    left: 20%;
    opacity: 0;
    position: absolute;
    top: -160%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100px
}

.evnt-thmb > a:hover:before, .blog-thmb > a:hover:before, .event-thumb > a:hover:before, .expns-box > a:hover:before {
    left: 100%;
    opacity: .5;
    top: 100%
}

.featured-area-wrap.fr-shdw {
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,.15);
    -o-box-shadow: 0 0 20px rgba(0,0,0,.15);
    box-shadow: 0 0 20px rgba(0,0,0,.15)
}

.team-wrap.text-center.remove-ext3 {
    margin-bottom: -25px
}

.gap > .sec-title2 {
    padding: 0 15px
}

.style2 .logo img {
    width: 72px;
}

header.sticky-active .logo img {
    width: 75px;
}

.gap.remove-gap.three-block-section {
    padding-top: 0;
    padding-bottom: 0
}

header.sticky-active {
    padding-bottom: 6px
}

.page-title-wrap h1 img {
    opacity: .9
}

.blog-detail-inf-inr h4 {
    padding: 10px 0 5px 0;
    font-weight: 600
}

.event-wrap .col-md-5.col-sm-12.col-lg-5 .event-desc > p {
    line-height: 28px
}

.style-4-donate .sec-title2 p {
    color: #fff
}

.style-4-donate .view-all, .abot-wrap, .nwsltr-wrp, .testi-wrap {
    margin-bottom: -5px
}

.sec-title, .nwsltr-wrp {
    margin-top: -5px
}

.wh-no-shp .featured-item {
    padding-bottom: 130px
}

    .wh-no-shp .featured-item .featured-cap {
        padding-bottom: 0
    }

.slider-1 .featured-area2 .owl-nav {
    position: absolute;
    left: 75px;
    right: 75px;
    top: 57%
}

.team-green-block .sec-title2.text-center {
    margin-top: -3px
}

.team-green-block .remove-ext3 .team-box2 {
    margin-bottom: 25px
}

.donate-block .view-all {
    margin-bottom: -7px
}

.owl-yellow .featured-cap {
    padding: 100px 0 0
}

.gap.style-4-donate {
    padding: 95px 0 100px
}

.fnds-dnts-wrap.text-center {
    margin-top: -7px
}

.fea-car > .row > div:first-child .fea-itm {
    padding-left: 40%
}

.fea-car > .row > div:last-child .fea-itm {
    padding-right: 40%
}

.fea-car > .row > div {
    -ms-flex: 0 0 38.5%;
    flex: 0 0 38.5%;
    max-width: 38.5%
}

    .fea-car > .row > div:nth-child(2) {
        -ms-flex: 0 0 23%;
        flex: 0 0 23%;
        max-width: 23%
    }

.owl-curve-green .featured-cap {
    padding: 0 0 80px
}

.owl-curve-green .featured-area2 .owl-nav {
    top: 50%
}

.owl-carousel .owl-item .featured-cap h1 img {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto
}

.featured-cap > h3 {
    font-size: 28px
}

.featured-item.style2 {
    padding: 200px 15px 130px
}


.validation-summary-errors ul li {
 list-style:none;
 color:red;
}


.ltr {
    direction: ltr;
}
.ltr .form-control {
    direction:ltr;
}
 

.rtl {
    direction:rtl;
}