/*!
// Contents
// ------------------------------------------------

 1. Global Styles
 2. Mixins
 3. Typography
 4. Colours
 5. Sections
 6. Buttons
 7. Nav
 8. Tooltips
 9. Alerts
 10. Icons
 11. Forms
 12. Accordions
 13. Tabs
 14. Progress Bars
 15. Stats
 16. Breadcrumbs
 17. Pagination
 18. Icon Features
 19. Pricing Tables
 20. Page Titles
 21. Widgets
 22. Image Tiles
 23. Sliders
 24. Galleries
 25. Intros
 26. Shop
 27. Video
 28. Blog
 29. Image Blocks
 30. Portfolio
 31. Testimonials
 32. Countdown
 33. Maps
 34. Twitter
 35. Footers
 36. Spacing

/*-----------------------------------------------------------------------------
RESPONSIVE BASIC STYLES OF HTML DOCUMENT
Screen Stylesheet
version:                      3.3.6
version update:   	          3.6.8
-----------------------------------------------------------------------------*/
    
     ::-webkit-scrollbar {
        width: 6px;
        height: 100%;
        max-height: 100%;
        max-height: 6px !important;
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        background-attachment: fixed;
        padding: 0px;
        margin: 0px
    }
    
     ::-khtml-scrollbar {
        width: 6px;
        height: 100%;
        max-height: 100%;
        max-height: 6px !important;
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        background-attachment: fixed;
        padding: 0px;
        margin: 0px
    }
    
     ::-moz-scrollbar {
        width: 6px;
        height: 100%;
        max-height: 100%;
        max-height: 6px !important;
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        background-attachment: fixed;
        padding: 0px;
        margin: 0px
    }
    
     ::-ms-scrollbar {
        width: 6px;
        height: 100%;
        max-height: 100%;
        max-height: 6px !important;
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        background-attachment: fixed;
        padding: 0px;
        margin: 0px
    }
    
     ::-o-scrollbar {
        width: 6px;
        height: 100%;
        max-height: 100%;
        max-height: 6px !important;
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        background-attachment: fixed;
        padding: 0px;
        margin: 0px
    }
    
     ::-webkit-scrollbar-button {
        width: 4px;
        height: 0px
    }
    
     ::-khtml-scrollbar-button {
        width: 4px;
        height: 0px
    }
    
     ::-moz-scrollbar-button {
        width: 4px;
        height: 0px
    }
    
     ::-ms-scrollbar-button {
        width: 4px;
        height: 0px
    }
    
     ::-o-scrollbar-button {
        width: 4px;
        height: 0px
    }
    
     ::-webkit-scrollbar-track {
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        padding: 0px;
        margin: 0px;
        border: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-khtml-scrollbar-track {
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        padding: 0px;
        margin: 0px;
        border: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-moz-scrollbar-track {
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        padding: 0px;
        margin: 0px;
        border: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-ms-scrollbar-track {
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        padding: 0px;
        margin: 0px;
        border: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-o-scrollbar-track {
        background: url(../img/back.png);
        background-image: url(../img/back.png);
        padding: 0px;
        margin: 0px;
        border: none;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-webkit-scrollbar-thumb {
        background: #151515;
        border: none;
        background-color: #151515;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-khtml-scrollbar-thumb {
        background: #151515;
        border: none;
        background-color: #151515;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-moz-scrollbar-thumb {
        background: #151515;
        border: none;
        background-color: #151515;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-ms-scrollbar-thumb {
        background: #151515;
        border: none;
        background-color: #151515;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-o-scrollbar-thumb {
        background: #151515;
        border: none;
        background-color: #151515;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none
    }
    
     ::-webkit-scrollbar-thumb:hover {
        background: #151515;
        background-color: #151515
    }
    
     ::-khtml-scrollbar-thumb:hover {
        background: #151515;
        background-color: #151515
    }
    
     ::-moz-scrollbar-thumb:hover {
        background: #151515;
        background-color: #151515
    }
    
     ::-ms-scrollbar-thumb:hover {
        background: #151515;
        background-color: #151515
    }
    
     ::-o-scrollbar-thumb:hover {
        background: #151515;
        background-color: #151515
    }
    /* Pseudo-clase */
    
     ::-webkit-scrollbar-thumb:window-inactive {
        background: #151515;
        background-color: #151515
    }
    
     ::-khtml-scrollbar-thumb:window-inactive {
        background: #151515;
        background-color: #151515
    }
    
     ::-moz-scrollbar-thumb:window-inactive {
        background: #151515;
        background-color: #151515
    }
    
     ::-ms-scrollbar-thumb:window-inactive {
        background: #151515;
        background-color: #151515
    }
    
     ::-o-scrollbar-thumb:window-inactive {
        background: #151515;
        background-color: #151515
    }
    
    input::placeholder {
        color: #555;
    }
    
     ::-webkit-input-placeholder {
        /* WebKit, Blink, Edge */
        color: #555;
    }
    
     :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #555;
        opacity: 1;
    }
    
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #555;
        opacity: 1;
    }
    
     :-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #555;
    }
    
     ::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #555;
    }
    /*!---------- 1. GLOBAL STYLES ----------*/
    
    body {
        -webkit-osx-font-smoothing: grayscale;
        -khtml-osx-font-smoothing: grayscale;
        -moz-osx-font-smoothing: grayscale;
        -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -khtml-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        font-size: 14px;
        line-height: 24px;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: #333;
        -webkit-text-rendering: optimizeLegibility;
        -khtml-text-rendering: optimizeLegibility;
        -moz-text-rendering: optimizeLegibility;
        -ms-text-rendering: optimizeLegibility;
        -o-text-rendering: optimizeLegibility;
        text-rendering: optimizeLegibility;
        overflow-x: hidden;
        -webkit-overflow-x: hidden;
        -khtml-overflow-x: hidden;
        -moz-overflow-x: hidden;
        -ms-overflow-x: hidden;
        -o-overflow-x: hidden;
    }
    
    body {
        top: 0 !important;
    }
    
    body.boxed-layout {
        background: #eee;
    }
    
    body.boxed-layout .main-container {
        background: #fff;
    }
    
    body.boxed-layout,
    .boxed-layout .nav-container,
    .boxed-layout .main-container,
    .boxed-layout nav {
        max-width: 1366px;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    
    .scroll-down {
        opacity: 1;
        -webkit-transition: all .5s ease-in 3s;
        -khtml-transition: all .5s ease-in 3s;
        -moz-transition: all .5s ease-in 3s;
        -ms-transition: all .5s ease-in 3s;
        -o-transition: all .5s ease-in 3s;
        transition: all .5s ease-in 3s;
    }
    
    .scroll-down {
        position: absolute;
        bottom: -80px;
        left: 50%;
        margin-left: -16px;
        display: block;
        width: 32px;
        height: 32px;
        border: 2px solid #FFF;
        background-size: 14px auto;
        border-radius: 50%;
        z-index: 2;
        -webkit-animation: bounce 2s infinite 2s;
        animation: bounce 2s infinite 2s;
        -webkit-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }
    
    .scroll-down:before {
        position: absolute;
        top: calc(50% - 8px);
        left: calc(50% - 6px);
        transform: rotate(-45deg);
        display: block;
        width: 12px;
        height: 12px;
        content: "";
        border: 2px solid white;
        border-width: 0px 0 2px 2px;
    }
    
    @keyframes bounce {
        0%,
        100%,
        20%,
        50%,
        80% {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
        }
        40% {
            -webkit-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
            transform: translateY(-10px);
        }
        60% {
            -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
            transform: translateY(-5px);
        }
    }
    
    ul {
        list-style: none;
    }
    
    ul.bullets {
        list-style: inside;
    }
    
    .main-container {
        clear: both;
    }
    
    hr {
        border: none;
        border-top: 1px solid #ccc;
        margin: 0 0 24px 0;
        width: 100%;
    }
    
    hr.short-thick {
        max-width: 50px;
        border-top: 5px solid #ccc;
        opacity: 1 !important;
    }
    
    .image-bg hr {
        border-color: #fff;
        opacity: .7;
    }
    
    .image-bg.bg-light hr {
        border-color: #ccc;
        opacity: 1;
    }
    
    .bg-dark hr {
        border-color: #151515;
    }
    
    .inline-block {
        display: inline-block;
    }
    
    .list-inline {
        margin-left: 0;
    }
    
    .list-inline>li {
        padding: 0 8px;
    }
    
    .list-inline>li:last-child {
        padding-right: 0;
    }
    
    .list-inline>li:first-child {
        padding-left: 0;
    }
    
    .bg-primary .list-inline i {
        color: #8ed3ab;
    }
    
    .overflow-hidden {
        overflow: hidden;
    }
    
    .display-block {
        display: block;
    }
    
    .show-grid {
        border: 1px dashed rgba(255, 255, 255, 0);
        padding: 8px;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        cursor: default;
    }
    
    .show-grid:hover {
        border-color: #151515;
    }
    
    .right {
        right: 0;
    }
    
    .relative {
        position: relative;
        z-index: 2;
    }
    
    .clearboth {
        clear: both;
    }
    
    .spread-children * {
        display: inline-block;
        margin-left: 12px;
        margin-right: 12px;
    }
    
    .spread-children-large * {
        display: inline-block;
        margin-left: 24px;
        margin-right: 24px;
    }
    
    .container {
        position: relative;
    }
    
    .vnu {
        display: inline;
    }
    
    .row-gapless>div[class*='col-'] {
        padding: 0;
    }
    
    .page-login-logout {
        position: relative;
        background: url('../img/assitaProLogin.jpg') center;
        border: 0;
        outline: 0;
        z-index: -3;
        -webkit-background-size: cover;
        -khtml-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    
    .page-login-logout:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.6) url("../img/pattern.png");
        z-index: -2
    }
    
    #home-overlay {
        padding: 0;
        background: url('../img/assitaProLogin.jpg');
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -khtml-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    
    #team-overlay {
        padding: 0;
        background: url('../img/Oficina-Madrid-Castellana-02.jpg');
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        -webkit-background-size: cover;
        -khtml-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }
    
    .home-overlay {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }
    
    .home-overlay:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.4);
        z-index: -2
    }
    
    @media all and (max-width: 1100px) {
        .col-md-push-1 {
            left: 0;
        }
    }
    
    @media all and (max-width: 768px) {
        .pull-left-sm {
            float: left !important;
        }
        .overflow-hidden-xs {
            overflow: hidden;
        }
    }
    
    @media all and (max-width: 767px) {
        .spread-children * {
            margin-left: 6px;
            margin-right: 6px;
        }
    }
    /*!---------- 2. MIXINS ----------*/
    
    .v-align-children {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: row;
        -webkit-flex-direction: row;
    }
    
    .v-align-children-column {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    
    .disable-select {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    @media all and (max-width: 990px) {
        .v-align-children {
            display: block !important;
        }
    }
    
    .v-align-transform {
        position: relative;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        top: 50%;
        z-index: 2;
    }
    
    .align-bottom {
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 2;
    }
    
    .align-top {
        position: absolute;
        top: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        z-index: 2;
    }
    /*!---------- 3. TYPOGRAPHY ----------*/
    
    @media all and (max-width: 767px) {
        .text-center-xs {
            text-align: center !important;
        }
    }
    
    .bold {
        font-weight: 600 !important;
    }
    
    .thin {
        font-weight: 100 !important;
    }
    
    @media all and (max-width: 767px) {
        .thin {
            font-weight: 300 !important;
        }
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    ul,
    ol,
    pre,
    table,
    blockquote,
    input,
    button,
    select,
    textarea {
        margin-bottom: 24px;
        margin-top: 0;
        padding: 0;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 300;
        color: #151515;
    }
    
    #ws_form .btn:hover {
        border: 2px solid #D3222A;
        color: #D3222A;
        text-align: center;
        background: #fff;
    }
    
    .module h3 {
        line-height: 55px;
        color: #fff;
    }
    
    .module h3.logoAFS {
        margin-top: 7px;
        background: url(../img/logoAFSWEBD.svg) no-repeat 50% 0%;
        background-size: 100%;
        /* width: 80px; */
        /* height: 32px; */
        background-size: 100%;
        border-radius: 7px;
        width: 90px;
        box-sizing: border-box;
        background-color: rgb(246, 247, 249);
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
        border: none;
        padding: 25px 50px 15px 25px;
    }
    
    ul.assistant .button-app strong {
        font-size: 11px;
        text-shadow: 1px 1px #000;
        font-weight: normal;
    }
    
    ul.assistant .button-app .button-app-right {
        float: left;
        width: 100px;
        margin: 1px 0 0 8px;
    }
    
    ul.assistant .button-app span {
        font-size: 16px;
        text-shadow: 1px 1px #000;
    }
    
    ul.assistant .button-app .button-app-left {
        float: left;
    }
    
    ul.assistant .button-app:hover {
        color: #ddd;
        text-decoration: none;
    }
    
    ul.assistant .button-app strong {
        font-size: 11px;
        text-shadow: 1px 1px #000;
        font-weight: normal;
    }
    
    ul.assistant .button-app .button-app-left {
        float: left;
    }
    
    ul.assistant .button-app span {
        font-size: 16px;
        text-shadow: 1px 1px #000;
    }
    
    .social-login-buttons {
        margin-top: 0px;
    }
    
    ul.assistant .button-app:hover {
        color: #ddd;
        text-decoration: none;
    }
    
    .pro {
        padding-top: 10px;
    }
    
    .about-us-text {
        padding: 0px 75px;
    }
    
    .about-icon-contact {
        padding: 10px 75px;
    }
    
    .backContent ol,
    ul.tag-list-terms li:before {
        margin-top: 0;
        font-family: 'themify';
        content: "\e64c";
        position: absolute;
        color: #D02320;
        left: 0px;
        margin-top: 0px;
        font-size: 18px;
        margin-left: 100px;
    }
    
    .legal-warning ol,
    ul.tag-list-terms li:before {
        margin-top: 0;
        font-family: 'themify';
        content: "\e64c";
        position: absolute;
        color: #D02320;
        left: 0px;
        margin-top: 0px;
        font-size: 18px;
        margin-left: -20px;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 35px;
        letter-spacing: 1px;
        font-weight: 600;
    }
    
    .DIV_Content .backContent ol,
    ul.tag-list-about li:before {
        margin-top: 0;
        font-family: 'themify';
        content: "\e64c";
        position: absolute;
        color: #D02320;
        left: 0px;
        margin-top: 0px;
        font-size: 18px;
        margin-left: 100px;
    }
    
    .main_content figure {
        padding: 0px 105px;
    }
    
    .about-founders .h5,
    h5 {
        padding-top: 22px;
        font-size: 18px;
    }
    
    #map {
        width: 100%;
        height: 400px;
    }
    
    #news {
        width: 100%;
        height: 400px;
    }
    
    #aboutUS {
        width: 100%;
        height: 400px;
    }
    
    ul.assistant .button-app {
        display: inline-block;
        color: #fff;
        text-align: center;
        -webkit-border-radius: 0px;
        -khtml-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        -webkit-border: 2px solid white;
        -khtml-border: 2px solid white;
        -moz-border: 2px solid white;
        -ms-border: 2px solid white;
        -o-border: 2px solid white;
        border: 2px solid white;
        padding-left: 10px;
        padding-right: 10px;
        padding: 5px
    }
    
    ul.assistant .button-app.disabled {
        cursor: not-allowed;
        filter: alpha(opacity=75);
        opacity: .75;
        -webkit-box-shadow: none;
        -khtml-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }
    
    ul.tag-list li {
        display: inline-block;
        margin-bottom: 6px;
        margin-right: 2px;
    }
    
    .fa-55x {
        font-size: 35px !important;
    }
    
    .fa-apple:before {
        content: "\f179";
    }
    
    .error .module h3.logoAFS {
        margin-top: 10px;
        background: url(../img/logoAFSWEBD.svg) no-repeat 50% 0%;
        background-size: 100%;
        width: 150px;
        height: 59px;
    }
    
    nav.transparent.fixed .module h3.logoAFS {
        margin-top: 10px;
        background: url(../img/logoAFSWEBD.svg) no-repeat 50% 0%;
        background-size: 100%;
        width: 90px;
    }
    
    .bg-dark h3.logoAFS {
        background: url(../img/logoAFSWEBD.svg) no-repeat 50% 0%;
        background-size: 100%;
        border-radius: 7px;
        width: 90px;
        box-sizing: border-box;
        background-color: rgb(246, 247, 249);
        box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1);
        border: none;
        padding: 25px 50px 15px 25px;
    }
    
    h1,
    .h1 {
        font-size: 56px;
        line-height: 64px;
    }
    
    h1.large {
        font-size: 62px;
        line-height: 80px;
        font-weight: 100;
    }
    
    h1.jobs {
        font-size: 62px;
        line-height: 70px;
        font-weight: 100;
    }
    
    @media all and (max-width: 990px) {
        h1.large {
            font-size: 56px;
            line-height: 64px;
        }
    }
    
    h2 {
        font-size: 40px;
        line-height: 48px;
    }
    
    h3 {
        font-size: 32px;
        line-height: 40px;
    }
    
    h4 {
        font-size: 24px;
        line-height: 32px;
    }
    
    h4 a {
        color: #151515;
        font-weight: normal;
    }
    
    h4 a:hover {
        color: #D3222A;
    }
    
    h5 {
        font-size: 16px;
        line-height: 24px;
    }
    
    h5 strong {
        color: #D3222A;
    }
    
    h6,
    .h6 {
        font-size: 12px;
        line-height: 24px;
        font-weight: 600;
    }
    
    .v-align-transform h6,
    .h6 {
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
    }
    
    @media all and (max-width: 767px) {
        h1,
        h1.large,
        .h1 {
            font-size: 32px;
            line-height: 40px;
            font-weight: 300;
        }
        h2 {
            font-size: 32px;
            line-height: 40px;
        }
        h3 {
            font-size: 24px;
            line-height: 32px;
        }
        h4 {
            font-size: 18px;
            line-height: 26px;
        }
        h5 {
            font-size: 16px;
            line-height: 24px;
        }
        h6,
        .h6 {
            font-size: 12px;
            line-height: 24px;
            font-weight: 600;
        }
    }
    
    .uppercase {
        font-weight: 400;
        text-transform: uppercase;
    }
    
    h1.uppercase {
        letter-spacing: 17px;
        margin-right: -17px;
    }
    
    h2.uppercase {
        letter-spacing: 10px;
        margin-right: -10px;
    }
    
    h3.uppercase {
        letter-spacing: 6px;
        margin-right: -6px;
    }
    
    h4.uppercase {
        letter-spacing: 3px;
        margin-right: -3px;
    }
    
    h5.uppercase {
        letter-spacing: 2px;
        margin-right: -2px;
    }
    
    h6.uppercase,
    .h6-u {
        letter-spacing: 2px;
        font-weight: 600;
    }
    
    .bold-h6 {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
    }
    
    p,
    span {
        font-weight: 400;
    }
    
    p.lead {
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
    }
    
    p.AFS {
        font-size: 36px;
        font-weight: 400;
        line-height: 28px;
    }
    
    .sub {
        font-size: 13px;
    }
    
    @media all and (max-width: 767px) {
        p.lead {
            font-size: 13px;
            line-height: 24px;
        }
        p {
            font-size: 13px;
        }
    }
    
    a,
    a:visited,
    a:focus,
    a:active,
    a:hover {
        text-decoration: none;
        outline: none;
    }
    
    a:focus {
        color: #999!important;
    }
    
    a {
        font-weight: 600;
        color: #D3222A;
        cursor: poitner;
    }
    
    nav.transparent .module.widget-handle a {
        color: #151515;
    }
    
    nav.transparent .module.widget-handle a:active {
        color: #D3222A;
    }
    
    a:active {
        font-weight: 600;
        color: #999!important;
    }
    
    .noresize {
        resize: none;
    }
    
    .image-bg a,
    .bg-primary a {
        color: #fff;
    }
    
    .image-bg a:hover,
    .bg-primary a:hover {
        color: #fff;
    }
    
    .bg-light a {
        color: #D3222A;
    }
    
    .bg-light a:hover {
        color: #D3222A;
        opacity: 1;
    }
    
    a:hover {
        /*color: #398f5d;*/
        color: #666;
        text-decoration: none;
    }
    
    .label {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        letter-spacing: 1px;
        background: #D3222A;
        border-radius: 0;
        padding: 6px 12px;
        font-size: 10px;
        vertical-align: middle;
    }
    
    blockquote {
        overflow: hidden;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        line-height: 40px;
        font-style: italic;
        background: rgb(246, 247, 249);
        padding: 32px;
        color: #151515;
        font-weight: 300;
    }
    
    .bg-secondary blockquote {
        background: #fff;
        border-color: #D3222A;
    }
    
    blockquote .author {
        font-size: 12px;
        display: block;
        float: right;
        margin-top: 16px;
    }
    
    .number {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .columns-2 {
        column-count: 2;
        -webkit-column-count: 2;
    }
    
    @media all and (max-width: 767px) {
        br {
            display: none;
        }
        blockquote {
            font-size: 16px;
            line-height: 32px;
        }
        .columns-2 {
            column-count: 1;
            -webkit-column-count: 1;
        }
    }
    
    .text-left {
        text-align: left !important;
    }
    
    @media all and (max-width: 767px) {
        .text-left-xs {
            text-align: left !important;
        }
    }
    /*!---------- 3.1. TYPOGRAPHY - LISTS ----------*/
    
    ul[data-bullet] li {
        line-height: 32px;
    }
    
    ul[data-bullet] li i:first-child {
        margin-right: 16px;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        display: inline-block;
    }
    
    ul.lead li {
        font-size: 16px;
        line-height: 40px;
    }
    /*!---------- 4. COLOURS ----------*/
    
    .bg-primary {
        background: #D3222A !important;
    }
    
    .bg-secondary {
        background: rgb(246, 247, 249);
    }
    
    .bg-white {
        background: #fff;
    }
    
    .bg-dark {
        width: 100%;
        transition: all 0.4s ease 0s;
        text-shadow: 1px 1px #000;
        background-color: #151515;
        background: #151515;
        /*background-image: url(../img/pattern.png);*/
        background-repeat: repeat;
        -webkit-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
        -khtml-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
        -moz-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
        -ms-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
        -o-box-sizing: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
        -webkit-box-sizing: border-box;
        -khtml-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .lineFooter {
        border-top: 1px solid #D3222A;
    }
    
    .color-body {
        color: #666;
    }
    
    .color-primary {
        color: #D3222A !important;
    }
    
    .color-red {
        color: #e31d3b !important;
    }
    
    .color-white {
        color: #fff;
    }
    /*!---------- . SECTIONS ACCESS----------*/
    
    #process {
        background: #FFFFFF;
        overflow: hidden;
    }
    
    .process-content .image-part {
        margin: 0 auto;
        height: 660px;
        background-image: url(../img/apple-cinema-display-small.png);
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        background-size: contain;
    }
    
    .section-intro {
        max-width: 700px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5.2rem;
        position: relative;
    }
    
    .section-intro h5 {
        font-size: 1.6rem;
        line-height: 1.875;
        margin-bottom: 0.3rem;
        letter-spacing: .4rem;
    }
    
    .process-content {
        position: relative;
        text-align: center;
    }
    
    .process-content .left-side {
        left: 0;
    }
    
    .process-content .right-side,
    .process-content .left-side {
        padding: 0 6% 24px;
        position: absolute;
        top: 0;
    }
    
    .process-content .right-side,
    .process-content .left-side,
    .process-content .image-part {
        width: 33.33333%;
        font-size: 15px;
        line-height: 27px;
    }
    
    .section-intro .with-bottom-line::after {
        display: block;
        background-color: #D3222A;
        width: 120px;
        height: 1px;
        content: '\0020';
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -60px;
    }
    
    .process-content .right-side {
        right: 0;
    }
    
    .process-content .right-side,
    .process-content .left-side {
        padding: 0 6% 24px;
        position: absolute;
        top: 0;
    }
    
    .process-content .right-side,
    .process-content .left-side,
    .process-content .image-part {
        width: 33.33333%;
        font-size: 15px;
        line-height: 27px;
    }
    
    .process-content .item[data-item]::before {
        background: #151515;
        color: #FFFFFF;
        border-radius: 100%;
        content: attr(data-item);
        display: inline-block;
        font-size: 18px;
        height: 42px;
        width: 42px;
        line-height: 42px;
        text-align: center;
        vertical-align: middle;
        margin-bottom: 1.5rem;
    }
    
    .process-content h5 {
        color: #D3222A;
        font-size: 1.6rem;
        line-height: 1.875;
        letter-spacing: .2rem;
        margin-bottom: .3rem;
    }
    /*!---------- 5. SECTIONS ----------*/
    
    section,
    footer {
        padding: 96px 0;
        position: relative;
        overflow: hidden;
    }
    
    section.afs {
        padding: 30px 0px 96px 0px;
        position: relative;
        overflow: hidden;
    }
    
    section.analytics {
        padding: 0px 0px 96px 0px;
        position: relative;
        overflow: hidden;
    }
    
    section.analytics404 {
        padding: 360px 0px 96px 0px;
        position: relative;
        overflow: hidden;
    }
    
    footer {
        padding: 20px 0;
    }
    
    .fullscreen {
        height: 100vh;
    }
    
    .fullscreenAccess {
        height: 113vh;
    }
    
    .fullscreenMitad {
        height: 65vh;
    }
    
    .bg-dark h1,
    nav.bg-dark h1,
    footer.bg-dark h1,
    .bg-primary h1,
    .bg-dark h2,
    nav.bg-dark h2,
    footer.bg-dark h2,
    .bg-primary h2,
    .bg-dark h3,
    nav.bg-dark h3,
    footer.bg-dark h3,
    .bg-primary h3,
    .bg-dark h4,
    nav.bg-dark h4,
    footer.bg-dark h4,
    .bg-primary h4,
    .bg-dark h5,
    nav.bg-dark h5,
    footer.bg-dark h5,
    .bg-primary h5,
    .bg-dark h6,
    nav.bg-dark h6,
    footer.bg-dark h6,
    .bg-primary h6 {
        color: #ffffff;
    }
    
    .bg-dark p,
    nav.bg-dark p,
    footer.bg-dark p,
    .bg-primary p,
    .bg-dark span,
    nav.bg-dark span,
    footer.bg-dark span,
    .bg-primary span,
    .bg-dark li,
    nav.bg-dark li,
    footer.bg-dark li,
    .bg-primary li {
        color: #fefefe;
    }
    
    @media all and (max-width: 767px) {
        section {
            padding: 80px 0;
        }
    }
    
    .overlay:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #151515;
        opacity: 0.7;
        z-index: 2;
    }
    
    .overlay-heavy:before {
        opacity: .8;
    }
    
    .bg-light.overlay:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #ffffff;
        opacity: 0.1;
        z-index: 2;
    }
    
    .image-bg h1,
    .image-bg h2,
    .image-bg h3,
    .image-bg h4,
    .image-bg h5,
    .image-bg h6 {
        color: #ffffff;
        font-weight: 300;
    }
    
    .image-bg p,
    .image-bg span,
    .image-bg li {
        color: #ffffff;
        letter-spacing: 1px;
    }
    
    .image-bg .container,
    .image-bg div[class*='col-'] {
        position: relative;
        z-index: 3;
    }
    
    .container.image-bg .row {
        position: relative;
        z-index: 3;
    }
    
    .background-image-holder {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        background: #151515;
        background-size: cover !important;
        background-position: 50% 50% !important;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
    }
    
    .background-image-holder img {
        display: none;
    }
    
    .background-multiply .background-image-holder {
        background-color: #D3222A !important;
        background-blend-mode: multiply;
    }
    
    .background-image-holder.fadeIn {
        opacity: 1;
    }
    
    .parallax>.background-image-holder,
    .parallax .slides li>.background-image-holder {
        height: 100vh;
        top: -50vh;
        transition: all 0s ease !important;
        transition: opacity 0.3s ease !important;
        -webkit-transform-style: preserve-3d;
    }
    
    .parallax:first-child .slides li>.background-image-holder,
    .parallax:first-child .background-image-holder {
        top: 0;
    }
    
    .main-container>a:first-child+.parallax .background-image-holder {
        top: 0;
    }
    
    @media all and (max-width: 767px) {
        .parallax>.background-image-holder,
        .parallax .slides li>.background-image-holder {
            top: 0 !important;
            transform: none !important;
            -webkit-transform: none !important;
        }
    }
    /*!---------- 6. BUTTONS ----------*/
    
    .elemento .btn {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        border: 2px solid #D3222A;
        padding: 0 26px;
        height: 40px;
        line-height: 36px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 0;
        letter-spacing: 2px;
        color: #D3222A;
        text-align: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        margin-right: 8px;
        margin-bottom: 24px;
    }
    
    .btn {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        border: 2px solid #D3222A;
        padding: 0 26px;
        height: 40px;
        line-height: 36px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 0;
        letter-spacing: 2px;
        color: #D3222A;
        text-align: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        margin-right: 8px;
        margin-bottom: 24px;
    }
    
    .foundry_modal .btn {
        border: none;
        -webkit-osx-font-smoothing: grayscale;
        -khtml-osx-font-smoothing: grayscale;
        -moz-osx-font-smoothing: grayscale;
        -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -khtml-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -webkit-text-rendering: optimizeLegibility;
        -khtml-text-rendering: optimizeLegibility;
        -moz-text-rendering: optimizeLegibility;
        -ms-text-rendering: optimizeLegibility;
        -o-text-rendering: optimizeLegibility;
        text-rendering: optimizeLegibility;
    }
    
    .btn:hover {
        background: #D3222A;
        color: #fff;
    }
    
    #ratingContainer .btn:hover {
        background: #D3222A!important;
        color: #fff!important;
        border: 2px solid #D3222A!important;
    }
    
    .btn-icon {
        width: 40px;
        height: 40px;
        font-size: 20px;
        min-width: 0;
        padding: 0;
        line-height: 38px;
    }
    
    .btn-lg {
        height: 50px;
        line-height: 46px;
        min-width: 200px;
    }
    
    .btn-icon.btn-lg {
        width: 50px;
        height: 50px;
        line-height: 49px;
        font-size: 24px;
        min-width: 0;
    }
    
    .btn-icon.btn-sm {
        width: 30px;
        height: 30px;
        line-height: 29px;
        font-size: 13px;
        min-width: 0;
        padding: 0 0 0 1px!important;
    }
    
    .btn-sm {
        height: 30px;
        font-size: 11px;
        line-height: 27px;
        min-width: 0;
    }
    
    .btn-filled {
        background: #D3222A;
        color: #fff;
    }
    
    .btn-white,
    .image-bg .btn,
    .image-bg .btn:visited .btn:focus {
        color: #fff;
        border-color: #fff;
    }
    
    .image-bg .btn.btn-filled,
    .image-bg .btn-filled:visited {
        border-color: #D3222A;
    }
    
    .image-bg .btn-filled:hover {
        border-color: #fff;
    }
    
    .btn-rounded {
        border-radius: 25px;
    }
    
    body.btn-rounded .btn {
        border-radius: 25px !important;
    }
    
    .bg-light .btn {
        border-color: #151515;
        color: #151515;
    }
    
    .bg-light .btn:visited,
    .bg-light .btn:visited:hover {
        color: #151515;
    }
    
    .bg-light .btn-filled,
    .bg-light .btn-filled:visited {
        color: #fff;
    }
    
    .btn:visited {
        color: #D3222A;
    }
    
    .btn-white:visited,
    .btn:visited:hover {
        color: #fff;
        border-color: #fff;
    }
    
    .btn-filled:visited {
        color: #fff;
    }
    
    .btn.bg-dark {
        color: #fff;
        border-color: #151515;
    }
    
    .btn.bg-dark:hover {
        background: #151515;
    }
    
    .bg-primary .btn {
        color: #fff;
        border-color: #fff;
    }
    
    .bg-primary .btn:hover {
        background: #fff;
        color: #D3222A;
    }
    /*!---------- 7. NAVIGATION ----------*/
    
    .nav-container {
        -webkit-backface-visibility: hidden;
        max-width: 100%;
    }
    
    nav {
        background: #151515;
        -webkit-backface-visibility: hidden;
        max-width: 100%;
    }
    
    nav ul {
        margin-bottom: 0;
    }
    
    .module {
        display: inline-block;
        padding: 0 32px;
    }
    
    .module-group {
        display: inline-block;
    }
    
    .module.left,
    .module-group.left {
        float: left;
    }
    
    .module.right,
    .module-group.right {
        float: right;
    }
    
    nav .btn,
    .nav-bar .btn {
        margin: 0;
        height: auto;
    }
    
    .nav-utility {
        height: 45px;
        line-height: 43px;
        border-bottom: 1px solid #ccc;
        overflow: hidden;
    }
    
    .nav-utility i {
        position: relative;
        top: 1px;
    }
    
    .nav-bar {
        height: 55px;
        max-height: 55px;
        line-height: 53px;
    }
    
    .nav-bar .module,
    .nav-bar .module-group {
        height: 55px;
    }
    
    .nav-bar a {
        display: inline-block;
        height: 55px;
    }
    
    .logo {
        max-height: 60%;
    }
    
    .logo-light {
        display: none;
    }
    
    nav.nav-centered .logo {
        max-height: 64px;
        margin: 64px 0 40px 0;
    }
    
    nav.bg-dark .logo-light {
        display: inline;
    }
    
    nav.bg-dark .logo-dark {
        display: none;
    }
    
    .has-dropdown {
        padding-right: 18px;
    }
    
    .has-dropdown:after {
        position: absolute;
        top: 0;
        right: 0;
        font-size: 11px;
        content: "\e64b";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        opacity: .5;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
    }
    
    .has-dropdown:hover:after {
        opacity: 1;
    }
    
    .menu {
        width: 100%;
        height: 55px;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    footer .menu {
        height: 15px;
    }
    
    footer ul,
    ol {
        margin-bottom: 0px;
        margin-top: 0;
        padding: 0;
    }
    
    .bullets li {
        padding-left: 1em;
        text-indent: -.7em;
    }
    
    .bullets li::before {
        content: "• ";
        color: red;
        /* or whatever color you prefer */
    }
    
    footer p {
        margin-top: 10px;
    }
    
    footer h3,
    .h3 {
        margin-bottom: 10px!important;
    }
    
    .menu.inline-block {
        width: auto;
    }
    
    .menu li a {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.15em;
        color: #151515;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        max-width: 100%;
        white-space: normal;
    }
    
    .nav-bar .menu li a:hover {
        outline: 0;
        color: rgba(255, 255, 255, .8);
        background-color: transparent;
    }
    
    .menu li a:active {
        color: #D3222A;
    }
    
    .menu li a span {
        /* font-weight: 400; */
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        color: #fff;
    }
    
    .menu li a span {
        /* font-weight: 400; */
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 1px;
        color: #151515;
    }
    
    .menu li a:hover {
        opacity: 1 !important;
    }
    
    .menu li a.active {
        opacity: 1 !important;
    }
    
    .menu>li {
        margin-right: 32px;
        float: left;
        position: relative;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
    }
    
    .menu>li:last-child {
        margin-right: 0;
    }
    
    .menu>li:last-child>ul {
        right: 0;
    }
    
    .menu>li:last-child>ul ul {
        left: auto;
        right: 100%;
    }
    
    .menu>li ul {
        width: 200px;
        padding: 8px 8px;
        /* background: #151515; */
        position: absolute;
        z-index: 99;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        visibility: hidden;
        margin-top: -1px;
    }
    
    .menu>li>ul>li {
        position: relative;
        line-height: 24px;
        width: 100%;
        vertical-align: top;
    }
    
    .menu>li>ul>li i {
        display: inline-block;
        margin-right: 2px;
    }
    
    .menu>li>ul>.has-dropdown:after {
        top: 5px;
        right: 24px;
        content: "\e649";
    }
    
    .menu>li>ul li a {
        height: auto;
        padding: 6px 24px;
    }
    
    .language .menu>li>ul li a {
        height: auto;
        padding: 6px 0px;
    }
    
    .menu>li>ul>li>ul {
        left: 100%;
        top: 0;
    }
    
    .menu>li:hover>ul {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        visibility: visible;
    }
    
    .menu>li>ul>li:hover>ul,
    .has-dropdown:hover .mega-menu ul {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        visibility: visible;
    }
    
    .nav-open li a#google_translate_element .goog-te-menu-value span:nth-child(3) {
        color: #151515;
    }
    
    nav.bg-dark .menu>li a#google_translate_element .goog-te-menu-value span:nth-child(3) {
        color: #fff;
    }
    
    nav.bg-dark .menu>li a:hover#google_translate_element .goog-te-menu-value span:nth-child(3) {
        outline: 0;
        color: rgba(255, 255, 255, .8);
        background-color: transparent;
    }
    
    .mega-menu {
        width: auto !important;
        white-space: nowrap;
        line-height: 24px;
    }
    
    .mega-menu ul {
        position: relative !important;
        left: auto !important;
        padding: 0 !important;
    }
    
    .mega-menu>li {
        width: 200px !important;
        overflow: hidden;
        display: inline-block;
    }
    
    .mega-menu .title {
        letter-spacing: 1px;
        color: #fff;
        display: inline-block;
        padding: 6px 24px;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
    }
    
    .make-right {
        right: 0;
    }
    
    .module.widget-handle {
        border-left: 1px solid #ccc;
        padding: 0 24px;
        cursor: pointer;
        position: relative;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin: 0;
    }
    
    nav.nav-centered .module.widget-handle {
        border: none !important;
    }
    
    @media all and (max-width: 1100px) {
        .module.widget-handle {
            padding: 0 16px;
        }
        .col-md-offset-1 {
            margin-left: 110px;
        }
    }
    
    .module.widget-handle i {
        font-size: 20px;
        line-height: 53px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .module.widget-handle:hover i,
    .module.active i {
        opacity: 1;
    }
    
    .widget-handle .function {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        cursor: default;
        width: 200px;
        background: #151515;
        position: absolute;
        z-index: 99;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transform: translate3d(0, 10px, 0);
        -webkit-transform: translate3d(0, 10px, 0);
        -moz-transform: translate3d(0, 10px, 0);
        visibility: hidden;
        margin-top: -2px;
        right: 0;
    }
    
    .module.widget-handle:hover .function {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        visibility: visible;
    }
    
    .module.widget-handle .title {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 11px;
        font-weight: 600;
        display: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .module.widget-handle .title:hover {
        opacity: 1;
    }
    
    .widget-handle .cart {
        position: relative;
    }
    
    .widget-handle .cart .label {
        width: 17px;
        height: 17px;
        font-size: 10px;
        line-height: 17px;
        padding: 0;
        text-align: center;
        position: absolute;
        background: #D3222A;
        top: 10px;
        right: -10px;
        border-radius: 50%;
    }
    
    .widget-handle .search-form {
        padding: 8px;
        display: inline-block;
        width: 100%;
        line-height: 50px;
    }
    
    .widget-handle .search-form input {
        margin: 0;
        font-size: 16px;
    }
    
    nav .widget {
        margin: 0;
        padding: 24px;
    }
    
    nav .widget .title {
        display: none !important;
    }
    
    nav .widget,
    nav .widget a:not(.btn) {
        color: #fff;
    }
    
    nav .widget hr {
        border-color: #777;
        margin-bottom: 16px;
    }
    
    nav .widget hr:first-of-type {
        display: none;
    }
    
    .cart-widget-handle .function {
        width: auto;
        background: #fff;
    }
    
    .cart-widget-handle .function span {
        color: #151515 !important;
    }
    
    nav .cart-overview {
        min-width: 300px;
        margin-bottom: 16px;
    }
    
    nav .cart-overview a {
        height: auto;
    }
    
    .language .menu>li ul {
        max-width: 150px;
    }
    
    .nav-open {
        max-height: 10000px !important;
        height: auto !important;
    }
    
    .nav-open .mobile-toggle {
        border-bottom: 1px solid #ccc;
    }
    
    @media all and (max-width: 1120px) {
        .menu>li {
            margin-right: 24px;
        }
    }
    
    .has-offscreen-nav .main-container {
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
    }
    
    .offscreen-container {
        position: fixed;
        transform: translate3d(200%, 0, 0);
        -webkit-transform: translate3d(200%, 0, 0);
        -moz-transform: translate3d(200%, 0, 0);
        width: 50%;
        top: 0;
        height: 100%;
        min-height: 100vh;
        z-index: 20;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        overflow: hidden;
    }
    
    .offscreen-container.reveal-nav {
        transform: translate3d(100%, 0, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
    }
    
    .main-container.reveal-nav {
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
    }
    
    .offscreen-left .offscreen-container {
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
    }
    
    .offscreen-left .offscreen-container.reveal-nav {
        transform: translate3d(0%, 0, 0);
        -webkit-transform: translate3d(0%, 0, 0);
        -moz-transform: translate3d(0%, 0, 0);
    }
    
    .offscreen-left .main-container.reveal-nav,
    .offscreen-left nav.reveal-nav {
        transform: translate3d(50%, 0, 0) !important;
        -webkit-transform: translate3d(50%, 0, 0) !important;
        -moz-transform: translate3d(50%, 0, 0) !important;
    }
    
    .offscreen-container .close-nav {
        position: absolute;
        right: 24px;
        top: 16px;
        z-index: 24;
        font-size: 20px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .offscreen-container .close-nav:hover {
        opacity: 1;
    }
    
    .offscreen-container.bg-dark .close-nav i {
        color: #fff;
    }
    
    @media all and (max-width: 990px) {
        .offscreen-container {
            width: 100vw;
        }
        .offscreen-container.reveal-nav {
            transform: translate3d(0vw, 0, 0);
            -webkit-transform: translate3d(0vw, 0, 0);
            -moz-transform: translate3d(0vw, 0, 0);
        }
        .main-container.reveal-nav {
            transform: none !important;
        }
    }
    
    @media all and (max-width: 990px) {
        nav.fixed {
            position: absolute !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
        nav.outOfSight {
            transform: translate3d(0, 0px, 0) !important;
            -webkit-transform: translate3d(0, 0px, 0) !important;
            -moz-transform: translate3d(0, 0px, 0) !important;
        }
        .nav-bar,
        .nav-bar .module-group,
        .nav-bar .module {
            height: auto;
            overflow: hidden;
        }
        .nav-bar .module {
            padding: 0 16px;
        }
        nav.transparent .nav-open .module h3 {
            line-height: 55px;
            color: #151515;
        }
        nav.transparent .nav-open .module h3.logoAFS {
            background: url(../img/logoAFSWEBD.svg) no-repeat 50% 0%;
            background-size: 100%;
            width: 100px;
            height: 40px;
        }
        .nav-bar .module-group {
            width: 100%;
            padding: 16px 0;
        }
        .nav-bar .module-group .module {
            display: block;
            float: none;
            width: 100%;
        }
        nav.nav-centered .logo {
            margin: 24px 0 16px 0;
            max-height: 40px;
        }
        .menu {
            height: auto;
        }
        .menu.inline-block {
            width: 100%;
        }
        .menu a {
            height: auto;
            line-height: 24px;
            padding: 4px 0;
        }
        .menu li {
            line-height: 24px;
            float: none;
            display: block;
            width: 100%;
            max-width: 100%;
        }
        .menu>li ul {
            position: relative;
            width: 100%;
            opacity: 1;
            visibility: visible;
            transform: translate3d(0, 0px, 0);
            -webkit-transform: translate3d(0, 0px, 0);
            -moz-transform: translate3d(0, 0px, 0);
            left: 0;
        }
        .menu>li>ul {
            position: relative;
            opacity: 1;
            visibility: visible;
            display: none;
            transform: translate3d(0, 0px, 0);
            -webkit-transform: translate3d(0, 0px, 0);
            -moz-transform: translate3d(0, 0px, 0);
        }
        .menu>li>ul>.has-dropdown:after {
            content: "\e64b";
        }
        .menu>li>ul>li>ul {
            left: 0;
            display: none;
            padding: 0;
        }
        .menu>li>ul li a,
        .mega-menu .title {
            padding: 4px 16px;
        }
        .has-dropdown .has-dropdown li {
            padding-left: 18px;
        }
        .has-dropdown {
            padding-right: 0;
        }
        .mega-menu {
            margin-left: 0 !important;
        }
        .mega-menu li {
            width: 100% !important;
        }
        .toggle-sub>ul,
        .toggle-sub .mega-menu ul {
            display: block !important;
        }
        .module.widget-handle {
            border-left: none;
            border-top: 1px solid #ccc;
            line-height: 40px;
            min-height: 40px;
        }
        .module.widget-handle .menu {
            line-height: 40px;
        }
        .module.widget-handle .menu li {
            line-height: 40px;
        }
        .module.widget-handle i {
            line-height: 40px;
        }
        .module.widget-handle .title {
            display: inline-block;
            position: relative;
            bottom: 3px;
            margin-left: 8px;
        }
        .widget-handle .function {
            width: 100%;
            position: relative;
            opacity: 1;
            transform: translate3d(0, 0px, 0);
            -webkit-transform: translate3d(0, 0px, 0);
            -moz-transform: translate3d(0, 0px, 0);
            visibility: visible;
            margin-top: 0;
            display: none;
            box-shadow: none !important;
        }
        .toggle-widget-handle .function {
            display: block !important;
        }
        .widget-handle .cart .label {
            width: 22px;
            height: 22px;
            font-size: 12px;
            line-height: 22px;
            top: 18px;
        }
        .mobile-toggle {
            border-left: 1px solid #ccc !important;
            border-bottom: none !important;
        }
        .mobile-toggle i {
            line-height: 53px !important;
        }
        .mobile-toggle.absolute-xs {
            position: absolute;
            top: 0;
        }
        nav.nav-centered .mobile-toggle {
            width: 100%;
        }
        nav.bg-dark .module.widget-handle {
            border-top: 1px solid #444;
        }
        nav.bg-dark .mobile-toggle {
            border-left: 1px solid #444 !important;
        }
        nav.bg-dark .nav-open .mobile-toggle {
            border-bottom: 1px solid #444;
        }
    }
    
    nav.outOfSight {
        transform: translate3d(0, -200px, 0);
        -webkit-transform: translate3d(0, -200px, 0);
        -moz-transform: translate3d(0, -200px, 0);
    }
    
    nav.scrolled {
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    nav.fixed,
    nav.absolute {
        top: 0;
        width: 100%;
        z-index: 999;
        left: 0;
        right: 0;
    }
    
    nav.absolute {
        position: absolute;
    }
    
    nav.fixed {
        position: fixed;
        visibility: hidden;
        opacity: 0;
    }
    
    nav.fixed .nav-utility {
        display: none;
    }
    
    nav.fixed.scrolled {
        visibility: visible;
        opacity: 1;
    }
    
    nav.transparent .menu>li>a,
    nav.transparent .module.widget-handle i,
    nav.transparent .nav-utility {
        color: #fff;
    }
    
    nav.transparent .menu>li>a span {
        color: #fff;
    }
    
    nav.transparent .menu>li>a:hover {
        outline: 0;
        color: rgba(255, 255, 255, .8);
        background-color: transparent;
    }
    
    .icon {
        position: relative;
        width: 16px;
        height: 16px;
        margin-bottom: 4px;
    }
    
    .flag-spain {
        content: "";
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background: url(../img/spain-flag.svg) no-repeat 50% 0%;
        background-size: 100%;
        margin-left: 10px;
    }
    
    .flag-england {
        content: "";
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background: url(../img/england-flag.svg) no-repeat 50% 0%;
        background-size: 100%;
        margin-left: 10px;
    }
    
    .flag-catalonia {
        content: "";
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background: url(../img/catalonia-flag.svg) no-repeat 50% 0%;
        background-size: 100%;
        margin-left: 10px;
    }
    
    .flag-france {
        content: "";
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background: url(../img/france-flag.svg) no-repeat 50% 0%;
        background-size: 100%;
        margin-left: 10px;
    }
    
    .flag-germany {
        content: "";
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background: url(../img/germany-flag.svg) no-repeat 50% 0%;
        background-size: 100%;
        margin-left: 10px;
    }
    
    .flag-portuguese {
        content: "";
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        background: url(../img/portuguese-flag.svg) no-repeat 50% 0%;
        background-size: 100%;
        margin-left: 10px;
    }
    
    nav.transparentSpecial {
        border-bottom: 1px solid #151515;
    }
    
    nav.transparent .module.widget-handle.Special {
        border-left: 1px solid rgba(41, 44, 47, 0.2) !important;
    }
    
    nav.transparent .module.widget-handle {
        border-left: 1px solid rgba(255, 51, 51, 0.2) !important;
    }
    
    nav.transparent .menu>li>a,
    nav.transparent .module.widget-handle i {
        opacity: 1;
    }
    
    nav.transparent .has-dropdown:after {
        color: #fff;
    }
    
    nav.transparent .logo-dark {
        display: none;
    }
    
    nav.transparent .logo-light {
        display: inline;
    }
    
    nav.transparent {
        background: rgba(21, 21, 21, 0.2);
        border-bottom: 1px solid #D3222A;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    
    .has-offscreen-nav>nav.fixed {
        opacity: 1;
        transform: none;
        visibility: visible;
    }
    
    @media all and (max-width: 990px) {
        nav.transparent .nav-open {
            background: #fff;
        }
        nav.transparent .nav-open .menu>li>a,
        nav.transparent .nav-open .module.widget-handle i,
        nav.transparent .nav-open .nav-utility {
            color: #151515;
        }
        nav.transparent .nav-open .logo-dark {
            display: inline;
        }
        nav.transparent .nav-open .logo-light {
            display: none;
        }
        nav.transparent .nav-open .has-dropdown:after {
            color: #151515;
        }
        .menu>li:last-child>ul ul {
            right: 0;
        }
    }
    
    nav.transparent.fixed {
        /*background: #fff;*/
        background: #fff;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    }
    
    nav.transparent.fixed .module h3 {
        line-height: 55px;
        color: #151515;
    }
    
    nav.transparent.fixed .logo-light {
        display: none;
    }
    
    nav.transparent.fixed .logo-dark {
        display: inline;
    }
    
    nav.transparent.fixed .menu>li>a,
    nav.transparent.fixed .module.widget-handle i {
        color: #151515;
    }
    
    nav.transparent.fixed .menu>li>a span {
        color: #151515;
    }
    
    nav.transparent.fixed .menu>li>a:hover {
        color: #D3222A;
    }
    
    nav.transparent.fixed .menu>.has-dropdown:after {
        color: #fff;
        color: #151515;
    }
    
    nav.transparent.fixed .module.widget-handle {
        border-left: 1px solid #ccc;
    }
    
    nav.transparent.fixed .menu>li>a,
    nav.transparent.fixed .module.widget-handle i {
        opacity: .95;
    }
    
    nav.bg-dark .menu>li>a,
    nav.bg-dark .module.widget-handle i,
    nav.bg-dark .nav-utility {
        color: #fff;
    }
    
    nav.bg-dark .module.widget-handle {
        /*border-left: 1px solid rgba(255, 255, 255, 0.2);*/
        border-left: 1px solid rgba(255, 51, 51, 0.2) !important;
    }
    
    nav.bg-dark .nav-utility,
    nav.bg-dark .nav-bar {
        /*border-bottom: 1px solid rgba(255, 255, 255, 0.2);*/
        border-bottom: 1px solid #D3222A;
    }
    
    nav.transparent.fixed.bg-dark {
        background: #151515;
    }
    
    nav.transparent.fixed.bg-dark .menu>li>a,
    nav.transparent.fixed.bg-dark .module.widget-handle i {
        color: #fff;
    }
    
    nav.nav-centered.outOfSight .logo {
        display: none;
    }
    /*!---------- 8. TOOLTIPS ----------*/
    
    .tooltip {
        font-weight: 600;
        font-size: 13px;
    }
    
    .tooltip-inner {
        border-radius: 0;
        padding: 9px 24px 12px 24px;
    }
    /*!---------- 9. ALERTS ----------*/
    
    .alert {
        margin-bottom: 24px;
        background: none;
        border-radius: 0;
        font-weight: 600;
        padding: 12px 16px;
    }
    
    .alert .close {
        opacity: 1;
        font-size: 24px;
        top: -2px;
        right: -4px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .alert .close span {
        font-weight: 400;
    }
    
    .alert-warning {
        border: 1px solid #d88519;
        color: #d88519;
    }
    
    .alert-success {
        border: 1px solid #60b963;
        color: #60b963;
    }
    
    .alert-danger {
        border: 1px solid #D3222A;
        color: #D3222A;
    }
    /*!---------- 10. ICONS ----------*/
    
    .icon {
        font-size: 64px;
        display: inline-block;
        color: #151515;
    }
    
    .image-bg.bg-light .icon {
        color: #151515;
    }
    
    .image-bg .icon,
    .bg-dark .icon {
        color: #fff;
    }
    
    .icon-lg {
        font-size: 80px;
    }
    
    .icon-sm {
        font-size: 32px;
    }
    
    .icon-xs {
        font-size: 18px;
    }
    
    @media all and (max-width: 767px) {
        .icon {
            font-size: 48px;
        }
        .icon-lg {
            font-size: 64px;
        }
        .icon-sm {
            font-size: 18px;
        }
        .icon-xs {
            font-size: 16px;
        }
        .btn:last-child,
        .btn:last-of-type {
            margin-right: 0px;
        }
    }
    
    .embelish-icons {
        position: absolute;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        transform: scale(10);
        -webkit-transform: scale(10);
        left: 50%;
        z-index: -1;
    }
    /*!---------- 11. FORMS ----------*/
    
    input,
    button,
    select,
    textarea {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    input[type="text"],
    button,
    textarea,
    select,
    input[type="password"] {
        -webkit--appearance: none;
        -khtml-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
    }
    
    .bg-secondary input[type="text"],
    .bg-secondary textarea,
    .bg-secondary select {
        background: #fff;
    }
    
    .input-lh {
        line-height: 50px;
    }
    
    .attempted-submit .field-error {
        outline: 1px red !important;
    }
    
    .msg-error {
        font-weight: bold!important;
        color: #ff0000!important;
    }
    
    li a#google_translate_element {
        display: inline-block;
    }
    
    .my-custom-class-for-label {
        width: 50px;
        height: 20px;
        border: 1px solid #eb3a44;
        border-radius: 5px;
        background: #fee1d7;
        text-align: center;
        line-height: 20px;
        font-weight: bold;
        font-size: 14px;
        color: #eb3a44;
    }
    
    li a#google_translate_element * {
        margin: 0px;
        padding: 0px;
        border: none!important;
        display: inline-block;
        background-color: transparent;
        margin-left: 1px;
    }
    
    li a#google_translate_element .goog-te-gadget-icon {
        display: none;
    }
    
    li a#google_translate_element .goog-te-menu-value {
        color: #151515;
        opacity: .95;
    }
    
    nav.transparent .nav-open .menu>li>a#google_translate_element .goog-te-menu-value {
        color: #151515;
        opacity: .95;
    }
    
    nav.fixed.scrolled li a#google_translate_element .goog-te-menu-value {
        color: #151515;
        opacity: .95;
    }
    
    .nav-open li.widget-handle a#google_translate_element .goog-te-menu-value {
        color: #151515;
    }
    
    li a#google_translate_element .goog-te-menu-value:hover {
        color: #D3222A !important;
    }
    
    li a#google_translate_element .goog-te-menu-value * {
        display: none;
    }
    
    li a#google_translate_element .goog-te-menu-value span:nth-child(3) {
        display: inline-block;
    }
    
    li a#google_translate_element .goog-te-menu-value span:nth-child(3)::after {
        content: "Idiomas";
        letter-spacing: 0.15em;
    }
    
    .goog-te-banner-frame {
        display: none;
    }
    
    li a#google_translate_element .goog-te-menu-value span:hover {
        outline: 0;
        color: rgba(255, 255, 255, .8);
        background-color: transparent;
    }
    
    nav.transparent.fixed .menu>li>a#google_translate_element .goog-te-menu-value span {
        color: #151515;
    }
    
    nav.transparent.fixed .menu>li>a#google_translate_element .goog-te-menu-value span:hover {
        color: #D3222A !important;
    }
    
    .goog-te-gadget {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
        font-size: 11px;
        color: #666;
        white-space: nowrap;
    }
    
    .input-with-label span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 11px;
        text-transform: uppercase;
        color: #151515;
        letter-spacing: 1px;
        font-weight: 600;
        display: block;
        cursor: default;
    }
    
    input[type="text"],
    input[type="password"] {
        background: rgb(246, 247, 249);
        border: none;
        width: 100%;
        height: 50px;
        padding-left: 20px;
        font-weight: 500;
        margin-bottom: 15px;
        border-radius: 0;
        color: #151515;
    }
    
    .image-bg input[type="text"],
    .image-bg textarea {
        color: #151515;
    }
    
    .image-bg.bg-light input.transparent,
    .image-bg.bg-light button.transparent {
        border-color: #151515;
    }
    
    input.transparent,
    button.transparent {
        background: none;
        border: 1px solid rgba(255, 255, 255, 0.5);
        color: #fff !important;
    }
    
    input[type="text"]:focus,
    input[type="password"]:focus {
        outline: 1px solid #ccc;
    }
    
    textarea {
        width: 100%;
        border: none;
        background: rgb(246, 247, 249);
        margin-bottom: 24px;
        border-radius: 0;
        padding: 16px 20px;
    }
    
    textarea:focus {
        outline: 1px solid #ccc;
    }
    
     ::-webkit-input-placeholder {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        color: #777;
        font-size: 11px;
    }
    
     :-moz-placeholder {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        color: #777;
        font-size: 11px;
    }
    
     ::-moz-placeholder {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        color: #777;
        font-size: 11px;
    }
    
     :-ms-input-placeholder {
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        color: #777;
        font-size: 11px;
    }
    
    input.transparent::-webkit-input-placeholder,
    button.transparent::-webkit-input-placeholder {
        color: #fff;
    }
    
    input.transparent::-moz-input-placeholder,
    button.transparent::-moz-input-placeholder {
        color: #fff;
    }
    
    input.transparent:-moz-input-placeholder,
    button.transparent:-moz-input-placeholder {
        color: #fff;
    }
    
    input.transparent:-ms-input-placeholder,
    button.transparent:-ms-input-placeholder {
        color: #fff;
    }
    
    input[type="submit"],
    button[type="submit"] {
        height: 50px;
        line-height: 48px;
        border: 2px solid #D3222A;
        background: #D3222A;
        color: #fff;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        border-radius: 0 !important;
    }
    
    .bg-primary input[type="submit"],
    .bg-primary button[type="submit"] {
        background: #fff;
        color: #D3222A;
    }
    
    input[type="submit"]:focus,
    button[type="submit"]:focus {
        outline: none;
        border: 0;
        border: 0px;
        border: none;
    }
    
    input[type="submit"].hollow,
    button[type="submit"].hollow {
        background: none;
        border: 2px solid #D3222A;
        color: #D3222A;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    input[type="submit"].hollow:hover,
    button[type="submit"].hollow:hover {
        background: #D3222A;
        color: #fff;
    }
    /* Buttons */
    
    input[type="button"],
    button[type="button"] {
        height: 50px;
        line-height: 48px;
        border: 2px solid #D3222A;
        background: #D3222A;
        color: #fff;
        width: 100%;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        border-radius: 0 !important;
    }
    
    .bg-primary input[type="button"],
    .bg-primary button[type="button"] {
        background: #fff;
        color: #D3222A;
    }
    
    input[type="button"]:focus,
    button[type="button"]:focus {
        outline: none;
    }
    
    input[type="button"].hollow,
    button[type="button"].hollow {
        background: none;
        border: 2px solid #D3222A;
        color: #D3222A;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    input[type="button"].hollow:hover,
    button[type="button"].hollow:hover {
        background: #D3222A;
        color: #fff;
    }
    
    .select-option {
        position: relative;
        cursor: pointer;
        height: 50px;
        overflow: hidden;
        margin-bottom: 24px;
    }
    
    .select-option i {
        position: absolute;
        font-size: 18px;
        right: 20px;
        top: 14px;
        z-index: 2;
        pointer-events: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        cursor: pointer;
    }
    
    form .error {
        color: #ff0000;
    }
    
    .select-option:focus i {
        color: #fff;
    }
    
    .select-option select {
        margin-bottom: 0;
    }
    
    select {
        height: 50px;
        background: rgb(246, 247, 249);
        width: 100%;
        border-radius: 0;
        border: none;
        outline: none;
        padding-left: 20px;
        position: relative;
        font-size: 11px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
        color: #777;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        cursor: pointer;
    }
    
    select:focus {
        background: #eee;
    }
    
    select:active,
    select:focus,
    select:hover {
        outline: none;
        border: none;
    }
    
    .checkbox-option,
    .radio-option {
        float: left;
        width: 50px;
        height: 25px;
        border-radius: 25px;
        border: 1px solid #ccc;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-bottom: 24px;
    }
    
    .checkbox-option+span,
    .radio-option+span {
        float: left;
    }
    
    .checkbox-option .inner,
    .radio-option .inner {
        width: 19px;
        height: 19px;
        border-radius: 50%;
        background: #ccc;
        border: 1px solid #ccc;
        position: relative;
        top: 2px;
        left: 2px;
        display: inline-block;
        transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
    }
    
    .checkbox-option.checked .inner {
        transform: translate3d(25px, 0, 0);
        -webkit-transform: translate3d(25px, 0, 0);
        -moz-transform: translate3d(25px, 0, 0);
        background: #D3222A;
        border: 1px solid #D3222A;
    }
    
    .checkbox-option input {
        width: 0;
        height: 0;
        opacity: 0;
        overflow: hidden;
    }
    
    .radio-option {
        width: 25px;
        height: 25px;
        text-align: left;
    }
    
    .radio-option:nth-of-type(n+2) {
        margin-left: 24px;
    }
    
    .radio-option input {
        width: 0;
        height: 0;
        opacity: 0;
        overflow: hidden;
    }
    
    .radio-option .inner {
        border: none;
        width: 19px;
        height: 19px;
        left: 2px;
        transform: scale(0);
        -webkit-transform: scale(0);
    }
    
    .radio-option+span {
        display: inline-block;
        line-height: 25px;
    }
    
    .radio-option.checked .inner {
        transform: scale(1);
        -webkit-transform: scale(1);
    }
    
    .radio-option.checked .inner {
        background: #D3222A;
    }
    
    @media all and (min-width: 991px) {
        input.col-md-6,
        button.col-md-6 {
            width: 49%;
            float: left;
        }
        input.col-md-6:first-of-type,
        button.col-md-6:first-of-type {
            margin-right: 1%;
        }
        input.col-md-6:last-of-type,
        button.col-md-6:last-of-type {
            margin-left: 1%;
        }
    }
    
    form.thirds input,
    form.thirds button {
        width: 32%;
        float: left;
        margin-left: 1%;
        margin-bottom: 16px;
    }
    
    form.halves input,
    form.halves button {
        width: 46%;
        float: left;
        margin-left: 2.5%;
        margin-bottom: 16px;
    }
    
    form.halves p,
    form.thirds p,
    form.halves span,
    form.thirds span {
        clear: both;
    }
    
    .form-error,
    .form-success {
        background: #58ce38;
        padding: 12px;
        width: 80%;
        color: #fff;
        clear: both;
        display: block;
        max-width: 700px;
        position: relative;
        top: 16px;
        margin: 0 auto;
        word-break: break-word;
    }
    
    .form-error {
        background: #ce3838;
    }
    
    .form-error a,
    .form-success a {
        display: block;
        color: #fff;
    }
    
    .attempted-submit .field-error {
        outline: 1px solid #ce3838 !important;
    }
    
    form iframe.mail-list-form {
        display: none;
    }
    
    .form-loading {
        border: 3px solid #ffffff;
        border-radius: 30px;
        height: 30px;
        left: 50%;
        margin: -15px 0 0 -15px;
        opacity: 0;
        margin: 0px auto;
        top: 50%;
        width: 30px;
        -webkit-animation: pulsate 1s ease-out;
        -webkit-animation-iteration-count: infinite;
        -moz-animation: pulsate 1s ease-out;
        -moz-animation-iteration-count: infinite;
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        z-index: 99999;
    }
    
    @keyframes pulsate {
        0% {
            transform: scale(0.1);
            opacity: 0.0;
        }
        50% {
            opacity: 1;
        }
        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }
    
    @-webkit-keyframes pulsate {
        0% {
            transform: scale(0.1);
            opacity: 0.0;
        }
        50% {
            opacity: 1;
        }
        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }
    
    button[type="submit"] .form-loading {
        height: 25px;
        width: 25px;
        display: inline-block;
        top: 9px;
        position: relative;
        left: 0;
    }
    
    .btn-white .form-loading {
        border: 3px solid #c8c8c8;
    }
    
    @media all and (max-width: 767px) {
        form.thirds input,
        form.halves input,
        form.thirds button,
        form.halves button {
            width: 100%;
            margin-bottom: 8px;
            float: left;
            margin-left: 0;
        }
    }
    /*!---------- 12. ACCORDIONS ----------*/
    
    .accordion .title {
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    
    .accordion .content {
        max-height: 0;
        overflow: hidden;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
    }
    
    .accordion li.active .content {
        max-height: 400px;
    }
    
    .accordion p:last-child {
        margin-bottom: 0;
    }
    
    .accordion-1 li {
        margin-bottom: 10px;
    }
    
    .accordion-1 li:last-child {
        margin-bottom: 0;
    }
    
    .accordion-1 .title {
        background: rgb(246, 247, 249);
        padding: 13px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .bg-secondary .accordion-1 .title {
        background: #ebebeb;
    }
    
    .bg-secondary .accordion-1 .title:hover {
        background: #e4e4e4;
    }
    
    .accordion-1 .title span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
    }
    
    .accordion-1 .active .title {
        background: #D3222A;
        color: #fff;
    }
    
    .accordion-1 .content {
        border: 1px solid #eee;
        border-top: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
    }
    
    .accordion-1 .content p {
        padding: 13px;
    }
    
    .accordion-1 .active .content {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
    }
    
    .accordion-1 .title:hover {
        background: #eee;
    }
    
    .accordion-1 .active .title:hover {
        background: #D3222A;
    }
    
    .accordion-2 .title {
        font-size: 16px;
        font-weight: 500;
        padding: 16px 0;
        border-bottom: 1px solid #ccc;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: .7;
    }
    
    .accordion-2 .title:before {
        content: "\e622";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
    }
    
    .accordion-2 .active .title {
        opacity: 1;
    }
    
    .accordion-2 .active .title:before {
        content: '\e61a';
    }
    
    .accordion-2 .content p {
        padding: 16px 0;
    }
    
    .accordion-2 .title:hover {
        opacity: 1;
    }
    /*!---------- 13. TABBED CONTENT ----------*/
    
    .tabs {
        overflow: hidden;
    }
    
    .tabs li {
        display: inline-block;
        cursor: pointer;
    }
    
    .tabs.thirds {
        width: 100%;
    }
    
    .tabs.thirds li {
        width: 33.3333333%;
    }
    
    .tabs.thirds .tab-title {
        width: 100%;
    }
    
    .button-tabs .tabs {
        display: inline-block;
        overflow: hidden;
    }
    
    .button-tabs .tabs>li {
        margin-bottom: 8px;
        float: left;
    }
    
    .button-tabs .tabs>li:last-child {
        margin-right: 0;
    }
    
    .button-tabs .tab-title {
        padding: 13px;
        display: inline-block;
        text-align: center;
        min-width: 150px;
        background: rgb(246, 247, 249);
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .bg-secondary .button-tabs .tab-title {
        background: #eee;
    }
    
    .button-tabs .tab-title span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
    }
    
    .button-tabs .active .tab-title {
        background: #D3222A !important;
        color: #fff;
    }
    
    .button-tabs .tab-title:hover {
        background: #eee;
    }
    
    .button-tabs .active .tab-title:hover {
        background: #D3222A !important;
    }
    
    .button-tabs.vertical {
        overflow: hidden;
    }
    
    .button-tabs.vertical>.tabs {
        max-width: 30%;
        float: left;
    }
    
    .button-tabs.vertical>.content {
        padding-left: 3%;
        max-width: 70%;
        float: right;
    }
    
    .button-tabs.vertical>.tabs li,
    .button-tabs.vertical .tab-title {
        width: 100%;
    }
    
    .button-tabs.vertical>.tabs li {
        margin-bottom: 10px;
    }
    
    .bg-dark .button-tabs .tab-title span {
        color: #151515;
    }
    
    @media all and (max-width: 767px) {
        .button-tabs .tabs li {
            width: 49%;
            margin-bottom: 15px;
        }
        .button-tabs.vertical .tabs,
        .button-tabs.vertical .content {
            max-width: 100%;
            width: 100%;
            padding-left: 0;
        }
    }
    
    .tabbed-content .content>li {
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        display: none;
    }
    
    .tabbed-content .content .active {
        opacity: 1;
        visibility: visible;
        display: block;
    }
    
    .text-tabs .tabs {
        padding-bottom: 16px;
        border-bottom: 1px solid #ccc;
        overflow: visible;
    }
    
    .text-tabs.no-border .tabs {
        border-bottom: none;
    }
    
    .text-tabs .tab-title {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        padding: 0 24px;
        position: relative;
    }
    
    .text-tabs .tab-title span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
    }
    
    .text-tabs .tab-title:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #D3222A;
        bottom: 10px;
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        bottom: -17px;
        left: 0;
    }
    
    .text-tabs .active .tab-title {
        opacity: 1;
        color: #D3222A;
    }
    
    .bg-primary .text-tabs .tab-title:after {
        background: #b3e1c6;
    }
    
    .text-tabs .active .tab-title:after {
        opacity: 1;
    }
    
    .text-tabs .tab-title:hover {
        opacity: 1;
    }
    
    @media all and (max-width: 767px) {
        .text-tabs .tabs {
            padding-bottom: 0;
        }
        .text-tabs .tabs li {
            width: 49%;
            margin-bottom: 15px;
        }
        .text-tabs .tab-title:after {
            display: none;
        }
        .text-tabs:not(.text-center) .tabs li:first-child .tab-title {
            padding-left: 24px;
        }
    }
    
    .icon-tabs .tabs li {
        width: 24.5%;
        margin-bottom: 24px;
    }
    
    .icon-tabs .tab-title {
        text-align: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .icon-tabs .tab-title:hover {
        opacity: 1;
    }
    
    .icon-tabs .active .tab-title {
        color: #D3222A;
        opacity: 1;
    }
    
    .icon-tabs .active .tab-title i {
        color: #D3222A;
    }
    
    .image-bg .icon-tabs .active .tab-title i {
        color: #fff;
    }
    
    .icon-tabs .tab-title i {
        display: block;
        margin-bottom: 16px;
    }
    
    .icon-tabs .tab-title span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
    }
    
    @media all and (max-width: 767px) {
        .icon-tabs .tabs li {
            margin-bottom: 16px;
            margin-right: 0;
            width: 49%;
        }
        .icon-tabs .tab-title i {
            font-size: 32px;
        }
    }
    /*!---------- 14. PROGRESS BARS ----------*/
    
    .progress-bars {
        margin-bottom: 24px;
    }
    
    .progress {
        height: auto;
        box-shadow: none;
    }
    
    .progress-bar {
        background: #D3222A;
        box-shadow: none !important;
    }
    
    .bg-primary .progress-bar {
        background: #63c18b;
    }
    
    .progress-1 {
        height: 32px;
        margin-bottom: 8px;
        border-radius: 0;
        border: none;
    }
    
    .progress-1:last-child {
        margin-bottom: 0;
    }
    
    .progress-1 .progress-bar {
        text-align: right;
        padding-right: 12px;
        line-height: 32px;
        border-radius: 0;
    }
    
    .progress-1 .progress-bar span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 11px;
    }
    
    .progress-2 {
        height: auto;
        background: none;
        text-align: center;
        margin-bottom: 8px;
    }
    
    .progress-2 span {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        display: inline-block;
        margin-bottom: 8px;
    }
    
    .progress-2 .bar-holder {
        height: 16px;
        border-radius: 8px;
        overflow: hidden;
        border: 1px solid #D3222A;
    }
    
    .bg-primary .progress-2 .bar-holder {
        border-color: #71c795;
    }
    /*!---------- 15. STATS ----------*/
    
    .stat-2 h1 {
        font-size: 80px;
        line-height: 88px;
    }
    
    .stat-3 h1 {
        margin-bottom: 8px;
        font-size: 72px;
        line-height: 80px;
    }
    
    .stat-3 h6 {
        margin-bottom: 0;
    }
    /*!---------- 16. BREADCRUMBS ----------*/
    
    .breadcrumb {
        margin-bottom: 24px;
    }
    
    .breadcrumb-2 {
        background: none;
        padding: 0;
    }
    
    .breadcrumb-2 li a,
    .breadcrumb-2 li {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 11px;
        font-weight: 600;
    }
    
    .breadcrumb-2>li+li:before {
        padding: 0 16px;
        color: #bbb;
    }
    
    .image-bg .breadcrumb li a {
        color: #fff;
    }
    
    .image-bg .breadcrumb li a:hover {
        opacity: 1;
    }
    
    .image-bg .breadcrumb li.active {
        color: #fff;
    }
    
    .bg-dark .breadcrumb a {
        color: #fff;
    }
    
    @media all and (max-width: 990px) {
        .page-title-4 .breadcrumb,
        .page-title-2 .breadcrumb {
            float: left;
            margin-top: 32px;
        }
    }
    
    @media all and (max-width: 767px) {
        .breadcrumb-2>li+li:before {
            padding: 0 4px;
        }
        .page-title-4 .breadcrumb,
        .page-title-2 .breadcrumb {
            float: left;
            margin-top: 8 px;
        }
    }
    /*!---------- 17. PAGINATION ----------*/
    
    .pagination {
        margin: 0;
    }
    
    .pagination li {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
    
    .pagination li a {
        width: 32px;
        height: 32px;
        padding: 0;
        text-align: center;
        padding-top: 6px;
        margin: 0 4px;
        color: #151515;
        font-weight: 400;
    }
    
    .pagination li a:hover,
    .pagination li.active a,
    .pagination li.active:hover a {
        background: #D3222A;
        color: #fff;
        border-color: #D3222A;
    }
    /*!---------- 18. ICON FEATURES ----------*/
    
    .feature.boxed {
        padding: 32px;
        background: rgb(246, 247, 249);
    }
    
    .feature.boxed.bg-dark {
        background: #151515;
    }
    
    .bg-dark .feature.boxed {
        background: #363636;
    }
    
    .bg-secondary .feature.boxed {
        background: #fff;
    }
    
    .feature.bordered {
        padding: 32px;
        border: 1px solid #ccc;
    }
    
    .feature {
        margin-bottom: 24px;
    }
    
    .feature p:last-child {
        margin-bottom: 0;
    }
    
    @media all and (max-width: 767px) {
        .feature.boxed,
        .feature.bordered {
            padding: 24px;
        }
    }
    
    @media all and (max-width: 990px) {
        .feature .icon-lg {
            font-size: 40px;
        }
    }
    
    .feature-1 i {
        display: inline-block;
        margin-bottom: 16px;
        color: #D3222A;
    }
    
    .feature-2 i {
        display: block;
        width: 80px;
        height: 80px;
        border: 1px solid #D3222A;
        text-align: center;
        line-height: 80px;
        color: #D3222A;
        border-radius: 50%;
        margin: 0 auto;
        margin-bottom: 24px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .feature-2 i:hover,
    .feature-2.filled i {
        background: #D3222A;
        color: #fff;
    }
    
    .feature-3 {
        overflow: hidden;
    }
    
    @media all and (min-width: 768px) {
        .feature-3 {
            min-height: 160px;
        }
    }
    
    .feature-3 .left,
    .feature-3 .right {
        display: inline-block;
        float: left;
    }
    
    .feature-3 .left {
        width: 15%;
    }
    
    .feature-3 .right {
        width: 85%;
    }
    
    .feature-3 i {
        color: #D3222A;
    }
    
    .bg-primary .feature-3 i {
        color: #fff;
    }
    
    .feature-4 .left {
        width: 25%;
    }
    
    .feature-4 .right {
        width: 75%;
    }
    
    .feature-color h1,
    .feature-color h2,
    .feature-color h3,
    .feature-color h4,
    .feature-color h5,
    .feature-color h6 {
        color: #ffffff;
    }
    
    .feature-color p,
    .feature-color span,
    .feature-color li {
        color: #ffffff;
    }
    
    .feature-color i {
        color: #fff;
        opacity: .7;
    }
    
    .feature-color:nth-of-type(1) {
        background: #D3222A;
    }
    
    .feature-color:nth-of-type(2) {
        background: #40a269;
    }
    
    .feature-color:nth-of-type(3) {
        /*background: #398f5d;*/
        background: #D3222A;
    }
    
    .feature-5 {
        height: 33.333333vw;
        padding: 0 48px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    @media all and (max-width: 1280px) {
        .feature-5 {
            height: auto;
            padding: 80px 48px;
        }
        .feature-5 .v-align-transform {
            top: 0;
            transform: none;
            -webkit-transform: none;
        }
    }
    
    @media all and (max-width: 767px) {
        .feature-3 .left,
        .feature-4 .left {
            margin-bottom: 8px;
        }
        .feature-3 .left,
        .feature-4 .left,
        .feature-3 .right,
        .feature-4 .right {
            width: 100%;
        }
        .feature-5 {
            padding: 40px 24px;
        }
    }
    
    .image-bg .feature i {
        color: #fff;
    }
    
    .image-bg .feature h1,
    .image-bg .feature h2,
    .image-bg .feature h3,
    .image-bg .feature h4,
    .image-bg .feature h5,
    .image-bg .feature h6 {
        color: #ffffff;
    }
    
    .image-bg .feature p,
    .image-bg .feature span,
    .image-bg .feature li {
        color: #ffffff;
    }
    
    .image-bg .feature.bordered {
        border-color: rgba(255, 255, 255, 0.4);
    }
    
    .image-bg .feature.boxed {
        background: rgba(34, 34, 34, 0.4);
    }
    
    .bg-light .feature.bordered {
        border-color: rgba(34, 34, 34, 0.2);
    }
    /*!---------- 19. PRICING TABLES ----------*/
    
    .pricing-table {
        padding: 48px 32px;
    }
    
    .pricing-table .price {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 80px;
        line-height: 80px;
        font-weight: 300;
        color: #151515;
        display: inline-block;
        margin-bottom: 16px;
    }
    
    .bg-dark .pricing-table .price {
        color: #fff;
    }
    
    .pricing-table p:last-child {
        margin-bottom: 0;
    }
    
    .pricing-table.boxed,
    .pricing-table.emphasis {
        background: rgb(246, 247, 249);
    }
    
    .pricing-table.emphasis {
        background: #D3222A;
        color: #fff;
    }
    
    .pricing-table.emphasis a:not(.btn) {
        color: #fff;
    }
    
    .pricing-table.emphasis .price,
    .pricing-table.emphasis h5 {
        color: #fff;
    }
    
    .pt-2 ul {
        line-height: 36px;
    }
    /*!---------- 20. PAGE TITLES ----------*/
    
    .page-title {
        padding: 0;
    }
    
    .page-title .container {
        position: relative;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        top: 70%;
        z-index: 2;
    }
    
    .page-title i {
        position: relative;
        top: 1px;
    }
    
    @media all and (max-width: 767px) {
        .page-title i {
            display: none;
        }
    }
    
    .page-title-1,
    .page-title-2 {
        height: 400px;
    }
    
    .page-title-1 .breadcrumb,
    .page-title-3 .breadcrumb {
        position: absolute;
        z-index: 3;
        width: 100%;
        text-align: center;
        bottom: 0;
    }
    
    .page-title-2 .breadcrumb {
        position: relative;
        margin-bottom: 0;
    }
    
    .nav-is-overlay .page-title-1.image-bg:first-child,
    .nav-is-overlay.page-title-1.bg-dark:first-child,
    .nav-is-overlay .page-title-2.image-bg:first-child,
    .nav-is-overlay.page-title-2.bg-dark:first-child {
        height: 455px;
        padding-top: 55px;
    }
    
    @media all and (max-width: 767px) {
        .page-title-1,
        .page-title-2 {
            height: 320px;
        }
    }
    
    .page-title-3,
    .page-title-4 {
        height: 140px;
    }
    
    .page-title-4 .breadcrumb {
        position: relative;
        top: 8px;
        margin-bottom: 0;
    }
    
    .nav-is-overlay .page-title-3.image-bg:first-child,
    .nav-is-overlay.page-title-3.bg-dark:first-child,
    .nav-is-overlay .page-title-4.image-bg:first-child,
    .nav-is-overlay.page-title-4.bg-dark:first-child {
        height: 295px;
        padding-top: 55px;
    }
    
    @media all and (max-width: 767px) {
        .page-title .text-right {
            text-align: left !important;
        }
    }
    
    .page-title.fullscreen {
        height: 100vh !important;
        padding-top: 0;
    }
    /*!---------- 21. WIDGETS ----------*/
    
    .widget {
        margin-bottom: 48px;
    }
    
    .link-list {
        line-height: 32px;
    }
    
    .link-list a:after {
        content: "\e628";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 11px;
        display: inline-block;
        margin-left: 8px;
    }
    
    .widget ul:last-child,
    .widget p:last-child {
        margin-bottom: 0;
    }
    
    .widget .title {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 24px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-weight: 600;
        margin-bottom: 12px;
    }
    
    .widget hr {
        margin-bottom: 12px;
    }
    
    .recent-posts {
        line-height: 24px;
    }
    
    .recent-posts li {
        margin-bottom: 8px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .recent-posts .date {
        display: block;
        letter-spacing: 0;
        opacity: .8;
    }
    
    .recent-posts li:hover .date {
        opacity: 1;
    }
    
    .tags {
        overflow: hidden;
    }
    
    .tags li {
        float: left;
        margin: 0 4px 4px 0;
    }
    
    .tags .btn-sm {
        padding: 0 8px;
        margin: 0;
    }
    
    .widget .gallery {
        overflow: hidden;
    }
    
    .widget .gallery li {
        width: 33.33333%;
        float: left;
        padding: 0 4px 4px 0;
    }
    
    .twitter-feed .user,
    .twitter-feed .interact {
        display: none;
    }
    
    .widget .twitter-feed .timePosted {
        display: none;
    }
    
    .widget .tweet {
        margin-bottom: 0;
    }
    
    .widget .twitter-feed .slides li {
        margin-bottom: 24px;
    }
    
    .widget .twitter-feed .slides li:last-child {
        margin-bottom: 0;
    }
    
    .widget .twitter-feed .slides li:nth-of-type(n+3) {
        display: none;
    }
    
    .widget .twitter-feed .slides li:before {
        position: relative;
        top: 6px;
        float: left;
        display: inline-block;
        margin-right: 8px;
        color: #151515;
        content: "\e74b";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 13px;
    }
    
    .widget .twitter-feed p {
        padding-left: 22px;
        position: relative;
    }
    
    .bg-dark .widget .twitter-feed .slides li:before {
        color: #fff;
    }
    
    .widget .instafeed li {
        width: 33.3333%;
        display: inline-block;
        padding: 0 4px 4px 0;
    }
    
    .widget .instafeed li:nth-of-type(n+7) {
        display: none;
    }
    
    .widget .cart-overview img {
        width: 25%;
        padding-right: 2%;
    }
    
    .widget .cart-overview .description {
        display: inline-block;
        width: auto;
        line-height: 24px;
    }
    
    .widget .cart-overview span {
        display: block;
    }
    
    .widget .cart-overview li {
        margin-bottom: 24px;
        overflow: hidden;
    }
    
    .widget .cart-overview li:last-child {
        margin-bottom: 0;
    }
    
    .widget .cart-controls {
        max-height: 30px;
        line-height: 30px;
    }
    
    .cart-overview a {
        color: #151515;
    }
    
    .cart-overview a:hover {
        color: #D3222A;
    }
    
    .widget .flex-direction-nav li a {
        width: 16px;
        height: 16px;
        margin: -8px 0 0;
    }
    
    .widget .flex-direction-nav li a:before {
        font-size: 16px;
    }
    
    .widget .flex-direction-nav li a.flex-next {
        right: 8px;
    }
    
    .widget .flex-direction-nav li a.flex-prev {
        left: 8px;
    }
    
    .widget .flex-control-nav {
        display: none;
    }
    
    .widget .image-slider {
        margin: 0;
    }
    /*!---------- 22. IMAGE TILES ----------*/
    
    img {
        max-width: 100%;
    }
    
    .image-tile {
        overflow: hidden;
        position: relative;
        margin-bottom: 24px;
    }
    
    .image-tile img {
        width: 100%;
        display: inline-block;
    }
    
    .image-tile .label {
        position: absolute;
        top: 16px;
        right: 16px;
        z-index: 5;
    }
    
    .inner-title:before {
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.9)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.9) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#151515', GradientType=0);
        pointer-events: none;
    }
    
    .inner-title.title-center:before {
        background: #151515;
        opacity: .4;
    }
    
    .inner-title:hover:before {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
    
    .inner-title .title {
        position: absolute;
        width: 100%;
        bottom: 24px;
        z-index: 5;
    }
    
    .inner-title .title h1,
    .inner-title .title h2,
    .inner-title .title h3,
    .inner-title .title h4,
    .inner-title .title h5,
    .inner-title .title h6 {
        color: #ffffff;
    }
    
    .inner-title .title p,
    .inner-title .title span,
    .inner-title .title li {
        color: #ffffff;
    }
    
    .inner-title.title-center .title {
        bottom: auto;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
    }
    
    .inner-title .title h5 {
        font-weight: 600;
    }
    
    .inner-title {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
    }
    
    .inner-title:hover {
        opacity: .95;
    }
    
    .inner-title.hover-reveal:before {
        opacity: 0;
    }
    
    .inner-title.hover-reveal .title {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .inner-title.hover-reveal:hover .title {
        opacity: 1;
        transform: translate3d(0, 0px, 0);
        -webkit-transform: translate3d(0, 0px, 0);
        -moz-transform: translate3d(0, 0px, 0);
    }
    
    .inner-title.hover-reveal:hover:before {
        opacity: 1;
    }
    
    .outer-title img {
        display: inline-block;
        margin-bottom: 12px;
    }
    
    .hover-tile {
        position: relative;
        overflow: hidden;
        background: #151515;
    }
    
    .hover-tile img {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .hover-tile:hover img {
        opacity: .5;
    }
    
    .hover-tile .hover-state {
        position: relative;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        top: 50%;
        z-index: 2;
        position: absolute;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
        width: 100%;
    }
    
    .hover-state {
        z-index: 99;
        padding: 0 40px;
        cursor: default;
    }
    
    .hover-state h1,
    .hover-state h2,
    .hover-state h3,
    .hover-state h4,
    .hover-state h5,
    .hover-state h6 {
        color: #ffffff;
    }
    
    .hover-state p,
    .hover-state span,
    .hover-state li {
        color: #ffffff;
    }
    
    .hover-state * {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transform: translate3d(0, 30px, 0) scale(1.05);
        -webkit-transform: translate3d(0, 30px, 0) scale(1.05);
    }
    
    .hover-tile:hover .hover-state {
        opacity: 1;
    }
    
    .hover-tile:hover .hover-state * {
        transform: translate3d(0, 0px, 0) scale(1);
        -webkit-transform: translate3d(0, 0px, 0) scale(1);
    }
    
    .hover-state *:last-child {
        margin-bottom: 0;
    }
    
    .border-thick {
        border: 16px solid #fff;
        border-top: none;
    }
    
    .border-thick.col-sm-6:first-child {
        border-right: 8px solid #fff;
    }
    
    .border-thick.col-sm-6:last-child {
        border-left: 8px solid #fff;
    }
    
    .horizontal-tile {
        overflow: hidden;
    }
    
    .horizontal-tile:not(:last-of-type) {
        margin-bottom: 30px;
    }
    
    .tile-left,
    .tile-right {
        width: 50%;
        float: left;
        display: inline-block;
        overflow: hidden;
        min-height: 300px;
        position: relative;
    }
    
    .tile-right .description,
    .tile-left .description {
        padding: 48px;
    }
    
    .tile-right:hover .background-image-holder,
    .tile-left:hover .background-image-holder {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    
    @media all and (max-width: 767px) {
        .tile-left,
        .tile-right {
            width: 100%;
            float: none;
        }
    }
    /*!---------- 23. SLIDERS ----------*/
    
    .image-slider {
        position: relative;
    }
    
    .image-slider .slides {
        position: relative;
        overflow: hidden;
    }
    
    .image-slider .slides li {
        position: relative;
    }
    
    .image-slider .slides li>img {
        width: 100%;
    }
    
    .row .image-slider {
        margin-bottom: 24px;
    }
    
    .image-slider.height-70 .slides li {
        height: 70vh;
        min-height: 600px;
    }
    
    @media all and (max-width: 767px) {
        .image-slider.height-70 .slides li {
            height: auto;
            min-height: none;
            padding: 80px 0;
        }
        .image-slider.height-70 .v-align-transform {
            top: 0;
            transform: none;
            -webkit-transform: none;
        }
    }
    
    .flex-direction-nav a.flex-next {
        right: 16px;
    }
    
    .flex-direction-nav a.flex-next:before,
    .flex-direction-nav a.flex-prev:before {
        content: "\e649";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 24px;
        color: #fff;
    }
    
    .flex-direction-nav a.flex-prev {
        left: 16px;
    }
    
    .flex-direction-nav a.flex-prev:before {
        content: "\e64a";
    }
    
    .flex-direction-nav a {
        opacity: 1;
        text-shadow: none;
        color: rgba(0, 0, 0, 0);
        width: 24px;
        height: 24px;
        margin: -12px 0 0;
    }
    
    .flex-control-nav li {
        overflow: hidden;
    }
    
    .flex-control-nav li a {
        background: none;
        border: 2px solid #151515;
        width: 10px;
        height: 10px;
    }
    
    @media all and (max-width: 768px) {
        .flex-direction-nav {
            display: none;
        }
    }
    
    .controls-inside .flex-control-nav {
        bottom: 24px;
        z-index: 10;
    }
    
    .controls-inside .flex-control-nav li a {
        border-color: #fff;
    }
    
    .controls-inside .flex-control-nav li a.flex-active {
        background: #fff;
    }
    
    .image-bg .flex-control-nav li a {
        border-color: #fff;
    }
    
    .image-bg .flex-control-nav li a.flex-active {
        background: #fff;
    }
    
    .slider-thumb-controls .flex-control-thumbs {
        margin: 0;
    }
    
    .slider-thumb-controls .flex-direction-nav {
        display: none;
    }
    
    @media all and (max-width: 767px) {
        .slider-thumb-controls .flex-control-thumbs {
            display: none;
        }
        .slider-thumb-controls .flex-direction-nav {
            display: block;
        }
    }
    
    .logo-carousel li {
        text-align: center;
    }
    
    .logo-carousel li {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: .5;
    }
    
    .logo-carousel li:hover {
        opacity: 1;
    }
    
    .logo-carousel img {
        max-height: 60px;
    }
    
    @media all and (max-width: 767px) {
        .logo-carousel .slides li {
            width: 100%;
        }
    }
    
    .text-slider .flex-direction-nav li a:before {
        color: #151515;
    }
    
    .image-bg .text-slider .flex-direction-nav li a:before {
        color: #fff;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: .5;
    }
    
    .image-bg .text-slider .flex-direction-nav li a:hover:before {
        opacity: 1;
    }
    
    .text-slider .flex-direction-nav a.flex-prev {
        left: -60px;
    }
    
    .text-slider .flex-direction-nav a.flex-next {
        right: -60px;
    }
    
    .kenburns .slides li:nth-of-type(odd) .background-image-holder {
        animation: kenBurnsEast 25s linear infinite alternate;
        -webkit-animation: kenBurnsEast 25s linear infinite alternate;
    }
    
    .kenburns .slides li:nth-of-type(even) .background-image-holder {
        animation: kenBurnsWest 25s linear infinite alternate;
        -webkit-animation: kenBurnsWest 25s linear infinite alternate;
    }
    
    @keyframes kenBurnsEast {
        from {
            transform: scale(1) translateX(0px);
            -webkit-transform: scale(1) translateX(0px);
        }
        to {
            transform: scale(1.2) translateX(100px);
            -webkit-transform: scale(1.2) translateX(100px);
        }
    }
    
    @-webkit-keyframes kenBurnsEast {
        from {
            transform: scale(1) translateX(0px);
            -webkit-transform: scale(1) translateX(0px);
        }
        to {
            transform: scale(1.2) translateX(100px);
            -webkit-transform: scale(1.2) translateX(100px);
        }
    }
    
    @keyframes kenBurnsWest {
        from {
            transform: scale(1) translateX(0px);
            -webkit-transform: scale(1) translateX(0px);
        }
        to {
            transform: scale(1.2) translateX(-100px);
            -webkit-transform: scale(1.2) translateX(-100px);
        }
    }
    
    @-webkit-keyframes kenBurnsWest {
        from {
            transform: scale(1) translateX(0px);
            -webkit-transform: scale(1) translateX(0px);
        }
        to {
            transform: scale(1.2) translateX(-100px);
            -webkit-transform: scale(1.2) translateX(-100px);
        }
    }
    
    @media all and (max-width: 767px) {
        .kenburns .slides li .background-image-holder {
            animation: none !important;
            -webkit-animation: none !important;
        }
    }
    /*!---------- 24. IMAGE GALLERIES ----------*/
    
    .instafeed.grid-gallery {
        overflow: hidden;
    }
    
    .instafeed.grid-gallery li {
        width: 25%;
        display: inline-block;
        float: left;
        padding: 8px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
    }
    
    .instafeed.grid-gallery li:hover {
        opacity: .9;
    }
    
    .instafeed.grid-gallery.gapless li {
        padding: 0;
        width: 16.66667%;
    }
    
    .instafeed.grid-gallery.gapless li img {
        width: 100%;
    }
    
    .instafeed li img {
        height: auto;
    }
    
    @media all and (max-width: 990px) {
        .instafeed.grid-gallery li {
            width: 33.333333%;
        }
    }
    
    .lightbox-grid,
    .lightbox-grid ul,
    .lightbox-grid li {
        position: relative;
        overflow: hidden;
    }
    
    .lightbox-grid li {
        width: 25%;
        float: left;
        border: 8px solid rgba(0, 0, 0, 0);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
    }
    
    .lightbox-grid li:hover {
        opacity: .9;
    }
    
    .square-thumbs li {
        height: 285px;
    }
    
    .third-thumbs li {
        width: 33.33333vw;
        height: 33vw;
        border: none;
    }
    
    @media all and (max-width: 1190px) {
        .square-thumbs li {
            height: 235px;
        }
    }
    
    @media all and (max-width: 990px) {
        .lightbox-grid li {
            width: 33.33333%;
        }
        .square-thumbs li {
            height: 240px;
        }
    }
    
    @media all and (max-width: 767px) {
        .lightbox-grid li {
            width: 50%;
        }
        .third-thumbs li {
            height: 50vw;
        }
        .square-thumbs li {
            height: 185px;
        }
    }
    
    .lb-outerContainer {
        background: none;
        border-radius: 0;
    }
    
    .lightbox .lb-image {
        border-radius: 0;
    }
    
    .lb-data .lb-close,
    .lb-nav a.lb-next,
    .lb-nav a.lb-prev {
        background: none;
    }
    
    .lb-data .lb-close:before,
    .lb-nav a.lb-next:before,
    .lb-nav a.lb-prev:before {
        content: "\e646";
        font-family: 'themify';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        font-size: 24px;
        color: #fff;
    }
    
    .lb-nav a.lb-next:before,
    .lb-nav a.lb-prev:before {
        position: absolute;
        top: 50%;
        font-size: 32px;
        margin-top: -16px;
    }
    
    .lb-nav a.lb-next:before {
        content: "\e649";
        right: 16px;
    }
    
    .lb-nav a.lb-prev:before {
        content: "\e64a";
        left: 16px;
    }
    
    .flickr-feed li {
        width: 25%;
        padding: 8px;
    }
    
    .flickr-feed li.masonry-item {
        margin-bottom: 0;
    }
    
    .flickr-feed li img {
        min-width: 100%;
    }
    
    @media all and (max-width: 990px) {
        .flickr-feed li {
            width: 33.33333%;
        }
    }
    
    @media all and (max-width: 767px) {
        .flickr-feed li {
            padding: 4px;
        }
    }
    /*!---------- 25. INTROS ----------*/
    
    .cover {
        margin: 0;
        padding: 0;
    }
    
    .cover h1,
    .cover h2,
    .cover h3,
    .cover h4,
    .cover h5,
    .cover h6 {
        color: #ffffff;
    }
    
    .cover p,
    .cover span,
    .cover li {
        color: #ffffff;
    }
    
    .image-bg.bg-light h1,
    .image-bg.bg-light h2,
    .image-bg.bg-light h3,
    .image-bg.bg-light h4,
    .image-bg.bg-light h5,
    .image-bg.bg-light h6 {
        color: #151515;
    }
    
    .image-bg.bg-light p,
    .image-bg.bg-light span,
    .image-bg.bg-light li {
        color: #777777;
    }
    
    .cover:first-child .fullscreen {
        max-height: 100%;
    }
    
    .cover.fullscreen .slides>li {
        height: 100vh;
    }
    
    .cover .slides li .container {
        z-index: 4;
        position: relative;
    }
    
    .cover .flex-control-nav {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: .9;
    }
    
    .cover .flex-control-nav:hover {
        opacity: 1;
    }
    
    .cover .align-bottom {
        padding: 0 32px;
        bottom: 16px;
    }
    
    .cover .align-top {
        padding: 0 32px;
    }
    
    @media all and (max-width: 767px) {
        .cover .align-bottom {
            padding: 0 15px;
        }
        .cover .align-bottom.relative-xs {
            position: relative;
            bottom: 0;
        }
        .cover.fullscreen {
            height: auto;
            padding: 80px 0;
        }
        .cover.fullscreen.image-slider {
            padding: 0;
        }
        .cover.fullscreen .container {
            top: 0;
            transform: none;
            -webkit-transform: none;
        }
        .cover.fullscreen .slides li {
            height: auto;
            padding: 80px 0;
        }
    }
    /*!---------- 26. SHOP ----------*/
    
    .product-single .image-slider .label {
        font-size: 12px;
        text-transform: uppercase;
        position: absolute;
        z-index: 3;
        top: 16px;
        right: 16px;
    }
    
    .product-single .price {
        font-size: 32px;
        font-weight: 300;
        line-height: 40px;
        display: inline-block;
        margin-right: 32px;
    }
    
    .product-single .old-price {
        text-decoration: line-through;
        opacity: .7;
    }
    
    .product-single .price:not(.old-price) {
        color: #D3222A;
    }
    
    .add-to-cart input[type="text"] {
        width: 100px;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    
    .add-to-cart input[type="submit"] {
        width: 160px;
        margin: 0;
    }
    
    th,
    td {
        line-height: 24px !important;
    }
    
    .ratings {
        margin-bottom: 24px;
    }
    
    .ratings li {
        display: inline-block;
        background: rgb(246, 247, 249);
        padding: 24px;
        margin-bottom: 16px;
    }
    
    .star-rating li {
        padding: 0;
        color: #000;
    }
    
    .star-rating {
        margin: 0;
        display: inline-block;
        margin-right: 24px;
    }
    
    .ratings .user span {
        display: inline-block;
        margin-right: 8px;
    }
    
    .ratings .user .date {
        opacity: .7;
    }
    
    .ratings .user {
        margin-bottom: 8px;
    }
    
    .ratings-form input[type="text"] {
        width: 50%;
        float: left;
    }
    
    .ratings-form input[type="text"]:first-child {
        width: 48%;
        margin-right: 2%;
    }
    
    .ratings-form input[type="submit"] {
        width: 200px;
    }
    
    .product-thumb {
        max-width: 180px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
    
    .col-sm-6 .product-thumb {
        max-width: 320px;
    }
    
    .product-thumb:hover {
        transform: scale3d(0.95, 0.95, 0.95);
        -webkit-transform: scale3d(0.95, 0.95, 0.95);
    }
    
    .cart .product-thumb {
        max-width: 10000px;
        max-height: 100px;
    }
    
    .cart .product-thumb:hover {
        transform: none;
    }
    
    .cart td,
    .cart span,
    .cart th {
        vertical-align: middle !important;
    }
    
    .cart span {
        display: inline-block;
    }
    
    .cart .remove-item {
        display: inline-block;
        width: 24px;
        height: 24px;
        position: relative;
        border: 1px solid #c64444;
        color: #c64444;
        border-radius: 50%;
        text-align: center;
        font-size: 12px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    .cart .remove-item:hover {
        color: #fff;
        background: #c64444;
    }
    /*!---------- 27. VIDEO ----------*/
    
    video:-webkit-full-screen,
    audio:-webkit-full-screen {
        -webkit-transform: translateY(0%);
    }
    
    iframe {
        border: none;
    }
    
    .player {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }
    
    @media all and (max-width: 767px) {
        .player {
            display: none;
        }
    }
    
    .vid-bg {
        background: #151515;
    }
    
    .vid-bg .background-image-holder {
        display: none;
        z-index: 0;
    }
    
    .vid-bg .masonry-loader {
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -25px;
        margin-top: -25px;
    }
    
    .vid-bg .container.fadeOut {
        opacity: 0;
    }
    
    @media all and (max-width: 1024px) {
        .vid-bg .background-image-holder {
            display: block;
        }
        .vid-bg .player {
            display: none;
        }
        .vid-bg .container.fadeOut {
            opacity: 1;
        }
        .vid-bg .masonry-loader {
            display: none;
        }
    }
    
    video {
        max-width: 100%;
    }
    
    .local-video-container {
        position: relative;
        margin-bottom: 24px;
    }
    
    .local-video-container video {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }
    
    .local-video-container .background-image-holder {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        top: 0;
        box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.26);
    }
    
    .background-image-holder.fadeout {
        opacity: 0 !important;
        z-index: 0;
    }
    
    @media all and (max-width: 767px) {
        video {
            max-width: 100% !important;
        }
    }
    
    .play-button {
        width: 80px;
        height: 80px;
        border: 2px solid #fff;
        text-align: center;
        margin: 0 auto;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -40px;
        margin-left: -40px;
        z-index: 4;
        border-radius: 50%;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        cursor: pointer;
    }
    
    .play-button:before {
        position: absolute;
        top: 50%;
        margin-top: -8px;
        left: 50%;
        margin-left: -5px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 7px 14px;
        border-color: transparent transparent transparent #ffffff;
    }
    
    .play-button:hover {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
    }
    
    .play-button.dark {
        border-color: #151515;
    }
    
    .play-button.dark:before {
        border-color: transparent transparent transparent #151515;
    }
    
    @media all and (max-width: 767px) {
        .play-button {
            width: 65px;
            height: 65px;
            margin-top: -32px;
        }
        .play-button:before {
            position: absolute;
            top: 50%;
            margin-top: -9px;
            margin-left: -8px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 10px 0 10px 20.0px;
            border-color: transparent transparent transparent #fff;
        }
    }
    
    .play-button.large {
        height: 120px;
        width: 120px;
        margin-top: -60px;
        margin-left: -60px;
    }
    
    .play-button.large:before {
        margin-top: -18px;
        margin-left: -10px;
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 31.0px;
        border-color: transparent transparent transparent #ffffff;
    }
    
    .play-button.large.dark:before {
        border-color: transparent transparent transparent #151515;
    }
    
    .play-button.inline {
        position: relative;
        top: 0;
        left: 0;
        margin-top: 0;
        margin-left: 0;
        display: inline-block;
        z-index: 0;
    }
    
    @media all and (max-width: 767px) {
        .play-button.large {
            width: 90px;
            height: 90px;
            margin-top: -45px;
        }
        .play-button.large:before {
            margin-top: -14px;
            margin-left: -8px;
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 0 15px 25.0px;
            border-color: transparent transparent transparent #fff;
        }
    }
    
    .modal-video {
        position: fixed;
        visibility: hidden;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.9);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
        z-index: -1;
    }
    
    .modal-video video {
        margin: 0 auto;
        width: 675px;
        display: block;
        top: 50%;
        position: relative;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }
    
    .modal-video.reveal-modal {
        opacity: 1;
        z-index: 999999;
        visibility: visible;
    }
    
    .modal-video iframe {
        position: absolute;
        width: 768px;
        height: 432px;
        left: 50%;
        margin-left: -384px;
        margin-top: -216px;
        top: 50%;
        border: none;
    }
    
    .modal-video .ti-close {
        font-size: 24px;
        position: absolute;
        top: 32px;
        right: 32px;
        color: #fff;
        cursor: pointer;
    }
    
    @media all and (max-width: 990px) {
        .modal-video iframe {
            width: 640px;
            height: 360px;
            margin-left: -320px;
            margin-top: -160px;
        }
    }
    
    @media all and (max-width: 767px) {
        .modal-video video {
            width: 100%;
            padding: 0 15px;
        }
        .modal-video iframe {
            width: 100%;
            margin-left: -50%;
        }
    }
    
    .fs-video-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }
    
    .fs-video-wrapper video {
        position: absolute;
        width: 100%;
        left: 0;
    }
    
    .embed-video-container {
        width: 100%;
        position: relative;
        display: inline-block;
    }
    
    .embed-video-container iframe {
        border: none;
        width: 100%;
        height: 312px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }
    
    .modal-video .embed-video-container {
        width: 80%;
        max-height: 800px;
    }
    
    @media all and (max-width: 767px) {
        .embed-video-container iframe {
            height: 200px;
        }
    }
    
    .fs-vid-background-access {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        overflow: hidden;
    }
    
    .fs-vid-background-access video {
        object-fit: cover;
        -webkit-object-fit: cover;
        /* Safari 3.0 */
        -moz-object-fit: cover;
        /* Gecko 1.9.2 (Firefox 3.6) */
        -o-object-fit: cover;
        /* Opera 9.5 */
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    
    .overlayAccess .fs-vid-background-access:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #151515;
        /*background-image: url("../img/pattern.png");
    background-repeat: repeat;*/
        opacity: 0.7;
        z-index: 3;
    }
    
    .fs-vid-background-access:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #151515;
        opacity: 0.6;
        z-index: 3;
    }
    
    .fs-vid-background-access:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(41, 41, 47, 0.4);
        z-index: 2;
    }
    
    .overlay .fs-vid-background:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(41, 41, 47, 0.4);
        z-index: 2;
    }
    
    .fs-vid-background {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
    }
    
    .fs-vid-background video {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    
    .overlay .fs-vid-background:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #151515;
        /*background-image: url("../img/pattern.png");
    background-repeat: repeat;*/
        opacity: 0.7;
        z-index: 3;
    }
    
    .fs-vid-background:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #151515;
        opacity: 0.6;
        z-index: 3;
    }
    
    .fs-vid-background:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(41, 41, 47, 0.4);
        z-index: 2;
    }
    
    .overlay .fs-vid-background:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(41, 41, 47, 0.4);
        z-index: 2;
    }
    
    @media all and (max-width: 1024px) {
        .fs-vid-background {
            display: none;
        }
        .fs-vid-background-access {
            display: none;
        }
    }
    /*!---------- 28. BLOG ----------*/
    
    .post-title .label {
        margin-right: 16px;
    }
    
    .post-title h4 {
        position: relative;
        top: 2px;
        margin-bottom: 16px;
    }
    
    .post-meta,
    .post-meta .tags {
        overflow: hidden;
        display: inline-block;
        margin-bottom: 12px;
    }
    
    .post-meta>li {
        float: left;
        margin-right: 24px;
    }
    
    .post-meta i {
        font-size: 16px;
        margin-right: 8px;
        position: relative;
        top: 2px;
    }
    
    .post-snippet iframe {
        width: 100%;
        margin-bottom: 12px;
    }
    
    .post-snippet .embed-video-container {
        margin-bottom: 24px;
    }
    
    .post-snippet .embed-video-container iframe {
        margin: 0;
    }
    
    .post-snippet .inner {
        background: #fff;
        padding: 24px;
    }
    
    .comments-list,
    .comments-list ul {
        width: 100%;
        overflow: hidden;
    }
    
    .comments-list li {
        overflow: hidden;
        margin-bottom: 40px;
    }
    
    .comments-list p:last-of-type {
        margin: 0;
    }
    
    .comments-list .avatar,
    .comments-list .comment {
        display: inline-block;
        float: left;
    }
    
    .comments-list .avatar {
        width: 10%;
    }
    
    .comments-list .avatar img {
        width: 75px;
    }
    
    .comments-list .comment {
        width: 90%;
        padding-left: 5%;
    }
    
    .comments-list .author {
        display: inline-block;
        margin-right: 16px;
        margin-bottom: 16px;
    }
    
    .comments-list .comment .btn {
        position: relative;
        margin: 0;
    }
    
    .comments-list ul {
        padding-left: 10%;
        padding-top: 40px;
    }
    
    .comments-list ul li:last-of-type {
        margin-bottom: 0;
    }
    
    .comments input[type="submit"] {
        max-width: 25%;
        float: right;
    }
    
    .masonry {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
        transform: translate3d(0, 100px, 0);
        -webkit-transform: translate3d(0, 100px, 0);
        -moz-transform: translate3d(0, 100px, 0);
    }
    
    .masonry.fadeIn {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
    
    .masonry-item {
        max-width: 100%;
    }
    
    .container .masonry-item {
        margin-bottom: 30px;
    }
    
    .masonry-item blockquote:hover {
        background: #D3222A;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        color: #fff;
    }
    
    .masonryFlyIn .masonry-item {
        opacity: 0;
        transform: translate3d(0, 50px, 0);
        -webkit-transform: translate3d(0, 50px, 0);
        -moz-transform: translate3d(0, 50px, 0);
    }
    
    .masonryFlyIn .masonry-item.fadeIn {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
    
    .masonry-loader {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
        position: absolute;
        width: 100%;
        z-index: 10;
        top: 80px;
    }
    
    .loader-video {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
        position: fixed;
        width: 100%;
        z-index: 10;
        top: 25%;
        left: 49%;
    }
    
    .masonry-loader.fixed-center {
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        margin-top: -25px;
    }
    
    .masonry-loader.fadeOut {
        opacity: 0;
        max-height: 0;
        padding: 0;
        overflow: hidden;
    }
    
    .spinner {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        border-radius: 50%;
        box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), 2px 1px 0px #D3222A;
        -moz-animation: spin 0.7s linear infinite;
        -webkit-animation: spin 0.7s linear infinite;
        animation: spin 0.7s linear infinite;
        display: inline-block;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
    }
    
    @-moz-keyframes spin {
        100% {
            -moz-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @-webkit-keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @keyframes spin {
        100% {
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
        }
    }
    
    @media all and (max-width: 767px) {
        .post-title .label {
            margin-bottom: 8px;
            display: inline-block;
        }
        .post-title h4 {
            top: 0;
            display: block;
        }
        .comments input[type="submit"] {
            max-width: 100%;
            float: none;
        }
    }
    /*!---------- 29. IMAGE BLOCKS ----------*/
    
    .image-md {
        max-height: 120px;
    }
    
    .image-small {
        max-height: 80px;
    }
    
    .image-xs {
        max-height: 50px;
    }
    
    .image-xxs {
        max-height: 30px;
    }
    
    .fade-half {
        opacity: 0.5;
    }
    
    .fade-1-4 {
        opacity: 0.75;
    }
    
    .fade-3-4 {
        opacity: 0.25;
    }
    
    .fade-on-hover {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: .5;
    }
    
    .fade-on-hover:hover {
        opacity: 1;
    }
    
    .cast-shadow {
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    }
    
    .cast-shadow-light {
        -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    }
    
    .image-block,
    .image-block .image-bg {
        padding: 0;
        height: 50vw;
        max-height: 700px;
    }
    
    .image-block .container {
        height: 100%;
    }
    
    .image-block-right .image-bg {
        position: absolute;
        top: 0;
    }
    
    @media all and (max-width: 768px) {
        .image-block {
            height: auto;
            max-height: 1000000px;
        }
        .image-block .image-bg {
            height: 350px;
        }
        .image-block .v-align-transform {
            top: 0;
            transform: none;
            -webkit-transform: none;
        }
        .image-block-right .image-bg {
            position: relative;
        }
    }
    
    .image-edge .container {
        position: relative;
    }
    
    .image-edge .container div[class*='col-'] {
        position: absolute;
    }
    
    @media all and (max-width: 990px) {
        .image-edge .container div[class*='col-'] {
            position: relative;
            top: 0;
            transform: none;
            -webkit-transform: none;
        }
    }
    
    .image-square {
        height: 50vw;
        max-height: 640px;
        overflow: hidden;
        padding: 0;
    }
    
    .image-square .image,
    .image-square>.content {
        position: absolute;
    }
    
    .image-square .image {
        height: 100%;
    }
    
    .image-square>.content {
        padding: 0 10%;
        top: 50%;
        transform: translate3d(0, -50%, 0);
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
    }
    
    .image-square.left .image {
        left: 0;
    }
    
    .image-square.left>.content {
        right: 0;
    }
    
    .image-square.right .image {
        right: 0;
    }
    
    .image-square.right>.content {
        left: 0;
    }
    
    @media all and (max-width: 990px) {
        .image-square {
            height: auto;
            max-height: 100000px;
            padding-bottom: 48px;
        }
        .image-square .image,
        .image-square>.content {
            position: relative;
        }
        .image-square .image {
            height: 100vw;
            margin-bottom: 48px;
            max-height: 500px;
        }
        .image-square>.content {
            top: 0;
            transform: none;
            -webkit-transform: none;
            padding: 0 20%;
        }
    }
    
    @media all and (max-width: 767px) {
        .image-square>.content {
            padding: 0 15px;
        }
    }
    
    .image-zoom img {
        transition: all 9s ease;
        -webkit-transition: all 9s ease;
        -moz-transition: all 9s ease;
    }
    
    .image-zoom:hover img {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }
    
    .image-caption {
        position: relative;
        overflow: hidden;
    }
    
    .image-caption .caption {
        position: absolute;
        width: 100%;
        bottom: 0;
        padding: 16px;
        color: #fff;
    }
    
    .image-caption .caption p {
        position: relative;
        z-index: 4;
        margin: 0;
    }
    
    .image-caption .caption:before {
        content: '' attr(data-caption) '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        opacity: 1;
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(34, 34, 34, 0.7)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.7) 100%);
        /* W3C */
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#e6222222', GradientType=0);
        /* IE6-9 */
    }
    
    .image-caption.hover-caption .caption {
        opacity: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transform: translate3d(0, 100px, 0);
        -webkit-transform: translate3d(0, 100px, 0);
        -moz-transform: translate3d(0, 100px, 0);
    }
    
    .image-caption.hover-caption:hover .caption {
        opacity: 1;
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
    }
    /*!---------- 30. PORTOFLIO ----------*/
    
    .filters {
        overflow: hidden;
        display: inline-block;
    }
    
    .filters li {
        float: left;
        margin-right: 32px;
        cursor: pointer;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        border: 2px solid #D3222A;
        padding: 0 26px;
        height: 40px;
        min-width: 150px;
        line-height: 36px;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 0;
        color: #D3222A;
        text-align: center;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        margin-right: 8px;
        margin-bottom: 24px;
        height: 30px;
        font-size: 11px;
        line-height: 27px;
        min-width: 0;
        border-color: rgba(255, 255, 255, 0);
        opacity: .7;
        border-radius: 25px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        display: inline-block;
    }
    
    .filters li.active {
        border-color: #D3222A;
        opacity: 1;
    }
    
    .filters li:last-child {
        margin-right: 0;
    }
    
    .filters.floating {
        position: absolute;
        z-index: 10;
        top: 16px;
        text-align: center;
        left: 50%;
        transform: translate3d(-50%, 0, 0);
        -webkit-transform: translate3d(-50%, 0, 0);
        -moz-transform: translate3d(-50%, 0, 0);
        background: rgba(255, 255, 255, 0.98);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        border-radius: 200px;
    }
    
    .filters.floating li {
        margin-bottom: 0;
    }
    
    .bg-dark .filters.floating {
        background: #151515;
    }
    
    .bg-dark .filters.floating h1,
    .bg-dark .filters.floating h2,
    .bg-dark .filters.floating h3,
    .bg-dark .filters.floating h4,
    .bg-dark .filters.floating h5,
    .bg-dark .filters.floating h6 {
        color: #ffffff;
    }
    
    .bg-dark .filters.floating p,
    .bg-dark .filters.floating span,
    .bg-dark .filters.floating li {
        color: #fefefe;
    }
    
    .project {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 1;
        padding: 0;
    }
    
    .container .project {
        padding: 0 15px;
    }
    
    .project.inactive {
        opacity: .1 !important;
        pointer-events: none !important;
    }
    
    .project .image-tile {
        margin: 0;
    }
    
    .project.inactive:hover .title,
    .project.inactive .image-tile:hover:before {
        display: none;
    }
    
    @media all and (max-width: 868px) {
        .filters.floating {
            width: 90vw;
        }
        .filters.floating li {
            float: none;
        }
    }
    
    @media all and (max-width: 767px) {
        .filters.floating {
            border-radius: 0;
            padding: 8px;
        }
        .filters.floating li {
            width: 50%;
            float: left;
            margin: 0;
        }
    }
    
    section+.portfolio-pullup {
        padding-top: 0;
        margin-top: -128px;
        position: relative;
        z-index: 20;
    }
    
    .portfolio-pullup .project {
        margin-bottom: 0;
    }
    
    .portfolio-pullup .inner-title:hover {
        opacity: 1;
    }
    /*!---------- 31. TESTIMONIALS ----------*/
    
    .testimonials h4 {
        line-height: 40px;
    }
    
    .testimonials .quote-author {
        display: inline-block;
        text-align: left;
        overflow: hidden;
        width: 250px;
        margin-top: 24px;
    }
    
    .testimonials .quote-author img {
        max-height: 60px;
        float: left;
        display: inline-block;
        margin-right: 16px;
    }
    
    .testimonials .quote-author h6 {
        display: inline-block;
        margin-bottom: 0;
        line-height: 18px;
        padding-top: 14px;
    }
    
    .testimonials .quote-author span {
        display: block;
        line-height: 18px;
    }
    
    @media all and (max-width: 767px) {
        .testimonials h4 {
            line-height: 26px;
        }
    }
    /*!---------- 32. COUNTDOWNS ----------*/
    
    .countdown {
        font-size: 80px;
        line-height: 88px;
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 56px;
        line-height: 64px;
        font-weight: 100;
        text-transform: uppercase;
    }
    
    .image-bg .countdown {
        color: #fff;
    }
    
    @media all and (max-width: 990px) {
        .countdown {
            font-size: 64px;
            line-height: 72px;
        }
    }
    
    @media all and (max-width: 767px) {
        .countdown {
            font-size: 48px;
            line-height: 56px;
        }
    }
    /*!---------- 33. MAPS ----------*/
    
    .map-holder {
        overflow: hidden;
        position: relative;
    }
    
    .map-holder iframe {
        border: none;
        position: absolute;
        width: 100%;
        height: 180%;
        top: -40%;
        left: 0;
        z-index: 1;
    }
    
    .map-holder:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 2;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
    
    .map-holder.interact:before {
        width: 0;
    }
    
    .map-holder.inline {
        height: 400px;
        overflow: hidden;
    }
    
    .map-canvas {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
    }
    /*!---------- 34. TWITTER ----------*/
    
    .twitter-feed.thirds li {
        width: 33.333333%;
        padding: 0 15px;
        float: left;
    }
    
    .twitter-feed.thirds ul {
        overflow: hidden;
    }
    
    @media all and (max-width: 990px) {
        .twitter-feed.thirds li {
            width: 50%;
        }
    }
    
    @media all and (max-width: 767px) {
        .twitter-feed.thirds li {
            width: 100%;
        }
    }
    
    .tweets-slider.large p {
        font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 24px;
        line-height: 32px;
    }
    
    .tweets-slider.large .timePosted {
        font-size: 14px;
    }
    
    @media all and (max-width: 990px) {
        .tweets-slider.large p {
            font-size: 18px;
            line-height: 24px;
        }
    }
    
    @media all and (max-width: 767px) {
        .tweets-slider.large p {
            font-size: 14px;
        }
    }
    
    .sc-background-orange {
        background: #D3222A !important;
    }
    /*!---------- 35. MODALS ----------*/
    
    .foundry_modal {
        overflow-y: auto;
        max-height: 100%;
        max-width: 50%;
        width: 50%;
        position: fixed;
        padding: 80px 48px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        opacity: 0;
        visibility: hidden;
        top: 50%;
        left: 50%;
        background: #fff;
        text-rendering: optimizeLegibility;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        z-index: -1;
        -webkit-text-rendering: optimizeLegibility !important;
        -khtml-text-rendering: optimizeLegibility !important;
        -moz-text-rendering: optimizeLegibility !important;
        -ms-text-rendering: optimizeLegibility !important;
        -o-text-rendering: optimizeLegibility !important;
        text-rendering: optimizeLegibility !important;
        -webkit-osx-font-smoothing: grayscale;
        -khtml-osx-font-smoothing: grayscale;
        -moz-osx-font-smoothing: grayscale;
        -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -khtml-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        -webkit-backface-visibility: hidden;
        -khtml-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    
    .foundry_modal {
        max-width: 35%;
        width: 35%;
    }
    
    .foundry_modal.no-bg {
        background: none;
        box-shadow: none !important;
    }
    
    .modal-screen {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #151515;
        opacity: 0;
        z-index: 9998;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        visibility: hidden;
        top: 0;
        left: 0;
    }
    
    .modal-screen.reveal-modal {
        opacity: .8;
        visibility: visible;
    }
    
    .foundry_modal.reveal-modal {
        opacity: 1;
        visibility: visible;
        -webkit-text-rendering: auto !important;
        -khtml-text-rendering: auto !important;
        -moz-text-rendering: auto !important;
        -ms-text-rendering: auto !important;
        -o-text-rendering: auto !important;
        text-rendering: auto !important;
        z-index: 9999;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -webkit-osx-font-smoothing: grayscale;
        -khtml-osx-font-smoothing: grayscale;
        -moz-osx-font-smoothing: grayscale;
        -ms-osx-font-smoothing: grayscale;
        -o-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -khtml-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
    }
    
    #close {
        z-index: 4;
        position: relative!important;
        top: 24px;
        right: 0px!important;
        cursor: pointer;
        font-size: 14px!important;
        min-width: 240px;
    }
    
    .foundry_modal .close-modal {
        z-index: 4;
        position: absolute;
        top: 24px;
        right: 32px;
        cursor: pointer;
        font-size: 18px;
    }
    
    .foundry_modal li::before {
        content: "• ";
        color: red;
    }
    
    .foundry_modal ul.country li {
        line-height: 30px;
        border-bottom: 1px dashed #999;
    }
    
    .foundry_modal li.today {
        color: #D3222A;
    }
    
    .foundry_modal *:not(.background-image-holder):not(.close-modal) {
        z-index: 4;
        position: relative;
    }
    
    .foundry_modal.image-bg .close-modal,
    .foundry_modal.no-bg .close-modal {
        color: #fff;
    }
    
    .foundry_modal iframe {
        width: 100%;
        min-height: 400px;
    }
    
    @media all and (min-width: 1500px) {
        .foundry_modal {
            max-width: 35%;
            width: 35%;
        }
    }
    
    @media all and (max-width: 1190px) {
        .foundry_modal {
            max-width: 70%;
            width: 70%;
            padding: 64px 32px;
        }
    }
    
    @media all and (max-width: 990px) {
        .foundry_modal {
            max-width: 80%;
            width: 80%;
            padding: 64px 32px;
        }
    }
    
    @media all and (max-width: 767px) {
        .foundry_modal {
            max-width: 90%;
            width: 90%;
            padding: 48px 15px;
            transform: translateX(0%) translateY(50%);
            -webkit-transform: translateX(0%) translateY(50%);
        }
        .foundry_modal .close-modal {
            right: 18px;
        }
    }
    
    .iframe-modal {
        width: 90%;
        height: 90%;
        max-width: 90%;
        padding: 0;
    }
    
    .iframe-modal .close-modal {
        z-index: 9999;
    }
    
    .iframe-modal iframe {
        width: 100%;
        height: 100%;
    }
    
    .modal-strip {
        padding: 18px 0;
        position: fixed;
        bottom: 1%;
        z-index: 200;
        width: 98%;
        margin: 0 1%;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transform: translate3d(0, 100px, 0);
        -webkit-transform: translate3d(0, 100px, 0);
        -moz-transform: translate3d(0, 100px, 0);
        opacity: 0;
    }
    
    .modal-strip.reveal-modal {
        transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    
    .modal-strip .close-modal {
        position: absolute;
        right: 32px;
        top: 50%;
        cursor: pointer;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
    }
    
    .modal-strip i.close-modal {
        font-size: 18px;
    }
    
    .modal-strip .icon+p {
        padding-left: 32px;
        position: relative;
        top: 3px;
    }
    
    .modal-strip p+.btn {
        margin-left: 24px;
    }
    
    @media all and (max-width: 1024px) {
        .modal-strip {
            margin: 0;
            width: 100%;
            bottom: 0;
        }
    }
    
    @media all and (max-width: 767px) {
        .modal-strip .close-modal {
            position: relative;
            top: 0;
            right: 0;
            left: 15px;
            transform: none !important;
            -webkit-transform: none !important;
            margin-top: 16px;
        }
        .modal-strip .icon {
            display: none;
        }
        .modal-strip .icon+p {
            padding-left: 0;
            top: 0;
        }
    }
    /*!---------- 36. FOOTERS ----------*/
    
    footer.bg-dark a {
        color: #fff;
        opacity: .5;
        letter-spacing: 0.5px;
    }
    
    footer.bg-dark a:hover {
        color: #fff;
        opacity: 1.0;
    }
    
    footer.bg-dark #bullets li.active a {
        color: #fff;
        opacity: .75;
        letter-spacing: 0.5px;
    }
    
    .footer-1 .logo {
        max-height: 30px;
    }
    
    .footer-1 .sub {
        opacity: .5;
    }
    
    .social-list {
        margin: 50px 0 0;
    }
    
    .image-bg .social-list a {
        color: #fff;
    }
    
    .bg-dark .social-list a,
    .image-bg .social-list a {
        color: #fff;
        opacity: .5;
    }
    
    .bg-dark .social-list a:hover {
        opacity: 1;
    }
    
    .image-bg .social-list a {
        opacity: 1;
    }
    
    .bg-light .social-list a {
        color: #151515;
    }
    
    .back-to-top {
        position: relative;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        margin-top: 20px;
        margin-bottom: 10px;
    }
    
    .back-to-top:hover {
        opacity: 1;
    }
    
    .bg-dark .back-to-top {
        border-color: #fff;
    }
    
    .bg-dark .back-to-top:active,
    .bg-dark .back-to-top:focus {
        color: #fff;
    }
    
    .bg-dark .back-to-top:hover {
        background: none;
    }
    /*!---------- 36. SPACING ----------*/
    
    .mr0 {
        margin-right: 0;
    }
    
    .mb0 {
        margin-bottom: 0 !important;
    }
    
    .mb8 {
        margin-bottom: 8px;
    }
    
    .mb16 {
        margin-bottom: 16px;
    }
    
    .mb24 {
        margin-bottom: 24px;
    }
    
    .mb30 {
        margin-bottom: 30px;
    }
    
    .mb32 {
        margin-bottom: 32px;
    }
    
    .mb40 {
        margin-bottom: 40px;
    }
    
    .mb48 {
        margin-bottom: 48px;
    }
    
    .mb56 {
        margin-bottom: 56px;
    }
    
    .mb64 {
        margin-bottom: 64px;
    }
    
    .mb72 {
        margin-bottom: 72px;
    }
    
    .mb80 {
        margin-bottom: 80px;
    }
    
    .mb88 {
        margin-bottom: 88px;
    }
    
    .mb96 {
        margin-bottom: 96px;
    }
    
    .mb104 {
        margin-bottom: 104px;
    }
    
    .mb112 {
        margin-bottom: 112px;
    }
    
    .mb120 {
        margin-bottom: 120px;
    }
    
    .mb160 {
        margin-bottom: 160px;
    }
    
    .mt0 {
        margin-top: 0 !important;
    }
    
    .mt8 {
        margin-top: 8px;
    }
    
    .mt16 {
        margin-top: 16px;
    }
    
    .mt24 {
        margin-top: 24px;
    }
    
    .mt32 {
        margin-top: 32px;
    }
    
    .mt40 {
        margin-top: 40px;
    }
    
    .mt48 {
        margin-top: 48px;
    }
    
    .mt56 {
        margin-top: 56px;
    }
    
    .mt64 {
        margin-top: 64px;
    }
    
    .mt72 {
        margin-top: 72px;
    }
    
    .mt80 {
        margin-top: 80px;
    }
    
    .mt88 {
        margin-top: 88px;
    }
    
    .mt96 {
        margin-top: 96px;
    }
    
    .mt104 {
        margin-top: 104px;
    }
    
    .mt112 {
        margin-top: 112px;
    }
    
    .mt120 {
        margin-top: 120px;
    }
    
    .mt160 {
        margin-top: 160px;
    }
    
    .p32 {
        padding: 0 32px;
    }
    
    .p24 {
        padding: 24px;
    }
    
    .p0 {
        padding: 0;
    }
    
    .pt0 {
        padding-top: 0;
    }
    
    .pt8 {
        padding-top: 8px;
    }
    
    .pt16 {
        padding-top: 16px;
    }
    
    .pt24 {
        padding-top: 24px;
    }
    
    .pt32 {
        padding-top: 32px;
    }
    
    .pt40 {
        padding-top: 40px;
    }
    
    .pt48 {
        padding-top: 48px;
    }
    
    .pt64 {
        padding-top: 64px;
    }
    
    .pt72 {
        padding-top: 72px;
    }
    
    .pt80 {
        padding-top: 80px;
    }
    
    .pt88 {
        padding-top: 88px;
    }
    
    .pt96 {
        padding-top: 96px;
    }
    
    .pt104 {
        padding-top: 104px;
    }
    
    .pt112 {
        padding-top: 112px;
    }
    
    .pt120 {
        padding-top: 120px;
    }
    
    .pt160 {
        padding-top: 160px;
    }
    
    .pt180 {
        padding-top: 180px;
    }
    
    .pt240 {
        padding-top: 240px;
    }
    
    .pb0 {
        padding-bottom: 0;
    }
    
    .pb8 {
        padding-bottom: 8px;
    }
    
    .pb16 {
        padding-bottom: 16px;
    }
    
    .pb24 {
        padding-bottom: 24px;
    }
    
    .pb32 {
        padding-bottom: 32px;
    }
    
    .pb40 {
        padding-bottom: 40px;
    }
    
    .pb48 {
        padding-bottom: 48px;
    }
    
    .pb56 {
        padding-bottom: 56px;
    }
    
    .pb64 {
        padding-bottom: 64px;
    }
    
    .pb72 {
        padding-bottom: 72px;
    }
    
    .pb80 {
        padding-bottom: 80px;
    }
    
    .pb88 {
        padding-bottom: 88px;
    }
    
    .pb96 {
        padding-bottom: 96px;
    }
    
    .pb104 {
        padding-bottom: 104px;
    }
    
    .pb112 {
        padding-bottom: 112px;
    }
    
    .pb120 {
        padding-bottom: 120px;
    }
    
    .pb160 {
        padding-bottom: 160px;
    }
    
    .pb180 {
        padding-bottom: 180px;
    }
    
    .pb240 {
        padding-bottom: 240px;
    }
    
    @media all and (max-width: 990px) {
        .mb-s-0 {
            margin-bottom: 0;
        }
        .mb-s-8 {
            margin-bottom: 8px;
        }
        .mb-s-16 {
            margin-bottom: 16px;
        }
        .mb-s-24 {
            margin-bottom: 24px;
        }
        .mb-s-32 {
            margin-bottom: 32px;
        }
        .mb-s-40 {
            margin-bottom: 40px;
        }
        .mb-s-48 {
            margin-bottom: 48px;
        }
        .mb-s-64 {
            margin-bottom: 64px;
        }
        .mb-s-72 {
            margin-bottom: 72px;
        }
        .mb-s-80 {
            margin-bottom: 80px;
        }
        .mb-s-88 {
            margin-bottom: 88px;
        }
        .mb-s-96 {
            margin-bottom: 96px;
        }
        .mb-s-104 {
            margin-bottom: 104px;
        }
        .mb-s-112 {
            margin-bottom: 112px;
        }
        .mb-s-120 {
            margin-bottom: 120px;
        }
    }
    
    @media all and (max-width: 990px) {
        .mb-sm-0 {
            margin-bottom: 0;
        }
        .mb-sm-8 {
            margin-bottom: 8px;
        }
        .mb-sm-16 {
            margin-bottom: 16px;
        }
        .mb-sm-24 {
            margin-bottom: 24px;
        }
        .mb-sm-32 {
            margin-bottom: 32px;
        }
        .mb-sm-40 {
            margin-bottom: 40px;
        }
        .mb-sm-48 {
            margin-bottom: 48px;
        }
        .mb-sm-64 {
            margin-bottom: 64px;
        }
        .mb-sm-72 {
            margin-bottom: 72px;
        }
        .mb-sm-80 {
            margin-bottom: 80px;
        }
        .mb-sm-88 {
            margin-bottom: 88px;
        }
        .mb-sm-96 {
            margin-bottom: 96px;
        }
        .mb-sm-104 {
            margin-bottom: 104px;
        }
        .mb-sm-112 {
            margin-bottom: 112px;
        }
        .mb-sm-120 {
            margin-bottom: 120px;
        }
        .mt-sm-0 {
            margin-top: 0 !important;
        }
        .mt-sm-8 {
            margin-top: 8px;
        }
        .mt-sm-16 {
            margin-top: 16px;
        }
        .mt-sm-24 {
            margin-top: 24px;
        }
        .mt-sm-32 {
            margin-top: 32px;
        }
        .mt-sm-40 {
            margin-top: 40px;
        }
        .mt-sm-48 {
            margin-top: 48px;
        }
        .mt-sm-56 {
            margin-top: 56px;
        }
        .mt-sm-64 {
            margin-top: 64px;
        }
        .mt-sm-72 {
            margin-top: 72px;
        }
        .mt-sm-80 {
            margin-top: 80px;
        }
        .mt-sm-88 {
            margin-top: 88px;
        }
        .mt-sm-96 {
            margin-top: 96px;
        }
        .mt-sm-104 {
            margin-top: 104px;
        }
        .mt-sm-112 {
            margin-top: 112px;
        }
        .mt-sm-120 {
            margin-top: 120px;
        }
        .p0-sm {
            padding: 0;
        }
        .pt-sm-0 {
            padding-top: 0;
        }
        .pt-sm-8 {
            padding-top: 8px;
        }
        .pt-sm-16 {
            padding-top: 16px;
        }
        .pt-sm-24 {
            padding-top: 24px;
        }
        .pt-sm-32 {
            padding-top: 32px;
        }
        .pt-sm-40 {
            padding-top: 40px;
        }
        .pt-sm-48 {
            padding-top: 48px;
        }
        .pt-sm-64 {
            padding-top: 64px;
        }
        .pt-sm-72 {
            padding-top: 72px;
        }
        .pt-sm-80 {
            padding-top: 80px;
        }
        .pt-sm-88 {
            padding-top: 88px;
        }
        .pt-sm-96 {
            padding-top: 96px;
        }
        .pt-sm-104 {
            padding-top: 104px;
        }
        .pt-sm-112 {
            padding-top: 112px;
        }
        .pt-sm-120 {
            padding-top: 120px;
        }
        .pt-sm-160 {
            padding-top: 160px;
        }
        .pb-sm-0 {
            padding-bottom: 0;
        }
        .pb-sm-8 {
            padding-bottom: 8px;
        }
        .pb-sm-16 {
            padding-bottom: 16px;
        }
        .pb-sm-24 {
            padding-bottom: 24px;
        }
        .pb-sm-32 {
            padding-bottom: 32px;
        }
        .pb-sm-40 {
            padding-bottom: 40px;
        }
        .pb-sm-48 {
            padding-bottom: 48px;
        }
        .pb-sm-64 {
            padding-bottom: 64px;
        }
        .pb-sm-72 {
            padding-bottom: 72px;
        }
        .pb-sm-80 {
            padding-bottom: 80px;
        }
        .pb-sm-88 {
            padding-bottom: 88px;
        }
        .pb-sm-96 {
            padding-bottom: 96px;
        }
        .pb-sm-104 {
            padding-bottom: 104px;
        }
        .pb-sm-112 {
            padding-bottom: 112px;
        }
        .pb-sm-120 {
            padding-bottom: 120px;
        }
    }
    
    @media all and (max-width: 767px) {
        .mb-xs-0 {
            margin-bottom: 0;
        }
        .mb-xs-8 {
            margin-bottom: 8px;
        }
        .mb-xs-16 {
            margin-bottom: 16px;
        }
        .mb-xs-24 {
            margin-bottom: 24px;
        }
        .mb-xs-32 {
            margin-bottom: 32px;
        }
        .mb-xs-40 {
            margin-bottom: 40px;
        }
        .mb-xs-48 {
            margin-bottom: 48px;
        }
        .mb-xs-64 {
            margin-bottom: 64px;
        }
        .mb-xs-72 {
            margin-bottom: 72px;
        }
        .mb-xs-80 {
            margin-bottom: 80px;
        }
        .mb-xs-88 {
            margin-bottom: 88px;
        }
        .mb-xs-96 {
            margin-bottom: 96px;
        }
        .mb-xs-104 {
            margin-bottom: 104px;
        }
        .mb-xs-112 {
            margin-bottom: 112px;
        }
        .mb-xs-120 {
            margin-bottom: 120px;
        }
        .mt-xs-0 {
            margin-top: 0 !important;
        }
        .mt-xs-8 {
            margin-top: 8px;
        }
        .mt-xs-16 {
            margin-top: 16px;
        }
        .mt-xs-24 {
            margin-top: 24px;
        }
        .mt-xs-32 {
            margin-top: 32px;
        }
        .mt-xs-40 {
            margin-top: 40px;
        }
        .mt-xs-48 {
            margin-top: 48px;
        }
        .mt-xs-56 {
            margin-top: 56px;
        }
        .mt-xs-64 {
            margin-top: 64px;
        }
        .mt-xs-72 {
            margin-top: 72px;
        }
        .mt-xs-80 {
            margin-top: 80px;
        }
        .mt-xs-88 {
            margin-top: 88px;
        }
        .mt-xs-96 {
            margin-top: 96px;
        }
        .mt-xs-104 {
            margin-top: 104px;
        }
        .mt-xs-112 {
            margin-top: 112px;
        }
        .mt-xs-120 {
            margin-top: 120px;
        }
        .p0-xs {
            padding: 0;
        }
        .pt-xs-0 {
            padding-top: 0;
        }
        .pt-xs-8 {
            padding-top: 8px;
        }
        .pt-xs-16 {
            padding-top: 16px;
        }
        .pt-xs-24 {
            padding-top: 24px;
        }
        .pt-xs-32 {
            padding-top: 32px;
        }
        .pt-xs-40 {
            padding-top: 40px;
        }
        .pt-xs-48 {
            padding-top: 48px;
        }
        .pt-xs-64 {
            padding-top: 64px;
        }
        .pt-xs-72 {
            padding-top: 72px;
        }
        .pt-xs-80 {
            padding-top: 80px;
        }
        .pt-xs-88 {
            padding-top: 88px;
        }
        .pt-xs-96 {
            padding-top: 96px;
        }
        .pt-xs-104 {
            padding-top: 104px;
        }
        .pt-xs-112 {
            padding-top: 112px;
        }
        .pt-xs-120 {
            padding-top: 120px;
        }
        .pt-xs-160 {
            padding-top: 160px;
        }
        .pt-xs-180 {
            padding-top: 180px;
        }
        .pt-xs-240 {
            padding-top: 240px !important;
        }
        .pb-xs-0 {
            padding-bottom: 0;
        }
        .pb-xs-8 {
            padding-bottom: 8px;
        }
        .pb-xs-16 {
            padding-bottom: 16px;
        }
        .pb-xs-24 {
            padding-bottom: 24px;
        }
        .pb-xs-32 {
            padding-bottom: 32px;
        }
        .pb-xs-40 {
            padding-bottom: 40px;
        }
        .pb-xs-48 {
            padding-bottom: 48px;
        }
        .pb-xs-64 {
            padding-bottom: 64px;
        }
        .pb-xs-72 {
            padding-bottom: 72px;
        }
        .pb-xs-80 {
            padding-bottom: 80px;
        }
        .pb-xs-88 {
            padding-bottom: 88px;
        }
        .pb-xs-96 {
            padding-bottom: 96px;
        }
        .pb-xs-104 {
            padding-bottom: 104px;
        }
        .pb-xs-112 {
            padding-bottom: 112px;
        }
        .pb-xs-120 {
            padding-bottom: 120px;
        }
        .pb-xs-180 {
            padding-bottom: 180px;
        }
        .pb-xs-240 {
            padding-bottom: 240px !important;
        }
    }
    /*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/
    
----------------------------------*/
    
    .md-macbook-pro {
        display: block;
        width: 55.3125em;
        height: 31.875em;
        font-size: 13px;
        margin: 0 auto;
    }
    
    @media (max-width: 1199px) {
        .md-macbook-pro {
            font-size: 11px;
        }
    }
    
    @media (max-width:1024px) {
        .md-macbook-pro {
            font-size: 10px;
        }
    }
    
    @media (max-width:767px) {
        .md-macbook-pro {
            font-size: 7px;
        }
    }
    
    @media (max-width:320px) {
        .md-macbook-pro {
            font-size: 5px;
        }
    }
    
    .md-macbook-pro .md-lid {
        width: 45em;
        height: 30.625em;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
        border-radius: 1.875em;
        border: solid 0.1875em #cdced1;
        background: #131313;
    }
    
    .md-macbook-pro .md-camera {
        width: 0.375em;
        height: 0.375em;
        margin: 0 auto;
        position: relative;
        top: 1.0625em;
        background: #000;
        border-radius: 100%;
        box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);
    }
    
    .md-macbook-pro .md-camera:after {
        content: "";
        display: block;
        width: 0.125em;
        height: 0.125em;
        position: absolute;
        left: 0.125em;
        top: 0.0625em;
        background: #353542;
        border-radius: 100%;
    }
    
    .md-macbook-pro .md-screen {
        width: 42.25em;
        height: 26.375em;
        margin: 0 auto;
        position: relative;
        top: 2.0625em;
        background: #fff;
        overflow: hidden;
    }
    
    .md-macbook-pro .md-screen img {
        width: 100%;
        margin-top: 0px;
    }
    
    .md-macbook-pro .md-base {
        width: 100%;
        height: 0.9375em;
        position: relative;
        top: -0.75em;
        background: #c6c7ca;
    }
    
    .md-macbook-pro .md-base:after {
        content: "";
        display: block;
        width: 100%;
        height: 0.5em;
        margin: 0 auto;
        position: relative;
        bottom: -0.1875em;
        background: #b9babe;
        border-radius: 0 0 1.25em 1.25em;
    }
    
    .md-macbook-pro .md-base:before {
        content: "";
        display: block;
        width: 7.6875em;
        height: 0.625em;
        margin: 0 auto;
        position: relative;
        background: #a6a8ad;
        border-radius: 0 0 0.625em 0.625em;
    }
    
    .md-macbook-pro.md-glare .md-lid:after {
        content: "";
        display: block;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0 1.25em 0 0;
        background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
        background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
        background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
        background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
    }
    
    @media (max-width: 1600px) {}
    
    @media (max-width: 1500px) {}
    
    @media (max-width: 1440px) {}
    
    @media (max-width: 1420px) {}
    
    @media (max-width: 1320px) {}
    
    @media (max-width: 1280px) {}
    
    @media (max-width: 1199px) {}
    
    @media (max-width: 1152px) {
        h1.large {
            font-size: 60px;
            line-height: 60px;
            font-weight: 300;
        }
        h2 {
            font-size: 36px;
            line-height: 48px;
        }
        h3 {
            font-size: 30px;
            line-height: 35px;
        }
        .col-md-offset-1 {
            margin-left: 110px;
        }
    }
    
    @media (max-width: 991px) {}
    
    @media (max-width: 768px) {
        .button-tabs .tabs {
            margin-left: 75px;
        }
        h3 {
            font-size: 35px;
            line-height: 40px;
        }
        .lang-sm {
            top: 4px!important;
            position: relative
        }
    }
    
    @media (max-width: 767px) {
        .button-tabs .tabs {
            margin-left: 75px;
        }
        p.AFS {
            font-size: 22px;
            font-weight: 400;
            line-height: 28px;
        }
        .v-align-transform h6,
        .h6 {
            font-size: 12px;
            line-height: 18px;
            font-weight: 600;
        }
        @media (max-width: 720px) {}
        @media (max-width: 620px) {
            .scroll-down {
                position: absolute;
                bottom: -50px;
                left: 50%;
                margin-left: -16px;
                display: block;
                width: 32px;
                height: 32px;
                border: 2px solid #FFF;
                background-size: 14px auto;
                border-radius: 50%;
                z-index: 2;
                -webkit-animation: bounce 2s infinite 2s;
                animation: bounce 2s infinite 2s;
                -webkit-transition: all .2s ease-in;
                transition: all .2s ease-in;
            }
            .nav-bar .module-group {
                width: 100%;
                padding: 16px 0px 0px 0px;
            }
            .text-left {
                text-align: center !important;
            }
            .button-tabs .tabs {
                margin-left: 10px;
            }
            div#bullets {
                margin-top: 15px;
                margin-left: -15px;
            }
            .lang-sm {
                top: 4px!important;
                position: relative
            }
            h3 {
                font-size: 28px;
                line-height: 34px;
            }
            .break:before {
                display: block;
                content: "";
            }
        }
        @media (max-width: 460px) {
            .foundry_modal .btn {
                margin-bottom: 0px!important;
                height: 40px;
                line-height: 40px;
                border: none;
            }
            div#bullets {
                margin-top: 15px;
            }
        }
        @media (max-width: 420px) {
            h1,
            h1.large,
            .h1 {
                margin-top: 40px;
                font-size: 32px;
                line-height: 40px;
            }
            #map {
                width: 100%;
                height: 500px;
            }
            h2 {
                font-size: 28px;
                line-height: 35px;
            }
            .loader-video {
                left: 45% !important;
            }
            .foundry_modal .btn {
                margin-bottom: 0px!important;
                height: 40px;
                line-height: 40px;
                border: none;
            }
            .foundry_modal input[type="button"],
            button[type="button"] {
                height: 40px !important;
                line-height: 38px !important;
                width: 15% !important;
                border-radius: 15 !important;
                margin-top: 5px !important;
            }
            .button-tabs .tabs {
                margin-left: 10px;
            }
            div#bullets {
                margin-top: 15px;
                margin-left: -15px;
            }
            h3 {
                font-size: 25px;
                line-height: 30px;
            }
            .break:before {
                display: block;
                content: "";
            }
        }
        @media (max-width: 390px) {
            h3 {
                font-size: 22px;
                line-height: 26px;
            }
        }
        @media (max-width: 380px) {
            #map {
                width: 100%;
                height: 430px;
            }
        }
        @media (max-width: 360px) {
            h1,
            h1.large,
            .h1 {
                margin-top: 80px!important;
                font-size: 30px;
                line-height: 30px;
            }
            h2 {
                font-size: 24px;
                line-height: 30px;
            }
            h3 {
                font-size: 21px;
                line-height: 30px;
            }
            .break:before {
                display: block;
                content: "";
            }
        }
        @media (max-width: 320px) {
            h1,
            h1.large,
            .h1 {
                margin-top: 70px;
                font-size: 26px;
                line-height: 30px;
            }
            h2 {
                font-size: 32px;
                line-height: 30px;
                font-size: 24px;
            }
            .btn-lg {
                height: 50px;
                line-height: 46px;
                min-width: 150px;
            }
            .button-tabs .tabs {
                margin-left: 0px;
            }
            #map {
                width: 100%;
                height: 330px;
            }
        }
    }
    
    @media(min-width:768px) {
        .navbar-custom.top-nav-collapse .dropdown-menu {
            text-shadow: none;
            color: #666;
        }
    }
    
    ;