@media (min-width: 480px) and (max-width: 767px) {
    .container {
        width: 480px
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .container {
        width: 768px
    }
}

@media (min-width: 960px) {
    .container {
        width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 88%;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1921px) {
    .container {
        max-width: 1690px
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-0 {
        right: 0
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-0 {
        left: 0
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 960px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-0 {
        right: 0
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-0 {
        left: 0
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-0 {
        right: 0
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-0 {
        left: 0
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 960px) {
    .testimonials-slider-w .testimonial-content {
        margin-left: 140px;
        margin-right: 140px
    }
}

@media (max-width: 959px) {
    .testimonials-slider-w.flexslider .flex-direction-nav a {
        top: auto;
        bottom: -30px;
        right: auto;
        left: 50%;
        width: 40px;
        height: 40px;
        padding: 10px
    }

    .testimonials-slider-w.flexslider .flex-direction-nav .flex-prev {
        margin-left: -42px
    }

    .testimonials-slider-w.flexslider .flex-direction-nav .flex-next {
        margin-left: 2px
    }
}

@media (min-width: 1281px) {
    .icon-box4 p {
        padding: 0
    }

    .overlay {
        -webkit-transition: padding-bottom 1s;
        transition: padding-bottom 1s
    }
}

@media (min-width: 1441px) {
    .icon-box4 p {
        padding: 0 20%
    }
}

@media (min-width: 1200px) {
    #header.sticky #nav-wrap #nav > li, #nav li {
        list-style: none;
        padding: 0 10px 1px
    }
}

@media (min-width: 960px) {
    .header_mobile #nav > li > a {
        color: #444
    }

    #nav > li:not(.child):first-child > a:hover {
        box-shadow: 0 5px 30px 0 rgba(37, 127, 252, .5);
        background: #3c8bf9 !important
    }

    #header:not(.sticky) .header_mobile #nav-wrap #nav > li:not(.child):last-child:hover > a {
        background: #444 !important;
        color: #fff !important;
        text-decoration: none !important;
        border-color: #444
    }

    .icon-box4:hover i {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg)
    }

    .vc_row-fluid [class*=vc_span] .icon-box4 img {
        max-width: 220px
    }

    #nav > li:last-child ul ul {
        margin-left: 0;
        margin-right: 174px
    }

    #nav > li:last-child ul.mega, #nav > li:last-child ul.mega ul {
        margin-right: 0
    }

    #nav > li:last-child ul, #nav > li:last-child ul.mega li {
        padding-left: 0
    }

    #nav > li:last-child ul li {
        padding-left: 10px
    }

    #nav ul, #nav ul:hover {
        position: absolute;
        width: 100%;
        background: #fff;
        padding: 10px 10px 30px 12px;
        margin: 0 0 0 -21px;
        left: 15px;
        top: 80px
    }
}

@media (min-width: 960px) {
    #nav > li:not(.child):first-child > a {
        font-size: 14px;
        text-transform: uppercase;
        margin: 20px 0;
        font-weight: 500;
        color: #fff !important;
        border-radius: 4px;
        background-color: #257ffc;
        box-shadow: 0 5px 10px 0 rgba(37, 127, 252, .5);
        padding: 7px 10px
    }
}

@media (min-width: 480px) and (max-width: 959px) {
    #menu-icon, #nav {
        width: 278px
    }

    #nav {
        left: 51px
    }

    #header.sm-rgt-mn #nav {
        width: 100%;
        left: 0
    }

    #header.sm-rgt-mn #menu-icon {
        width: 32px
    }
}

@media (max-width: 1070px) {
    .logo-wrap {
        width: 200px
    }
}

@media (min-width: 960px) {
    #nav {
        display: block !important
    }
}

@media (min-width: 960px) {
    #wrap.vertical-header-enabled {
        padding-left: 250px
    }

    #wrap.vertical-toggle-header-enabled {
        padding-left: 0
    }

    .transparent-header-w #header.vertical-w {
        position: initial
    }

    .homepage-smart-container {
        height: 80px;
        background-color: #fff
    }

    #vertical-header-wrapper {
        position: fixed;
        width: 250px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1001;
        background-color: #fff;
        border-right: 3px solid #a2a7b1
    }

    #header.vertical-w #nav > li > a {
        margin: 0;
        line-height: 48px
    }

    #header.vertical-w .vheader-container {
        width: 100%;
        padding: 0;
        margin: 0
    }

    #header.vertical-w #nav-wrap, #header.vertical-w .logo-wrap {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0
    }

    #header.vertical-w #nav-wrap {
        margin-bottom: 40px
    }

    #header.vertical-w .logo-wrap {
        overflow: hidden
    }

    #header.vertical-w .logo {
        float: none;
        text-align: center;
        margin: 60px 0 50px;
        padding-left: 15px;
        padding-right: 15px
    }

    #header.vertical-w .logo a {
        display: block
    }

    #header.vertical-w #nav > li > ul:before, .vertical-toggle-header-enabled #header.vertical-w {
        display: none
    }

    #header.vertical-w .logo img {
        margin: 0 auto auto
    }

    #header.vertical-w #nav {
        float: none;
        margin: 0
    }

    #header.vertical-w #nav ul {
        margin: 0;
        padding: 0;
        left: 100%;
        top: 0
    }

    #header.vertical-w #nav li {
        position: relative;
        float: none;
        padding: 0 !important;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #f0f0f0
    }

    #header.vertical-w #nav li:hover {
        background-color: #fafafa
    }

    #header.vertical-w #nav > li:last-child {
        border: none
    }

    #header.vertical-w #search-form {
        float: none;
        border-left: none;
        padding-left: 0;
        margin: 0 19px;
        height: 38px;
        z-index: 9999
    }

    #header.vertical-w #search-form .search-text-box {
        width: 140px;
        background-color: #f3f3f3;
        background-image: url(../images/search-icon.png);
        background-position: 12px 50%;
        background-repeat: no-repeat;
        border: 0;
        border-radius: 18px;
        box-shadow: none;
        font-size: 13px;
        color: #444;
        height: 18px;
        line-height: 18px;
        padding: 7px 5px 8px 30px
    }

    .vertical-toggle-header-enabled #header {
        background: 0 0
    }

    .vertical-toggle-header-enabled #header.vertical-w #nav > li {
        border: none;
        background: 0 0
    }

    .vertical-toggle-header-enabled #header.vertical-w #nav > li > a {
        line-height: 36px;
        color: #999;
        text-shadow: none;
        font-family: futura-pt, Source Sans Pro, Helvetica, Arial, sans-serif;
        font-size: 19px
    }

    .vertical-toggle-header-enabled #header.vertical-w #nav > li > a:hover {
        color: #eee;
        background: #0c0c0c
    }

    .vertical-toggle-header-enabled #vertical-header-wrapper {
        border-right: 40px solid #242424;
        background: rgba(0, 0, 0, .9)
    }

    .vertical-toggle-header-enabled #header.vertical-w #nav ul {
        background: #191919
    }

    .vertical-toggle-header-enabled #header.vertical-w #nav ul li {
        border-color: #222
    }

    .vertical-toggle-header-enabled #header.vertical-w #nav ul li:hover, .vertical-toggle-header-enabled #header.vertical-w #nav > li:hover {
        background: #0c0c0c
    }

    #toggle-icon {
        display: block;
        position: absolute;
        top: 0;
        right: -99px;
        margin-right: 13px;
        margin-top: 20px;
        cursor: pointer;
        z-index: 100;
        background: #242424;
        width: 46px;
        height: 42px;
        padding: 11px;
        border-radius: 0 5px 5px 0
    }

    #toggle-icon.active {
        right: -95px
    }

    #toggle-icon span.mn-ext1, #toggle-icon span.mn-ext2, #toggle-icon span.mn-ext3 {
        display: block;
        width: 24px;
        height: 3px;
        background: #777;
        margin-bottom: 3px;
        margin-top: 2px;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    #toggle-icon.active span.mn-ext1 {
        display: none;
        background: #f47066
    }

    #toggle-icon.active span.mn-ext2 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: 9px;
        border-radius: 2px;
        background: #f47066
    }

    #toggle-icon.active span.mn-ext3 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -6px;
        border-radius: 2px;
        background: #f47066
    }

    ul.vertical-socials {
        position: absolute;
        bottom: 15px;
        right: 0;
        width: 50px;
        margin: 0
    }

    ul.vertical-socials li {
        list-style: none;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
        line-height: 1.7
    }

    ul.vertical-socials li a {
        font-size: 15px;
        color: #7f7f7f
    }

    .vertical-toggle-header-enabled #header.vertical-w #search-form .search-text-box {
        min-width: 170px;
        width: 170px;
        background-color: #222;
        background-image: url(../images/search-icon.png);
        background-position: 12px 50%;
        background-repeat: no-repeat;
        color: #fff
    }

    .socials-wrapper {
        position: absolute;
        bottom: 0;
        top: auto;
        clear: both;
        padding: 0 20px;
        width: 100%;
        display: none !important
    }

    .socials {
        float: none;
        text-align: center;
        margin: 0 0 20px
    }

    .socials li {
        display: inline-block;
        margin-right: 16px
    }

    .socials i {
        font-size: 18px;
        color: #7f7f7f
    }

    .socials a.facebook:hover i, .vertical-socials a.facebook:hover i {
        color: #3b5996
    }

    .socials a.twitter:hover i, .vertical-socials a.twitter:hover i {
        color: #00acee
    }

    .socials a.vimeo:hover i, .vertical-socials a.vimeo:hover i {
        color: #0dadd6
    }

    .socials a.dribble:hover i, .vertical-socials a.dribble:hover i {
        color: #d53e68
    }

    .socials a.youtube:hover i, .vertical-socials a.youtube:hover i {
        color: #cb322c
    }

    .socials a.pinterest:hover i, .vertical-socials a.pinterest:hover i {
        color: #cb2027
    }

    .socials a.google:hover i, .vertical-socials a.google:hover i {
        color: #c3391c
    }

    .socials a.linkedin:hover i, .vertical-socials a.linkedin:hover i {
        color: #0073b2
    }

    .socials a.rss:hover i, .vertical-socials a.rss:hover i {
        color: #f29a1d
    }

    .socials a.instagram:hover i, .vertical-socials a.instagram:hover i {
        color: #457399
    }

    .socials a.other-social:hover i, .vertical-socials a.other-social:hover i {
        color: #ff5d5e
    }
}

@media (min-width: 960px) {
    nav.full-menu {
        display: none !important
    }
}

@media (min-width: 960px) {
    #header.sticky #site-title {
        display: none
    }

    #header.sticky #nav-wrap, #header.sticky.hi-header #nav-wrap {
        width: 100%;
        border-bottom: 1px solid #e9e9e9 \9;
        box-shadow: 0 0 3px rgba(0, 0, 0, .21);
        z-index: 900;
        background: rgba(0, 0, 0, .8);
        display: block;
        position: fixed;
        height: 80px;
        padding: 0;
        left: 0;
        top: 0;
        -webkit-animation: header-anim .2s ease 27ms both;
        animation: header-anim .2s ease 27ms both;
        transition: background .3s ease-in-out 0s
    }

    #header.sticky #nav-wrap:hover {
        background: rgba(0, 0, 0, .8)
    }

    #header.sticky #nav-wrap .container {
        width: 88%;
        float: none;
        padding: 0 30px 0 300px;
        position: relative;
        margin-left: auto;
        margin-right: auto
    }

    #header.sticky .logo-sticky {
        display: block;
        position: fixed;
        top: 0;
        max-width: 280px;
        z-index: 900000000;
        -webkit-animation: fade-anim .3s ease 44ms both;
        animation: fade-anim .3s ease 44ms both;
        margin-left: -270px;
        height: 40px
    }

    #header.sticky .logo-sticky img.img-logo-w3 {
        max-height: 55px;
        width: auto;
        max-width: 280px;
        margin-top: 15px;
        display: block
    }

    #header.hi-header, #header.hi-header .logo .img-logo-w1 {
        position: fixed;
        height: 0;
        padding: 0;
        background: 0 0;
        border: none;
        display: none
    }

    #header.hi-header .logo-sticky, #header.hi-header .logo-sticky img.img-logo-w3, #header.sticky.hi-header {
        display: block;
        -webkit-animation: fade-anim .3s ease 44ms both;
        animation: fade-anim .3s ease 44ms both
    }

    .transparent-header-w #header.sticky .img-logo-w2, .transparent-header-w #headline, .transparent-header-w .top-bar {
        display: none
    }

    .transparent-header-w #header {
        top: 0;
        border: none;
        min-height: 600px
    }

    .carousel-image {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        cursor: pointer
    }

    .carousel-image:hover {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    .transparent-header-w #header.sticky {
        left: auto;
        top: auto
    }

    #nav > li > a {
        color: #fff;
        text-transform: capitalize;
        font-weight: 500;
        border-radius: 6px
    }

    .transparent-header-w #header.sticky #nav > li > a {
        text-shadow: none;
        color: #fff
    }

    .transparent-header-w #header.sticky .woo-cart-header .header-cart span {
        color: #9d9d9d;
        text-shadow: none
    }

    .transparent-header-w #header.sticky a.search-form-icon {
        color: #aaa;
        text-shadow: none
    }

    .transparent-header-w #header.sticky a.search-form-icon i {
        color: #aaa;
        border-color: #aaa
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .top-contact p {
        font-size: 14px
    }

    .voices label.control-label {
        min-width: 90px;
        font-size: 15px !important
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .transcription .icon-box6.delivery .panel-body {
        width: 100%
    }

    .estimated-time {
        width: 90%
    }
}

@media (min-width: 1200px) {
    #wrap.boxed-wrap, #wrap.boxed-wrap #header {
        width: 1180px
    }

    .white-space {
        height: 110px
    }

    h4.subtitle {
        margin: 39px 0 21px
    }

    #footer .col-md-3, #footer .col-md-4 {
        padding-right: 50px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .transcription .icon-box6 {
        min-height: 230px
    }

    #estimate .slider ul {
        margin-left: 15%
    }

    #estimate .slider ul li {
        width: 85px
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    #footer .partners {
        margin-left: 0
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .transcription .icon-box6 {
        min-height: 237px !important
    }

    .transcription .icon-box6.delivery .panel-body {
        width: 100%
    }

    .estimated-time {
        width: auto
    }

    .estimated-time .left, .estimated-time h3 {
        font-size: 14px;
        font-weight: 700
    }

    .box-action p {
        font-size: 17px
    }

    .box-action .arrow-button a {
        font-size: 18px
    }
}

@media (max-width: 640px) {
    #helperModal .estimated-time {
        width: auto
    }

    #helperModal .transcription .button-block {
        margin-top: 15px
    }

    .pair-input-small {
        margin-top: 10px
    }
}

@media (max-width: 540px) {
    .sweet-alert {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}

@media (min-width: 960px) and (max-width: 1590px) {
    .contact_number {
        width: 100%
    }

    .contact_number:last-child {
        margin-top: 10px
    }
}

@media (max-width: 1580px) {
    .intro_title {
        font-size: 40px
    }

    .intro_description {
        font-size: 15px
    }
}

@media (max-width: 1300px) {
    .smart-container.container {
        width: 100% !important;
        padding: 0
    }

    .header_mobile {
        background-color: transparent
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    #nav-wrap .container, #nav > li.active > a, #nav > li.current > a, .intro_mobile, .intro_title, .logo-wrap, .small {
        position: relative
    }

    .header_mobile {
        top: 0;
        border: none;
        background-size: 100% 300px !important
    }

    .header_mobile_content {
        display: inline-block !important
    }

    .logo-wrap {
        left: 0
    }

    .intro_title {
        bottom: 15px;
        font-size: 25px;
        margin-top: 0 !important
    }

    #nav-wrap {
        width: 100%;
        margin-top: 10px !important
    }

    .intro_description {
        display: block !important;
        width: 70%
    }

    .intro_mobile {
        padding: 30px 0 0 20px
    }

    .small {
        top: 10px
    }

    #header.sm-rgt-mn #menu-icon span.mn-ext1, #header.sm-rgt-mn #menu-icon span.mn-ext2, #header.sm-rgt-mn #menu-icon span.mn-ext3 {
        display: block;
        width: 24px;
        height: 3px;
        background: #fff !important;
        margin-bottom: 3px;
        margin-top: 2px
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    .more {
        font-size: 13px !important
    }

    .overlayTabsText {
        font-size: 14px !important
    }
}

@media (min-width: 768px) and (max-width: 930px) {
    .more {
        font-size: 11px !important
    }

    .overlayTabsText {
        font-size: 14px !important
    }

    .button.bordered-bot, button.bordered-bot, input[type=button].bordered-bot, input[type=reset].bordered-bot, input[type=submit].bordered-bot {
        border: 1px solid #dedede !important
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .our_clients_body .aligncenter {
        margin-left: 5%
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .footer-in {
        width: 90%
    }

    .our_clients_body .aligncenter {
        margin-left: 5%
    }

    .nav-footer {
        display: -webkit-inline-box
    }

    .vertical-space6 {
        height: 50px
    }

    .n-f {
        width: 33%
    }

    .contact_number {
        display: inline-table
    }

    .footer-navi {
        margin-left: 10px
    }
}

@media (min-width: 960px) and (max-width: 1366px) {
    .our_clients_body .col-sm-2 {
        width: 25%
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .top-line-wrapper {
        display: none
    }

    #header_line {
        display: none
    }

    .img-logo-w2 {
        margin-top: -5px
    }

    .our_clients_body .col-sm-2 {
        width: 33%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .our_clients_body .col-sm-2 {
        width: 49%;
        display: inline-table
    }
}

@media (min-width: 960px) {
    #header ul.navigation-x > li:not(.child):last-child > a {
        padding: 0.5rem;
        position: relative;
        top: -5px;
        line-height: 0;
    }

    .testimonial {
        min-height: 400px !important
    }
}

@media (min-width: 960px) and (max-width: 1100px) {
    #header.sticky #nav-wrap #nav > li > a {
        font-size: 12px !important
    }
}

@media (min-width: 960px) {
    #nav {
        display: block !important;
        margin-left: -90px
    }
}

@media (max-width: 700px) {
    .request_a_quote {
        font-size: 11px
    }

    .btn-link2 {
        font-size: 8px !important;
        margin-right: 50px
    }
}

@media (max-width: 516px) {
    .getQuote {
        height: 70px !important
    }
}

@media (max-width: 767px) {
    .language-meta-data > div {
        margin-right: 0
    }

    .language-meta-data .clearfix {
        display: block !important
    }

    #header .webnus-ad {
        display: none
    }

    .widget .flex-direction-nav a {
        top: 41%
    }

    .icon-box4 i {
        margin-bottom: 20px
    }

    .icon-box4 h4, .icon-box4 h5 {
        margin-bottom: 7px;
        line-height: 1.2em
    }

    .icon-box4 p {
        margin-bottom: 45px
    }

    .btnWhite {
        padding: 3px 8px !important
    }

    .btnCookie {
        text-align: center;
        position: relative;
        top: 4px
    }

    .cookiesBar {
        height: 130px;
        padding-top: 10px;
        position: fixed;
        z-index: 9999
    }

    #page-header-wrapper {
        height: 205px
    }

    .languages .page-title h2 {
        line-height: 125px;
        font-size: 30px
    }

    #header .left-side, #header .logo-wrap.right {
        float: none;
        display: block;
        overflow: hidden;
        text-align: center
    }

    #header .left-side .header-saerch {
        float: none
    }

    #header .alignright {
        text-align: center
    }

    .top-contact, .socialfollow {
        display: none
    }

    .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li > a {
        width: 100%;
        display: block;
        padding-left: 0;
        padding-right: 0
    }

    .tabs-left > .nav-tabs > li > a {
        border-right: 0 none
    }

    .tabs-left > .tab-content {
        border: none
    }

    .tab-content .column, .tab-content .columns {
        margin: 0 10px;
        max-width: 90%
    }

    .container hr {
        margin-left: 0;
        margin-right: 0
    }

    .one_fifth, .one_fourth, .one_half, .one_third, .three_fourth, .two_fifth, .two_third {
        width: 100%;
        float: none;
        margin-right: 0
    }

    .tab-content li, .tab-content p {
        font-size: 12px
    }

    #side-nav {
        float: none
    }

    .footer-navi, .footer-navi.floatright {
        float: none;
        text-align: center
    }

    .fix-btn-mrg .button.skyblue.large {
        margin-top: 30px;
        margin-bottom: 55px
    }

    .logo a:active {
        opacity: 1
    }

    .moonicons-box1 {
        width: 100%
    }

    #footer .partners {
        margin-left: 0
    }

    .blox.dark .caption {
        width: 100%
    }

    .icon-box6 .panel-body .checkbox-inline, .icon-box6 .panel-body .radio-inline {
        display: block !important;
        margin: 0;
        padding-left: 0
    }

    .estimated-time .left, .estimated-time h3 {
        float: none;
        text-align: center;
        display: block
    }

    .transcription .button-block {
        float: none;
        width: auto
    }

    .transcription .icon-box6.speakers .panel-body .radio-inline {
        margin: 0 0 5px
    }

    .tab-content {
        margin-bottom: 20px
    }

    .voices #age, .voices #dialect, .voices #gender, .voices #language {
        width: 95%
    }

    .arrow-button, .top-quote {
        width: 100% !important
    }

    label#age-label:hover, label#dialect-label:hover, label#gender-label:hover, label#language-label:hover {
        border: 1px solid #ccc;
        border-bottom: none;
        border-top: 1px solid #ccc
    }

    .box-action p {
        font-size: 17px !important
    }

    .arrow-button {
        margin-bottom: 0;
        padding: 17px 0 !important;
        font-size: 22px !important
    }

    .intro_title, .logo-wrap, .small {
        position: relative
    }

    .header_mobile {
        top: 0;
        border: none
    }

    #header .part1 {
        margin-top: -15px !important
    }

    #header.sm-rgt-mn #menu-icon span.mn-ext1, #header.sm-rgt-mn #menu-icon span.mn-ext2, #header.sm-rgt-mn #menu-icon span.mn-ext3 {
        display: block;
        width: 24px;
        height: 3px;
        background: #fff !important;
        margin-bottom: 3px;
        margin-top: 2px
    }

    .logo-wrap {
        top: -5px
    }

    .header_mobile_content {
        display: inline-block !important
    }

    .intro_title {
        bottom: 15px;
        font-size: 25px;
        margin-top: 30px;
        line-height: 30px
    }

    .intro_description {
        display: none
    }

    .small {
        left: 15px
    }

    #nav-wrap {
        width: 100%;
        margin-top: 11px
    }

    .button.bordered-bot, button.bordered-bot, input[type=button].bordered-bot, input[type=reset].bordered-bot, input[type=submit].bordered-bot {
        background: 0 0 !important;
        border: 2px solid #dedede;
        color: #fff;
        text-transform: capitalize;
        font-weight: 500;
        border-radius: 6px
    }

    .button.small, button.small, input[type=button].small, input[type=reset].small, input[type=submit].small {
        padding: 9px;
        font-size: 11px;
        text-transform: uppercase
    }

    .v-separate:after {
        height: 0
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    #nav {
        left: 131px
    }
}

@media (max-width: 959px) {
    #header .img-logo-w1, .transparent-header-w #header .img-logo-w1 {
        display: inline
    }

    .transparent-header-w #header .img-logo-w2 {
        display: none
    }

    .testimonials-slider-w.flexslider .flex-direction-nav a {
        top: auto;
        bottom: -30px;
        right: auto;
        left: 50%;
        width: 40px;
        height: 40px;
        padding: 10px
    }

    .testimonials-slider-w.flexslider .flex-direction-nav .flex-prev {
        margin-left: -42px
    }

    .testimonials-slider-w.flexslider .flex-direction-nav .flex-next {
        margin-left: 2px
    }

    .btnWhite {
        padding: 3px 8px !important
    }

    #menu-icon, #nav {
        margin: 0 auto;
        clear: both
    }

    #nav-wrap {
        position: relative;
        height: 30px;
        text-align: center;
        margin: 0 0 32px
    }

    #menu-icon {
        color: rgba(255, 255, 255, .7);
        font-size: 16px;
        font-weight: 400;
        height: 37px;
        border-radius: 2px;
        background: #363f46;
        padding: 7px 10px 7px 42px;
        cursor: pointer;
        box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .3);
        text-align: left;
        display: block
    }

    #menu-icon i {
        font-size: 16px;
        color: rgba(0, 0, 0, .6);
        float: left;
        margin-left: -28px;
        margin-top: 3px
    }

    #menu-icon.active, #menu-icon:hover {
        background-color: #257ffc
    }

    .mn-clk {
        font-size: 12px;
        color: rgba(255, 255, 255, .5)
    }

    #nav {
        background: #fff;
        position: absolute;
        width: 260px;
        z-index: 10000;
        padding: 2px 0 44px 18px;
        border: 1px solid #d2d2d2;
        border-top: 0 none;
        display: none
    }

    #nav ul {
        padding: 5px 0
    }

    #nav li {
        clear: both;
        text-align: left;
        float: none;
        border: 0;
        margin: 0 0 0 10px;
        padding: 0 !important;
        border-bottom: 1px solid #dcdee2
    }

    #nav ul li {
        border-color: #dcdee2
    }

    #nav ul li:last-child {
        border: none
    }

    #nav > li > ul:after, #nav > li > ul:before {
        display: none;
        visibility: hidden
    }

    #nav a, #nav ul a, #nav ul li a, #nav ul li:hover > a {
        background: 0 0;
        width: auto;
        display: inline-block;
        padding: 11px 11px 11px 0;
        text-align: left;
        border: 0;
        margin: 0;
        line-height: 1.2
    }

    #header.sticky #nav-wrap #nav > li > a, #nav > li > a {
        margin: 0;
        padding: 14px 0;
        line-height: 16px;
        display: block
    }

    #nav li ul, #nav ul li ul {
        margin: 0;
        padding: 0 0 0 10px
    }

    #nav a span:not(.flag-icon), #nav a:after {
        display: none;
        visibility: hidden
    }

    #nav > li.current:after {
        display: none
    }

    #nav li ul {
        display: none
    }

    #nav a:hover > #nav li ul, #nav ul, #nav ul li ul, #nav.ie10mfx li ul, #nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type {
        display: block
    }

    #nav ul {
        width: auto;
        margin: 0;
        box-shadow: none;
        position: static;
        border: none
    }

    #nav ul li ul {
        width: auto
    }

    #nav li.submenux:after {
        content: ""
    }

    #header.sm-rgt-mn .logo-wrap {
        float: left;
        height: 45px
    }

    #header.sm-rgt-mn .logo-wrap .logo {
        text-align: left !important
    }

    #header.sm-rgt-mn .logo-wrap .logo img {
        max-height: 58px;
        width: auto
    }

    #nav > li.active > a, #nav > li.current > a {
        border-bottom: none
    }

    #header.sm-rgt-mn .alignright {
        display: none
    }

    #header.sm-rgt-mn #menu-icon {
        margin-top: 21px;
        margin-right: 4px;
        overflow: hidden;
        z-index: 98;
        padding: 0;
        box-shadow: none;
        float: right;
        width: 40px;
        height: 40px;
        font-size: 16px;
        position: absolute;
        right: 0;
        background: 0 0;
        cursor: pointer;
        display: block
    }

    #header.sm-rgt-mn #menu-icon i, #header.sm-rgt-mn #menu-icon span {
        display: none
    }

    #header.sm-rgt-mn #menu-icon.active i, #header.sm-rgt-mn #menu-icon:hover i {
        color: #257ffc;
        cursor: pointer
    }

    #header.sm-rgt-mn #menu-icon span.mn-ext1, #header.sm-rgt-mn #menu-icon span.mn-ext2, #header.sm-rgt-mn #menu-icon span.mn-ext3 {
        display: block;
        width: 24px;
        height: 3px;
        background: #1499bd;
        margin-bottom: 3px;
        margin-top: 2px
    }

    #header.sm-rgt-mn #menu-icon i:before, #header.sm-rgt-mn #menu-icon.active span.mn-ext1 {
        display: none
    }

    #header.sm-rgt-mn #menu-icon.active span.mn-ext2 {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: 9px;
        border-radius: 2px
    }

    #header.sm-rgt-mn #menu-icon.active span.mn-ext3 {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -6px;
        border-radius: 2px
    }

    #header.sm-rgt-mn .nav-wrap2 #menu-icon {
        margin-right: 35px;
        margin-top: 22px
    }

    #header.sm-rgt-mn #nav {
        clear: both;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
        width: 100%;
        top: 72px;
        position: absolute;
        display: none
    }

    #header.sm-rgt-mn .nav-wrap2 #nav {
        width: 98%
    }

    #vertical-header-wrapper {
        padding: 0
    }

    #header.sm-rgt-mn .alignright, #header.sm-rgt-mn .left-side, #header.sm-rgt-mn .right-side {
        display: none
    }

    .vertical-toggle-header-enabled #header {
        background: rgba(0, 0, 0, .9)
    }

    .socials-wrapper, .vertical-socials {
        display: none !important
    }

    .vertical-toggle-header-enabled #header.vertical-w {
        display: block !important
    }

    #header .right-side {
        display: none
    }

    #header #nav-wrap.nav-wrap2.center #nav > li {
        display: block
    }

    .vertical-space, .vertical-space1 {
        height: 12px
    }

    .vertical-space2 {
        height: 18px
    }

    .vertical-space3 {
        height: 36px
    }

    #footer .vertical-space4 {
        height: 16px
    }

    .icon-box1 {
        text-align: center
    }

    .icon-box1 i {
        display: inline-block;
        float: none;
        margin: 20px 0
    }

    .icon-box2 h4 {
        font-size: 19px
    }

    .icon-box2 p {
        font-size: 17px
    }

    input[type=email], input[type=password], input[type=text], select, textarea {
        min-width: 90px;
        max-width: 100%
    }

    .top-contact {
        float: left;
        margin-left: 70px;
        width: 230px
    }

    .intro {
        display: none
    }

    #header #nav ul:not(.langs) li:before {
        position: absolute;
        content: "";
        margin-top: -18px;
        margin-left: -15px
    }

    .contact_number:last-child {
        margin-top: 10px
    }

    #header ul.navigation-x > li:not(.child):last-child > a {
        border: none
    }

    .home-digits {
        font-size: 60px
    }

    #header #nav ul li:not(.child) {
        width: 100% !important
    }

    .clients_logo_hover, .clients_logo_sprite, .clients_logo_sprite_corporate, .clients_logo_sprite_lsp, .clients_logo_sprite_others, .clients_logo_sprite_universities {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

    #trans1 {
        height: 300px !important
    }

    #trans1 > div {
        height: initial
    }
}

@media (max-width: 1024px) {
    .btnWhite {
        display: inline-block
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .cookiesBar {
        height: 80px
    }
}

@media (min-width: 480px) and (max-width: 700px) {
    .home-digits {
        font-size: 40px
    }
}

@media (min-width: 480px) {
    #trans1 {
        background: url(/assets/frontend/images/new_design/parallax.jpg) no-repeat fixed
    }
}