@charset "utf-8";

html {
    overflow-x: hidden !important;
    height: 100%
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    background: #292929;
    height: 100%;
    text-align: center
}

@-o-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

h1 {
    font-size: 4.46666666667em;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.17em
}

h2 {
    font-size: 3.2em;
    font-weight: 300
}

h3 {
    font-size: 1em
}

h4 {
    font-size: .9em;
    font-weight: 200
}

h5 {
    font-size: .8em;
    font-weight: 200
}

h6 {
    font-size: .6em;
    font-weight: 200
}

p {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
    font-family: 'Quicksand', sans-serif
}

li {
    font-family: 'Quicksand', sans-serif
}

blockquote {
    float: left;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 15px solid #eee
}

    blockquote p {
        font-family: 'Quicksand', sans-serif;
        font-style: italic;
        color: #494949
    }

#main {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0
}

#wrapper {
    height: 100%;
    margin-left: 0;
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%
}

.content-holder {
    vertical-align: top;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2;
    height: 100%;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

.scale-bg2 {
    opacity: 0
}

.container {
    max-width: 1020px;
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 2
}

.content {
    width: 100%;
    position: relative;
    z-index: 2;
    float: left;
    height: 100%
}

.full-height {
    height: 100%
}

.wrapper-inner {
    float: right;
    width: 65%;
    position: relative;
    background: #fff;
    padding: 150px 0 0;
    z-index: 4;
    opacity: 0
}

.home-wrap {
    padding-top: 0
}

.folio-wrap {
    padding: 70px 0 0 0;
    background: #292929
}

.no-padding {
    padding: 0 !important
}

.full-width-wrap {
    width: 100%;
    padding-top: 70px !important
}

    .full-width-wrap:before {
        content: '';
        position: absolute;
        right: 0;
        width: 70%;
        background: #373435;
        top: -70px;
        height: 70px
    }

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat: repeat;
    background-origin: content-box
}

.full-height-parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2
}

.respimg {
    width: 100%;
    height: auto
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .25
}

section {
    float: left;
    width: 100%;
    position: relative;
    padding: 70px 0
}

.align-text {
    text-align: left
}

.section-parallax {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.no-border {
    border: none !important
}

.fixed-column {
    position: fixed;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    z-index: 3;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0)
}

    .fixed-column .overlay {
        opacity: .3
    }

.bg-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.chbg {
    opacity: .5
}

.bg-wrapper:before,
.bg-wrapper:after {
    content: '';
    position: absolute;
    bottom: 50px;
    left: 50px;
    z-index: 2;
    background: rgba(255, 255, 255, .51)
}

.bg-wrapper:before {
    width: 10px;
    height: 70%
}

.bg-wrapper:after {
    width: 70%;
    height: 10px;
    margin-left: 10px
}

.bg-title {
    position: absolute;
    bottom: 90px;
    left: 90px;
    font-size: 60px;
    text-align: left
}

    .bg-title span {
        color: rgba(255, 255, 255, .91);
        float: left;
        font-size: 35px;
        text-transform: none;
        font-family: 'Barlow Condensed', sans-serif
    }

    .bg-title:before {
        background: linear-gradient(270deg, rgba(191,18,55,1) 0%, rgba(251,177,46,1) 100%);
        content: '';
        position: absolute;
        bottom: -9px;
        left: 0;
        width: 100%;
        height: 4px;
    }

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 30%;
    height: 70px;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 0)
}

.logo-holder {
    float: left;
    max-width: 290px;
    position: relative;
    margin: 8px;
}

.loader-holder {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    z-index: 150
}

.loader-inner {
    top: 0;
    left: 0;
    position: absolute;
    width: 50px;
    height: 50px;
    z-index: 20;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.loader {
    float: left;
    width: 50px;
    height: 50px;
    border-left: 10px solid #373435;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear
}

    .loader,
    .loader:after {
        border-radius: 50%;
        width: 40px;
        height: 40px
    }

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.nav-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    z-index: 9;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: perspective(200px) rotateX(-15deg) scale(.75);
    -moz-transform: perspective(200px) rotateX(-15deg) scale(.75);
    -o-transform: perspective(200px) rotateX(-15deg) scale(.75);
    -ms-transform: perspective(200px) rotateX(-15deg) scale(.75);
    transform: perspective(200px) rotateX(-15deg) scale(.75);
    opacity: 0
}

    .nav-inner.menhov:before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.vismen {
    visibility: visible;
    -webkit-transform: perspective(200px) rotateX(0deg) scale(1);
    -moz-transform: perspective(200px) rotateX(0deg) scale(1);
    -o-transform: perspective(200px) rotateX(0deg) scale(1);
    -ms-transform: perspective(200px) rotateX(0deg) scale(1);
    transform: perspective(200px) rotateX(0deg) scale(1);
    opacity: 1
}

.nav-inner .overlay {
    opacity: .8
}

.nav-inner nav {
    width: 100%;
    float: left;
    position: relative;
    top: 50%;
    -webkit-transform: translate3d(0, 0, 0)
}

    .nav-inner nav li {
        float: left;
        width: 100%;
        padding: 10px 0;
        position: relative
    }

        .nav-inner nav li:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 255, 255, .51);
            opacity: 0
        }

        .nav-inner nav li a {
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            position: relative;
            text-transform: none
        }

        .nav-inner nav li a,
        .nav-inner nav li:before,
        .nav-inner:before,
        .nav-inner nav li.subnav a i.subnavicon {
            -webkit-transition: all 200ms linear;
            -moz-transition: all 200ms linear;
            -o-transition: all 200ms linear;
            -ms-transition: all 200ms linear;
            transition: all 200ms linear
        }

        .nav-inner nav li:hover:before {
            opacity: 1
        }

        .nav-inner nav li.subnav a i.subnavicon {
            position: absolute;
            bottom: 1px;
            right: -25px;
            z-index: 5;
            color: #fff
        }

        .nav-inner nav li.subnav:hover i.subnavicon {
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        .nav-inner nav li.subnav ul li a i.subnavicon {
            display: none
        }

.scroll-nav-holder {
    float: right;
    width: 100%;
    line-height: 70px;
    background: #737373;
    position: relative;
    z-index: 6;
    top: 0
}

.scroll-nav {
    float: left;
    margin-left: 10px
}

    .scroll-nav li {
        float: left
    }

        .scroll-nav li a {
            background: rgb(158, 155, 156);
            outline: 1px solid #737373;
            padding: 15px 24px;
            color: #fff;
            position: relative;
            overflow: hidden;
            margin-right: 3px;
            outline-offset: -5px
        }

            .scroll-nav li a span {
                position: relative;
                z-index: 2;
                cursor: pointer
            }

            .scroll-nav li a:before,
            .nav-button span:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 0;
                z-index: 1;
                -webkit-transition: all 0.2s ease-in-out;
                -moz-transition: all 0.2s ease-in-out;
                -o-transition: all 0.2s ease-in-out;
                -ms-transition: all 0.2s ease-in-out;
                transition: all 0.2s ease-in-out
            }

            .scroll-nav li a.act-link:before,
            .nav-button:hover span:before {
                width: 100%
            }

            .scroll-nav li a.act-link:hover {
                color: #fff
            }

.nav-inner nav li ul li a {
    font-size: 14px
}

.nav-inner nav li.subnav:hover:before {
    display: none
}

.nav-inner nav li ul {
    display: none;
    margin-top: 7px !important
}

.nav-button {
    background: rgba(34, 34, 34, .5);
    cursor: pointer;
    font-size: 24px;
    height: 50px;
    line-height: 40px;
    padding: 15px;
    position: fixed;
    right: 25px;
    top: 10px;
    width: 50px;
    z-index: 21
}

    .nav-button span {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        height: 3px;
        background: #fff;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    .nav-button.cmenu .nbs {
        opacity: 0
    }

    .nav-button.cmenu .nos {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-bottom: 0;
        top: 9px
    }

    .nav-button.cmenu .ncs {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-bottom: 0;
        top: 6px
    }

.nav-decor {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px
}

    .nav-decor:before,
    .nav-decor:after {
        content: '';
        position: absolute;
        background: rgba(255, 255, 255, .51)
    }

.nav-decor-tl {
    left: 50px;
    top: 100px
}

    .nav-decor-tl:before,
    .nav-decor-tl:after {
        left: 0;
        top: 0
    }

    .nav-decor-tl:before {
        height: 2px;
        width: 50px;
        left: 2px
    }

    .nav-decor-tl:after {
        height: 50px;
        width: 2px
    }

.nav-decor-br {
    right: 50px;
    bottom: 50px
}

    .nav-decor-br:before,
    .nav-decor-br:after {
        right: 0;
        bottom: 0
    }

    .nav-decor-br:before {
        height: 2px;
        width: 50px;
        right: 2px
    }

    .nav-decor-br:after {
        height: 50px;
        width: 2px
    }

.fixed-wrap {
    -webkit-transform: translate3d(0, 0, 0)
}

.fwslider-holder,
.slideshow-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #292929
}

.fw-in {
    padding-top: 70px
}

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

.hero-title {
    bottom: 30px;
    float: left;
    left: 30px;
    position: absolute;
    width: 100%;
    z-index: 16;
    text-align: left;
    text-transform: uppercase
}

    .hero-title h3 {
        float: left;
        color: #fff;
        position: relative;
        font-size: 22px;
        text-align: left;
        text-transform: uppercase
    }

    .hero-title h4 {
        float: left;
        font-size: 35px;
        position: relative;
        text-align: left;
        font-weight: 500
    }

.hero-wrap {
    float: left;
    position: relative;
    width: auto;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    padding: 10px 20px
}

.hero-title h4 a,
.hero-title h4 {
    color: #fff;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear
}

.halig-center h3,
.halig-center h4 {
    text-align: center !important;
    float: none !important
}

    .halig-center h4:before {
        content: '';
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -35px;
        width: 70px;
        height: 4px
    }

.halig-right {
    float: right;
    padding-left: 0;
    padding-right: 40%;
    bottom: 45%
}

    .halig-right h3,
    .halig-right h4 {
        text-align: right !important;
        float: right
    }

    .halig-right .hero-wrap {
        float: right;
        padding-left: 0;
        padding-right: 20px
    }

.fwslider-holder .owl-dots {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 40%;
    z-index: 6
}

    .fwslider-holder .owl-dots .owl-dot {
        display: inline-block;
        width: 40px;
        height: 4px;
        margin-left: 2px
    }

        .fwslider-holder .owl-dots .owl-dot span {
            float: left;
            width: 100%;
            height: 10px;
            position: relative
        }

            .fwslider-holder .owl-dots .owl-dot span:before {
                content: '';
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 4px;
                background: rgba(255, 255, 255, .51);
                -webkit-transition: all 500ms linear;
                -moz-transition: all 500ms linear;
                -o-transition: all 500ms linear;
                -ms-transition: all 500ms linear;
                transition: all 500ms linear
            }

.hero-wrapper {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 4;
    overflow: hidden;
    opacity: 0
}

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

    .section-title h2 {
        float: left;
        width: 100%;
        position: relative;
        font-size: 32px;
        font-weight: normal !important;
        color: #373435;
        text-transform: none;
        text-align: left
    }

@media (min-width: 320px) and (max-width: 528px) {
    .section-title h3.mb0 {
        /*float: none;*/
        width: 45%;
        /*margin: auto;*/
    }
}

.section-title h3 {
    float: left;
    padding: 13px 20px;
    color: #fff;
    text-transform: none;
    position: relative;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: normal !important
}

    .section-title h3:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px
    }

.st-separator {
    float: left;
    width: 180px;
    height: 2px;
    position: relative;
    margin-top: 10px
}

    .st-separator:before {
        content: '';
        position: absolute;
        top: 2px;
        left: 0;
        width: 50px;
        height: 4px
    }

.sect-subtitle {
    position: absolute;
    top: 200%;
    text-align: center;
    width: 100%;
    opacity: .2;
    color: #ccc;
    font-weight: 700;
    text-transform: uppercase
}

.section-separator {
    float: left;
    height: 2px;
    width: 100%;
    margin: 20px 0;
    position: relative
}

    .section-separator:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 5%;
        width: 90%;
        height: 1px;
        background: #ccc;
        margin-top: -1px
    }

.text-subtitle {
    float: left;
    width: 100%;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #666;
    padding-bottom: 10px
}

.text-title {
    float: left;
    width: 100%;
    position: relative;
    font-size: 26px;
    font-weight: 700;
    color: #373435;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px
}

.small-separator {
    float: left;
    margin-bottom: 30px;
    background: #ccc;
    width: 60px;
    height: 2px
}

.btn {
    float: left;
    margin-top: 10px;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    text-align: center;
    width: auto;
    position: relative;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    background: #FFD600;
    outline: none;
    padding: 13px 20px;
    display: inline-block
}

    .btn i {
        padding-right: 10px;
        font-size: 18px;
        background: #414146;
        padding: 14px 20px;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear
    }

    .btn.hide-icon span {
        padding: 0 33px;
        -webkit-transition: all 500ms linear;
        -moz-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        transition: all 500ms linear;
        text-transform: uppercase
    }

    .btn.hide-icon i {
        padding: 11px 20px 10px;
        left: -60px;
        height: 100%;
        line-height: 25px;
        display: inline-block;
        position: absolute;
        color: #fff !important;
        top: 0
    }

    .btn.hide-icon:hover i {
        left: 0
    }

    .btn.hide-icon:hover span {
        padding-left: 59px;
        padding-right: 11px
    }

.single-slider-holder {
    float: left;
    width: 100%;
    position: relative
}

    .single-slider-holder .customNavigation a {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        z-index: 3;
        line-height: 40px;
        font-size: 18px;
        color: #fff;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

        .single-slider-holder .customNavigation a:hover {
            background: rgba(255, 255, 255, .51);
            color: #292929
        }

        .single-slider-holder .customNavigation a.next-slide {
            right: 10px
        }

        .single-slider-holder .customNavigation a.prev-slide {
            left: 10px
        }

.facts-title {
    float: left;
    width: 20%
}

.inline-facts-holder {
    width: 100%
}

.inline-facts {
    float: left;
    width: auto;
    text-align: center;
    background: #fff;
    padding: 20px 20px;
    margin-left: 19px;
    outline: 1px solid #ececec;
    outline-offset: -6px
}

.facts-title h3 {
    float: left;
    width: 100%;
    padding: 13px 15px;
    color: #fff;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: none;
    position: relative;
    margin-bottom: 20px;
    font-size: 26px;
    top: 12px
}

    .facts-title h3:before {
        content: '';
        position: absolute;
        bottom: 0;
        right: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 0 0 10px
    }

.inline-facts h6 {
    float: right;
    width: 100%;
    margin-top: 3px;
    text-align: right;
    font-size: 16px
}

.num {
    float: right;
    font-size: 30px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    color: #000
}

.resume-alt {
    margin: 0 auto;
    max-width: 800px
}

.accordion-title {
    display: block;
    position: relative;
    margin-bottom: 10px;
    text-align: center
}

    .accordion-title h5 {
        margin: 0
    }

    .accordion-title a {
        display: block;
        color: #292929;
        padding: 15px 0;
        text-align: left;
        font-size: 18px;
        border-bottom: 1px solid #f1f1f1;
        font-weight: 500;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .accordion-title a:hover {
            background: rgba(255, 255, 255, .41);
            border-bottom: 1px solid #ccc;
            padding-left: 20px
        }

        .accordion-title a span {
            color: #666;
            font-weight: 300
        }

        .accordion-title a i {
            font-size: 24px;
            padding-right: 20px
        }

    .accordion-title:hover {
        background: rgba(255, 255, 255, .2)
    }

.accordion .accordion-inner {
    display: none;
    padding: 10px 0 30px 0;
    line-height: 1.7em;
    font-size: 13px;
    text-align: left;
    padding: 6px
}

    .accordion .accordion-inner h4 {
        text-transform: uppercase;
        color: #666;
        font-size: 14px;
        padding-bottom: 10px
    }

    .accordion .accordion-inner ul {
        float: left;
        width: 100%;
        padding-left: 13px;
        margin: 10px 0
    }

        .accordion .accordion-inner ul li {
            float: left;
            padding-right: 30px;
            list-style: disc
        }

.services-carusel .item {
    padding: 0 20px 0 0
}

.services-image {
    float: left;
    margin-bottom: 20px;
    width: 100%
}

.services-box {
    float: left;
    width: 100%;
    border: 1px solid #f4f4f4;
    background: #fff
}

.services-box-info {
    padding: 20px 10px
}

    .services-box-info h4 {
        font-size: 14px;
        color: #000;
        text-transform: uppercase
    }

    .services-box-info p {
        padding: 20px 0;
        border-bottom: 1px dotted #ccc
    }

    .services-box-info ul {
        margin: 10px 0
    }

        .services-box-info ul li {
            padding: 10px 0
        }

.price {
    padding: 10px 15px;
    max-width: 150px;
    margin: 0 auto;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #8F8F8F;
    border-radius: 6px
}

.services-holder {
    position: relative;
    padding-bottom: 50px
}

.ser-carous-holder {
    float: left;
    width: 100%;
    position: relative
}

    .ser-carous-holder .customNavigation {
        float: right;
        padding-right: 20px;
        width: 100%;
        position: absolute;
        margin-top: -66px
    }

        .ser-carous-holder .customNavigation a {
            float: right;
            width: 40px;
            height: 40px;
            color: #fff;
            line-height: 40px;
            margin-left: 2px;
            font-size: 14px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out
        }

            .ser-carous-holder .customNavigation a:hover {
                background: #fff;
                color: #000
            }

.services-image .box-popup {
    right: 50% !important;
    margin-left: 0 !important;
    margin-right: -15px;
    margin-top: -15px !important
}

.grid-item-holder.services-image:hover .box-popup {
    top: 40% !important;
    background: #fff;
    padding: 14px;
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.piechart-holder,
.custom-skillbar-holder {
    padding-top: 50px;
    float: left;
    width: 100%;
    position: relative
}

    .piechart-holder h4 {
        font-size: 1.3em;
        text-transform: uppercase
    }

.chart {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin-bottom: 26px;
    text-align: center
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0
    }

.piechart {
    position: relative;
    padding-bottom: 20px
}

.percent {
    display: inline-block;
    font-size: 21px;
    line-height: 152px;
    z-index: 2
}

    .percent:after {
        content: '%';
        margin-left: .1em;
        font-size: .8em
    }

.drk-ch .percent {
    color: #666
}

.angular {
    margin-top: 100px
}

    .angular .chart {
        margin-top: 0
    }

.skills-description {
    float: left;
    width: 100%;
    margin: 10px 0;
    text-transform: uppercase;
    color: #666
}

.skill-name {
    position: absolute;
    top: 40%;
    text-transform: uppercase;
    font-size: 44px;
    font-weight: 900;
    opacity: .3;
    color: #000
}

    .skill-name span {
        opacity: .3
    }

.skill-name-lanim {
    left: 0
}

.skill-name-ranim {
    right: 0
}

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

.skillbar-bg {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 10px;
    overflow: hidden;
    background: #eee
}

.custom-skillbar-title span {
    float: left;
    margin-top: 12px;
    padding-bottom: 6px
}

.custom-skillbar {
    height: 10px;
    width: 0
}

.skill-bar-percent {
    float: right;
    font-size: 16px;
    margin-top: 13px;
    padding-bottom: 6px
}

.testi-item {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    padding: 0 50px
}

.testi-item-img {
    float: left;
    width: 20%
}

.testi-item-text {
    float: left;
    width: 80%;
    padding: 0 20px 20px 20px;
    position: relative
}

    .testi-item-text:before,
    .testi-item-text:after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2
    }

    .testi-item-text:before {
        width: 4px;
        height: 50px
    }

    .testi-item-text:after {
        width: 50px;
        height: 4px;
        margin-left: 10px
    }

    .testi-item-text h3 {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        text-align: left;
        font-size: 24px;
        color: #000
    }

    .testi-item-text p {
        font-style: italic;
        color: #000
    }

    .testi-item-text a {
        float: left;
        margin-top: 10px;
        text-transform: uppercase;
        font-size: 14px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding-bottom: 10px;
        border-bottom: 2px solid #000
    }

        .testi-item-text a:hover {
            color: #666
        }

.height-emulator {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1
}

footer {
    position: fixed;
    background: #343233 url(../images/footer_bg.jpg) bottom center;
    background-size: contain;
    background-position: 0;
    background-repeat: repeat-x;
    width: 65%;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding-top: 100px;
    visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 0
}

.footer-inner {
    background: #343233 url(../images/footer_bg.jpg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding-top: 58px;
    background-position: center bottom !important;
    padding-bottom: 50px
}

.visfooter {
    visibility: visible
}

.footer-info {
    float: left;
    width: 100%;
    padding-bottom: 20px
}

    .footer-info h4 {
        float: left;
        width: 100%;
        color: #fff;
        position: relative;
        font-size: 18px;
        text-transform: uppercase;
        text-align: left;
        margin-bottom: 35px;
        padding-bottom: 5px;
        letter-spacing: 1px
    }

        .footer-info h4:before {
            content: '';
            position: absolute;
            bottom: -7px;
            left: 0;
            width: 30px;
            height: 2px
        }

.footer-social li {
    float: left;
    padding: 4px
}

    .footer-social li a {
        width: 40px;
        height: 40px;
        float: left;
        border-radius: 100%;
        line-height: 40px;
        color: #fff;
        font-size: 18px
    }

.footer-contacts li {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    text-align: left
}

    .footer-contacts li a {
        color: #999;
        font-weight: 400;
        line-height: 20px
    }

        .footer-contacts li a i {
            padding-right: 10px
        }

.to-top-holder {
    float: left;
    width: 100%;
    background: #2f2d2e;
    position: relative;
    margin-top: 30px
}

.to-top {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    float: right;
    font-size: 24px;
    color: #fff;
    line-height: 50px
}

.to-top-holder p {
    color: #999;
    position: relative;
    top: 33px;
    padding-left: 20px
}

    .to-top-holder p:before,
    .to-top-holder p:after {
        content: '';
        position: absolute;
        top: -15px;
        left: 0;
        z-index: 2
    }

    .to-top-holder p:before {
        width: 2px;
        height: 50px
    }

    .to-top-holder p:after {
        width: 50px;
        height: 2px
    }

.footer-contacts li a,
.twitter-holder .customNavigation a,
.to-top i,
.footer-social li a i {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

    .footer-contacts li a:hover,
    .twitter-holder .customNavigation a:hover,
    .to-top:hover i,
    .footer-social li a:hover i {
        opacity: .5
    }

#twitter-feed {
    float: left;
    width: 100%;
    position: relative
}

    #twitter-feed li,
    #twitter-feed li a {
        color: #707070;
        font-size: 10px;
        text-transform: uppercase;
        text-align: left;
        line-height: 17px
    }

.twitter-holder .customNavigation {
    padding-top: 10px;
    float: left
}

    .twitter-holder .customNavigation a {
        color: #fff;
        cursor: pointer;
        font-size: 19px;
        margin-right: 6px
    }

.tweet_hashtag {
    display: none
}

.twitter-holder {
    float: left;
    width: 100%;
    position: relative
}

.gallery-items {
    float: left;
    width: 100%;
    position: relative;
    background: #2c2b2b
}

.grid-item-holder {
    height: auto;
    opacity: 0
}

.gallery-item {
    overflow: hidden
}

.spad .grid-item-holder {
    padding: 2px
}

.hid-port-info .grid-item-holder {
    overflow: hidden
}

.grid-big-pad .grid-item-holder {
    padding: 40px
}

.grid-small-pad .grid-item-holder {
    padding: 10px 20px 10px 0
}

.gallery-item,
.grid-sizer {
    width: 33.3%;
    position: relative
}

.gallery-item-second,
.grid-sizer-second {
    width: 66.6%
}

.four-column .gallery-item {
    width: 25%
}

    .four-column .gallery-item.gallery-item-second {
        width: 50%
    }

.gallery-item img,
.grid-sizer img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1
}

.folio-img {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1
}

.plan-work .folio-img:hover {
    filter: grayscale(1);
    cursor: pointer
}

.folio-img .overlay {
    opacity: 0;
    z-index: 4;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.box-popup {
    position: absolute;
    top: -250px;
    right: 50px;
    width: 30px;
    height: 30px;
    z-index: 5;
    font-size: 18px
}

.grid-item {
    background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    padding: 10px 20px;
    text-align: left;
    width: 100%
}

.box-popup,
.grid-item {
    z-index: 5;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

    .box-popup:hover {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .grid-item:before,
    .grid-item:after {
        content: '';
        position: absolute;
        left: 70px;
        background: rgba(255, 255, 255, .51)
    }

    .grid-item:before {
        top: -11px;
        width: 50%;
        height: 1px
    }

    .grid-item:after {
        top: -14px;
        width: 50px;
        height: 3px
    }

    .grid-item h3 {
        float: left;
        width: 100%;
        padding-bottom: 3px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase
    }

        .grid-item h3 a {
            color: #fff
        }

            .grid-item h3 a:hover {
                color: #ccc
            }

    .grid-item span,
    .grid-item h3 {
        font-size: 16px
    }

    .grid-item i {
        color: #fff;
        position: absolute;
        left: 20px;
        top: 10px;
        font-size: 25px
    }

.grid-item-holder:hover .overlay {
    opacity: .6
}

.grid-item-holder:hover .box-popup {
    top: 50px
}

.grid-item-holder:hover .grid-item {
    bottom: 20px
}

.vis-filter {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 20px 0
}

    .vis-filter li {
        display: inline-block
    }

        .vis-filter li a {
            padding: 10px 20px;
            text-transform: uppercase
        }

            .vis-filter li a.gallery-filter-active {
                background: #292929;
                color: #fff
            }

.fixed-filter {
    position: fixed;
    top: 0;
    right: 0;
    width: 65%;
    z-index: 7;
    background: #737373;
    height: 70px;
    line-height: 70px;
    -webkit-transform: translate3d(0, 0, 0)
}

    .fixed-filter .vis-filter {
        margin-top: 0 !important;
        padding: 0
    }

    .fixed-filter ul {
        float: left;
        padding-left: 10px
    }

        .fixed-filter ul li {
            float: left;
            margin-right: 3px
        }

    .fixed-filter a {
        padding: 15px 24px;
        color: #fff;
        position: relative;
        background: rgb(158, 155, 156);
        outline: 1px solid #737373;
    }

        .fixed-filter a span {
            position: relative;
            z-index: 2
        }

        .fixed-filter a:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0;
            z-index: 1;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out
        }

        .fixed-filter a.gallery-filter-active:before {
            width: 100%
        }

        .fixed-filter a.gallery-filter-active {
            color: #fff;
        }

            .fixed-filter a.gallery-filter-active:hover {
                color: #fff
            }

.project-decr {
    float: left;
    width: 100%;
    position: relative;
    margin-top: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc
}

.pr-list {
    float: left;
    border-left: 1px solid #eee;
    padding-left: 20px
}

    .pr-list li {
        width: 100%;
        float: left;
        text-align: left;
        padding-bottom: 10px
    }

        .pr-list li span,
        .pr-list li h4 {
            float: left;
            font-size: 13px;
            text-transform: uppercase
        }

        .pr-list li span {
            padding-right: 10px
        }

.project-decr h3.text-title {
    margin-bottom: 30px
}

    .project-decr h3.text-title:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 50px;
        height: 4px
    }

.project-pagination {
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    height: 70px;
    background: #373435;
    z-index: 5;
    line-height: 50px;
    -webkit-transform: translate3d(0, 0, 0)
}

    .project-pagination ul {
        float: left;
        padding-left: 50px
    }

        .project-pagination ul li {
            display: inline-block;
            position: relative;
            background: #292929;
            height: 50px;
            width: 60px;
            margin-top: 10px
        }

            .project-pagination ul li a {
                position: relative;
                font-size: 16px;
                float: left;
                height: 50px;
                width: 60px
            }

                .project-pagination ul li a:hover {
                    color: #fff
                }

            .tooltip,
            .project-pagination ul li a,
            #contact-form input[type="submit"] {
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out
            }

.tooltip {
    width: 200px;
    height: auto;
    line-height: 20px;
    padding: 10px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-indent: 0;
    position: absolute;
    background: #292929;
    top: 0;
    opacity: 0;
    left: 50%;
    margin-left: -100px;
    margin-top: 30px;
    visibility: hidden;
    pointer-events: none;
    z-index: 6
}

    .tooltip:before {
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        margin-left: -10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #292929 transparent
    }

    .tooltip h5 {
        font-size: 10px;
        margin-top: 12px;
        padding: 5px 0;
        position: relative;
        display: inline-table;
        text-transform: uppercase
    }

.project-pagination ul li:hover .tooltip {
    visibility: visible;
    opacity: 1;
    top: 100%
}

.fw-title {
    position: absolute;
    top: 50%;
    left: 100px;
    z-index: 5
}

    .fw-title h3 {
        float: left;
        max-width: 350px;
        color: #fff;
        position: relative;
        font-size: 94px;
        text-align: left;
        font-family: 'Barlow Condensed', sans-serif
    }

.fwslider-holder .customNavigation,
.show-info {
    position: absolute;
    z-index: 5;
    bottom: 3px;
    right: 10px
}

    .fwslider-holder .customNavigation a,
    .show-info {
        width: 40px;
        height: 40px;
        color: #fff;
        line-height: 40px;
        cursor: pointer;
        font-size: 18px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out
    }

    .fwslider-holder .customNavigation a {
        display: inline-block
    }

        .fwslider-holder .customNavigation a:hover,
        .show-info:hover {
            background: rgba(255, 255, 255, .51);
            color: #292929
        }

.share-holder {
    float: left;
    width: 100%;
    margin-top: 20px
}

    .share-holder h4 {
        float: left;
        width: 10%;
        padding: 30px 0;
        text-align: left;
        text-transform: uppercase;
        font-size: 19px
    }

.share-container {
    padding: 60px 0;
    float: left;
    width: 90%;
    margin-top: 10px
}

.share-icon {
    height: 40px;
    width: 40px;
    display: inline-block;
    margin: 2px;
    position: relative;
    border-radius: 100%;
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    box-shadow: 0 0 0 20px transparent;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    .share-icon:hover {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .5)
    }

.share-container.no-align-share {
    text-align: center !important;
    padding: 10px 0
}

    .share-container.no-align-share a {
        float: left
    }

        .share-container.no-align-share a:hover {
            box-shadow: 0 0 0 0 rgba(0, 0, 0, .1)
        }

.share-icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit
}

.share-icon-digg:before {
    content: "\f1a6"
}

.share-icon-email:before {
    content: "\f003"
}

.share-icon-flickr:before {
    content: "\f16e"
}

.share-icon-foursquare:before {
    content: "\f180"
}

.share-icon-rss:before {
    content: "\f09e"
}

.share-icon-facebook:before {
    content: "\f09a"
}

.share-icon-twitter:before {
    content: "\f099"
}

.share-icon-tumblr:before {
    content: "\f173"
}

.share-icon-linkedin:before {
    content: "\f08c"
}

.share-icon-vimeo:before {
    content: "\f194"
}

.share-icon-instagram:before {
    content: "\f16d"
}

.share-icon-pinterest:before {
    content: "\f0d2"
}

.share-icon-googleplus:before {
    content: "\f0d5"
}

.share-icon-in1:before {
    content: "\f08c"
}

.share-icon-stumbleupon:before {
    content: "\f1a4"
}

.border-row {
    border-top: 1px solid #eee;
    margin-top: 50px
}

.iframe-holder {
    float: left;
    position: relative;
    width: 100%
}

.resp-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px
}

    .resp-video iframe,
    .resp-video object,
    .resp-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.video-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.background-video {
    z-index: 1
}

.media-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-controls {
    position: absolute;
    z-index: 4;
    bottom: 50px;
    right: 150px;
    color: #ccc;
    cursor: pointer
}

.media-container .overlay {
    z-index: 3;
    opacity: .4
}

.mob-bg {
    display: none
}

.background-video {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

video,
source {
    bottom: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute
}

.loaded .ytplayer-container {
    display: block
}

.ytplayer-container {
    bottom: 0;
    height: 100%;
    left: 0;
    min-width: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.ytplayer-shield {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.ytplayer-player {
    position: absolute
}

.contact-info {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0
}

    .contact-info ul li {
        float: left;
        color: #fff;
        margin-bottom: 10px
    }

        .contact-info ul li a {
            font-size: 14px;
            text-transform: uppercase;
            padding-right: 20px;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear
        }

            .contact-info ul li a i {
                padding-right: 5px
            }

            .contact-info ul li a:hover {
                opacity: .6
            }

#contact-form input[type="text"],
#contact-form textarea {
    color: #999 !important;
    padding: 15px 0;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
    background: none;
    margin-bottom: 3px;
    border: 0;
    border: 1px solid #454444;
    position: relative;
    font-family: 'Quicksand', sans-serif
}

#contact-form-project input[type="text"],
#contact-form-project textarea {
    color: #999 !important;
    padding: 15px 0;
    width: 100%;
    font-size: 14px;
    padding-left: 10px;
    background: none;
    margin-bottom: 3px;
    border: 0;
    border: 1px solid rgba(221, 221, 221, .5);
    position: relative;
    font-family: 'Quicksand', sans-serif
}

#contact-form-project textarea {
    height: 155px;
    margin-left: 3px;
    resize: none
}

#contact-form-project input[type="submit"],
.controls button {
    background: #f58634;
    border: none;
    padding: 14px 35px;
    cursor: pointer;
    font-size: 14px;
    color: #111 !important;
    -webkit-appearance: none;
    float: left;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    outline: 1px solid rgb(240, 169, 118);
    outline-offset: -5px
}

    #contact-form-project input[type="submit"]:hover,
    .controls button:hover {
        color: #fff !important
    }

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

:-moz-placeholder {
    color: #999
}

#contact-form input[type=text]:focus,
#contact-form textarea:focus,
input[type=email]:focus {
    color: #999
}

#contact-form textarea {
    height: 156px;
    resize: none
}

#contact-form input[type="submit"],
.controls button {
    background: none;
    border: none;
    padding: 14px 35px;
    cursor: pointer;
    font-size: 14px;
    color: #111 !important;
    -webkit-appearance: none;
    float: left;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    outline: 1px solid rgb(240, 169, 118);
    outline-offset: -5px
}

    #contact-form input[type="submit"]:hover,
    .controls button:hover {
        color: #fff !important
    }

.career-form input[type="submit"],
.controls button {
    background: linear-gradient(to right, rgb(247, 150, 51), rgb(255, 230, 28));
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #111 !important;
    -webkit-appearance: none;
    float: left;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    outline: 1px solid rgb(240, 169, 118);
    outline-offset: -5px
}

    .career-form input[type="submit"]:hover,
    .controls button:hover {
        color: #fff !important
    }

.contact-page-form input[type="submit"],
.controls button {
    background: linear-gradient(to right, rgb(247, 150, 51), rgb(255, 230, 28));
    border: none;
    cursor: pointer;
    font-size: 14px;
    color: #111 !important;
    -webkit-appearance: none;
    float: left;
    text-transform: uppercase;
    font-family: 'Barlow Condensed', sans-serif;
    outline: 1px solid rgb(240, 169, 118);
    outline-offset: -5px
}

    .contact-page-form input[type="submit"]:hover,
    .controls button:hover {
        color: #fff !important
    }

.error_message {
    text-align: left;
    margin-bottom: 30px;
    font-size: 16px;
    color: #000;
    text-transform: uppercase
}

#success_page h3 {
    text-align: left;
    font-size: 18px;
    text-transform: uppercase
}

#success_page p {
    color: #000;
    margin-top: 10px
}

#message fieldset {
    border: none;
    color: #000
}

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

.custom-slider .box-links {
    text-align: center !important
}

article p {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    text-align: left;
    position: relative
}

article {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee
}

    article:before {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 50px;
        height: 4px
    }

.display-posts p {
    line-height: 25px
}

article h4 {
    font-size: 24px;
    line-height: 36px;
    font-style: normal;
    font-weight: 700;
    font-weight: 700;
    color: #222;
    padding-bottom: 10px !important;
    text-align: left
}

    article h4 a:hover {
        color: #666
    }

.post-media {
    float: left;
    width: 100%;
    position: relative;
    margin: 20px 0
}

.post-meta {
    margin: 14px 0 14px 0;
    float: left
}

.display-posts article {
    border-bottom: 1px solid #eee;
    padding: 0 0 30px 0;
    margin-bottom: 30px
}

.post-meta li {
    display: inline-block;
    margin-right: 8px;
    font-style: italic;
    font-size: 15px;
    color: #666;
    text-align: left
}

    .post-meta li a {
        font-size: 15px
    }

.mas-posts article ul.post-meta li {
    margin-bottom: 6px
}

.post-link {
    float: left;
    text-transform: uppercase;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear
}

.post-tags {
    float: left;
    width: 100%;
    margin: 30px 0
}

    .post-tags li,
    .tagcloud li {
        margin-right: 4px;
        float: left
    }

        .post-tags li a,
        .tagcloud li a {
            float: left;
            font-size: 10px;
            text-transform: uppercase;
            padding: 8px 10px 8px;
            background: #f5f5f5;
            margin-bottom: 3px;
            color: #444;
            -webkit-transition: all 300ms linear;
            -moz-transition: all 300ms linear;
            -o-transition: all 300ms linear;
            -ms-transition: all 300ms linear;
            transition: all 300ms linear
        }

            .post-tags li a:hover,
            .tagcloud li a:hover {
                color: #fff
            }

.pagination {
    margin-top: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: 4px;
    float: left;
    width: 100%
}

    .pagination a {
        float: left;
        padding: 12px 18px;
        position: relative;
        font-size: 13px;
        color: #666;
        border-right: 1px solid rgba(0, 0, 0, .07)
    }

        .pagination a.current-page,
        .pagination a:hover {
            color: #fff
        }

.searh-holder {
    position: fixed;
    top: 0;
    right: 0;
    width: 60%;
    height: 70px;
    background: #373435;
    z-index: 5;
    line-height: 50px;
    padding-left: 50px;
    padding-top: 15px
}

.searh-inner {
    max-width: 350px;
    position: relative;
    display: block
}

.search {
    border: none;
    border: 1px solid rgba(255, 255, 255, .51);
    float: left;
    background: #292929;
    border-radius: none;
    position: relative;
    outline: none;
    padding: 0 0 0 10px;
    width: 100%;
    height: 40px;
    color: #fff;
    -webkit-appearance: none
}

.search-submit {
    border: none;
    outline: none;
    cursor: pointer;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 28%;
    height: 40px
}

    .search-submit:hover i {
        opacity: .5
    }

.cat-item {
    padding-bottom: 8px;
    margin-bottom: 15px
}

    .cat-item a {
        font-weight: 400;
        -webkit-transition: all 200ms linear;
        -moz-transition: all 200ms linear;
        -o-transition: all 200ms linear;
        -ms-transition: all 200ms linear;
        transition: all 200ms linear
    }

#comments {
    text-align: left;
    padding-top: 10px;
    float: left;
    width: 100%
}

#comments-title,
#reply-title {
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
    margin-bottom: 5px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #666
}

.comment {
    float: left
}

.comment-body {
    position: relative;
    margin-left: 70px;
    padding-top: 30px
}

.comment-author {
    position: absolute;
    top: 30px;
    left: -66px
}

    .comment-author img {
        border-radius: 100%
    }

.comment .children {
    margin-left: 70px
}

.fn {
    display: block;
    margin-bottom: 10px
}

.comment-meta,
.comment-meta a {
    font-style: italic;
    color: #494949;
    padding-bottom: 10px
}

#respond {
    margin-top: 40px
}

#reply-title {
    padding-bottom: 30px;
    margin-bottom: 5px
}

.comment-notes {
    margin-top: 10px;
    color: #a4a4a3
}

.control-group label,
.control-group .controls {
    display: inline-block
}

.control-group label {
    margin-left: 10px;
    font-weight: 200
}

.control-group .controls input {
    margin-top: 15px;
    border: none;
    outline: none;
    height: 35px;
    background: #fff;
    padding-left: 15px;
    color: #a4a4a3;
    text-decoration: none;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.control-group .controls textarea {
    margin-top: 15px;
    border: none;
    outline: none;
    height: 180px;
    max-width: 600px;
    background: #fff;
    padding-left: 15px;
    padding-top: 15px;
    color: #a4a4a3;
    resize: vertical;
    text-decoration: none;
    border: 1px solid #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.controls button {
    margin-top: 30px
}

@media (min-width: 320px) and (max-width: 528px) {
    .inline-facts-holder .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

@media only screen and (max-width:1023px) {
    .jnav-container {
        display: none
    }

    .hero-wrap {
        padding: 10px
    }

    .inline-facts {
        margin-left: 0
    }

    #contact-form input[type="submit"],
    .controls button {
        padding: 14px 15px
    }
}

@media only screen and (max-width:1036px) {
    .logo-holder {
        margin: 10px
    }

        .logo-holder img {
            width: 155px
        }

    .home-page .content {
        margin-top: 0
    }

    .content {
        margin-top: 70px
    }

    .project-page .content {
        margin-top: 30px
    }

    section {
        padding: 40px 0
    }

    .mob-bg {
        display: block
    }

    .wrapper-inner,
    header,
    footer,
    .nav-inner {
        width: 100%
    }

    .wrapper-inner {
        float: left
    }

    footer {
        background: #343233 !important;
        position: relative;
        padding: 40px 0 0;
        float: left;
        visibility: visible !important
    }

    .height-emulator,
    .fixed-column,
    .scroll-nav-holder,
    .tooltip,
    #audio-control,
    .sect-subtitle {
        display: none
    }

    .about-iamge {
        margin-bottom: 40px
    }

    .hero-title h3 {
        width: 100%
    }

    .hero-title h4 {
        width: 100%;
        text-align: center !important
    }

        .hero-title h4:before {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 50%;
            margin-left: -35px;
            width: 70px;
            height: 4px
        }

    .fixed-filter {
        position: relative;
        width: 100%;
        background: #292929
    }

    .pr-list {
        float: left;
        width: 100%;
        margin-top: 30px;
        padding: 0;
        border: none
    }

    .searh-holder {
        position: relative;
        width: 100%;
        float: left;
        background: none;
        padding-left: 0;
        top: -18px
    }

    .searh-inner {
        max-width: 350px;
        position: relative;
        display: block
    }

    .search {
        border: 1px solid #ccc;
        background: none;
        color: #000
    }

    .project-pagination {
        position: relative;
        width: 100%;
        background: none;
        float: left;
        margin-top: 30px
    }

        .project-pagination ul {
            padding-left: 0
        }

    .fw-title {
        position: absolute;
        top: 45%;
        left: 0;
        width: 100%;
        z-index: 5;
        border: none !important
    }

        .fw-title h3 {
            float: none;
            max-width: 550px;
            margin: 0 auto;
            font-size: 74px;
            text-align: center
        }

    .mob-bg {
        display: block
    }

    #main {
        height: 100%;
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        z-index: 2;
        opacity: 0;
        -webkit-overflow-scrolling: touch
    }
}

@media only screen and (max-width:756px) {
    .facts-title {
        max-width: 250px
    }

    .inline-facts-holder {
        width: 100%;
        margin-top: 20px
    }

    .inline-facts {
        float: left;
        width: 33.3333333%
    }

    .facts-title h3 {
        top: 12px
    }

    .testi-item-img,
    .testi-item-text,
    .share-holder h4,
    .share-container {
        float: left;
        width: 100%
    }

    .testi-item-text {
        margin-top: 30px
    }

    .testi-item-img {
        padding: 0 20px
    }

    .gallery-item,
    .grid-sizer,
    .four-column .gallery-item,
    .four-column .gallery-item.gallery-item-second {
        width: 50%
    }

    .plan-work .gallery-item {
        width: 50% !important
    }

    .grid-small-pad .grid-item-holder {
        padding: 8px
    }

    .vis-filter {
        padding: 10px 0
    }

        .vis-filter li a {
            padding: 5px 10px;
            font-size: 10px
        }

    .section-title h2 {
        font-size: 26px
    }

    .share-holder h4,
    .share-container {
        float: left;
        width: 100%
    }

    .share-holder h4 {
        padding: 10px 0
    }

    .post-meta li {
        float: left
    }

    .fw-title h3 {
        font-size: 54px
    }
}

@media only screen and (max-width:540px) {

    .facts-title {
        max-width: 250px
    }

    .inline-facts,
    .facts-title {
        width: 100%
    }

        .inline-facts h6,
        .num {
            float: none;
            text-align: center !important;
        }

    .gallery-item,
    .grid-sizer,
    .four-column .gallery-item,
    .four-column .gallery-item.gallery-item-second {
        width: 100%
    }

    .plan-work .gallery-item {
        width: 100% !important
    }

    .text-title {
        font-size: 18px
    }

    .post-meta li {
        margin-bottom: 10px
    }
}

@media (max-width:991px) {
    .value_box {
        min-height: auto !important
    }
}

@media (max-width:767px) {
    .fixed-filter.location-filter ul {
        background: #292929;
        padding-left: 5px
    }

    .filter-holder.location-filter {
        height: 144px;
        padding-top: 4px
    }

    .fixed-filter.location-filter ul li {
        float: left;
        margin-right: 4px;
        line-height: 44px;
        width: 32%;
        background: #333;
        margin-bottom: 3px
    }

    .fixed-filter.location-filter a {
        padding: 10px 5px;
        background: #333;
        display: inherit;
        line-height: 25px
    }

    .arrow a {
        display: none
    }

    .value_list li {
        width: 50% !important;
        float: left;
        border-right: none !important
    }
}

@media only screen and (max-width:767px) {
    .hero-title {
        left: 5px;
        bottom: 25px
    }

        .hero-title h3 {
            font-size: 16px
        }

    .hero-wrap h1 {
        font-size: 22px !important
    }
    .hero-wrap h2 {
        font-size: 22px !important
    }
    .arise-h1 {
        z-index: 8 !important;
        white-space: nowrap !important;
        letter-spacing: -1px !important;
        font-family: "Barlow Condensed", sans-serif !important;
        visibility: inherit !important;
        transition: none 0s ease 0s !important;
        text-align: center !important;
        line-height: 55px !important;
        margin: 0px !important;
        padding: 10px 0px !important;
        font-weight: 450 !important;
        font-size: 40px !important;
        min-height: 0px !important;
        min-width: 0px !important;
        max-height: none !important;
        max-width: none !important;
        opacity: 1 !important;
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) !important;
        transform-origin: 50% 50% 0px !important;
        color: rgb(255, 255, 255) !important;
        box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px !important;
        border-radius: 0px !important;
    }
}


@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .bg {
        background-attachment: scroll !important;
        -webkit-background-size: cover;
        background-position: center
    }
    /* #Terraza.bg{
        background-image:url("images/03-Web-banner.jpg")!important;
        background-image:url(images/03-Web-banner.jpg) !important;
    } */
}

.logo-holder {
    background: none !important
}

.contactform input {
    width: 49% !important;
    color: #999 !important
}

.contactform textarea {
    width: 100% !important;
    height: 85px !important;
    color: #999 !important
}

.height-emulator {
    height: 540px !important
}

.arrow {
    left: 50%;
    -webkit-animation: ar 2s linear infinite;
    -o-animation: ar 2s linear infinite;
    animation: ar 2s linear infinite;
    position: absolute;
    bottom: 0;
    z-index: 1
}

    .arrow a {
        color: #f09c05;
        font-size: 50px
    }

.owl-dots {
    display: none !important
}

.color {
    color: #ddd
}

.scb_but_img {
    background: #f57a5b;
    border: 2px solid #f57a5b;
    border-radius: 100%;
    bottom: 31.08%;
    height: 80px;
    opacity: .8;
    padding: 15px;
    position: absolute;
    right: 10.5%;
    width: 80px;
    z-index: 9999
}

.scb_bg_puls {
    backface-visibility: hidden;
    background-color: #f57a5b;
    border: 2px solid #f57a5b;
    border-radius: 100%;
    opacity: 0.75 !important;
    position: absolute;
    right: 10%;
    bottom: 30%;
    width: 100px;
    height: 100px;
    z-index: 9999
}

@-webkit-keyframes ar {
    0% {
        bottom: 50px;
        opacity: .5
    }

    50% {
        bottom: 25px;
        opacity: 1
    }

    100% {
        bottom: 50px;
        opacity: .5
    }
}

@-o-keyframes ar {
    0% {
        bottom: 50px;
        opacity: .5
    }

    50% {
        bottom: 25px;
        opacity: 1
    }

    100% {
        bottom: 50px;
        opacity: .5
    }
}

@-moz-keyframes ar {
    0% {
        bottom: 50px;
        opacity: .5
    }

    50% {
        bottom: 25px;
        opacity: 1
    }

    100% {
        bottom: 50px;
        opacity: .5
    }
}

@keyframes ar {
    0% {
        bottom: 50px;
        opacity: .5
    }

    50% {
        bottom: 25px;
        opacity: 1
    }

    100% {
        bottom: 50px;
        opacity: .5
    }
}

.phone,
.email,
.nav-button,
.home-icon {
    border-radius: 50%
}

.phone {
    background: rgba(34, 34, 34, .5);
    height: 50px;
    position: fixed;
    right: 80px;
    top: 10px;
    width: 50px;
    padding: 12px 0;
    z-index: 9
}

    .phone > a {
        color: white;
        font-size: 20px
    }

.email {
    background: rgba(34, 34, 34, .5);
    height: 50px;
    padding: 11px 0;
    position: fixed;
    right: 135px;
    top: 10px;
    width: 50px;
    z-index: 9
}

    .email > a {
        color: white;
        font-size: 20px
    }

.home-icon {
    background: rgba(34, 34, 34, .5);
    height: 50px;
    padding: 11px 0;
    position: fixed;
    right: 190px;
    top: 10px;
    width: 50px;
    z-index: 9
}

    .home-icon > a {
        color: white;
        font-size: 22px
    }

.project {
    position: absolute;
    right: -35px;
    top: 35%;
    z-index: 9;
    background: #f09c05;
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    transform: rotate(270deg);
    outline: 1px solid rgb(240, 169, 118);
    outline-offset: -5px;
    background: #f09c05;
    background-image: linear-gradient(to right top, #f09c05, #ec8438, #e3823b, #da803e, #d17e41);
    letter-spacing: 1px
}

    .project a {
        font-size: 15px;
        text-transform: uppercase;
        color: #fff
    }

.pipe {
    color: #f09c05
}

.mt30 {
    margin-top: 30px
}

.mt50 {
    margin-top: 50px
}

.get_directoin {
    margin-top: 40px;
    text-align: left
}

    .get_directoin a {
        background: #2c2b2b;
        color: white;
        padding: 15px 30px;
        text-transform: uppercase;
        letter-spacing: 1px
    }

.list > li {
    line-height: 24px;
    list-style-type: circle;
    margin-left: 16px;
    text-align: left
}

.clear {
    clear: both
}

.get_directoin {
    margin-top: 40px;
    margin-bottom: 30px;
    width: 100%;
    display: inline-block
}

.contactform input#contact_no {
    width: 100% !important
}

img.cb {
    position: relative;
    margin-top: -5px;
    margin-left: 1px
}

/*.num:after{content:"+"}*/
.footer-social li:last-child a {
    line-height: 35px
}

.get_directoin a {
    outline: 1px solid #373435;
    outline-offset: -5px
}

    .get_directoin a:hover {
        color: #f09c05
    }

.hero-wrap h1 {
    font-size: 35px;
    font-weight: 500
}

    .hero-wrap h1 a {
        color: #fff
    }

span.location-name {
    opacity: .5
}

h5.project-title-home {
    display: block;
    clear: both;
    text-align: left;
    font-size: 19px;
    color: #ddd;
    padding-top: 15px
}

.pogoda-hld .close,
.pogoda-hld .open {
    margin-top: 45px;
    position: absolute;
    right: -20px;
    width: 222px
}

.pogoda-hld .open {
    display: none
}

.pogoda-hld.book {
    top: 16% !important;
    position: fixed !important;
    right: 35px !important;
    transition: all 0.5s ease 0s
}

    .pogoda-hld.book .close,
    .pogoda-hld.book .open {
        right: 0;
        width: 165px
    }

.phone-dropdown-content p {
    padding-bottom: 0
}

.phone-dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(34, 34, 34, .5);
    color: #fff;
    width: max-content;
    width: -moz-max-content;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    padding: 12px 25px;
    border-radius: 25px;
    margin-top: 15px;
    z-index: 1
}

.phone-dropdown:hover .phone-dropdown-content {
    display: block
}

/* .email-dropdown-content p {
    padding-bottom: 0
}

.email-dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(34, 34, 34, .5);
    color: #fff;
    width: max-content;
    width: -moz-max-content;
    right: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
    padding: 12px 25px;
    border-radius: 25px;
    margin-top: 15px;
    z-index: 1
}

.email-dropdown:hover .email-dropdown-content {
    display: block;
} */
.rera-no {
    background: rgba(0, 0, 0, .2);
    z-index: 1;
    right: 120px;
    bottom: 30px;
    position: absolute;
    padding: 5px 10px 5px;
    color: #fff
}

    .rera-no strong {
        color: #f09c05;
        font-weight: 500
    }

.amenities h4 {
    display: inline-block;
    width: 100%;
    text-align: left;
    font-size: 20px;
    margin-bottom: 15px
}

    .amenities h4:after {
        content: "";
        border-bottom: 1px solid #ddd;
        display: block;
        padding-top: 15px
    }

.specifications img {
    background: #434242;
    padding: 20px;
    outline: 1px solid rgba(255, 255, 255, .1);
    outline-offset: -7px
}

.specifications .col-lg-2.col-sm-2 {
    text-align: left;
    padding-left: 0
}

.specifications .col-lg-10.col-sm-10 {
    padding-left: 0
}

.key-features img {
    background: #434242;
    padding: 20px;
    outline: 1px solid rgba(255, 255, 255, .1);
    outline-offset: -7px
}

.key-features .col-lg-2.col-sm-2 {
    text-align: left;
    padding-left: 0
}

.key-features .col-lg-10.col-sm-10 {
    padding-left: 0
}

.tag-line-heading {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative;
    display: inline-block;
    color: #555
}

.legal_documents-txt {
    padding: 12px 15px 10px
}

.onsite-txt {
    padding: 12px 15px 10px
}

.layout-plan-txt {
    padding: 12px 15px 10px
}

.grid-item h3 {
    font-family: 'Quicksand', sans-serif;
    text-transform: inherit
}

.grid-item span {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-weight: 500
}

.gallery-items .gallery-item {
    cursor: pointer
}

.bg_none {
    background: 0 0 !important
}

.location-page h3 {
    font-size: 20px;
    padding: 0 0 15px
}

.mb15 {
    margin-bottom: 15px
}

.plr0 {
    padding-left: 0;
    padding-right: 0
}

#google_map {
    height: 500px
}

div#content {
    padding: 10px 0;
    width: 300px
}

#content h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px
}

#content p {
    padding-bottom: 0;
    text-align: center;
    line-height: 22px
}

.sangini_profile h3 {
    font-size: 22px;
    margin-bottom: 10px
}

.separator {
    background: #ececec;
    height: 1px;
    margin: 10px 0 15px
}

orange {
    color: #f09c05
}

img.csr-img {
    width: 100%;
    border: 1px solid #f2f2f2;
    margin-bottom: 10px
}

img.archives-img {
    width: 100%;
    margin-bottom: 25px;
    outline: 2px solid rgba(255, 255, 255, .3);
    outline-offset: -10px
}

img.archives-img-proj {
    width: 100%;
    margin-bottom: 0;
    outline: 2px solid rgba(255, 255, 255, .3);
    outline-offset: -10px
}

.mt15 {
    margin-top: 15px
}

.csr-block p {
    min-height: 60px
}

.pb0 {
    padding-bottom: 0
}

.proj-caption {
    font-family:Helvetica Neue;
    background: #f9f9f9;
    margin-bottom: 25px;
    text-align: left;
    padding: 10px 15px
}

    .proj-caption h5 {
        font-size: 20px;
    }

    .proj-caption p {
        font-size: 14px;
        line-height: 20px
    }

.frame {
    text-align: center;
    position: relative;
    cursor: pointer;
    perspective: 500px;
    margin-bottom: 25px
}

    .frame img {
        width: 100%;
        outline: 5px solid rgba(255, 255, 255, .2);
        outline-offset: -15px
    }

    .frame .details {
        width: 74%;
        height: 80%;
        padding: 5% 8%;
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotateY(90deg);
        transform-origin: 50%;
        background: rgba(255, 255, 255, .85);
        opacity: 0;
        transition: all 0.4s ease-in
    }

    .frame:hover .details {
        transform: translate(-50%, -50%) rotateY(0deg);
        opacity: 1
    }

.details p {
    height: 205px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    font-size: 16px
}

.check-list li {
    list-style: none;
    margin-left: 20px;
    line-height: 25px
}

    .check-list li:before {
        content: "\f101";
        font-family: FontAwesome;
        position: absolute;
        margin-left: -20px
    }

.mb10 {
    margin-bottom: 10px
}

.award_banner img {
    width: 100%
}

.award_banner img {
    outline: 1px solid rgba(255, 255, 255, .1);
    outline-offset: -7px;
    box-shadow: 0 5px 10px #dedede
}

.award_banner {
    margin-bottom: 25px
}

.mb25 {
    margin-bottom: 25px
}

.current-openings-row strong {
    font-weight: 700;
    margin-bottom: 5px;
    display: inline-block
}

.career-form input,
textarea,
.career-form select {
    border: 1px solid #ddd;
    color: #000;
    font-size: 15px;
    margin: 0;
    outline: medium none;
    padding: 15px 40px;
    width: 100%;
    font-family: 'Quicksand', sans-serif
}

.career-form textarea {
    resize: none;
    height: 110px
}

.contact-page-form input,
textarea {
    border: 1px solid #ddd;
    color: #000;
    font-size: 15px;
    margin: 0;
    outline: medium none;
    padding: 15px 40px;
    width: 100%;
    font-family: 'Quicksand', sans-serif
}

.contact-page-form textarea {
    resize: none;
    height: 110px
}

.career-form [type=checkbox] {
    width: auto;
    margin-bottom: 20px
}

.career-form [type=file] {
    margin-bottom: 10px;
    font-family: 'Quicksand', sans-serif
}

.form-icon i {
    position: absolute;
    margin-top: 18px;
    margin-left: 15px;
    font-size: 15px;
    opacity: .5
}

span.form-icon {
    margin-bottom: 10px;
    display: block
}

.customfile-upload {
    background: linear-gradient(to right, rgb(247, 150, 51), rgb(255, 230, 28));
    color: #000;
    border: none;
    cursor: pointer;
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    font-style: normal;
    height: 50px;
    margin-left: 0;
    margin-top: -50px;
    padding: 5px 30px;
    float: right;
    position: relative;
    text-decoration: none;
    transition: all 0.4s ease 0s
}

form .wpcf7-form-control-wrap {
    display: block;
    overflow: hidden
}

.pr5 {
    padding-right: 5px
}

.pl5 {
    padding-left: 5px
}

@media only screen and (max-width:767px) {
	.popup {
        width: 375px !important;
        height: 587px !important;
	}
}

 .popup-trigger {
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px
}

.popup {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    color: #333;
    font-size: 19px;
    border: 10px solid #000;
    z-index: 9999;
    position: fixed;
    height: 100%;
    overflow-y: scroll;
    text-align: left
}

.popup-mobile {
    left: 0;
    margin: 0;
    font-size: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    text-transform: none;
    font-weight: 500
}

    .popup-mobile ol {
        line-height: 20px
    }

.popup-btn-close {
    position: fixed;
    top: 0;
    right: 0;
    color: #4EBD79;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer
}

    .popup-btn-close .fa {
        background-color: rgba(0, 0, 0, .6);
        color: #fff;
        right: 27px;
        top: 10px;
        padding: 18px 20px;
        position: absolute;
        font-size: 15px
    }

.popup-header {
    background-color: rgba(238, 121, 54, 1);
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    font-size: 26px;
    font-weight: 400;
    padding: 10px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.popup p {
    margin: 0;
    text-align: justify
}

.popup h5 {
    margin: 10px 0 15px;
    font-size: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    border-top: 1px solid #ddd;
    padding-top: 5px
}

.popup ol {
    padding: 10px 0 0 20px;
    text-align: justify
}

.popup-award {
    float: right;
    text-decoration: underline
}

.dec-holidays td,
.dec-holidays th {
    border: 1px solid #ddd;
    padding: 10px 10px;
    font-family: 'Quicksand', sans-serif
}

.popup ul li {
    list-style: circle;
    margin-left: 20px;
    margin-bottom: 10px
}

    .popup ul li:last-child {
        margin-bottom: 0
    }

.popup ul {
    margin-bottom: 20px
}

.padding-popup {
    padding: 25px
} 

#google_map {
    height: 420px
}

.contact-data-km h5 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    color: #f09c05
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.contact-data-km p {
    text-align: center;
    padding-bottom: 0
}

.data-km-section {
    margin: 30px 0 0
}

.contact-data-km h5:after {
    content: "";
    width: 8px;
    height: 8px;
    display: block;
    line-height: normal;
    background: #e8e8e8;
    margin: 5px auto;
    border-radius: 50%
}

@media only screen and (max-width:767px) {
    p {
        text-align: justify;
    }

    .jnav-container {
        display: none
    }
}

.text-white {
    color: #fff
}

.btn.dark-btn {
    background: #373435
}

    .btn.dark-btn i {
        background: #f09c05
    }

.preloader {
    background: #fff;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 9999999999999
}

.status,
.status-message {
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat
}

.status-message {
    padding-top: 30%
}

.status {
    background-image: url(../images/loader.gif)
}

.built-for-us {
    float: left
}

.orange_txt {
    color: #be1036;
    font-weight: 600;
    font-size: 18px;
    display: block
}

.value_list li {
    margin-bottom: 10px;
    width: 16%;
    border-right: 1px solid #e3e3e3
}

    .value_list li:last-child {
        border-right: none
    }

.value_list {
    padding-top: 20px
}

    .value_list li img {
        width: 70px;
        padding-bottom: 10px;
        margin: 0 auto
    }

.value_box .value_img {
    max-width: 70px;
    padding-bottom: 8px
}

.value_box {
    border: 2px solid #eee;
    text-align: center;
    padding: 15px 20px;
    min-height: 330px;
    margin-bottom: 30px
}

.txt1 {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px
}

.list1 li {
    padding-bottom: 10px;
    padding-left: 20px
}

    .list1 li i {
        color: #fec52a;
        position: absolute;
        margin-left: -20px
    }

.proj-caption.img-caption {
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase
}

.plan-work .gallery-item {
    width: 20%
}

@media (min-width:1025px) and (max-width:1440px) {
    .details p {
        height: 165px
    }
}

@media (min-width:981px) and (max-width:1024px) {
    .value_box {
        min-height: 350px
    }
}

@media (min-width:1281px) and (max-width:1366px) {
    .fixed-filter.location-filter a {
        padding: 15px 18px
    }
}

@media (min-width:1025px) and (max-width:1280px) {
    .value_box {
        min-height: 445px
    }

    .fixed-filter.location-filter a {
        padding: 15px;
        font-size: 13.8px
    }
}

@media (min-width:1281px) and (max-width:1440px) {
    .value_box {
        min-height: 375px
    }
}

@media (min-width:737px) and (max-width:768px) {
    .fixed-filter.location-filter a {
        padding: 15px 20px
    }
}

@media (min-width:1441px) and (max-width:1680px) {
    .value_box {
        min-height: 350px
    }
}

@media (min-width:481px) and (max-width:768px) {
    .frame .details {
        display: table
    }

    .details p {
        font-size: 18px;
        line-height: 26px
    }

    #sec3 .CoreValues {
        padding-top: 75px;
    }
}

#contact-form {
    text-align: left
}

.error {
    color: #f09c05;
    line-height: 36px
}

.subnav ul li {
    padding: 4px 0
}

.med_height .jdropdown-menu li a {
    height: 45px !important
}

.pt-40 {
    padding-top: 40px
}

@media (max-width:480px) {
    .to-top {
        bottom: 85px
    }

    #sec3 .CoreValues {
        padding-top: 70px;
    }
}

.accordion-title.no_cursor a {
    cursor: text
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.error_404 {
    padding: 7rem 0 12rem;
}

.txt_404 {
    color: #f09c05;
    font-size: 2.3em;
    padding-bottom: 10px;
    display: block;
    line-height: 1em;
}

@media (max-width:767px) {
    .hero-wrapper {
        height: 300px;
        margin-top: 70px;
    }
}

@media (max-width:320px) {
    .logo-holder {
        margin-left: 0;
    }

    .nav-button {
        right: 5px;
    }

    .phone {
        right: 56px;
    }

    .email {
        right: 108px;
    }
}

.mb0 {
    margin-bottom: 0px !important;
}

.mar-btm-30 {
    margin-bottom: 20px;
}

.white {
    color: #fff
}

.logo-color {
    color: #fbae2f;
}

.jdropdown-menu li .other-tab i {
    position: absolute;
    top: 12px;
    right: 20px;
}

.jdropdown-menu li .other-tab {
    height: auto !important;
    background: rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid rgba(49, 49, 49, 0.9);
}

.fancybox-lock .fancybox-overlay {
    overflow: hidden !important;
}

.nav-inner nav li ul li a.other_link {
    padding-bottom: 3px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    display: inline-table;
    font-size: 17px;
    letter-spacing: 0.5px;
}

@media (max-width: 991px) {

    .contact-page-form .pr5,
    .career-form .pr5 {
        padding-right: 15px;
    }

    .contact-page-form .pl5,
    .career-form .pl5 {
        padding-left: 15px;
    }

    .popup-trigger {
        margin-bottom: 20px;
        display: block;
    }
}

/*new logo*/
.fwslider-holder .customNavigation a,
.show-info {
    background: linear-gradient(to right, rgb(247, 150, 51), rgb(255, 230, 28)) !important;
}

.value_img:hover {
    transform: rotateY(360deg);
    -webkit-transition: 1s cubic-bezier(.5, 1, .75, 1);
    -moz-transition: 1s cubic-bezier(.5, 1, .75, 1);
    transition: 1s cubic-bezier(.5, 1, .75, 1);
}

.value_img {
    transition: 2s;
    cursor: pointer;
}

.num {
    float: right;
    font-size: 30px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 500;
    width: 100%;
    color: #fec52a;
}

.scroll-nav-holder .email {
    background: rgba(146, 136, 136, 0.5);
}

.scroll-nav-holder .phone {
    background: rgba(146, 136, 136, 0.5);
}

.scroll-nav-holder .nav-button {
    background: rgba(146, 136, 136, 0.5);
}

.scroll-nav-holder nav li a:hover {
    color: #fff !important;
}

.btn.dark-btn {
    background: #737373;
}

    .btn.dark-btn i {
        background: linear-gradient(to right, rgb(247, 150, 51), rgb(255, 230, 28));
    }

.bg-title:before {
    background: linear-gradient(270deg, rgba(191,18,55,1) 0%, rgba(251,177,46,1) 100%) !important;
}

a.next-slide {
    border-radius: 100%;
}

a.prev-slide {
    border-radius: 100%;
}

a.next-slide:hover {
    border: 1px solid #fbb12e;
}

a.prev-slide:hover {
    border: 1px solid #fbb12e;
}

.bg-title:before {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 4px;
}

.footer-info h4:before {
    content: '';
    background: linear-gradient(270deg, rgba(191,18,55,1) 0%, rgba(251,177,46,1) 100%) !important;
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 30px;
    height: 2px;
}

.to-top-holder p:after {
    width: 50px;
    height: 2px;
    border-radius: 100%;
}

.footer-social li a {
    background: linear-gradient(270deg, rgba(191,18,55,1) 0%, rgba(251,177,46,1) 100%) !important;
    transition: .1s ease-out;
    color: #fff;
}

    .footer-social li a:hover {
        background: #fbb12e !important;
        transition: .1s ease-out;
        color: #fff;
    }

.ser-carous-holder .customNavigation a:hover {
    background: #fff;
    color: #fbb12e;
}

a.next-slide {
    border-radius: 100%;
}

a.prev-slide {
    border-radius: 100%;
}

a.next-slide:hover {
    border: 1px solid #fbb12e;
}

a.prev-slide:hover {
    border: 1px solid #fbb12e;
}

.testi-item-text:before {
    width: 4px;
    height: 50px;
    border-radius: 100%;
}

.testi-item-text:after {
    width: 50px;
    height: 4px;
    margin-left: 10px;
    border-radius: 100%;
}

#contact-form input[type="submit"], .controls button {
    outline: 1px solid rgba(249, 249, 249, 0.43);
    outline-offset: -5px;
}

.single-slider-holder .customNavigation a.prev-slide {
    border-radius: 100%;
}

.single-slider-holder .customNavigation a.next-slide {
    border-radius: 100%;
}

.btn i {
    padding-right: 10px;
    font-size: 18px;
    background: #737373;
}

.footer-contacts li a:hover, .twitter-holder .customNavigation a:hover, .to-top:hover i, .footer-social li a:hover i {
    opacity: 1;
}

.nav-decor-tl:after {
    border-radius: 100%;
}

.nav-decor-tl:before {
    border-radius: 100%;
}

.arrow a {
    color: #bf1238;
    font-size: 50px;
}

.float-right {
    float: right;
}

orange {
    color: #bf1238;
}

.single-slider-holder .customNavigation a:hover {
    background: rgba(255,255,255,.51);
    color: #fbb12e;
    border: 1px solid #fbb12e;
}

.st-separator:before {
    background: #bf1238 !important;
}

.section-title h3:before {
    border-color: transparent #737373 transparent transparent !important;
}

.section-title h3 {
    background: #737373 !important;
}

.inline-facts {
    cursor: pointer;
    float: left;
    width: 260px;
    text-align: center;
    background: white;
    padding: 20px 20px;
    /*margin-left: 19px;*/
    margin-bottom: 6px;
    outline: 1px solid #ececec;
    outline-offset: -6px;
    box-shadow: 0 0 3px rgba(0,0,0, .2);
}

    .inline-facts:hover {
        border-radius: 10px 0px;
        background: #737373;
        outline: 1px solid #fff3;
        transition: .4s ease-in;
        color: #fff;
    }

.pipe {
    color: #bf1238;
}

.jnav li a:hover {
    color: #fff;
    background-color: #737373;
}

.res-img {
    width: 100%;
}

@media (min-width: 1025px) and (max-width: 1280px) {
    .footer-social li {
        padding: 3px;
    }

    .to-top-holder {
        margin-top: 0px;
    }
}

h3.openings span {
    color: #c11f3b;
}

h3.openings {
    text-transform: uppercase;
}



h2.openings span {
    color: #c11f3b;
    font-size: 1em !important;
}

h2.openings {
    text-transform: uppercase;
    font-size: 1em !important;
}


.accordion .accordion-inner ul.career-acc {
    float: none;
    padding-left: 13px;
    margin: 0;
}

    .accordion .accordion-inner ul.career-acc li {
        float: none;
        padding-right: 30px;
        list-style: disc;
        font-size: 14px;
    }

.accordion-career {
    margin-top: 25px;
    margin-bottom: 35px;
}

.filter-holder.fixed-filter.location-filter.in-anim.new-fill {
    position: relative;
    width: 100%;
}

    .filter-holder.fixed-filter.location-filter.in-anim.new-fill ul {
        float: left;
        padding-left: 10px;
        padding-bottom: 20px;
    }

#form_process {
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 1.1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 1.1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 1.1s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    visibility: hidden
}

p#error_data {
    color: red;
}

p.dark-text {
    color: red !important;
}
/* @media (min-width:360px) and (max-width:640px){
    #Terraza{
        background-image:url(images/12-Web-banner.jpg);
    }
} */

@media (min-width:320px) and (max-width:528px) {
    .BtnCenter {
        float: unset;
    }
}