@import url(bootstrap.min.css);
@import url(../plugin/megamenu/css/hover-dropdown-menu.css);
@import url(../plugin/font-awesome/css/font-awesome.min.css);
@import url(../plugin/owl-carousel/css/owl.carousel.css);
@import url(../plugin/owl-carousel/css/owl.theme.default.css);
@import url(../plugin/mixItUp/css/mixitup.css);
@import url(https://fonts.googleapis.com/css?family=Caudex:400,700|Source+Sans+Pro:300,400,600,700,900&display=swap);

body, img {
    max-width: 100%
}

a, a:focus, a:hover, a:visited {
    text-decoration: none;
    color: inherit
}

body, em, p {
    font-size: 16px
}

body, em, h1, h2, h3, h4, h5, h6, p {
    line-height: 1.6em;
    font-family: 'Source Sans Pro',sans-serif
}

figure, textarea {
    display: inline-block;
    width: 100%
}

.social-icon, .social-icon a {
    text-align: center
}

body {
    color: #626161;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden
}

    body.dark {
        background-color: #1b1b1b
    }

img {
    float: left
}

a {
    cursor: pointer;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

    .itg-button, a:focus, a:hover, a:visited {
        -webkit-transition: all .45s ease-in-out;
        -moz-transition: all .45s ease-in-out;
        -o-transition: all .45s ease-in-out;
        -ms-transition: all .45s ease-in-out
    }

    a:focus, a:hover, a:visited {
        outline: 0;
        transition: all .45s ease-in-out
    }

em, p {
    color: grey
}

body.dark em, body.dark p {
    color: #ccc
}

h1, h2, h3, h4, h5, h6 {
    position: relative;
    font-weight: 400;
    margin: 0;
    background: 0 0;
    color: #262626;
    clear: both
}

.box-check, .box-check:before, .check, .check::before {
    position: absolute
}

#paichart, .banner, .banner-section, .location_map, .our-facts, .parallax-style, .service-box {
    background-size: cover
}

#paichart, .banner, .banner-section, .comming-soon-style-1, .location_map, .our-facts, .parallax-style, .service-box {
    background-repeat: no-repeat
}

.colorW, body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6 {
    color: #fff
}

.banner-title, .facts h3, .s-font, .theme-heading h2 {
    font-family: Caudex,serif
}

.high-theme-clr {
    font-weight: 600
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

    ul li a {
        display: inline-block
    }

.clear {
    clear: both
}

.parallax-style {
    background-attachment: fixed;
    height: 100%;
    top: 0
}

.grey_bg {
    background-color: #eee
}

body.dark .grey_bg {
    background-color: #131212
}

input[type=email], input[type=number], input[type=password], input[type=search], input[type=text], select {
    padding: 5px 20px;
    border: 0;
    display: inline-block;
    width: 100%;
    border: 1px solid rgba(0,0,0,.12);
    outline: 0;
    height: 40px;
    font-size: 13px;
    color: #000
}

textarea {
    padding: 5px 20px;
    border: 0;
    float: left;
    border: 1px solid rgba(0,0,0,.12);
    outline: 0;
    font-size: 13px;
    color: #000
}

input[type=checkbox], input[type=radio] {
    position: absolute;
    visibility: hidden
}

.box-check:before {
    display: block;
    content: "\f00c";
    border-radius: 0;
    top: 0;
    left: 1px;
    margin: auto;
    transition: background .25s linear;
    -webkit-transition: background .25s linear;
    font: normal normal normal 11px/1 FontAwesome;
    opacity: 0
}

.itg-button, .navbar-nav > li > a {
    font-family: Caudex,serif
}

.box-check {
    display: block;
    border: 2px solid;
    border-radius: 0;
    height: 15px;
    width: 15px;
    top: 17px;
    margin-top: -10px;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

.check, input[type=checkbox]:checked ~ .box-check {
    border: 2px solid
}

    .check::before {
        display: block;
        content: '';
        height: 10px;
        width: 10px;
        top: 4px;
        left: 4px;
        margin: auto;
        transition: background .25s linear;
        -webkit-transition: background .25s linear;
        visibility: hidden
    }

.check {
    display: block;
    height: 20px;
    width: 20px;
    top: 50%;
    margin-top: -10px;
    left: 15px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear
}

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

input[type=radio]:checked ~ .check::before {
    visibility: visible
}

input[type=checkbox]:checked ~ .box-check:before {
    opacity: 1
}

label.radio-label, ul.list label.radio-label {
    display: block;
    position: relative;
    font-size: 16px;
    padding: 5px 0 0 15px;
    margin: 0 auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all .25s linear;
    text-transform: capitalize
}

.about-list .about_box, .itg-button, .social-icon li, .top-bar ul li, .top-bar ul li a i, label {
    display: inline-block
}

label {
    font-weight: 400;
    margin: 0 0 5px;
    color: #777
}

input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #777
}

input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
    color: #777
}

input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #777
}

input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
    color: #777
}

.itg-button {
    font-size: 18px;
    padding: 10px 30px;
    line-height: 1.2em;
    transition: all .45s ease-in-out;
    text-transform: capitalize;
    background-color: transparent;
    border: 1px solid
}

.about-list .about_box, .service-box {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.itg-button.active, .itg-button:hover {
    color: #fff
}

.search_bar .itg-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    outline: 0
}

.pad0 {
    padding: 0
}

.pad5 {
    padding: 5px
}

.pad10 {
    padding: 10px
}

.pad15 {
    padding: 15px
}

.pad20 {
    padding: 20px
}

.pad30 {
    padding: 30px
}

.pad40 {
    padding: 40px
}

.pad50 {
    padding: 50px
}

.pad60 {
    padding: 60px
}

.pad70 {
    padding: 70px
}

.pad80 {
    padding: 80px
}

.pad90 {
    padding: 90px
}

.pad100 {
    padding: 100px
}

.padTB0 {
    padding: 0
}

.padTB5 {
    padding: 5px 0
}

.padTB10 {
    padding: 10px 0
}

.padTB15 {
    padding: 15px 0
}

.padTB20 {
    padding: 20px 0
}

.padTB30 {
    padding: 30px 0
}

.padTB40 {
    padding: 40px 0
}

.padTB50 {
    padding: 50px 0
}

.padTB60 {
    padding: 60px 0
}

.padTB70 {
    padding: 70px 0
}

.padTB80 {
    padding: 80px 0
}

.padTB90 {
    padding: 90px 0
}

.padTB100 {
    padding: 100px 0
}

.padT0 {
    padding-top: 0
}

.padT5 {
    padding-top: 5px
}

.padT10 {
    padding-top: 10px
}

.padT15 {
    padding-top: 15px
}

.padT20 {
    padding-top: 20px
}

.padT30 {
    padding-top: 30px
}

.padT40 {
    padding-top: 40px
}

.padT50 {
    padding-top: 50px
}

.padT60 {
    padding-top: 60px
}

.padT70 {
    padding-top: 70px
}

.padT80 {
    padding-top: 80px
}

.padT90 {
    padding-top: 90px
}

.padT100 {
    padding-top: 100px
}

.padB0 {
    padding-bottom: 0
}

.padB5 {
    padding-bottom: 5px
}

.padB10 {
    padding-bottom: 10px
}

.padB20 {
    padding-bottom: 20px
}

.padB30 {
    padding-bottom: 30px
}

.padB40 {
    padding-bottom: 40px
}

.padB50 {
    padding-bottom: 50px
}

.padB60 {
    padding-bottom: 60px
}

.padB70 {
    padding-bottom: 70px
}

.padB80 {
    padding-bottom: 80px
}

.padB90 {
    padding-bottom: 90px
}

.padB100 {
    padding-bottom: 100px
}

.padL0 {
    padding-left: 0
}

.padL5 {
    padding-left: 5px
}

.padL10 {
    padding-left: 10px
}

.padL20 {
    padding-left: 20px
}

.padL30 {
    padding-left: 30px
}

.padL40 {
    padding-left: 40px
}

.padL50 {
    padding-left: 50px
}

.padL60 {
    padding-left: 60px
}

.padL70 {
    padding-left: 70px
}

.padL80 {
    padding-left: 80px
}

.padL90 {
    padding-left: 90px
}

.padL100 {
    padding-left: 100px
}

.padLR0 {
    padding-left: 0
}

.padLR5 {
    padding-left: 5px
}

.padLR10 {
    padding-left: 10px
}

.padLR20 {
    padding-left: 20px
}

.padLR30 {
    padding-left: 30px
}

.padLR40 {
    padding-left: 40px
}

.padLR50 {
    padding-left: 50px
}

.padLR60 {
    padding-left: 60px
}

.padLR70 {
    padding-left: 70px
}

.padLR80 {
    padding-left: 80px
}

.padLR90 {
    padding-left: 90px
}

.padLR100 {
    padding-left: 100px
}

.padR0 {
    padding-right: 0
}

.padR5 {
    padding-right: 5px
}

.padR10 {
    padding-right: 10px
}

.padR20 {
    padding-right: 20px
}

.padR30 {
    padding-right: 30px
}

.padR40 {
    padding-right: 40px
}

.padR50 {
    padding-right: 50px
}

.padR60 {
    padding-right: 60px
}

.padR70 {
    padding-right: 70px
}

.padR80 {
    padding-right: 80px
}

.padR90 {
    padding-right: 90px
}

.padR100 {
    padding-right: 100px
}

.mar0 {
    margin: 0
}

.mar5 {
    margin: 5px
}

.mar10 {
    margin: 10px
}

.mar15 {
    margin: 15px
}

.mar20 {
    margin: 20px
}

.mar30 {
    margin: 30px
}

.mar40 {
    margin: 40px
}

.mar50 {
    margin: 50px
}

.mar60 {
    margin: 60px
}

.mar70 {
    margin: 70px
}

.mar80 {
    margin: 80px
}

.mar90 {
    margin: 90px
}

.mar100 {
    margin: 100px
}

.marT0 {
    margin-top: 0
}

.marT5 {
    margin-top: 5px
}

.marT10 {
    margin-top: 10px
}

.marT15 {
    margin-top: 15px
}

.marT20 {
    margin-top: 20px
}

.marT30 {
    margin-top: 30px
}

.marT40 {
    margin-top: 40px
}

.marT50 {
    margin-top: 50px
}

.marT60 {
    margin-top: 60px
}

.marT70 {
    margin-top: 70px
}

.marT80 {
    margin-top: 80px
}

.marT90 {
    margin-top: 90px
}

.marT100 {
    margin-top: 100px
}

.marB0 {
    margin-bottom: 0
}

.marB5 {
    margin-bottom: 5px
}

.marB15 {
    margin-bottom: 15px
}

.marB10 {
    margin-bottom: 10px
}

.marB20 {
    margin-bottom: 20px
}

.marB30 {
    margin-bottom: 30px
}

.marB40 {
    margin-bottom: 40px
}

.marB50 {
    margin-bottom: 50px
}

.marB60 {
    margin-bottom: 60px
}

.marB70 {
    margin-bottom: 70px
}

.marB80 {
    margin-bottom: 80px
}

.marB90 {
    margin-bottom: 90px
}

.marB100 {
    margin-bottom: 100px
}

.marL0 {
    margin-left: 0
}

.marL5 {
    margin-left: 5px
}

.marL10 {
    margin-left: 10px
}

.marL20 {
    margin-left: 20px
}

.marL30 {
    margin-left: 30px
}

.marL40 {
    margin-left: 40px
}

.marL50 {
    margin-left: 50px
}

.marL60 {
    margin-left: 60px
}

.marL70 {
    margin-left: 70px
}

.marL80 {
    margin-left: 80px
}

.marL90 {
    margin-left: 90px
}

.marL100 {
    margin-left: 100px
}

.marR0 {
    margin-right: 0
}

.marR5 {
    margin-right: 5px
}

.marR10 {
    margin-right: 10px
}

.marR20 {
    margin-right: 20px
}

.marR30 {
    margin-right: 30px
}

.marR40 {
    margin-right: 40px
}

.marR50 {
    margin-right: 50px
}

.marR60 {
    margin-right: 60px
}

.marR70 {
    margin-right: 70px
}

.marR80 {
    margin-right: 80px
}

.marR90 {
    margin-right: 90px
}

.marR100 {
    margin-right: 100px
}

.social-icon a {
    width: 35px;
    height: 35px;
    background-color: #fff;
    font-size: 15px;
    border-radius: 100%;
    padding: 8px 0;
    color: #000;
    margin: 0 5px;
    line-height: 1.2em
}

    .social-icon a:hover {
        color: #fff
    }

#header {
    position: relative;
    width: 100%;
    float: left
}

.top-bar {
    padding: 10px 0;
    background-color: #000;
    color: #bfbfbf
}

    .top-bar.theme-bg, .top-bar.theme-bg a:hover {
        color: #fff
    }

    .top-bar ul li {
        margin: 0 10px
    }

        .top-bar ul li a i {
            margin: 0 8px 0 0
        }

    .top-bar .right {
        text-align: right
    }

    .top-bar .left {
        text-align: left
    }

#banner-typing, .about-list .about_box, .banner-content, .blog .caption, .cases figcaption, .chart, .mixitup-btn, .our-facts, .owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev, .pricing, .service-box, .service-icon, .theme-heading {
    text-align: center
}

a.navbar-brand {
    padding: 30px 0
}

.navbar-nav > li > a {
    padding: 31px 20px
}

.navbar-default .navbar-nav > li > a {
    color: #000;
    background-color: transparent;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px
}

body.dark .navbar-default .navbar-nav > li > a {
    color: #fff
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .nav .open > a:focus, .nav .open > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, ul.nav.navbar-nav li a:hover {
    background-color: transparent;
    color: #fff
}

.navbar-default {
    background-color: transparent
}

div#main-menu {
    box-shadow: 0 2px 5px rgba(0,0,0,.26)
}

.clients:before, .service-box:hover {
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.banner-section {
    width: 100%;
    height: 50vh;
    position: relative
}

    .banner-section:before {
        background-color: rgba(0,0,0,.7);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

#banner-typing {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -80px;
    width: 100%
}

.slide-caption {
    float: left;
    width: 100%;
    position: relative;
    height: 100vh
}

.slide-content label {
    font-size: 24px;
    color: #b2b2b2
}

.slide-content h1 {
    font-size: 40px;
    padding: 15px 0;
    color: #fff
}

.slide-content .itg-button {
    margin-right: 15px
}

    .slide-content .itg-button:last-child {
        margin-right: 0
    }

.slide-content {
    width: 100%;
    max-width: 600px;
    color: #fff;
    position: absolute;
    top: 50%;
    margin-top: -110px
}

.slide-statue figure {
    float: left
}

.slide-statue {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 400px
}

#main-slider.owl-theme .owl-dots {
    position: absolute;
    bottom: 40px
}

    #main-slider.owl-theme .owl-dots .owl-dot span {
        height: 5px;
        width: 40px
    }

.theme-heading {
    max-width: 600px;
    margin: auto auto 50px;
    position: relative
}

    .theme-heading label {
        font-size: 18px;
        margin-bottom: 0;
        color: grey
    }

    .theme-heading h2 {
        position: relative;
        color: #000;
        font-weight: 600;
        font-size: 36px
    }

    .theme-heading span {
        position: relative;
        font-size: 20px
    }

        .theme-heading span:after, .theme-heading span:before {
            width: 60px;
            height: 1px;
            background-color: grey;
            top: 50%;
            position: absolute;
            margin-top: -1px
        }

        .theme-heading span:after {
            content: "";
            right: 30px
        }

.banner:before, .cases figure:before, .clients:before, .service-box:before {
    right: 0;
    content: ""
}

.theme-heading span:before {
    content: "";
    left: 30px
}

.theme-heading.white span:after, .theme-heading.white span:before, body.dark .theme-heading span:after, body.dark .theme-heading span:before {
    background-color: #fff
}

.theme-heading.white h2, .theme-heading.white label, body.dark .theme-heading h2, body.dark .theme-heading label {
    color: #fff
}

.about-us-section {
    position: relative;
    width: 100%;
    float: left
}

.about-us-half-sec {
    position: absolute;
    width: 100%;
    top: 0
}

.about-list {
    width: 100%;
    float: left;
    position: relative
}

    .about-list li {
        width: 100%;
        float: left;
        margin-bottom: 20px
    }

        .about-list li p, .about-list li:last-child {
            margin-bottom: 0
        }

    .about-list .about_box {
        float: left;
        width: 80px;
        height: 80px;
        border: 1px solid grey;
        font-size: 30px;
        padding: 24px 0;
        transition: all .45s ease-in-out
    }

body.dark .about-list .about_box {
    border: 1px solid #ccc;
    color: #ccc
}

.clients .client-img, .service-icon {
    border-radius: 100%;
    overflow: hidden
}

.about-list li:hover .about_box {
    color: #fff
}

.about-list .about_box_content {
    display: inline-block;
    float: right;
    width: 80%
}

.why_choose_us, .why_choose_us ul li, .why_choose_us_img {
    float: left;
    width: 100%
}

.about-content p {
    margin-bottom: 20px
}

#services {
    background-color: #eee
}

body.dark #services {
    background-color: #131212
}

.service-box {
    float: left;
    background-image: url(../img/all/comming-soon-back.jpg);
    width: 100%;
    position: relative;
    padding: 25px 15px;
    transition: all .45s ease-in-out;
    height: 450px;
    margin-top: 10%
}

    .service-box:before, .service-icon {
        -webkit-transition: all .45s ease-in-out;
        -moz-transition: all .45s ease-in-out;
        -o-transition: all .45s ease-in-out;
        -ms-transition: all .45s ease-in-out
    }

    .service-box:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        opacity: 1;
        background-color: #fff;
        transition: all .45s ease-in-out
    }

    .banner, .service-box h3, .service-content, .service-icon, .why_choose_us {
        position: relative
    }

body.dark .service-box:before {
    background-color: #1b1b1b
}

#services .margin-small {
    margin-bottom: 30px
}

.service-box:hover:before {
    opacity: .7
}

.service-box:hover .service-icon {
    background-color: #fff
}

.service-icon {
    width: 100px;
    height: 100px;
    background-color: #eee;
    font-size: 35px;
    margin: auto auto 20px;
    display: table;
    padding: 32px 0;
    color: #000;
    transition: all .45s ease-in-out
}

.clients .caption, .clients .client-img, .theme-box .caption span {
    display: inline-block
}

.service-box h3, .service-box p {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.service-box h3 {
    line-height: 1em;
    transition: all .45s ease-in-out
}

.service-box:hover h3 {
    color: #fff
}

.service-box p {
    margin-bottom: 0;
    color: grey;
    font-size: 16px;
    padding: 15px 0;
    transition: all .45s ease-in-out
}

.service-box:hover a, .service-box:hover p {
    color: #fff
}

.why_choose_us_img img {
    width: 100%
}

.why_choose_us ul li {
    margin-bottom: 30px
}

    .why_choose_us p, .why_choose_us ul li:last-child {
        margin-bottom: 0
    }

.why_choose_us h3 span {
    font-size: 30px;
    font-weight: 600;
    margin-right: 5px
}

.banner {
    background-image: url(../img/all/banner.html)
}

    .banner:before {
        background-color: rgba(0,0,0,.7);
        position: absolute;
        left: 0;
        bottom: 0;
        top: 0
    }

.theme-box, .theme-box figure {
    position: relative;
    width: 100%;
    float: left
}

.banner-content h2 {
    color: #fff;
    font-size: 36px
}

    .banner-content h2.banner-title {
        font-size: 48px;
        margin-bottom: 20px;
        color: #fff
    }

.theme-box .caption {
    float: left;
    padding: 20px 0 30px;
    text-align: center
}

    .theme-box .caption p {
        margin-bottom: 0;
        padding-top: 10px
    }

.theme-box figure img {
    width: 100%
}

.theme-box figcaption {
    position: absolute;
    width: 100%;
    display: inline-block;
    bottom: 0;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

    .theme-box figcaption .content {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -20px
    }

.theme-box:hover figcaption {
    opacity: 1
}

#testimonial {
    background-color: #fff
}

.clients {
    width: 100%;
    float: left;
    position: relative;
    padding: 20px;
    background-color: #2e2e2e
}

.client-img-designation {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.clients .client-img {
    max-width: 80px;
    float: left;
    margin-right: 20px
}

.clients .caption {
    float: left;
    margin-top: 8px
}

.client-content {
    float: left;
    width: 100%;
    color: #ccc
}

.clients .caption h3 {
    color: #fff;
    line-height: 1.4em
}

.client-content p {
    margin-bottom: 0
}

.clients .caption label {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    font-style: italic
}

.clients:before {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 60px solid #000;
    border-left: 60px solid #4d4d4d;
    top: 0
}

#paichart {
    background-image: url(../img/all/background-chart.html);
    position: relative
}

body.dark #paichart {
    background-image: url(../img/all/background-chart-dark.html);
    background-color: #000
}

.chart-list h4 {
    position: relative;
    padding-left: 80px
}

    .chart-list h4:before {
        content: "";
        width: 40px;
        height: 40px;
        position: absolute;
        left: 0
    }

.chart-detail .chart-list h4 {
    position: relative;
    padding-left: 70px;
    line-height: 2.2em;
    font-weight: 600;
    margin-bottom: 0
}

.chart-list li {
    margin-bottom: 15px;
    width: 100%;
    float: left
}

    .chart-list li:last-child {
        margin-bottom: 0
    }

.chart-detail {
    float: left;
    width: 100%;
    position: relative
}

    .chart-detail p {
        margin-bottom: 20px
    }

    .chart-detail h4 {
        margin-bottom: 15px
    }

    .chart-detail h3 {
        margin-bottom: 5px
    }

.chart {
    width: 100%;
    margin-top: 60px
}

#mixItUp {
    float: left;
    width: 100%
}

.mix-default .mix:before {
    float: left
}

.cases {
    float: left;
    margin-bottom: 30px
}

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

        .cases figcaption, .cases figure:before {
            position: absolute;
            opacity: 0;
            -webkit-transition: all .45s ease-in-out;
            -moz-transition: all .45s ease-in-out;
            -o-transition: all .45s ease-in-out;
            -ms-transition: all .45s ease-in-out
        }

    .cases figcaption {
        font-size: 50px;
        color: #fff;
        top: 50%;
        width: 100%;
        margin-top: -25px;
        transition: all .45s ease-in-out
    }

    .cases figure:before {
        top: 0;
        left: 0;
        bottom: 0;
        transition: all .45s ease-in-out
    }

.mixitup-btn a.filter:after, .mixitup-btn a.filter:before {
    content: "/\00a0";
    position: absolute
}

.pricing, path.area {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.cases figure img {
    width: 100%
}

.cases:hover figcaption, .cases:hover figure:before {
    opacity: 1
}

.cases figcaption a:hover {
    color: #fff
}

.mixitup-btn a.filter {
    padding: 0 20px;
    font-size: 16px;
    margin: 0;
    position: relative
}

body.dark .mixitup-btn a.filter {
    color: #fff
}

.mixitup-btn {
    margin-bottom: 30px
}

    .mixitup-btn a.filter:before {
        left: 100%;
        top: -1px
    }

    .mixitup-btn a.filter:after {
        top: -1px;
        right: -5px
    }

    .mixitup-btn a.filter:last-child:after, .mixitup-btn a.filter:last-child:before {
        display: none
    }

.our-facts {
    background-image: url(../img/all/facts-banner.html)
}

    .our-facts:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

.fact-icon {
    margin: 10px 0
}

    .fact-icon span:after, .fact-icon span:before {
        width: 60px;
        height: 1px;
        background-color: #fff;
        top: 50%;
        margin-top: -1px
    }

    .fact-icon span {
        font-size: 14px;
        color: #fff;
        position: relative
    }

        .fact-icon span:after, .fact-icon span:before, .pricing .caption:before {
            content: "";
            position: absolute
        }

        .fact-icon span:after {
            right: 30px
        }

        .fact-icon span:before {
            left: 30px
        }

.pricing, .pricing-btn, .pricing-list {
    float: left;
    width: 100%
}

    .pricing .caption:before, .pricing-list:before {
        height: 69%;
        transform: rotate(46deg) skew(46deg)
    }

.facts h2 {
    font-size: 45px;
    color: #fff
}

.facts h3 {
    font-size: 36px;
    color: #fff
}

.pricing {
    transition: all .45s ease-in-out;
    padding-right: 15px
}

    .pricing:hover .itg-button {
        color: #fff
    }

    .pricing .caption {
        color: #fff;
        padding: 30px 0;
        position: relative;
        overflow: visible
    }

        .pricing .caption h2 {
            color: #fff;
            margin-bottom: 10px
        }

        .pricing .caption .price {
            font-size: 50px;
            color: #fff;
            line-height: 1em
        }

.pricing-list {
    margin: 0;
    padding: 0;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    position: relative
}

body.dark .pricing-btn, body.dark .pricing-list {
    border-right: 1px solid #131212;
    border-left: 1px solid #131212
}

.pricing-list li {
    padding: 13px 5px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #000;
    font-weight: 600
}

body.dark .pricing-list li {
    border-bottom: 1px solid #131212;
    color: #fff
}

body.dark .pricing-btn {
    border-bottom: 1px solid #131212
}

.blog-meta, .pricing-btn {
    border-bottom: 1px solid #eee
}

.pricing-btn {
    padding: 30px;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
    position: relative
}

.pricing .caption:before {
    width: 20px;
    right: -17px;
    top: 36px;
    z-index: 3
}

.pricing-btn:before, .pricing-list:before {
    width: 20px;
    position: absolute;
    left: inherit;
    content: "";
    right: -18px
}

.pricing-list:before {
    background-color: #d9d9d9;
    top: 50px;
    z-index: 2
}

body.dark .pricing-btn:before, body.dark .pricing-list:before {
    background-color: #131212
}

.pricing-btn:before {
    height: 98%;
    background-color: #d9d9d9;
    top: -23px;
    transform: rotate(-44deg) skew(-44deg);
    z-index: 1
}

.blog, .blog-caption, .location_details {
    width: 100%;
    float: left
}

    .blog figure:after, .location_map:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        content: ""
    }

.location_map {
    background-image: url(../img/all/location-background.html);
    position: relative
}

    .location_map:before {
        background-color: rgba(0,0,0,.9);
        position: absolute
    }

.mapael .map {
    position: relative
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #fff;
    moz-opacity: 1;
    opacity: 1;
    border-radius: 0;
    padding: 3px 20px;
    z-index: 1000;
    display: none
}

.blog, .blog figure, .blog-caption, .location_details {
    position: relative
}

path.area {
    transition: all .45s ease-in-out
}

.blog .caption, .blog figure:after {
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out
}

.location_details h3 {
    color: #fff;
    margin-bottom: 10px
}

.location_details p {
    color: #ccc;
    margin-bottom: 20px
}

.blog-caption {
    padding: 0 20px;
    margin-top: -50px
}

.blog-detail, .blog-meta {
    padding: 10px;
    float: left;
    width: 100%
}

body.dark .blog .caption {
    background-color: #131212
}

.blog .caption {
    background-color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    transition: all .45s ease-in-out
}

body.dark .blog:hover .caption {
    box-shadow: 0 6px 12px rgba(225,225,225,.1)
}

.blog:hover .caption {
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

body.dark .blog-meta a {
    color: #fff
}

.blog-meta a {
    color: #000;
    font-size: 14px;
    margin: 0 10px
}

.blog figure {
    float: left;
    width: 100%
}

    .blog figure img {
        width: 100%
    }

    .blog figure:after {
        position: absolute;
        opacity: 0;
        transition: all .45s ease-in-out
    }

.blog:hover figure:after {
    opacity: 1
}

.blog-detail h4 {
    margin-bottom: 5px
}

.blog-detail p {
    margin-bottom: 10px
}

.carousel-style-1 {
    position: relative
}

    .carousel-style-1 figure {
        margin-bottom: 1px
    }

    .carousel-style-1.owl-theme .owl-nav .owl-prev {
        margin-left: -6%
    }

    .carousel-style-1.owl-theme .owl-nav .owl-next {
        margin-right: -6%
    }

.owl-theme .owl-nav {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-top: 0;
    margin-bottom: -22px
}

#partener-slider.owl-theme .owl-nav {
    z-index: -1
}

body.dark .owl-theme .owl-nav .owl-next, body.dark .owl-theme .owl-nav .owl-prev {
    background-color: #131212
}

.owl-theme .owl-nav .owl-next, .owl-theme .owl-nav .owl-prev {
    line-height: 1.2em;
    font-size: 22px;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out;
    width: 35px;
    height: 35px;
    background-color: #eee;
    border: 0;
    padding: 3px 0;
    border-radius: 0;
    color: 000
}

    .owl-theme .owl-nav .owl-next:hover, .owl-theme .owl-nav .owl-prev:hover {
        color: #fff
    }

.owl-theme .owl-nav .owl-prev {
    float: none;
    margin-left: 0
}

.owl-theme .owl-nav .owl-next {
    float: none;
    margin-right: 0
}

.owl-dots {
    position: relative;
    width: 100%;
    padding-top: 20px
}

.owl-theme .owl-dots .owl-dot span {
    margin: 0 6px;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid
}

.partner-slider figure {
    border: 1px solid #e0dfdf
}

.theme-form input, .theme-form textarea {
    margin-bottom: 30px
}

body.dark .theme-form input, body.dark .theme-form textarea {
    background-color: #131212;
    color: #fff
}

    .theme-form input.itg-button, body.dark .theme-form input.itg-button {
        margin-bottom: 0
    }

.preloader.loaderout {
    top: -100%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999
}

.cssload-container {
    display: block;
    width: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -14px
}

.cssload-loading i {
    width: 25px;
    height: 5px;
    display: inline-block;
    border-radius: 0
}

.top-footer, .top-footer .widget, .top-footer .widget ul.gallery {
    width: 100%;
    float: left
}

.cssload-loading i:first-child {
    opacity: 0;
    animation: cssload-loading-ani2 .58s linear infinite;
    -o-animation: cssload-loading-ani2 .58s linear infinite;
    -ms-animation: cssload-loading-ani2 .58s linear infinite;
    -webkit-animation: cssload-loading-ani2 .58s linear infinite;
    -moz-animation: cssload-loading-ani2 .58s linear infinite;
    transform: translate(-19px);
    -o-transform: translate(-19px);
    -ms-transform: translate(-19px);
    -webkit-transform: translate(-19px);
    -moz-transform: translate(-19px)
}

.cssload-loading i:nth-child(2), .cssload-loading i:nth-child(3) {
    animation: cssload-loading-ani3 .58s linear infinite;
    -o-animation: cssload-loading-ani3 .58s linear infinite;
    -ms-animation: cssload-loading-ani3 .58s linear infinite;
    -webkit-animation: cssload-loading-ani3 .58s linear infinite;
    -moz-animation: cssload-loading-ani3 .58s linear infinite
}

.cssload-loading i:last-child {
    animation: cssload-loading-ani1 .58s linear infinite;
    -o-animation: cssload-loading-ani1 .58s linear infinite;
    -ms-animation: cssload-loading-ani1 .58s linear infinite;
    -webkit-animation: cssload-loading-ani1 .58s linear infinite;
    -moz-animation: cssload-loading-ani1 .58s linear infinite
}

@keyframes cssload-loading-ani1 {
    100% {
        transform: translate(39px);
        opacity: 0
    }
}

@-o-keyframes cssload-loading-ani1 {
    100% {
        -o-transform: translate(39px);
        opacity: 0
    }
}

@-ms-keyframes cssload-loading-ani1 {
    100% {
        -ms-transform: translate(39px);
        opacity: 0
    }
}

@-webkit-keyframes cssload-loading-ani1 {
    100% {
        -webkit-transform: translate(39px);
        opacity: 0
    }
}

@-moz-keyframes cssload-loading-ani1 {
    100% {
        -moz-transform: translate(39px);
        opacity: 0
    }
}

@keyframes cssload-loading-ani2 {
    100% {
        transform: translate(19px);
        opacity: 1
    }
}

@-o-keyframes cssload-loading-ani2 {
    100% {
        -o-transform: translate(19px);
        opacity: 1
    }
}

@-ms-keyframes cssload-loading-ani2 {
    100% {
        -ms-transform: translate(19px);
        opacity: 1
    }
}

@-webkit-keyframes cssload-loading-ani2 {
    100% {
        -webkit-transform: translate(19px);
        opacity: 1
    }
}

@-moz-keyframes cssload-loading-ani2 {
    100% {
        -moz-transform: translate(19px);
        opacity: 1
    }
}

@keyframes cssload-loading-ani3 {
    100% {
        transform: translate(19px)
    }
}

@-o-keyframes cssload-loading-ani3 {
    100% {
        -o-transform: translate(19px)
    }
}

@-ms-keyframes cssload-loading-ani3 {
    100% {
        -ms-transform: translate(19px)
    }
}

@-webkit-keyframes cssload-loading-ani3 {
    100% {
        -webkit-transform: translate(19px)
    }
}

@-moz-keyframes cssload-loading-ani3 {
    100% {
        -moz-transform: translate(19px)
    }
}

.top-footer {
    background-color: #0d0d0d;
    position: relative;
    color: #969696
}

    .top-footer .widget .logo {
        float: left;
        margin-bottom: 30px
    }

    .top-footer .widget p {
        color: #969696;
        line-height: 1.8em;
        margin-bottom: 0;
        clear: both
    }

    .top-footer .widget .social-icon {
        text-align: left;
        margin-top: 30px
    }

    .top-footer .widget h3 {
        color: #fff;
        text-transform: capitalize;
        font-weight: 600;
        line-height: 1em;
        margin-bottom: 30px
    }

    .top-footer .widget ul li {
        margin-bottom: 10px
    }

    .top-footer .widget ul.gallery li {
        float: left;
        margin-bottom: 10px;
        margin-right: 10px;
        max-width: 75px
    }

.twt-feed p {
    display: inline-block;
    width: 85%;
    float: right
}

.twt-feed {
    float: left;
    width: 100%
}

    .twt-feed li {
        float: left;
        padding-bottom: 10px;
        border-bottom: 1px solid #262837
    }

        .twt-feed li:last-child {
            float: left;
            padding-bottom: 0;
            border-bottom: 0;
            margin-bottom: 0
        }

.bottom-footer {
    background-color: #000;
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px 0
}

    .bottom-footer p {
        color: #fff;
        margin-bottom: 0
    }

#scroll-top {
    position: fixed;
    bottom: 50px;
    right: 50px;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 25px;
    padding: 10px 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9
}

    #scroll-top.showScrollTop {
        opacity: 1;
        visibility: visible
    }

.main-static-banner .special-style {
    height: 100%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    background-size: cover !important;
    width: 100%;
    z-index: 0
}

.block-detail-head {
    width: 100%;
    float: left;
    margin-top: 15px
}

.color-light {
    color: #fff
}

.comming-soon-content {
    padding: 20px 0;
    z-index: 3;
    position: relative
}

.special-style {
    height: 100%;
    overflow: hidden;
    padding: 0;
    width: 100%;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.special-style-fixed {
    position: fixed
}

.comming-soon-style-1 {
    background-image: url(../img/all/comming-soon-back.jpg);
    background-size: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1
}

.special-section {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -260px
}

.dark-overlay:before {
    content: "";
    background-color: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 2
}

.comming-soon-content figure {
    margin: auto auto 20px;
    float: none;
    width: auto
}

.comming-soon-content h2 {
    font-size: 30px;
    color: #fff
}

.comming-soon-content h1 {
    font-size: 60px;
    color: #fff
}

.comming-soon-content .search_bar button {
    top: 0;
    right: 0;
    height: 100%
}

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

    .timer ul li {
        float: left;
        width: 25%;
        text-align: center;
        padding: 20px 0
    }

        .timer ul li span {
            font-size: 60px;
            display: block
        }

            .timer ul li span.normal {
                font-size: 25px
            }

.after-border {
    position: relative
}

    .after-border:after {
        content: "";
        height: 100%;
        width: 1px;
        background-color: #717171;
        position: absolute;
        right: 0;
        top: 0
    }

#contact_us {
    background-color: #eee
}

.row-flex {
    display: flex;
    flex-wrap: wrap
}