/*====>>  Stylesheet Guide START  <<====*/
/*<<=========================================>>

        1. DEFAULT Stylesheets
        2. BASIC classes
            2.1.      Typography
            2.2.      Colors
            2.3.      Form
            2.4.      Plugins
            2.5.      Preloader
            2.7.      Bg fade 
        3. HEADER
        4. CONTENT
        5. FOOTER 
        
        <<=========================================>>*/
/*====>>  Stylesheet Guide END    <<====*/


/*  <!-- 1. DEFAULT Stylesheets 
============================================ --> */
@font-face {
    font-family: 'TTFirsNeue';
    src: url('TTFirsNeue-Light.eot');
    src: local('TT Firs Neue Light'), local('TTFirsNeue-Light'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Light.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Light.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-Regular.eot');
    src: local('TT Firs Neue Regular'), local('TTFirsNeue-Regular'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Regular.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Regular.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-BoldItalic.eot');
    src: local('TT Firs Neue Bold Italic'), local('TTFirsNeue-BoldItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BoldItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BoldItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-DemiBoldItalic.eot');
    src: local('TT Firs Neue DemiBold Italic'), local('TTFirsNeue-DemiBoldItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBoldItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBoldItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLight.eot');
    src: local('TT Firs Neue ExtraLight'), local('TTFirsNeue-ExtraLight'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLight.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLight.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-ThinItalic.eot');
    src: local('TT Firs Neue Thin Italic'), local('TTFirsNeue-ThinItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ThinItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ThinItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-MediumItalic.eot');
    src: local('TT Firs Neue Medium Italic'), local('TTFirsNeue-MediumItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-MediumItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-MediumItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-DemiBold.eot');
    src: local('TT Firs Neue DemiBold'), local('TTFirsNeue-DemiBold'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-BlackItalic.eot');
    src: local('TT Firs Neue Black Italic'), local('TTFirsNeue-BlackItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BlackItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BlackItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-LightItalic.eot');
    src: local('TT Firs Neue Light Italic'), local('TTFirsNeue-LightItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-LightItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-LightItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLightItalic.eot');
    src: local('TT Firs Neue ExtraLight Italic'), local('TTFirsNeue-ExtraLightItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLightItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-Bold.eot');
    src: local('TT Firs Neue Bold'), local('TTFirsNeue-Bold'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Bold.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Bold.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBold.eot');
    src: local('TT Firs Neue ExtraBold'), local('TTFirsNeue-ExtraBold'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBold.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBold.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-Medium.eot');
    src: local('TT Firs Neue Medium'), local('TTFirsNeue-Medium'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Medium.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Medium.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-Thin.eot');
    src: local('TT Firs Neue Thin'), local('TTFirsNeue-Thin'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Thin.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Thin.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBoldItalic.eot');
    src: local('TT Firs Neue ExtraBold Italic'), local('TTFirsNeue-ExtraBoldItalic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-Black.eot');
    src: local('TT Firs Neue Black'), local('TTFirsNeue-Black'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Black.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Black.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TTFirsNeue';
    src: url('../fonts/TTFirsNeue/TTFirsNeue-Italic.eot');
    src: local('TT Firs Neue Italic'), local('TTFirsNeue-Italic'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Italic.woff2') format('woff2'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Italic.woff') format('woff'),
        url('../fonts/TTFirsNeue/TTFirsNeue-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Italic.eot');
    src: local('TT Travels Italic'), local('TTTravels-Italic'),
        url('../fonts/TTTravels/TTTravels-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Italic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-ExtraLight.eot');
    src: local('TT Travels ExtraLight'), local('TTTravels-ExtraLight'),
        url('../fonts/TTTravels/TTTravels-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-ExtraLight.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-MediumItalic.eot');
    src: local('TT Travels Medium Italic'), local('TTTravels-MediumItalic'),
        url('../fonts/TTTravels/TTTravels-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-MediumItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-BlackItalic.eot');
    src: local('TT Travels Black Italic'), local('TTTravels-BlackItalic'),
        url('../fonts/TTTravels/TTTravels-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-BlackItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-ThinItalic.eot');
    src: local('TT Travels Thin Italic'), local('TTTravels-ThinItalic'),
        url('../fonts/TTTravels/TTTravels-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-ThinItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Light.eot');
    src: local('TT Travels Light'), local('TTTravels-Light'),
        url('../fonts/TTTravels/TTTravels-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Light.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Regular.eot');
    src: local('TT Travels Regular'), local('TTTravels-Regular'),
        url('../fonts/TTTravels/TTTravels-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Regular.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-ExtraBoldItalic.eot');
    src: local('TT Travels ExtraBold Italic'), local('TTTravels-ExtraBoldItalic'),
        url('../fonts/TTTravels/TTTravels-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-ExtraBold.eot');
    src: local('TT Travels ExtraBold'), local('TTTravels-ExtraBold'),
        url('../fonts/TTTravels/TTTravels-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-ExtraBold.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Black.eot');
    src: local('TT Travels Black'), local('TTTravels-Black'),
        url('../fonts/TTTravels/TTTravels-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Black.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Medium.eot');
    src: local('TT Travels Medium'), local('TTTravels-Medium'),
        url('../fonts/TTTravels/TTTravels-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Medium.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-DemiBold.eot');
    src: local('TT Travels DemiBold'), local('TTTravels-DemiBold'),
        url('../fonts/TTTravels/TTTravels-DemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-DemiBold.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-ExtraLightItalic.eot');
    src: local('TT Travels ExtraLight Italic'), local('TTTravels-ExtraLightItalic'),
        url('../fonts/TTTravels/TTTravels-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-ExtraLightItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-DemiBoldItalic.eot');
    src: local('TT Travels DemiBold Italic'), local('TTTravels-DemiBoldItalic'),
        url('../fonts/TTTravels/TTTravels-DemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-DemiBoldItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-DemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-BoldItalic.eot');
    src: local('TT Travels Bold Italic'), local('TTTravels-BoldItalic'),
        url('../fonts/TTTravels/TTTravels-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-BoldItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-LightItalic.eot');
    src: local('TT Travels Light Italic'), local('TTTravels-LightItalic'),
        url('../fonts/TTTravels/TTTravels-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-LightItalic.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Bold.eot');
    src: local('TT Travels Bold'), local('TTTravels-Bold'),
        url('../fonts/TTTravels/TTTravels-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Bold.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TTTravels';
    src: url('../fonts/TTTravels/TTTravels-Thin.eot');
    src: local('TT Travels Thin'), local('TTTravels-Thin'),
        url('../fonts/TTTravels/TTTravels-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/TTTravels/TTTravels-Thin.woff') format('woff'),
        url('../fonts/TTTravels/TTTravels-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-BlackItalic.eot');
    src: local('Formular Black Italic'), local('Formular-BlackItalic'),
        url('../fonts/Formular/Formular-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-BlackItalic.woff2') format('woff2'),
        url('../fonts/Formular/Formular-BlackItalic.woff') format('woff'),
        url('../fonts/Formular/Formular-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-MediumItalic.eot');
    src: local('Formular Medium Italic'), local('Formular-MediumItalic'),
        url('../fonts/Formular/Formular-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-MediumItalic.woff2') format('woff2'),
        url('../fonts/Formular/Formular-MediumItalic.woff') format('woff'),
        url('../fonts/Formular/Formular-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-Italic.eot');
    src: local('Formular Italic'), local('Formular-Italic'),
        url('../fonts/Formular/Formular-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-Italic.woff2') format('woff2'),
        url('../fonts/Formular/Formular-Italic.woff') format('woff'),
        url('../fonts/Formular/Formular-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-LightItalic.eot');
    src: local('Formular Light Italic'), local('Formular-LightItalic'),
        url('../fonts/Formular/Formular-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-LightItalic.woff2') format('woff2'),
        url('../fonts/Formular/Formular-LightItalic.woff') format('woff'),
        url('../fonts/Formular/Formular-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-Black.eot');
    src: local('Formular Black'), local('Formular-Black'),
        url('../fonts/Formular/Formular-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-Black.woff2') format('woff2'),
        url('../fonts/Formular/Formular-Black.woff') format('woff'),
        url('../fonts/Formular/Formular-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-Light.eot');
    src: local('Formular Light'), local('Formular-Light'),
        url('../fonts/Formular/Formular-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-Light.woff2') format('woff2'),
        url('../fonts/Formular/Formular-Light.woff') format('woff'),
        url('../fonts/Formular/Formular-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular.eot');
    src: local('Formular'),
        url('../fonts/Formular/Formular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular.woff2') format('woff2'),
        url('../fonts/Formular/Formular.woff') format('woff'),
        url('../fonts/Formular/Formular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-Medium.eot');
    src: local('Formular Medium'), local('Formular-Medium'),
        url('../fonts/Formular/Formular-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-Medium.woff2') format('woff2'),
        url('../fonts/Formular/Formular-Medium.woff') format('woff'),
        url('../fonts/Formular/Formular-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-BoldItalic.eot');
    src: local('Formular Bold Italic'), local('Formular-BoldItalic'),
        url('../fonts/Formular/Formular-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-BoldItalic.woff2') format('woff2'),
        url('../fonts/Formular/Formular-BoldItalic.woff') format('woff'),
        url('../fonts/Formular/Formular-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Formular';
    src: url('../fonts/Formular/Formular-Bold.eot');
    src: local('Formular Bold'), local('Formular-Bold'),
        url('../fonts/Formular/Formular-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Formular/Formular-Bold.woff2') format('woff2'),
        url('../fonts/Formular/Formular-Bold.woff') format('woff'),
        url('../fonts/Formular/Formular-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}







html,
body {
    width: 100%;
    height: 100%;
}

.page_wrap {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
}

body {
    min-width: 320px;
    font-family: 'TTFirsNeue';
    font-weight: 400;
    font-size: 24px;
    line-height: 1.3;
    background-color: #F8F8F8;
    color: #060606;
    -webkit-text-size-adjust: none;
    /* smoothing font start */
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    /* smoothing font end */
    /* scroll for iphone */
    -webkit-overflow-scrolling: touch;
    /* scroll for iphone */
}
.container-fluid{
    padding-left: 78px;
    padding-right: 78px;
}
.protfolio_container .row{
    margin-left: -45px;
    margin-right: -45px;
}
.protfolio_container [class*="col"]{
    padding-left: 45px;
    padding-right: 45px;
}
* {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-print-color-adjust: exact;
    /* for print img fone */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

span,
img,
a,
button {
    display: inline-block;
}

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

hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #F8F8F8;
    margin-bottom: 25px;
}

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

* a,
* button {
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
}

input[type="checkbox"] {
    -webkit-appearance: checkbox;
    cursor: pointer;
}

input[type="radio"] {
    -webkit-appearance: radio;
    cursor: pointer;
}

/* when you select text is added to a custom style  */
::-moz-selection {
    color: #F8F8F8;
    background-color: #6a139e;
}

::selection {
    color: #F8F8F8;
    background-color: #6a139e;
}

::-moz-selection {
    color: #F8F8F8;
    background-color: #6a139e;
}

.wow {
    visibility: hidden;
}

html ::-webkit-scrollbar {
  width: 8px !important;
}

html ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1000px #060606 !important;
}

html ::-webkit-scrollbar-thumb {
  background: #FFCD01 !important;
  /* -webkit-box-shadow: inset 0 0 0px #1c1c1c !important; */
}

html ::-webkit-scrollbar-thumb:hover {
  background: #FFCD01 !important;
  /* -webkit-box-shadow: inset 0 0 2px #fff !important; */
}

html ::-webkit-scrollbar-thumb:window-inactive {
  /* background: #ccc !important; */
}

/*  <!-- 2. BASIC classes
============================================ --> */
/*==========>>    <<==========*/
    .f_left {
        float: left;
    }

    .f_right {
        float: right;
    }

    .f_none {
        float: none;
    }

/*==========>>    <<==========*/
    .al_left {
        text-align: left;
    }

    .al_right {
        text-align: right;
    }

    .al_center {
        text-align: center;
    }

    .al_justify {
        text-align: justify;
    }

    .baseline {
        vertical-align: baseline;
    }

/*==========>>    <<==========*/
    .p_abs {
        position: absolute;
    }

    .p_rel {
        position: relative;
    }

    .p_fix {
        position: fixed;
    }

    .p_static {
        position: static;
    }

    .zindex-1 {
        z-index: -1;
    }

    .zindex {
        z-index: 1;
    }

    .zindex2 {
        z-index: 2;
    }
    .zindex3 {
        z-index: 3;
    }

    .abs_box {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

/*==========>>    <<==========*/
    .clear {
        clear: both;
        width: 100%;
        line-height: 0;
        font-size: 0;
    }

    .clearfix:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }

    .hidden,
    .wrapper {
        overflow: hidden;
    }
    .line_left.overflow-in,
    .overflow-in{overflow: initial;}
    .w100{ width: 100%;}

/*==========>>    <<==========*/
    .d_block {
        display: block;
    }

    .d_ib {
        display: inline-block;
    }

    .d_i {
        display: inline;
    }

    .d_none,
    .hide {
        display: none;
    }

    .d_flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .d_if {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .al-it-baseline{
        -webkit-align-items: baseline;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
    }

    .invisible {
        opacity: 0;
        visibility: hidden;
    }

    .visible {
        opacity: 1;
        visibility: visible;
    }
/*==========>>    <<==========*/
    * a,
    * button {
        -webkit-transition: all 0.7s ease;
        -o-transition: all 0.7s ease;
        transition: all 0.7s ease;
    }

    * a:hover,
    * button:hover {
        -webkit-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

    a {
        color: inherit;
        text-decoration: underline;
    }

    a:hover {
        color: #1a77b0;
        text-decoration: none;
    }

    [data-popup] {
        cursor: pointer;
    }

    .btn {
        position: relative;
        padding: 0;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        text-decoration: none;
        overflow: hidden;
        border: none;
        -webkit-transition: border-color 0.3s, background-color 0.3s;
            -o-transition: border-color 0.3s, background-color 0.3s;
            transition: border-color 0.3s, background-color 0.3s;
            -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            -o-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
            transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    }

    .btn-size {
        padding: 0;
    }
    .btn-size2 {
       padding: 17px 24px;
    }
    .minw160{min-width: 160px;}
    .btn-size span[data-text],
    .btn-size span[data-text]:after{
        padding: 17px 22px;
    }

    .btn-icon,
    .btn-icon-left,
    .btn-icon-right {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .btn-icon i,
    .btn-icon-left i,
    .btn-icon-right i{
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-justify-content: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
        width: 50px;
        height: 50px;
    }
    .btn-icon i img,
    .btn-icon i svg,
    .btn-icon-left i img,
    .btn-icon-left i svg,
    .btn-icon-right i img,
    .btn-icon-right i svg{
        max-width: 100%;
    }
    .form_btn i svg{
        width: 18px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    /* link*/
    .link {
        position: relative;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 400;
        text-decoration: none;
        text-transform: uppercase;
        color: #060606;
        -webkit-transition: all ease 0.3s !important;
             -o-transition: all ease 0.3s !important;
                transition: all ease 0.3s !important;
    }
    .link:hover{
        color: #F8F8F8;
    }

    .link-inherit{
        font-size: inherit;
        line-height: inherit;
        vertical-align: baseline;
    }
    .link-size{
        font-size: 16px;
        line-height: 21px;
    }
    .link-size2{
        font-size: 21px;
        line-height: 27px;
    }

    .link-icon-left{
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .link-icon-left .type2 img{
        left: 0;
        right: auto;
        -webkit-transform: translateY(-50%) scale(-1,1);
            -ms-transform: translateY(-50%) scale(-1,1);
                transform: translateY(-50%) scale(-1,1);
    }
    .link-icon-left span{
    }
    .link-icon-left i{
        position: relative;
        width: 35px;
        margin-right: 24px;
        min-height: 20px;
        display: inline-block;
        overflow: hidden;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .protfolio_box.active .link.link-icon-left i,
    .team_img_wr.active .link.link-icon-left i,
    .link.link-icon-left:hover i{
        width: 154px;
    }
    .link-icon-left i img{
        position: absolute;
        top: 50%;
        right: 0;
        max-width: none;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }


    .link-icon-right{
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .link-icon-right span{
        margin-right: 24px;
    }
    .link-icon-right i{
        position: relative;
        width: 154px;
        min-height: 20px;
        display: inline-block;
        overflow: hidden;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .link.link-icon-right:hover  i{
        width: 50px;
    }
    .link-icon-right i img{
        position: absolute;
        top: 50%;
        right: 0;
        max-width: none;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    .link-border{
        border-bottom: 2px solid;
    }


    .link-black{
        color: #000;
    }
    .link-black:hover{
        color: #000;
    }

    .link-white{
        color: #f8f8f8;
    }
    .link-white:hover{
        color: #f8f8f8;
    }
    

/*==========>>  2.1.     Typography   <<==========*/
    h1,
    .title1,
    h2,
    .title2,
    h3,
    .title3,
    h4,
    .title4,
    h5,
    .title5,
    h6,
    .title6 {
        font-family: 'TTFirsNeue';
        font-weight: 600;
        line-height: 1;
        color: #060606;
    }

    h1,
    .title1 {
        font-size: 110px;
        line-height: 130px  ;
    }

    h2,
    .title2 {
        font-size: 70px;
    }

    h3,
    .title3 {
        font-size: 40px;
        line-height: 1.5;
    }

    h4,
    .title4 {
        font-size: 30px;
    }

    h5,
    .title5 {
        font-size: 24px;
        line-height: 35px;
    }

    h6,
    .title6 {
        font-size: 21px;
        line-height: 27px;
    }

    sub,
    sup {
        font-size: 65%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }

    sup {
        top: -0.5em;
        left: -4px;
    }

    sub {
        bottom: -0.25em;
    }
    p{
        line-height: 1.5;
    }
    p:not(:last-child) {
        margin-bottom: 25px;
    }
    .lh1{
        line-height: 1;
    }
    .lh60{line-height: 60px;}

    .tdu {
        text-decoration: underline;
    }

    .tdn {
        text-decoration: none;
    }

    .ttu {
        text-transform: uppercase;
    }

    .ttn{
        text-transform: none;
    }

    .ttc {
        text-transform: capitalize;
    }

    .letsp1 {
        letter-spacing: 1px;
    }
    .letsp1_5 {
        letter-spacing: 1.5px;
    }

    .letsp2 {
        letter-spacing: 2px;
    }

    .fw100 {
        font-weight: 100;
    }

    .fw300 {
        font-weight: 300;
    }

    .fw400 {
        font-weight: 400;
    }

    .fw500 {
        font-weight: 500;
    }

    .fw600 {
        font-weight: 600;
    }

    .fw700 {
        font-weight: 700;
    }

    .fw800 {
        font-weight: 800;
    }

    .fw900 {
        font-weight: 900;
    }
    .TTFirsNeue{font-family: 'TTFirsNeue';}
    .TTTravels{font-family: 'TTTravels';}
    .Formular{font-family: 'Formular';}
/*==========>>  2.2.     Colors   <<==========*/
    .white {
        color: #F8F8F8;
    }

    .black {
        color: #000;
    }
    .color1{color: #F8F8F8;}
    .color2{color: #696969;}
    .color3{color: #f5f5f5;}
    
    .bg_white {
        background-color: #F8F8F8;
    }

    .bg_black_fix {
        background-color: #060606;
    }

/*==========>>  2.3.     Form   <<==========*/
    .error_message {
        color: red;
        border-color: red;
    }

    /* placeholders start*/
    input,
    textarea {
        outline: none !important;
    }

    input:-moz-placeholder,
    textarea:-moz-placeholder {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: rgba(255,255,255,0.3);
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: rgba(255,255,255,0.3);
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: rgba(255,255,255,0.3);
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        color: rgba(255,255,255,0.3);
    }

   
    /* === */

    input:focus:-moz-placeholder,
    textarea:focus:-moz-placeholder{
        color: transparent;
    }

    input:focus::-moz-placeholder,
    textarea:focus::-moz-placeholder{
        color: transparent;
    }

    input:focus:-ms-input-placeholder,
    textarea:focus:-ms-input-placeholder{
        color: transparent;
    }

    input:focus::-webkit-input-placeholder,
    textarea:focus::-webkit-input-placeholder{
        color: transparent;
    }

/* placeholders end*/
/*===  input  ===*/
   
   /*  .form_row{
        
    }
    .form_row_checkbox{
        
    }

    .form_input,
    .form_textarea {
        height: 63px;
        width: 100%;
        font-family: inherit;
        padding: 20px 0;
        font-size: 18px;
        line-height: 1;
        font-weight: 700;
        border: none;
        border-bottom: 2px solid rgba(255,255,255,0.1);
        background: transparent;
        color: rgba(255,255,255,0.3);
    }
    

    .form_textarea {
        height: 120px;
        padding: 17px 16px;
        resize: none;
    }
    

    .form_checkbox {
        cursor: pointer;
    }

    .form_checkbox>span {
        position: relative;
        padding-left: 28px;
        font-size: 13px;
        line-height: 17px;
        color: rgba(255,255,255,0.3);
    }
    .form_checkbox.type2>span{
        color: #000;
    }

    .form_checkbox>span:before {
        content: "";
        position: absolute;
        top: 2px;
        left: 0;
        width: 14px;
        height: 14px;
        border: 1px solid #ababab;
        background-color: transparent;
        -webkit-transition: all ease 0.3s;
             -o-transition: all ease 0.3s;
                transition: all ease 0.3s;
    }
    .form_checkbox>span:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 4px;
      height: 7px;
      border: 1px solid;
      border-top: 0;
      border-left: 0;
      display: block;
      margin: 4px 0 0 5px;
      -webkit-transition: -webkit-transform .15s ease;
      transition: -webkit-transform .15s ease;
      -o-transition: transform .15s ease;
      transition: transform .15s ease;
      transition: transform .15s ease, -webkit-transform .15s ease;
      -webkit-transform: rotate(45deg) scale(0);
      -ms-transform: rotate(45deg) scale(0);
      transform: rotate(45deg) scale(0);
      border-color: transparent;
    }

    .form_checkbox input[type="checkbox"]:checked + span:after {
      -webkit-transform: rotate(45deg) scale(1);
      -ms-transform: rotate(45deg) scale(1);
      transform: rotate(45deg) scale(1);
      border-color: #FFF;
    } 
    .form_checkbox.type2 input[type="checkbox"]:checked + span:after{
        border-color: #000;
    } */
/*==========>>  2.4.     Plugins   <<==========*/
    /* magnificpopup*/
        .mfp-wrap{
            -ms-overflow-x: hidden;
                overflow-x: hidden;
            -ms-overflow-y: auto;
                overflow-y: auto;
        }
        .mfp-container{
            padding-left: 0;
            padding-right: 0;
        }
        .mfp-content{
            position: static;
            padding: 50px 0;
        }
        .mfp-bg {
            background-color: #F8F8F8 !important;
            opacity: 1;
        }
        .popup-youtube .mfp-bg {
            background: rgba(6, 6, 6, 0.9) !important;
        }
        .mfp-bg.mfp-black{
            background-color: #000 !important;
        }
        .mfp-iframe-scaler iframe{
            background: #D6D6D6;
        }

        button.mfp-close {
            width: 55px !important;
            height: 55px !important;
            left: auto  !important;
            top: 78px  !important;
            right: 78px  !important;
            font-size: 0;
            opacity: 1;
            border: 1px solid #060606;
            background: url(../images/icons/close.svg) 50% 50% no-repeat;
            -webkit-background-size: 34px;
                 -o-background-size: 34px;
                    background-size: 34px;
            border-radius: 50px;
            -webkit-transition: all ease 0.4s;
                 -o-transition: all ease 0.4s;
                    transition: all ease 0.4s;
        }
        button.mfp-close:hover{
            -webkit-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg);
        }
        button.mfp-close:active {
            top: 78px  !important;
        }
        .mfp-figure:after, .mfp-iframe-scaler iframe{
            -webkit-box-shadow: none !important;
                    box-shadow: none !important;
        }
        .mfp-bottom-bar{
            margin-top: 30px;
            text-align: center;
        }
        .mfp-iframe-scaler{
            position: relative;
            overflow: initial;
        }
        .popup-youtube button.mfp-close{
            position: fixed;
            width: 45px !important;
            height: 45px !important;
            top: 81px !important;
            right: 81px !important;
            border: 1px solid #f5f5f5;
            background: url(../images/icons/close2.svg) 50% 50% no-repeat;
            -webkit-background-size: 34px;
                 -o-background-size: 34px;
                    background-size: 34px;
        }
    /* magnificpopup end*/

    /* fullpage */
        .iScrollIndicator{
            background: #FFCD01 !important;
            border-radius: 0;
        }
        .iScrollVerticalScrollbar{
            width: 8px !important;
        }
        #fp-nav ul li{
            width: 5px;
            height: 5px;
            margin: 35px 11px;
        }
        #fp-nav ul li:hover a.active span:not(.fp-sr-only),
        #fp-nav ul li a.active span:not(.fp-sr-only),
        #fp-nav ul li a span:not(.fp-sr-only){
            position: relative;
            top: 0;
            left: 0;
            width: 5px;
            height: 5px;
            margin: 0 !important;
            background: #060607;
            border-radius: 50px;
        }
        #fp-nav ul li a span:not(.fp-sr-only):before{
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            width: 5px;
            height: 5px;
            border-radius: 50px;
            border: 1px solid #060607;
            -webkit-transform: translate(-53%,-53%);
                -ms-transform: translate(-53%,-53%);
                    transform: translate(-53%,-53%);
            -webkit-transition: all ease 0.5s;
                 -o-transition: all ease 0.5s;
                    transition: all ease 0.5s;
        }
        #fp-nav ul li:hover a span:not(.fp-sr-only){
            width: 5px;
            height: 5px;
        }
        #fp-nav ul li a.active span:not(.fp-sr-only):before,
        #fp-nav ul li:hover a.active span:not(.fp-sr-only):before,
        #fp-nav ul li:hover a span:not(.fp-sr-only):before{
            width: 25px;
            height: 25px;
        }
        #fp-nav ul li a span.fp-sr-only{
            width: auto !important;
            height: auto !important;
            left: auto !important;
            top: 50% !important;
            margin: 0 !important;
            right: calc(100% + 21px) !important;
            background: transparent !important;
            border-radius: 0 !important;
            font-family: 'TTFirsNeue' !important;
            font-size: 16px !important;
            line-height: 21px !important;
            text-transform: uppercase !important;
            color: #060607 !important;
            clip: initial !important;
            -webkit-transform: translateY(-50%) !important;
                -ms-transform: translateY(-50%) !important;
                    transform: translateY(-50%) !important;
        }
        #fp-nav.type2 ul li a span.fp-sr-only{
            color: #f5f5f5 !important;
        }
        #fp-nav.type2 ul li:hover a.active span:not(.fp-sr-only), 
        #fp-nav.type2 ul li a.active span:not(.fp-sr-only),
        #fp-nav.type2 ul li a span:not(.fp-sr-only){
            background: #F5F5F5;
        }
        #fp-nav.type2 ul li a span:not(.fp-sr-only):before{
            border: 1px solid #f5f5f5;
        }
    /* fullpage end */
    
    /* mCustomScrollBar */
        .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
            background: #FFCD01 !important;
        }
        .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
            width: 8px;
            border-radius: 0;
        }
        .mCSB_scrollTools .mCSB_draggerRail{
            background: transparent;
        }
    /* mCustomScrollBar end */
/*==========>>  2.5.     Preloader   <<==========*/
    #page-preloader {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #060606;
        z-index: 100500;
    }
    /* .sk-three-bounce {
      position: fixed;
      top: 50%;
      left: 50%;
      width: 8em;
      margin: auto;
      text-align: center;
      -webkit-transform: translate(-50%,-50%);
          -ms-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
    }
    .sk-three-bounce .sk-child {
      width: 2em;
      height: 2em;
      background-color: #2a3334;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
              animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
    }
    .sk-three-bounce .sk-bounce-1 {
      -webkit-animation-delay: -0.32s;
              animation-delay: -0.32s;
      background-color: #f6ad00;
    }
    .sk-three-bounce .sk-bounce-2 {
      -webkit-animation-delay: -0.16s;
              animation-delay: -0.16s;
          background-color: #000;
    }
    .sk-three-bounce .sk-bounce-3{
      background-color: #ababab;
    }

    @-webkit-keyframes sk-three-bounce {
      0%, 80%, 100% {
        -webkit-transform: scale(0);
                transform: scale(0);
      }
      40% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    }

    @keyframes sk-three-bounce {
      0%, 80%, 100% {
        -webkit-transform: scale(0);
                transform: scale(0);
      }
      40% {
        -webkit-transform: scale(1);
                transform: scale(1);
      }
    } */
/*==========>>  2.6.     Indents   <<==========*/
    .m_t_zero {
        margin-top: 0 !important;
    }

    .m_b_zero {
        margin-bottom: 0 !important;
    }

    .m_l_zero{
        margin-left: 0 !important;
    }
    
    .m_r_zero{
        margin-right: 0 !important;
    }

    .p_t_zero {
        padding-top: 0 !important;
    }

    .p_b_zero {
        padding-bottom: 0 !important;
    }

    .p_l_zero{
        padding-left: 0 !important;
    }

    .p_r_zero{
        padding-right: 0 !important;
    }
    .mb280{
        margin-bottom: 280px;
    }
    .mb240{
        margin-bottom: 240px;
    }
    .mb185 {
        margin-bottom: 185px;
    }
    .mb180 {
        margin-bottom: 180px;
    }
    .mb155 {
        margin-bottom: 155px;
    }
    .mb150 {
        margin-bottom: 150px;
    }

    .mb145 {
        margin-bottom: 145px;
    }

    .mb140 {
        margin-bottom: 140px;
    }

    .mb135 {
        margin-bottom: 135px;
    }

    .mb130 {
        margin-bottom: 130px;
    }

    .mb125 {
        margin-bottom: 125px;
    }

    .mb120 {
        margin-bottom: 120px;
    }

    .mb115 {
        margin-bottom: 115px;
    }

    .mb110 {
        margin-bottom: 110px;
    }

    .mb105 {
        margin-bottom: 105px;
    }

    .mb100 {
        margin-bottom: 100px;
    }

    .mb95 {
        margin-bottom: 95px;
    }

    .mb90 {
        margin-bottom: 90px;
    }

    .mb85 {
        margin-bottom: 85px;
    }

    .mb80 {
        margin-bottom: 80px;
    }

    .mb75 {
        margin-bottom: 75px;
    }

    .mb70 {
        margin-bottom: 70px;
    }

    .mb65 {
        margin-bottom: 65px;
    }

    .mb60 {
        margin-bottom: 60px;
    }

    .mb55 {
        margin-bottom: 55px;
    }

    .mb50 {
        margin-bottom: 50px;
    }

    .mb45 {
        margin-bottom: 45px;
    }

    .mb40 {
        margin-bottom: 40px;
    }

    .mb35 {
        margin-bottom: 35px;
    }

    .mb30 {
        margin-bottom: 30px;
    }

    .mb25 {
        margin-bottom: 25px;
    }

    .mb20 {
        margin-bottom: 20px;
    }

    .mb15 {
        margin-bottom: 15px;
    }

    .mb10 {
        margin-bottom: 10px;
    }

    .pt140{
        padding-top: 140px;
    }
    .pr50{padding-right: 50px;}

/*==========>>  2.7.     Bg fade   <<==========*/
    .bg-fade{
      position: fixed;
      margin: 0;
      padding: 0;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      overflow: hidden; /* or auto or scroll */
      background: transparent;
      z-index: -1;
      opacity: 0;
      transition: all 1.5s ease-in-out;
      -moz-transition: all 1.5s ease-in-out;
      -webkit-transition: all 1.5s;
    }

    .active-section{
      opacity: 1;
      transition: all 1.5s ease-in-out;
      -moz-transition: all 1.5s ease-in-out;
      -webkit-transition: all 1.5s;
    }
    .bg_black {
        background-color: transparent;
    }
    .bg_black.active-section ~ .bg-fade{
      background: #060606;
      opacity: 1;
    }
/*  <!-- 4. HEADER 
============================================ --> */
    .box_wrapper{
        position: relative;
        /*overflow: hidden; */
        width: 100%;
    }
    #header {
        padding: 45px 75px;
        -webkit-transition: all ease 0.4s;
             -o-transition: all ease 0.4s;
                transition: all ease 0.4s;
    }
    .is-invisible{
        -webkit-transition-delay: 0.6s !important;
             -o-transition-delay: 0.6s !important;
                transition-delay: 0.6s !important;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
                transform: translateY(20px);
        
    }
    #header.header_scroll{
        padding-top: 20px;
        padding-bottom: 20px;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important;
    }
    .header_scroll_bg{
        background-color: #060606;
    }
    
    .header_noscroll{
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important;
    }
    #header:before{
        content: "";
        position: absolute;
        bottom: 100%;
        left: 0;
        width: 100%;
        border-bottom: 2px solid #060606;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.6s;
             -o-transition: all ease 0.6s;
                transition: all ease 0.6s;
    }
    #header.header_scroll_bg:before{
        border-bottom-color: #f8f8f8;
        -webkit-transition: all 1s ease 1s;
             -o-transition: all 1s ease 1s;
                transition: all 1s ease 1s;
    }
    #header.header_scroll:before{
        opacity: 1;
        visibility: visible;
        bottom: 0;
    }
    #header.header_scroll_bg .logo_icon path {
        fill: #FFCD01;
    }
    #header.header_scroll_bg .logo_text path{
        fill: #f5f5f5;
    }
    #header.header_scroll_bg .menu .menu_link i{
        border-color: #f5f5f5;
    }
    #header.header_scroll_bg .menu .menu_link i svg {
        fill: #f5f5f5;
    }
    #header.header_scroll_bg .menu .menu_link{
        color: #f5f5f5;
    }

    .header_color_white.header_scroll_bg {
        background-color: #F8F8F8;
    }
    #header.header_color_white.header_scroll_bg .logo_icon {
        fill: #f8f8f8;
    }
    #header.header_color_white.header_scroll_bg .logo_text path{
        fill: #060606;
    }
    #header.header_color_white.header_scroll_bg .menu .menu_link i{
        border-color: #060606;
    }
    #header.header_color_white.header_scroll_bg .menu .menu_link i svg {
        fill: #060606;
    }
    #header.header_color_white.header_scroll_bg .menu .menu_link{
        color: #060606;
    }
    #header.header_scroll_bg.header_color_white:before {
        border-bottom-color: #060606;
    }
    #header.header_scroll_bg.header_color_white .menu .dropdown_box>ul>li>a {
        color: #060606;
    }

    .header_yellow.header_scroll:not([class*="header_scroll_bg"]) {
        background-color: #FFCD01 ;
    }
    .header_white.header_scroll:not([class*="header_scroll_bg"]) {
        background-color: #F8F8F8 ;
    }
    .header_black.header_scroll:not([class*="header_scroll_bg"]) {
        background-color: #000 ;
    }
    #header.header_black.header_scroll:before {
        border-bottom-color: #f8f8f8;
    }

    .page_wrap.animated .is-invisible{
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
                transform: translateY(0px);
    }
    .header_abs{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        width: 100%;
    }
    .header_fix{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9;
        width: 100%;
    }
    .header_wrap{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .yellow_box{
        /* padding-bottom: 700px; */
        height: 200px;
    }
    .logo {
        position: relative;
        width: 110px;
        height: 73px;
        font-size: 30px;
        line-height: 1.2;
        font-weight: 700;
        text-decoration: none;
        text-transform: uppercase;
    }
    .logo_text{
        position: absolute;
        bottom: 16px;
        left: 50%;
        -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
                transform: translateX(-50%);
    }
    .logo_text path{
        fill: #060606;
    }
    .logo_icon path{
        fill: #f8f8f8;
    }
    .logo.type2 .logo_text path{
        fill: #f5f5f5;
    }
    .logo.type2 .logo_icon path{
        fill: #FFCD01;
    }
    .logo.type3 .logo_text path{
        fill: #060606;
    }
    .logo.type3 .logo_icon path{
        fill: #FFCD01;
    }
    
    .logo_animate{
        position: absolute;
        top: 9px;
        left: 21px;
        z-index: -1;
        width: 110px;
        height: 73px;
    }
    .logo_animate svg{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform-origin: 25%;
        -ms-transform-origin: 25%;
        transform-origin: 25%;
        -webkit-transition: all ease 2s;
             -o-transition: all ease 2s;
                transition: all ease 2s;
    }
    .logo_animate svg.transition{
        -webkit-transition: all ease 0.8s;
             -o-transition: all ease 0.8s;
                transition: all ease 0.8s;
    }
    .logo_animate.is-active svg{
        -webkit-transform: translate(-50%, -50%) scale(34);
            -ms-transform: translate(-50%, -50%) scale(34);
                transform: translate(-50%, -50%) scale(34);
    }
    
    .navigation_menu {
        
    }

    .menu {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 24px;
        line-height: 0;
    }
    .menu_item:not(:last-child){
        margin-right: 86px;
    }
    .menu_item.has_dropdown{
        position: relative;
    }

    .menu_link {
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: baseline;
                -webkit-box-align: baseline;
                -ms-flex-align: baseline;
                align-items: baseline;
        font-size: 16px;
        line-height: 25px;
        text-decoration: none;
        text-transform: uppercase;
        color: #060606;
    }
    .menu.type2 .menu_link{
        color: #F5F5F5;
    }
    .menu_link span{
        margin-right: 5px;
    }
    .menu_item.has_dropdown {
        position: relative;
        top: -2px;
    }
    .menu_link i{
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
        min-width: 25px;
        height: 25px;
        border-radius: 50px;
        border: 1px solid #060607;
    }
    .menu.type2 .menu_link i{
        border-color: #f5f5f5;
    }
    .menu_link i svg{
        width: 13px;
        fill: #060606;
        -webkit-transition: all ease 0.3s;
             -o-transition: all ease 0.3s;
                transition: all ease 0.3s;
    }
    .menu.type2 .menu_link i svg{
        fill: #f5f5f5;
        margin-left: -1px;
    }
    .menu_item.has_dropdown:hover .menu_link i svg{
        -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    
    .menu_link:hover,
    .menu.type2 .menu_link:hover,
    .menu_link.current,
    .menu.type2 .menu_link.current,
    .menu.type2 .menu_item:hover .menu_link,
    #header.header_scroll .menu .menu_item:hover .menu_link,
    .menu_item:hover .menu_link {
        color: #FFCD01
    }
    .dropdown_box{
        /*position: absolute;*/
        padding-top: 24px;
        padding-bottom: 20px;
        display: none;
        left: 0;
        top: calc(100% + 26px);

        width: 100%;
    }
    /*#header.header_scroll .dropdown_box:after{
        content: "";
        position: absolute;
        left: -15px;
        top: -15px;
        right: -15px;
        bottom: -15px;
        z-index: -1;
        background-color: #060606;
    }*/
    .dropdown_box:before{
        content: "";
        position: absolute;
        bottom: 95%;
        height: 40px;
        width: 100%;
    }
    .dropdown_box>ul{
        width: 100%;
    }
    .dropdown_box>ul>li:not(:last-child){
        margin-bottom: 26px;
    }
    .dropdown_box>ul>li>a{
        display: block;
        font-size: 16px;
        line-height: 21px;
        text-decoration: none;
        text-transform: uppercase;
        color: #060606;
    }
    #header.header_scroll .menu .dropdown_box>ul>li>a,
    .menu.type2 .dropdown_box>ul>li>a{
        color: #f5f5f5;
    }
    #header.header_scroll .menu .dropdown_box>ul>li>a:hover,
    .dropdown_box>ul>li>a:hover,
     .menu.type2 .dropdown_box>ul>li>a:hover{
        color: #FFCD01
    }


    

/*  <!-- 5. CONTENT 
============================================ --> */
    #content {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }

    .section_box {
        position: relative;
    }
    
    
    .section_offset {
        padding-top: 223px;
        padding-bottom: 205px;
    }
    .section_offset2 {
        padding-bottom: 196px;
    }
    .section_offset3,
    .section_screen.section_offset3 {
        padding-top: 145px;
        padding-bottom: 145px;
    }    
    .section_offset4 {
        padding-top: 244px;
        padding-bottom: 238px;
    }
    .section_offset5{
        padding-top: 244px;
        padding-bottom: 195px;
    }
    .section_offset6{
        padding-top: 228px;
        padding-bottom: 150px;
    }
    .section_offset7{
        padding-top: 220px;
        padding-bottom: 190px;
    }

    
    .section3 .container-fluid{
        padding-top: 244px;
    }
    .pt100vh{padding-top: 100vh;}
    
    .nav{
        position: fixed; 
        /*position: absolute;*/
        top: 50%;
        right: 17px;
        z-index: 100;
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    .nav li{
        text-align: right;
    }
    .nav li:not(:last-child){
        margin-bottom: 21px;
    }
    .nav a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            -webkit-justify-content: flex-end;
                    -webkit-box-pack: end;
                    -ms-flex-pack: end;
                    justify-content: flex-end;
        font-size: 16px;
        line-height: 21px;
        text-decoration: none;
        text-transform: uppercase;
        color: #060607;
    }
    
    .nav_text{
        margin-right: 21px;
        
    }
    .nav_icon{
        position: relative;
        width: 5px;
        height: 5px;
        margin: -3px 11px 0;
        background: #060607;
        border-radius: 50px;
    }
    .nav_icon:before{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 25px;
        height: 25px;
        border-radius: 50px;
        border: 1px solid #060607;
        -webkit-transform: translate(-52%,-52%) scale(0);
        -ms-transform: translate(-52%,-52%) scale(0);
        transform: translate(-52%,-52%) scale(0);
        -webkit-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s;
    }
    .nav a:hover .nav_icon:before,
    .nav li.is-active .nav_icon:before{
        -webkit-transform: translate(-52%,-52%) scale(1);
        -ms-transform: translate(-52%,-52%) scale(1);
        transform: translate(-52%,-52%) scale(1);
    }

    .nav.nav_white a {
        color: #fff;
    }
    .nav.nav_white .nav_icon {
        background: #fff;
    }
    .nav.nav_white .nav_icon:before {
        border: 1px solid #fff;
    }
/* - - - - - - - - - - .box - - - - - - - - - - */

    .section_screen{    
        overflow: hidden;
        height: 100vh;
        min-height: 800px;
        padding-top: 268px;
    }
    .section_screen.type2{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .section_text{
        padding-left: 155px;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .section_link{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .section_link a:not(:last-child){
        margin-right: 26px;
    }
    .section_footer{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
        padding: 0 78px 69px 78px;
        -webkit-transition: all ease 0.6s;
             -o-transition: all ease 0.6s;
                transition: all ease 0.6s;
    }
    .section_footer.type2{
        -webkit-align-items: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
    }
    .social_list{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            line-height: 0;
    }
    .social_list li:not(:last-child){
        margin-right: 80px;
    }
    .section_footer a,
    .social_list a{
        -webkit-transition: all ease 0.5s !important;
            -o-transition: all ease 0.5s !important;
               transition: all ease 0.5s !important;   
    }
    .section_footer a:hover,
    .social_list a:hover{
        opacity: 0.5;
    }
    .scroll,
    .scroll2{
        position: fixed;
        bottom: 69px;
        left: 50%;
        color: #060606;
        -webkit-transform: translateX(-50%);
           -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
             -o-transform: translateX(-50%);
                transform: translateX(-50%);
        -webkit-transition: all ease 0.5s !important;
             -o-transition: all ease 0.5s !important;
                transition: all ease 0.5s !important;
    }
    .scroll2{
        position: absolute !important;
    }
    .scroll.scroll_abs{
        position: absolute;   
    }
    .scroll.is-active,
    .scroll2.is-active{
        opacity: 0;
        -webkit-transition: all 1s ease 1s !important;
             -o-transition: all 1s ease 1s !important;
                transition: all 1s ease 1s !important;
    }
    .scroll:before,
    .scroll2:before{
        content: "";
        position: absolute;
        left: 50%;
        bottom: calc(-94px - 17px);
        height: 100px;
        width: 1px;
        background-color: #000;
        -webkit-transition: all ease 1s;
             -o-transition: all ease 1s;
                transition: all ease 1s;
    }
    .scroll span{
        opacity: 1;
        visibility: visible;
        -webkit-transition: all 1s ease 0.5s;
             -o-transition: all 1s ease 0.5s;
                transition: all 1s ease 0.5s;
    }
    .scroll.is-active span,
    .scroll2.is-active span{
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all ease 0.3s;
             -o-transition: all ease 0.3s;
                transition: all ease 0.3s;
    }
    .scroll.is-active:before,
    .scroll2.is-active:before{
        height: 300px;
    }
    /*.scroll.scroll_abs {
        display: none !important;
    }*/
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */


/* - - - - - - - - - - .box - - - - - - - - - - */
   .ul_list{
        font-size: 24px;
        line-height: 42px;
        color: #F8F8F8;
   }
   .ul_list li{
       position: relative;
   }
   .ul_list li:before{
        content: attr(data-ic);
    }
    .with_title{
        position: relative;
        padding-left: 310px;   
    }
    .with_title_it{
        position: absolute;
        left: 0;
        top: 42px;
    }
   .accordion_container{
       
   }
   .accordion_box{
       color: #F8F8F8;
   }
   .accordion_box:not(:last-child){
       border-bottom: 1px solid #F8F8F8;
       margin-bottom: 75px;
   }
   .accordion_head{
       position: relative;
       padding-left: 50px;
       margin-bottom: 54px;
       font-weight: 600;
       font-size: 70px;
       line-height: 82px;
       color: #F8F8F8;
       cursor: pointer;
   }
   .accordion_head:before{
        position: absolute;
        left: 0;
        top: 18px;
       content: attr(data-number);
       font-size: 21px;
       font-weight: 400;
       line-height: 17px;
       color: #f8f8f8;
   }
   .accordion_head span{
       display: -webkit-inline-box;
       display: -webkit-inline-flex;
       display: -ms-inline-flexbox;
       display: inline-flex;
       -webkit-align-items: baseline;
               -webkit-box-align: baseline;
               -ms-flex-align: baseline;
               align-items: baseline;
   }
   .accordion_head i{
       position: absolute;
       top: 50%;
       right: 0;
       margin-top: -30px;
       display: block;
       min-width: 60px;
       height: 60px;
       border: 1px solid #F8F8F8;
       border-radius: 50px;
       -webkit-transition: all ease 0.5s;
            -o-transition: all ease 0.5s;
               transition: all ease 0.5s;
   }
   .accordion_head i:before,
   .accordion_head i:after{
       position: absolute;
       top: 50%;
       left: 50%;
       content: "";
       width: 32px;
       height: 1px;
       background-color: #F8F8F8;
       margin-left: -16px;
       -webkit-transition: all ease 0.4s;
            -o-transition: all ease 0.4s;
               transition: all ease 0.4s;
   }
   .accordion_head i:after{
        opacity: 1;
       -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       transform: rotate(90deg);
   }
   .accordion_head.is-active i{
       -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
       transform: rotate(180deg);
   }
   .accordion_head.is-active i:after{
       opacity: 0;
   }
   .accordion_content{
        padding-left: 50px;
        padding-bottom: 78px;
   }
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */


/* - - - - - - - - - - .box - - - - - - - - - - */
    .protfolio_container>.row{
        -webkit-align-items: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
    }
    .protfolio_container>.row>[class*="col"]:not(:nth-last-child(1)):not(:nth-last-child(2)){
        margin-bottom: 106px;
    }
    .protfolio_box:after{
        content: attr(data-number);
        position: absolute;
        bottom: 0;
        right: 45px;
        font-size: 24px;
        line-height: 31px;
        color: #696969;
        
    }
    .protfolio_img{
        margin-bottom: 52px;
        display: block;
        -webkit-transition: all ease 0.6s;
             -o-transition: all ease 0.6s;
                transition: all ease 0.6s;
    }
    .protfolio_img img{
        width: 100%;
        /*-webkit-transition: all ease 0.6s;
             -o-transition: all ease 0.6s;
                transition: all ease 0.6s;*/
    }
    .col-lg-6.prev-project .protfolio_img {
        overflow: hidden;
    }
    .col-lg-6.prev-project .protfolio_img img{
        width: calc(200% + 90px);
        max-width: none;
        margin-left: -53%;
        object-fit: cover;
    }
    .protfolio_box.active .protfolio_img{
        -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
                transform: scale(0.9);
        -webkit-transition: all 0.6s;
            -o-transition: all 0.6s;
                transition: all 0.6s;
    }
    .protfolio_name{
        padding-left: 60px;
        font-size: 24px;
        line-height: 31px;
        color: #F8F8F8;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
        display: inline-block;
    }
    .protfolio_box.active .protfolio_name {
        padding-left: calc(154px + 24px);
    }
    .protfolio_link{
        text-transform: none;
    }
    .section_contact{
        padding-top: 260px;
        min-height: 800px;   
    }
    .map{
        width: 100%;
        min-height: 800px;
        height: calc(100vh - 800px);
    }
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */


/* - - - - - - - - - - .box - - - - - - - - - - */
    .section_carousel {
        position: relative;
    }
    .section_carousel .swiper-container {
      width: 100%;
    }
    .section_carousel .swiper-wrapper{
        /*-webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;*/
    }
    .swiper-slide{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        /*-webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;*/
        /*height: 100%;*/
    }
    .swiper_box {
        font-size: 40px;
        line-height: 60px;
        color: #060606;
        width: 1460px;
        margin: 0 auto;
    }
    .swiper_box>div {
        padding-top: 40px;
        padding-top: 10vh;
    }
    .swiper_box .swiper-slide {
        position: static;
    }
    .swiper_box.d_flex{
        -webkit-justify-content: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
    }
    .swiper_box img{
        display: block;
    }
    .swiper-counter{
        position: absolute;
        bottom: 0;
        left: 0;
        padding-top: 15px;
        font-size: 16px;
        line-height: 1;
        text-transform: uppercase;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        color: #000000;
    }
    .count {
      position:absolute;
      top: 0px;
    }

    .swiper-counter .next {
      -webkit-transform:translateX(-12px);
      -ms-transform:translateX(-12px);
      transform:translateX(-12px);
    }
    .swiper-button-next,
    .swiper-button-prev {
        width: 14px;
        height: 37px;
        display: block;
        left: 0;
        cursor: pointer; 
    }
    .swiper-button-next {
        -webkit-transform: translate(0, 45px);
        -ms-transform: translate(0, 45px);
        -o-transform: translate(0, 45px);
        transform: translate(0, 45px);
    }
    .swiper-button-prev {
        -webkit-transform: translate(0, -45px);
        -ms-transform: translate(0, -45px);
        -o-transform: translate(0, -45px);
        transform: translate(0, -45px);
    }
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */

/* - - - - - - - - - - .box - - - - - - - - - - */
    .block{
        position: relative;
        color: #f5f5f5;
        text-align: center;
        max-width: 900px;
        margin: 0 auto;
        height: 60vh;
    }
    .block:not(:last-child){
        margin-bottom: 230px;
    }
    .block_title_top {
        font-size: 21px;
        line-height: 27px;
        text-decoration: none;
        text-transform: uppercase;
        color: #f5f5f5 !important;
        margin-bottom: 135px;
        position: relative;
        z-index: 5;
    }
    .block_title_top a {
        font-size: 21px;
        line-height: 27px;
        text-decoration: none;
        text-transform: uppercase;
        color: #f5f5f5 !important;
    }
    .block_title_top a:hover {
        border-bottom: 2px solid;
    }
    .block_title{
        position: relative;
        z-index: 5;
        margin-bottom: 112px;
    }
    .block_title a{
        font-size: 21px;
        line-height: 27px;
        text-decoration: none;
        text-transform: uppercase;
        color: #f5f5f5 !important;
        border-bottom: 2px solid;
    }
    
    .block_from,
    .block_to{
        font-size: 70px;
        line-height: 1;
    }
    .block_from{
        margin-bottom: 50px;
    }
    .block_to{
        /* margin-top: 33px; */
    }
    .block_from span,
    .block_to span{
        position: relative;
        display: inline;
    }
    .block_from span:before,
    .block_to span:before{
        content: attr(data-text);
        position: absolute;
        top: 25px;
        left: -50px;
        font-size: 21px;
        line-height: 27px;
        color: #f5f5f5;
    }
    .block_img{
        position: absolute;
        top: -95px;
        left: 0;
        right: 0;
        z-index: 4;
        text-align: center;
        max-width: 864px;
        margin: 0 auto;
        opacity: 0;
        -webkit-transform: translateY(20px);
            -ms-transform: translateY(20px);
                transform: translateY(20px);
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .block_title.hovered + .block_img{
        opacity: 1;
        -webkit-transform: translateY(0px);
            -ms-transform: translateY(0px);
                transform: translateY(0px);
    }
    .block_line{
        position: relative;
        min-height: 1px;
        max-height: 475px;
        margin-bottom: 33px;
        -webkit-transition: all ease 0.4s;
             -o-transition: all ease 0.4s;
                transition: all ease 0.4s;
    }
    .block_line:before{
        content: "";
        position: absolute;
        top: 1px;
        bottom: 0;
        left: 50%;
        border-left: 2px solid #F5F5F5;
    }
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */

/* - - - - - - - - - - .box - - - - - - - - - - */
    .section_full{
        height: 100vh;
    }
    .team_container{
        color: #f5f5f5;
    }
    .team_title{
        margin-bottom: 120px;
        text-align: center;
        font-weight: 400;
        color: #f5f5f5;
    }
    .team_title.d_flex{
        -webkit-justify-content: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
    }
    .team_box{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
     .team_box.type2{
        display: block;
    }
    .team_img_wr{margin-right: 84px;}
    .team_img img{
        -webkit-transition: all ease 0.6s;
        -o-transition: all ease 0.6s;
        transition: all ease 0.6s;
    }
    .team_img a {
        display: block;
    }
    .team_img_wr:hover .team_img img{
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    .team_text{
        padding-top: 50px;
    }
    .team_box .team_img{
        margin-bottom: 50px;
        max-width: 100%;
    }
    .team_name{
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 46px;
        color: #F8F8F8;
    }
    .team_descr{
        font-size: 24px;
        line-height: 1.5;
        font-weight: 400;
    }
    .team_img.type2{
        margin-top: -370px;
        margin-left: auto;
        max-width: calc(100% - 43%);
    }
    .mxw1350{
        width: 1350px;
        max-width: 100%;
    }
    .mxw925{
        max-width: 925px;
    }
    
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */

/* - - - - - - - - - - .box - - - - - - - - - - */
    .title_abs{
        position: absolute;
        top: 0;
        left: 0;
    }
    .swiper-title {
        width: 1460px;
        margin: 0 auto;
        white-space: nowrap;
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
    .swiper-title.type2 {
        margin-right: 0;
        margin-bottom: 92px;
    }
    .popup_about{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-start;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
    }
    .popup_about_img{
        max-width: 532px;
        margin-right: 84px;
        -webkit-flex-shrink: 0;
                -ms-flex-negative: 0;
                flex-shrink: 0;
    }
    .popup_about_text{
        padding-top: 50px;
        font-size: 24px;
        line-height: 1.3;
        font-weight: 400;
        color: #060606;
        -webkit-flex-grow: 20;
                -webkit-box-flex: 20;
                -ms-flex-positive: 20;
                flex-grow: 20;
    }
    .popup_about_name{
        font-size: 40px;
        line-height: 46px;
        color: #060606;
    }
    .js-scrollbar,
    .mCustomScrollbar{
        max-height: 700px;
    }
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */

/* - - - - - - - - - - .box - - - - - - - - - - */
    .section_video{
        text-align: center;
        height: 100vh;
        min-height: 700px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
   .section_video .container-fluid{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                flex-direction: column;
        -webkit-align-items: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
    }
    .video_box {
        background-color: #FFCD01 !important;
    }
    .video_box:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color: rgba(0,0,0,0.4);
    }
    .section_video_logo{
        margin-bottom: 126px;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .section_video_title{
        margin-bottom: 110px;
        max-width: 500px;
        font-weight: 600;
        font-size: 70px;
        line-height: 90px;
        color: #F5F5F5;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .section_video_link{
        font-size: 24px;
        line-height: 31px;
        text-decoration: none;
        border-bottom: 2px solid;
        color: #f5f5f5;
        -webkit-transition: all ease 0.5s;
             -o-transition: all ease 0.5s;
                transition: all ease 0.5s;
    }
    .section_video_link:hover{
        color: #f5f5f5;
    }
    .section_video .scroll {
        margin: auto;
        display: block;
        color: #f8f8f8;
    }
    .section_video .scroll:before{
        background-color: #f8f8f8;
    }
    .work_head{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
        padding-left: 154px;
        padding-right: 120px;
        margin-bottom: 177px;
    }
    .work_list{
        font-size: 24px;
        line-height: 36px;
    }
    .work_info{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 154px;
        margin-bottom: 190px;
        font-size: 24px;
        line-height: 42px;   
    }
    .work_info_it:not(:last-child){
        margin-right: 153px;
    }
    .work_info_title{
        margin-bottom: 20px;
        text-transform: uppercase;
    }
    .work_head_title{
        font-weight: 400;
        max-width: 1026px;
        padding-right: 30px;
    }
    .w1{
        width: 532px;
    }
    .w2{
        width: 994px;
    }
    .w3{
        width: 100%;
    }
    .w4{
        width: 1148px;
    }
    .w5{
        width: 686px;
    }
    .work_text{
        margin-left: 154px;
        max-width: 864px;
        font-size: 24px;
        line-height: 42px;
    }
    .work_img_container{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .work_img_container.type3 .work_img:first-child{
        margin-top: 150px;
        margin-right: 83px;
    }
    .work_img_container.type4 .work_img:first-child{
        margin-right: 83px;
    }
    .work_img_container.type1 .work_img:last-child,
    .work_img_container.type4 .work_img:last-child,
    .work_img_container.type5 .work_img:last-child{
        margin-top: 130px;
    }
    .work_img_container.type1 .work_img:first-child,
    .work_img_container.type5 .work_img:first-child{
        margin-right: 238px;
    }
/* - - - - - - - - - -/ end of .box - - - - - - - - - - */


/*  <!-- 6. FOOTER 
============================================ --> */
    footer {
        position: relative;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 204px 0 104px;
        background-color: #060606;
    }
    .section3 footer .container-fluid{
        padding-top: 0;
    }
    footer:before{
        content: "";
        position: absolute;
        top: 0;
        left: 78px;
        right: 78px;
        border-top: 1px solid #696969;
    }
    .footer_wrap{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: flex-end;
                -webkit-box-align: end;
                -ms-flex-align: end;
                align-items: flex-end;
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .footer_left{
        width: 100%;
        max-width: 670px;
        padding-right: 20px;
    }
    .footer_right{
        width: 100%;
        max-width: 690px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        -webkit-justify-content: space-between;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .footer_right>.footer_box{
        width: 50%;
    }
    .footer_right>.footer_box:not(:nth-last-child(1)):not(:nth-last-child(2)){
        margin-bottom: 115px;
    }
    .footer_left_top{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
                   -webkit-box-align: center;
                   -ms-flex-align: center;
                   align-items: center;
            -webkit-justify-content: space-between;
                       -webkit-box-pack: justify;
                       -ms-flex-pack: justify;
                       justify-content: space-between;   
        margin-bottom: 160px;
    }
    .footer_left_top .logo{
        margin-right: 200px;    
    }
    .footer_open{
        line-height: 0;
    }
    .footer_copyright{
        font-size: 21px;
        line-height: 27px;
        text-transform: uppercase;
        color: #696969;
    }
    .footer_title{
        margin-bottom: 30px;
        font-size: 21px;
        line-height: 32px;
        font-weight: 400;
        text-transform: uppercase;
        color: #696969;
    }
    .footer_adress,
    .footer_email,
    .footer_tel{
        font-size: 21px;
        line-height: 27px;
        color: #F8F8F8;
    }
    .footer_email:hover,
    .footer_tel:hover,
    .footer_box .social_list a:hover{
        color: #FFCD01;
    }
    .footer_box .social_list:not(:last-child){
        margin-right: 60px;
    }
    .footer_tel{
        text-decoration: none;
    }

/* add */

.swiper_bg_style {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.item_bg {
    width: 100%;
    height: 100%;
}
.item_bg img {
    max-width: none;
    width: 100%;
    height: 100%;
    -webkit-fit-object: cover;
    -moz-fit-object: cover;
    -o-fit-object: cover;
    object-fit: cover;
}