@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'), url('../fonts/OpenSans-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/OpenSans-ExtraBold.woff') format('woff');

    font-weight: 800;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/OpenSans-SemiBold.woff') format('woff');

    font-weight: 600;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Light.woff2') format('woff2'), url('../fonts/OpenSans-Light.woff') format('woff');

    font-weight: 300;

    font-style: normal;

}



@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'icomoon';

    src: url('../fonts/icomoon.eot?ra6j7t');

    src: url('../fonts/icomoon.eot?ra6j7t#iefix') format('embedded-opentype'),

    url('../fonts/icomoon.ttf?ra6j7t') format('truetype'),

    url('../fonts/icomoon.woff?ra6j7t') format('woff'),

    url('../fonts/icomoon.svg?ra6j7t#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

    font-display: block;

}



[class^="icon-"], [class*=" icon-"] {

    /* use !important to prevent issues with browser extensions that change fonts */

    font-family: 'icomoon' !important;

    speak: none;

    font-style: normal;

    font-weight: normal;

    font-variant: normal;

    text-transform: none;

    line-height: 1;



    /* Better Font Rendering =========== */

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.icon-share:before {

    content: "\e901";

}



.icon-mail:before {

    content: "\e900";

}



.icon-call:before {

    content: "\e903";

}



.icon-email:before {

    content: "\e904";

}



.icon-location:before {

    content: "\e90a";

}



.icon-instagram:before {

    content: "\e907";

}



.icon-linkedin:before {

    content: "\e909";

}



.icon-facebook:before {

    content: "\e905";

}



.icon-twitter:before {

    content: "\e90c";

}



.icon-whatsapp:before {

    content: "\e90d";

}



/*

  1. TEMPLATE BACKGROUNDS

    1.1. home IMG BACKGROUND

    1.2. about IMG BACKGROUND

    1.3. services IMG BACKGROUND

    1.4. works IMG carousel IMG BACKGROUND

    1.5. contact IMG BACKGROUND

	1.6. slick fullscreen slideshow IMG BACKGROUND

	1.7. swiper thumbnail IMG BACKGROUND

  2. reset

  3. layout

  4. section

    4.1. section title

    4.2. section heading

    4.3. section IMG

  5. hero

    5.1. hero container

    5.2. hero bg

    5.3. hero fullscreen FIX

  6. home section

    6.1. logo

    6.2 navigation

      6.2.1. navigation lines

      6.2.2. navigation element color switch

    6.3. bottom credits

    6.4. social icons

    6.5. scroll indicator

  7. all content

  8. about section

    8.1. about section testimonials

    8.2. about section skills bar

  9. panels

    9.1. panel overlay from left

    9.2. panel overlay from right

    9.3. panel from left

    9.4. panel from right

  10. contact section

    10.1. contact info

    10.2. contact form

  11. works section

    11.1. works IMG carousel

  12. overlay

  13. center container

  14. link underline

  15. preloader

  16. horizontal stripes

  17. Slick v1.6.0 CUSTOM

    17.1. slick slide flickering FIX 

    17.2. slick about

    17.3. slick navigation

	17.4. slick fullscreen slideshow

	17.5. slick fullscreen slideshow ZOOM/FADE transition

  18. Owl Carousel v2.2.0 CUSTOM

    18.1. Owl Carousel navigation

  19. Magnific Popup v1.1.0 CUSTOM

  20. fullPage v2.9.4 CUSTOM

  21. videos

    21.1. YouTube video

    21.2. Vimeo video

	21.3. HTML5 video

  22. the button

  23. description hover effect

  24. film grain

  25. divider

  26. intro

  27. triangle

  28. Swiper v3.4.2 CUSTOM

    28.1. swiper thumbnail

    28.2. swiper thumbnail custom elements

*/



/* 1. TEMPLATE BACKGROUNDS */

/* 1.1. home IMG BACKGROUND */

.section-bg-home {

    background-image: url(../images/home-banner.jpg);

}



/* 1.2. about IMG BACKGROUND */

.about-bg {

    background-image: url(../images/about.jpg);

}



.about-contact {

    background-image: url(../images/contact.jpg);

}



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

    .about-bg {

        /* background-image: url(../img/about/about-bg-mobile.jpg);*/

    }

}



/* 1.3. services IMG BACKGROUND */

.services-bg-1 {

    background-image: url(../images/venture.jpg);

}



.services-bg-2 {

    background-image: url(../images/venture-2.jpg);

}



.services-bg-3 {

    background-image: url(../images/strategic.jpg);

}



.services-bg-4 {

    background-image: url(../images/capital-market.jpg);

}



/* 2. reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

    margin: 0;

    padding: 0;

    border: 0;

    font-size: 100%;

    font: inherit;

    vertical-align: baseline;

    box-sizing: border-box;

}



html, body {

    height: 100%;

    line-height: 170%;

}



body {

}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

    display: block;

}



ol, ul {

    list-style: none;

}



blockquote, q {

    quotes: none;

}



blockquote:before, blockquote:after, q:before, q:after {

    content: "";

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



*:focus {

    outline: none;

}



/* remove dotted outline from links,

button and input element */

a:focus,

a:active,

button::-moz-focus-inner,

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner {

    border: 0;

    outline: 0;

}



/* IE10 scrollbar FIX */

html {

    -ms-overflow-style: scrollbar;

}



/* 3. layout */

body {

    font-family: 'Open Sans', sans-serif;

    font-size: 14px;

    line-height: 1.5;

    font-style: normal;

    font-weight: 400;

    color: #fff;

    background: #000;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    width: 100%;

    height: 100%;

    overflow-x: hidden;

    overflow-y: auto;

    margin: 0;

    padding: 0;

}



a {

    color: #fff;

    text-decoration: none;

    outline: none;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



a:hover,

a:visited,

a:active,

a:focus {

    color: #fff;

    text-decoration: underline;

    outline: none;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



p {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    line-height: 1.6;

    font-size: 16px;

    font-weight: 300;

    margin-bottom: 15px; text-align:justify

}



p a,

p a:hover {

    color: #fff;

    text-decoration: underline;

    outline: none;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



strong {

    font-weight: bold;

}



::-moz-selection {

    background: #5f5f5f;

    color: #fff;

}



::selection {

    background: #5f5f5f;

    color: #fff;

}



.nopadding {

    padding: 0 !important;

    margin: 0 !important;

}



/* 4. section */

.sections {

    position: relative;

    z-index: 5;

    background-size: cover;

    background-position: center;

    height: 100%;

}



.nopadding {

    padding: 0 !important;

    margin: 0 !important;

}



.section {

    overflow: hidden;

    background-position: right center;

    background-size: cover;

    background-repeat: no-repeat;
        
    background-image: none !important;
}



/* 4.1. section title */

.section-title.section-title-home,

.section-title {

    position: absolute;

    width: auto;

    height: auto;

    z-index: 10;

    left: 53px;

    bottom: 136px;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



@media all and (min-width: 1920px) {

    .section-title.section-title-home,

    .section-title {

        left: 53px;

        bottom: 136px;

    }

}



.section-title {

    bottom: 67px;

}



@media all and (min-width: 1920px) {

    .section-title {

        bottom: 79px;

    }

}



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

    .section-title.section-title-home,

    .section-title {

        left: 27px;

        bottom: 72px;

    }



    .section-title {

        bottom: 40px;

    }

}



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

    .section-title.section-title-home,

    .section-title {

        bottom: 65px;

    }



    .section-title {

        bottom: 33px;

    }

}



.section-title-heading.section-title-heading-home,

.section-title-heading {

    position: absolute;

    top: 3px;

    font-family: 'Open Sans', sans-serif;

    font-size: 120px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: -0.04em;

    color: #ff264a;

    text-shadow: 1px 1px 2px #111;

    z-index: -1;

    line-height: 1;

}



.section-title-heading {

    font-size: 85px;

}



@media all and (min-width: 1920px) {



    .section-title-heading.section-title-heading-home,

    .section-title-heading {

        font-size: 120px;

    }

}



.section-title-heading.section-title-heading-about {

    margin-left: 3px;

}



@media all and (min-width: 1920px) {

    .section-title-heading.section-title-heading-about {

        margin-left: 6px;

    }

}



.section-title-heading.section-title-heading-works {

    margin-left: -7px;

}



@media all and (min-width: 1920px) {

    .section-title-heading.section-title-heading-works {

        margin-left: -10px;

    }

}



.section-title-heading.section-title-heading-contact {

    margin-left: -4px;

}



@media all and (min-width: 1920px) {

    .section-title-heading.section-title-heading-contact {

        margin-left: -5px;

    }

}



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

    .section-title-heading.section-title-heading-home,

    .section-title-heading {

        font-size: 80px;

    }



    .section-title-heading.section-title-heading-about,

    .section-title-heading.section-title-heading-services {

        margin-left: 4px;

    }



    .section-title-heading.section-title-heading-works {

        margin-left: -6px;

    }



    .section-title-heading.section-title-heading-contact {

        margin-left: -3px;

    }

}



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

    .section-title-heading.section-title-heading-home,

    .section-title-heading {

        font-size: 60px;

    }



    .section-title-heading.section-title-heading-about {

        margin-left: 2px;

    }



    .section-title-heading.section-title-heading-services {

        margin-left: 4px;

    }



    .section-title-heading.section-title-heading-works {

        margin-left: -5px;

    }



    .section-title-heading.section-title-heading-contact {

        margin-left: -2px;

    }

}



.section-title-subheading.section-title-subheading-home,

.section-title-subheading {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 700;

    text-transform: uppercase;

    padding: 55px 0 0 3px;

    margin-left: -6px;

    text-align: left;

    letter-spacing: 0.05em;

    color: #fff;

    text-shadow: 1px 1px 2px #111;

    visibility: hidden;

}



@media all and (min-width: 1920px) {

    .section-title-subheading.section-title-subheading-home,

    .section-title-subheading {

        padding: 55px 0 0 3px;

        margin-left: -6px;

    }

}



.section-title-subheading {

    padding: 37px 0 0 3px;

    margin-left: -6px;

}



@media all and (min-width: 1920px) {

    .section-title-subheading {

        padding: 55px 0 0 3px;

        margin-left: -6px;

    }

}



.section-title-subheading.section-title-subheading-services {

    margin-left: 0;

}



@media all and (min-width: 1920px) {

    .section-title-subheading.section-title-subheading-services {

        margin-left: -6px;

    }

}



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

    .section-title-subheading.section-title-subheading-home,

    .section-title-subheading {

        padding: 35px 0 0 2px;

        margin-left: -4px;

    }

}



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

    .container, .all-content .all-content-inner {

        margin: 20px;

        padding: 20px !important;

        /* background-color: rgba(0, 0, 0, 0.85);*/
        background-color: rgba(0, 0, 0, 0.55);

        max-height: 85vh;

        overflow: scroll;

    }

    .all-content-inner--contact {
        background-color: rgba(0, 0, 0, 0.65) !important;
    }

    .section-title-subheading.section-title-subheading-home,

    .section-title-subheading {

        padding: 25px 0 0 2px;

    }

}



.section-title.section-title-center {

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    width: 350px !important;

}



@media all and (min-width: 1920px) {

    .section-title.section-title-center {

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

        width: 490px !important;

    }

}



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

    .section-title.section-title-center {

        width: 330px !important;

    }

}



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

    .section-title.section-title-center {

        left: 23px;

        margin-left: 0;

        margin-right: 0;

        width: auto;

    }

}



.section-title.section-title-center-2 {

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    width: 275px !important;

}



@media all and (min-width: 1920px) {

    .section-title.section-title-center-2 {

        left: 0;

        right: 0;

        margin-left: auto;

        margin-right: auto;

        width: 390px !important;

    }

}



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

    .section-title.section-title-center-2 {

        width: 260px !important;

    }

}



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

    .section-title.section-title-center-2 {

        left: 23px;

        margin-left: 0;

        margin-right: 0;

        width: auto;

    }

}



.section-title-mobile-switch {

    display: none;

    visibility: hidden;

}



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

    .section-title-mobile-switch {

        display: block;

        visibility: visible;

    }

}



.section-title-mobile-switch-reverse {

    display: block;

    visibility: visible;

}



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

    .section-title-mobile-switch-reverse {

        display: none;

        visibility: hidden;

    }

}



/* 4.2. section heading */

.section-heading {

    font-family: 'Open Sans', sans-serif;

    font-size: 26px;

    font-weight: 600;

    letter-spacing: 0.02em;

    text-align: left;

    line-height: 1.3;

    padding: 0 0 0 0;

    margin: 0 0 45px;

}



.section-heading span {

    display: block;

    font-size: 22px;

}



.section-heading-h5 {

    font-family: 'Open Sans', sans-serif;

    font-size: 25px;

    font-weight: 300;

    letter-spacing: 0.02em;

    text-align: left;

    line-height: 1.3;

    padding: 0 0 0 0;

    margin: 30px 0 20px;

}



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

    .section-heading {

        font-size: 25px;

    }

}



.section-heading.section-heading-light {

    color: #fff;

}



.section-heading.section-heading-dark {

    color: #000;

}



h2.section-subheading {

    font-family: 'Poppins', sans-serif;

    font-size: 13px;

    font-style: normal;

    font-weight: 600;

    text-transform: uppercase;

    margin-top: -5px;

    text-align: left;

    letter-spacing: 0.05em;

    margin: 0 0 -4px 0;

    padding: 0 0 0 130px;

}



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

    h2.section-subheading {

        font-size: 12px;

    }

}



h2.section-subheading.section-subheading-light {

    color: #ff264a;

}



h2.section-subheading span {

    position: relative;

    display: inline-block;

    padding-right: 90px;

    line-height: 1;

}



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

    h2.section-subheading span {

        padding-right: 40px;

    }

}



h2.section-subheading span:before {

    content: "";

    position: absolute;

    display: block;

    top: 50%;

    right: 0;

    width: 60px;

    height: 0;

    margin-top: 0;

}



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

    h2.section-subheading span:before {

        width: 20px;

        margin-top: -1px;

    }

}



h2.section-subheading span:before {

    border-top: 1px solid #000;

}



h2.section-subheading-light span:before {

    border-top: 1px solid #ff264a;

}



h2.section-subheading.section-subheading-all {

    padding: 0;

}



.section-heading-details {

    font-family: 'Open Sans', sans-serif;

    font-size: 26px;

    font-weight: normal;

    text-transform: uppercase;

    letter-spacing: -0.04em;

    text-align: left;

    line-height: 1.25;

    padding: 0 0 0 129px;

    margin: -9px 0 -9px 0;

}



.section-heading-details.section-heading-details-light {

    color: #fff;

}



.section-heading-details.section-heading-details-dark {

    color: #000;

}



.section-heading-details.section-heading-details-all {

    padding: 0;

    margin-left: -1px;

}



.color-details {

    display: inline-block;

    width: 60px;

    font-family: 'Poppins', sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 0.05em;

}



h2.section-subheading-details {

    font-family: 'Poppins', sans-serif;

    font-size: 12px;

    font-style: normal;

    font-weight: 700;

    text-transform: uppercase;

    margin-top: -5px;

    text-align: left;

    letter-spacing: 0.05em;

    margin: 0 0 -4px 0;

    padding: 0 0 0 130px;

}



h2.section-subheading-details.section-subheading-details-light {

    color: #ff264a;

}



h2.section-subheading-details span {

    position: relative;

    display: inline-block;

    padding-right: 90px;

    line-height: 1;

}



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

    h2.section-subheading-details span {

        padding-right: 40px;

    }

}



h2.section-subheading-details span:before {

    content: "";

    position: absolute;

    display: block;

    top: 50%;

    right: 0;

    width: 60px;

    height: 0;

    margin-top: 0;

}



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

    h2.section-subheading-details span:before {

        width: 20px;

        margin-top: -1px;

    }

}



h2.section-subheading-details span:before {

    border-top: 1px solid #000;

}



h2.section-subheading-details-light span:before {

    border-top: 1px solid #ff264a;

}



h2.section-subheading-details.section-subheading-details-all {

    padding: 0;

}



/* 4.3. section IMG */

.section-bg-home {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



#section0 {

    background: none;

}



/* 5. hero */

/* 5.1. hero container */

.hero-fullscreen {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    z-index: 0;

}



/* 5.2. hero bg */

.hero-bg {

    position: relative;

    width: 100%;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



/* 5.3. hero fullscreen FIX */

.hero-fullscreen-FIX {

    width: 100%;

    height: 100%;

}



/* 6. home section */

/* 6.1. logo */

.logo {

    position: fixed;

    display: inline-block;

    bottom: 50px;

    right: 50px;

    line-height: 0;

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    cursor: pointer;

    z-index: 200;

}



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

    .logo {

        top: 25px;

        left: 25px;

    }

}



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

    .logo {

        position: absolute;

    }

}



.logo-img:before {

    content: "";

    display: block;

    width: 185px;

    height: 40px;

    line-height: 40px;

    -webkit-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -moz-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -ms-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -o-transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);

    transition: color 300ms cubic-bezier(0.77, 0, 0.175, 1);

}



.logo-img-dark:before,

.logo-light .logo-img:before {

    background: url(../images/logo.svg) no-repeat;

}



/* 6.3. bottom credits */

.bottom-credits {

    position: absolute;

    display: block;

    width: auto;

    height: auto;

    left: 50px;

    bottom: 46px;

    color: #fff;

    font-size: 9px;

    text-transform: uppercase;

    text-align: left;

    letter-spacing: 0.05em;

    font-weight: 600;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    z-index: 1002;

}



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

    .bottom-credits {

        left: 25px;

        bottom: 22px;

        font-size: 8px;

    }

}



.bottom-credits a,

.bottom-credits a:hover {

    color: #fff;

    text-decoration: none;

}



.bottom-credits.bottom-credits-dark,

.bottom-credits.bottom-credits-dark a,

.bottom-credits.bottom-credits-dark a:hover {

    color: #000;

}



/* 6.4. social icons */

.social-icons-launcher {

    position: absolute;

    display: block;

    width: 41px;

    height: 41px;

    right: 32px;

    bottom: 40px;

    -webkit-transition: all .7s;

    -moz-transition: all .7s;

    -ms-transition: all .7s;

    -o-transition: all .7s;

    transition: all .7s;

    font-size: 30px;

    cursor: pointer;

    z-index: 115;

}



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

    .social-icons-launcher {

        right: 7px;

        bottom: 15px;

    }

}



.social-icons-wrapper-reveal,

.social-icons-wrapper-reveal-hide {

    opacity: 0;

    -moz-opacity: 0;

    -webkit-opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transform: scale(0.75);

    -moz-transform: scale(0.75);

    -ms-transform: scale(0.75);

    -o-transform: scale(0.75);

    transform: scale(0.75);

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



.social-icons-wrapper-reveal,

.social-icons-wrapper-reveal-hide,

.social-icons-wrapper-reveal-show {

    -webkit-transition: all 1.5s ease;

    -moz-transition: all 1.5s ease;

    -ms-transition: all 1.5s ease;

    -o-transition: all 1.5s ease;

    transition: all 1.5s ease;

}



.social-icons-wrapper-reveal-show {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    -webkit-pointer-events: auto;

    -moz-pointer-events: auto;

    pointer-events: auto;

}



.social-icons-wrapper-heading {

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 500;

    text-transform: uppercase;

    padding: 0;

    margin: 0 auto;

    text-align: center;

    letter-spacing: 0.05em;

    color: #fff;

    text-shadow: 1px 1px 2px #111;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



.social-icons-wrapper-heading {

    margin-bottom: 25px;

}



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

    .social-icons-wrapper-heading {

        margin-bottom: 40px;

    }

}



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

    .social-icons-wrapper-heading {

        margin-bottom: 17px;

    }

}



.social-icons-wrapper {

    position: relative;

    width: auto;

    height: auto;

    text-align: center;

    margin: 0 auto;

    z-index: 1002;

}



.social-icons-wrapper ul {

    margin: 0 auto;

    padding: 0;

    list-style-type: none;

}



.social-icons-wrapper ul li {

    display: inline-block;

    margin: 0 5px;

    padding: 0 0 0 5px;

}



ul.social-icons {

    font-size: 24px;

    line-height: 1;

    margin: 0;

    padding: 0;

    position: relative;

}



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

    ul.social-icons {

        font-size: 20px;

    }

}



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

    ul.social-icons {

        font-size: 20px;

    }

}



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

    ul.social-icons {

        font-size: 20px;

    }

}



ul.social-icons a,

ul.social-icons a:hover {

    padding: 0;

    color: #c5c5c5;

    text-decoration: none;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



ul.social-icons a {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



ul.social-icons a:hover {

    opacity: 0.5;

    -moz-opacity: 0.5;

    -webkit-opacity: 0.5;

    filter: alpha(opacity=50);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}



ul.social-icons.social-icons-dark a,

ul.social-icons.social-icons-dark a:hover {

    color: #000;

}



/* 6.5. scroll indicator */

.scroll-indicator-wrapper {

    position: absolute;

    left: 50%;

    bottom: 0;

    z-index: 10;

}



.scroll-indicator {

    position: absolute;

    width: 1px;

    height: 50px;

    left: 0;

    right: 0;

    bottom: 0;

    margin: auto;

    background-color: rgba(255, 255, 255, .15);

    mix-blend-mode: overlay;

}



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

    .scroll-indicator {

        height: 25px;

    }

}



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

    .scroll-indicator {

        display: none;

        visibility: hidden;

    }

}



.scroll-indicator.scroll-indicator-dark {

    background-color: rgba(0, 0, 0, .25);

}



.scroll-indicator::before {

    content: "";

    position: absolute;

    display: block;

    width: 100%;

    height: 50%;

    -webkit-animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;

    -ms-animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;

    animation: teardrop 2s cubic-bezier(.76, .05, .86, .06) infinite;

    -webkit-animation-direction: normal;

    -ms-animation-direction: normal;

    animation-direction: normal;

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

    background: linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));

}



@-webkit-keyframes teardrop {

    0% {

        top: -10%;

        opacity: 0;

        height: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        top: 100%;

        height: 75%;

    }

}



@-ms-keyframes teardrop {

    0% {

        top: -10%;

        opacity: 0;

        height: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        top: 100%;

        height: 75%;

    }

}



@keyframes teardrop {

    0% {

        top: -10%;

        opacity: 0;

        height: 0;

    }

    50% {

        opacity: 1;

    }

    100% {

        top: 100%;

        height: 75%;

    }

}



.scroll-indicator.scroll-indicator-dark::before {

    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));

}



/* 7. all content */

.all-content-wrapper {

    position: relative;

    height: 100vh;

}



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

    .all-content-wrapper {

        max-height: 480px;

    }



    .all-content-wrapper.all-content-wrapper-testimonials {

        max-height: 535px;

    }



    .all-content-wrapper.all-content-wrapper-contact {

        max-height: 525px;

    }



    .all-content-wrapper.all-content-wrapper-form {

        max-height: 605px;

    }

}



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

    .all-content-wrapper {

        max-height: 420px;

    }



    .all-content-wrapper.all-content-wrapper-testimonials {

        max-height: 480px;

    }



    .all-content-wrapper.all-content-wrapper-contact {

        max-height: 472px;

    }



    .all-content-wrapper.all-content-wrapper-form {

        max-height: 542px;

    }

}



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

    .all-content-wrapper.all-content-wrapper-contact {

        max-height: 452px;

    }



    .all-content-wrapper.all-content-wrapper-form {

        max-height: 522px;

    }

}



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

    .mobile-spacer {

        position: relative;

        width: 100%;

        margin: 0 auto;

        background: none;

        height: 19px;

        z-index: -1;

    }

}



.all-content-wrapper-half {

    position: relative;

    height: 50vh;

}



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

    .all-content-wrapper-half {

        height: 50vh;

    }

}



.all-content {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

   /*-webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center !important;*/

     -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    align-items: center;



}



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

    .all-content.all-content-full-height {

        height: 100vh;

    }

}



.all-content.all-content-light {

    background: #fff;

}



.all-content .all-content-inner {

    position: relative;

    width: 100%;

    padding: 0 60px;

}



@media all and (min-width: 1920px) {

    .all-content .all-content-inner {

        padding: 0 150px;

    }



    .all-content .all-content-inner.all-content-inner--contact {

        max-width: 1000px;

    }

}



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

    .all-content .all-content-inner {

        padding: 0 25px;

    }

}



.all-txt {

    margin: -7px 0 0 0;

    padding: 0;

    color: #fff;

    text-align: left;

}



.all-txt.all-txt-contact {

    margin: -7px 0 -8px 0;

}



.all-txt.all-txt-dark {

    color: #fff;

}



.all-txt-dark,

.all-txt-dark a,

.all-txt-dark a:hover {

    color: #fff;

}



.all-bg-wapper {

    position: relative;

    height: 100vh;

}



@media (min-width: 992px) {

    .all-bg {

        position: relative;

        width: 100%;

        height: 100%;

        top: 0;

        bottom: 0;

        background-size: cover;

    }

    .all-bg::after {

        content: ' ';

        position: absolute;

        top:  0;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgb(0,0,0);
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,1) 100%);

    }


}



.about-bg,

.services-bg,

.contact-bg {

    height: 100vh;

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



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

    .about-bg,

    .services-bg,

    .contact-bg {

        min-height: 350px;

    }




}



/* 8. about section */

/* 8.1. about section testimonials */

.testimonials-carousel {

    position: relative;

    width: 100%;

    margin: 0 auto;

    padding: 0;

}



.testimonials-carousel.owl-carousel {

    width: auto;

}



.testimonials-carousel,

.testimonials-quote,

.testimonials-quote-img {

    -webkit-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -moz-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -ms-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    -o-transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

    transition: all 300ms cubic-bezier(0.77, 0, 0.175, 1);

}



.testimonials-quote-img {

    position: relative;

    margin: 8px auto 0 auto;

    width: 100px;

    height: 100px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .35);

    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .35);

    box-shadow: 0 0 10px rgba(0, 0, 0, .35);

}



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

    .testimonials-quote-img {

        text-align: left;

        margin: 8px 0 0 0;

    }

}



.testimonials-quote p {

    position: relative;

    top: -7px;

    text-align: center;

    padding: 0 1px;

}



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

    .testimonials-quote p {

        text-align: left;

    }

}



.testimonials-signature {

    font-family: 'Raleway', sans-serif;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: 0.05em;

    text-align: center;

    color: #ff264a;

    margin: 7px auto 0 auto;

}



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

    .testimonials-signature {

        text-align: left;

    }

}



.testimonials-signature:before {

    content: "― ";

    display: inline-block;

}



.section-testimonials.quote-mark-l {

    padding: 0 10px 0 0;

}



.section-testimonials.quote-mark-r {

    padding: 0 0 0 10px;

}



/* 10. contact section */

/* 10.1. contact info */

.contact-info-mail {

    display: block;

    margin: 0 0 1px 0;

}



.contact-info-mail a,

.contact-info-mail a:hover {

    text-decoration: none;

}



.contact-info-sign {

    display: inline-block;

    font-size: 30px;

    color: #000;

}



.contact-info-sign.contact-info-sign-last {

    margin-top: -5px;

}



/* 10.2. contact form */

.contact-form-submit-wrapper {

    position: relative;

    width: 205px;

    height: auto;

    line-height: 1.5;

    margin: 58px 0 15px 20px;

    padding: 0;

    left: 0;

}



#contact-form {

    width: 100%;

    margin: 0 auto;

    padding: 0;

    text-align: left;

    line-height: 1;

}



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

    #contact-form {

        margin-top: 25px;

    }

}



form {

    margin: 0;

    padding: 0;

}



#form input {

    position: relative;

    width: 100%;

    height: 40px;

    border-bottom: 1px solid #fff;

    border-left: none;

    border-right: none;

    border-top: none;

    padding: 5px 5px;

    background: none;

    margin: 10px 0 10px 0;

    font-family: 'Raleway', sans-serif;

    font-size: 13px;

    line-height: 1.5;

    font-style: normal;

    font-weight: normal;

    text-align: left;

    color: #fff;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



textarea {

    position: relative;

    width: 100%;

    height: 100px;

    border-bottom: 1px solid #fff;

    border-left: none;

    border-right: none;

    border-top: none;

    padding: 5px 5px;

    background: none;

    margin: 5px;

    font-family: 'Raleway', sans-serif;

    font-size: 13px;

    line-height: 1.5;

    font-style: normal;

    font-weight: normal;

    text-align: left;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

    resize: none;

}



#form textarea {

    color: #fff;

    margin: 10px 0 10px 0;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



#form input:hover,

#form textarea:hover {

    border-color: rgba(255, 255, 255, .35);

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



#form input:focus,

#form textarea:focus {

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



.success {

    font-family: 'Raleway', sans-serif;

    font-size: 10px;

    font-style: normal;

    font-weight: 500;

    letter-spacing: 0.15em;

    text-transform: uppercase;

    text-align: left;

    color: #fff;

    margin: 0;

    padding: 39px 0 13px 15px;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



#form label.error {

    position: absolute;

    font-size: 9px;

    text-transform: uppercase;

    color: #ff264a;

    display: block;

    margin: 0;

    padding: 0 0 0 4px;

    letter-spacing: 0.15em;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.make-space {

    margin-left: 15px;

    margin-right: 15px;

}



::-webkit-input-placeholder {

    font-size: 12px;

    color: #fff;

}



:-ms-input-placeholder {

    font-size: 12px;

    color: #fff;

}



::-moz-placeholder {

    font-size: 12px;

    color: #fff;

}



input:-moz-placeholder {

    font-size: 12px;

    color: #fff;

}



input:focus::-webkit-input-placeholder {

    color: transparent;

}



input:focus:-ms-input-placeholder {

    color: transparent;

}



input:focus::-moz-placeholder {

    color: transparent;

}



input:focus:-moz-placeholder {

    color: transparent;

}



textarea:focus::-webkit-input-placeholder {

    color: transparent;

}



textarea:focus:-ms-input-placeholder {

    color: transparent;

}



textarea:focus::-moz-placeholder {

    color: transparent;

}



textarea:focus:-moz-placeholder {

    color: transparent;

}



/* 12. overlay */

.overlay:before,

.overlay-video:before {

    content: "";

    position: absolute;

    display: block;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 1;

}



.overlay:before {

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



.overlay-video:before {

    -webkit-pointer-events: auto;

    -moz-pointer-events: auto;

    pointer-events: auto;

}



.overlay-inverse-dark-35:before {

    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .1) 100%);

    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .1) 100%);

    background: linear-gradient(to top, rgba(0, 0, 0, .35) 0%, rgba(0, 0, 0, .1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);

}



.overlay-inverse-dark-70:before {

    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .70) 0%, rgba(0, 0, 0, .1) 100%);

    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .70) 0%, rgba(0, 0, 0, .1) 100%);

    background: linear-gradient(to top, rgba(0, 0, 0, .70) 0%, rgba(0, 0, 0, .1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);

}



.overlay-dark-60:before {

    background: rgba(0, 0, 0, .6);

    z-index: 2;

}



.overlay-light-80:before {

    background: rgba(255, 255, 255, .8);

}



/* 13. center container */

.center-container {

    position: absolute;

    display: table;

    table-layout: fixed;

    width: 100%;

    height: 100%;

    background: none;

}



.center-block {

    display: table-cell;

    vertical-align: middle;

}



/* 14. link underline */

.link-underline {

    position: relative;

    display: inline-block;

}



.link-underline::before {

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background: #fff;

    -webkit-transform-origin: right center;

    -moz-transform-origin: right center;

    -ms-transform-origin: right center;

    transform-origin: right center;

    -webkit-transform: scale(0, 1);

    -moz-transform: scale(0, 1);

    -ms-transform: scale(0, 1);

    -o-transform: scale(0, 1);

    transform: scale(0, 1);

    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

}



.link-underline.link-underline-dark::before {

    background: #5f5f5f;

}



.link-underline:hover::before {

    -webkit-transform-origin: left center;

    -moz-transform-origin: left center;

    -ms-transform-origin: left center;

    transform-origin: left center;

    -webkit-transform: scale(1, 1);

    -moz-transform: scale(1, 1);

    -ms-transform: scale(1, 1);

    -o-transform: scale(1, 1);

    transform: scale(1, 1);

}



/* 15. preloader */

.preloader-bg {

    position: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #000;

    z-index: 999999;

}



#preloader {

    position: fixed;

    display: table;

    table-layout: fixed;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background: #000;

    z-index: 999999;

}



#preloader-status {

    display: table-cell;

    vertical-align: middle;

}



.preloader-position {

    position: relative;

    margin: 0 auto;

    text-align: center;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}



.loader {

    position: relative;

    width: 45px;

    height: 45px;

    left: 50%;

    top: 50%;

    margin-left: -22px;

    margin-top: 2px;

    -webkit-animation: rotate 1s infinite linear;

    -moz-animation: rotate 1s infinite linear;

    -ms-animation: rotate 1s infinite linear;

    -o-animation: rotate 1s infinite linear;

    animation: rotate 1s infinite linear;

    border: 3px solid rgba(255, 255, 255, .15);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}



.loader span {

    position: absolute;

    width: 45px;

    height: 45px;

    top: -3px;

    left: -3px;

    border: 3px solid transparent;

    border-top: 3px solid rgba(255, 255, 255, .75);

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

}



@-webkit-keyframes rotate {

    0% {

        -webkit-transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

    }

}



@keyframes rotate {

    0% {

        transform: rotate(0deg);

    }

    100% {

        transform: rotate(360deg);

    }

}



/* 20. fullPage v2.9.4 CUSTOM */

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

    #fullpage {

        overflow-x: hidden;

    }

}



#fp-nav.right,

#fp-nav.left {

    /*z-index: -1!important;

    display: none;

    visibility: hidden*/;

    right: 30px;

}



#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {

    height: 10px;

    width: 10px;

    margin: -5px 0 0 -5px;

}



/* 22. the button */

.the-button-wrapper {

    position: relative;

    width: 165px;

    height: auto;

    line-height: 1.5;

    margin: -7px 0 0 7px;

    padding: 0;

    left: 0;

    text-align: center;

    cursor: pointer;

}



@media all and (min-width: 1920px) {

    .the-button-wrapper {

        width: 205px;

        margin: -4px 0 0 7px;

    }

}



.the-button-wrapper.the-button-wrapper-details {

    width: 165px;

    margin: -7px 0 0 7px;

}



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

    .the-button-wrapper {

        width: 165px;

        margin: -7px 0 0 7px;

    }

}



.the-button {

    position: relative;

    font-size: 10px;

    font-weight: 700;

    text-transform: uppercase;

    text-decoration: none;

    letter-spacing: 0.10em;

    color: #fff;

    background: none;

    padding: 10px 40px 0 40px;

    margin-top: 10px;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -ms-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

}



@media all and (min-width: 1920px) {

    .the-button {

        font-size: 12px;

        letter-spacing: 0.25em;

    }

}



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

    .the-button {

        font-size: 10px;

        letter-spacing: 0.10em;

    }

}



.the-button.the-button-details {

    font-size: 10px;

    letter-spacing: 0.10em;

}



.the-button:hover:before,

.the-button.the-button-details:hover:before {

    width: 100%;

}



.the-button:hover:after,

.the-button.the-button-details:hover:after {

    width: 100%;

}



.the-button::before {

    content: "";

    position: absolute;

    width: 15px;

    height: 38px;

    top: -2px;

    left: -6px;

    border: 1px solid #fff;

    border-right: none;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



@media all and (min-width: 1920px) {

    .the-button::before {

        width: 20px;

        height: 47px;

        top: -5px;

    }

}



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

    .the-button::before {

        width: 15px;

        height: 38px;

        top: -2px;

    }

}



.the-button.the-button-details::before {

    width: 15px;

    height: 38px;

    top: -2px;

}



.the-button::after {

    content: "";

    position: absolute;

    width: 15px;

    height: 38px;

    top: -2px;

    right: -6px;

    border: 1px solid #fff;

    border-left: none;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -ms-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

}



@media all and (min-width: 1920px) {

    .the-button::after {

        width: 20px;

        height: 47px;

        top: -5px;

    }

}



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

    .the-button::after {

        width: 15px;

        height: 38px;

        top: -2px;

    }

}



.the-button.the-button-details::after {

    width: 15px;

    height: 38px;

    top: -2px;

}



.the-button-submit {

    width: 165px;

    top: -19px;

    border: none;

}



@media all and (min-width: 1920px) {

    .the-button-submit {

        width: 205px;

        border: none;

    }

}



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

    .the-button-submit {

        width: 165px;

        top: -19px;

    }

}



/* 23. description hover effect */

.description {

    position: absolute;

    width: 400px !important;

    padding: 30px;

    bottom: 45.5%;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    opacity: 0;

    -moz-opacity: 0;

    -webkit-opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: all 0.8s ease;

    -moz-transition: all 0.8s ease;

    -ms-transition: all 0.8s ease;

    -o-transition: all 0.8s ease;

    transition: all 0.8s ease;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

    text-align: center;

    z-index: 10;

}



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

    .description {

        width: 300px !important;

    }

}



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

    .description {

        width: 280px !important;

    }

}



.description h3,

.description h4 {

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    text-transform: uppercase;

    font-weight: 700;

    letter-spacing: 0.05em;

    color: #fff;

    margin-bottom: 0;

}



.description h4 {

    font-size: 18px;

}



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

    .description h4 {

        font-size: 15px;

    }

}



.description span {

    color: #fff;

    font-size: 13px;

    font-weight: 500;

}



.item-grid-size:hover .description,

.item-grid-size:focus .description {

    bottom: 52.5%;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.item:hover .link-wrap {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    cursor: pointer;

}



.item:hover .link-wrap span:before,

.item:hover .link-wrap span:after {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.item:hover .link-wrap span:nth-child(1):before,

.item:hover .link-wrap span:nth-child(1):after {

    width: 15px;

}



.item:hover .link-wrap span:nth-child(2):before,

.item:hover .link-wrap span:nth-child(2):after {

    height: 15px;

}



.link-wrap {

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    display: block;

    background: rgba(0, 0, 0, .65);

    opacity: 0;

    -moz-opacity: 0;

    -webkit-opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.link-wrap span {

    position: absolute;

    display: block;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

}



.link-wrap span:before,

.link-wrap span:after {

    content: "";

    position: absolute;

    background: #fff;

    -webkit-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -ms-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    opacity: 0.2;

    -moz-opacity: 0.2;

    -webkit-opacity: 0.2;

    filter: alpha(opacity=20);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

}



.link-wrap span:nth-child(1):before,

.link-wrap span:nth-child(1):after {

    width: 50%;

    height: 2px;

    top: 50%;

    margin-top: -1px;

}



.link-wrap span:nth-child(1):before {

    right: 50%;

}



.link-wrap span:nth-child(1):after {

    left: 50%;

}



.link-wrap span:nth-child(2):before,

.link-wrap span:nth-child(2):after {

    width: 2px;

    height: 50%;

    left: 50%;

    margin-left: -1px;

}



.link-wrap span:nth-child(2):before {

    bottom: 50%;

}



.link-wrap span:nth-child(2):after {

    top: 50%;

}



/* 24. film grain */

.film-grain {

    position: absolute;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;

    overflow: hidden;

    background: url(../images/film-grain.gif) repeat top left;

    opacity: 0.05;

    -moz-opacity: 0.05;

    -webkit-opacity: 0.05;

    filter: alpha(opacity=10);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

    z-index: 1;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



.film-grain.film-grain-glitch {

    z-index: 6;

}



.film-grain.film-grain-circle {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



/* 25. divider */

.inner-divider,

.inner-divider-half,

.inner-divider-half-details,

.inner-divider-ultra-half {

    position: relative;

    width: 100%;

    margin: 0 auto;

    background: none;

    z-index: -1;

}



.inner-divider {

    height: 50px;

}



@media all and (min-width: 1920px) {

    .inner-divider {

        height: 75px;

    }

}



.inner-divider-half {

    height: 15px;

}



@media all and (min-width: 1920px) {

    .inner-divider-half {

        height: 25px;

    }

}



.inner-divider-half-details {

    height: 50px;

}



.inner-divider-ultra-half {

    height: 15px;

}



/* 26. intro */

.center-container-home {

    position: relative;

    display: table;

    table-layout: fixed;

    width: 100%;

    height: 100%;

    background: none;

    text-align: center;

    z-index: 10;

}



.center-block-home {

    display: table-cell;

    vertical-align: middle;

}



.intro-wrapper {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 10;

}



.intro-title {

    font-family: 'Open Sans', sans-serif;

    font-size: 120px;

    font-weight: 900;

    text-transform: uppercase;

    letter-spacing: -0.04em;

    color: #fff;

    text-shadow: 1px 1px 2px #111;

    line-height: 1;

    margin-top: -22px;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}



.intro-title img {

    width: 450px;

    max-width: 100%;

}



.text-center {

    text-align: center;

}



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

    .intro-title {

        font-size: 80px;

        margin-top: -14px;

    }

}



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

    .intro-title {

        font-size: 60px;

        margin-top: -11px;

    }

}



.welcome-message-reveal,

.welcome-message-reveal-hide {

    opacity: 0;

    -moz-opacity: 0;

    -webkit-opacity: 0;

    filter: alpha(opacity=0);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -webkit-transform: scale(0.75);

    -moz-transform: scale(0.75);

    -ms-transform: scale(0.75);

    -o-transform: scale(0.75);

    transform: scale(0.75);

}



.welcome-message-reveal,

.welcome-message-reveal-hide,

.welcome-message-reveal-show {

    -webkit-transition: all 1.5s ease;

    -moz-transition: all 1.5s ease;

    -ms-transition: all 1.5s ease;

    -o-transition: all 1.5s ease;

    transition: all 1.5s ease;

}



.welcome-message-reveal-show {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}



/* 27. triangle */

.triangle,

.triangle-reverse {

    position: absolute;

    left: 0;

    right: 0;

    margin-left: auto;

    margin-right: auto;

    width: 40px !important;

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



.triangle {

    bottom: -10px;

}



.triangle-reverse {

    top: -10px;

}



.triangle-dark,

.triangle-dark-reverse {

    overflow: hidden;

}



.triangle-dark:after,

.triangle-dark-reverse:after {

    content: "";

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    left: 50%;

    margin-left: -10px;

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

    z-index: 10;

}



.triangle-dark:after {

    bottom: -6px;

}



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

    .triangle-dark:after {

        bottom: -8px;

    }

}



.triangle-dark-reverse:after {

    top: 0;

}



.triangle-dark:after,

.triangle-dark-reverse:after {

    background: #000;

}



/* 28. Swiper v3.4.2 CUSTOM */

.swiper-container {

    position: absolute;

    width: 100%;

    height: inherit;

    margin-left: auto;

    margin-right: auto;

}



.swiper-slide {

    background-repeat: no-repeat;

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}



/* 28.1. swiper thumbnail */

.swiper-slider-top,

.swiper-slider-top-thumbs-vertical {

    width: 100%;

    height: 100%;

}



.swiper-slider-bottom {

    position: absolute;

    width: 100%;

    height: 15%;

    left: 0;

    bottom: 0;

    background: #000;

    padding: 0;

    border-left: none;

    border-top: 10px solid #000;

    border-bottom: 10px solid #000;

    border-right: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    cursor: pointer;

    z-index: 10;

}



.swiper-slider-bottom-thumbs-vertical {

    position: absolute;

    width: 20%;

    height: 100%;

    top: 0;

    right: 0;

    background: #000;

    padding: 0;

    border-left: 10px solid #000;

    border-top: none;

    border-bottom: none;

    border-right: 10px solid #000;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    z-index: 10;

}



.swiper-slider-bottom .swiper-slide {

    width: 25%;

    height: 100%;

    opacity: 0.35;

    -moz-opacity: 0.35;

    -webkit-opacity: 0.35;

    filter: alpha(opacity=35);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";

}



.swiper-slider-bottom-thumbs-vertical .swiper-slide {

    opacity: 0.35;

    -moz-opacity: 0.35;

    -webkit-opacity: 0.35;

    filter: alpha(opacity=35);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";

    cursor: pointer;

}



.swiper-slider-bottom .swiper-slide-active,

.swiper-slider-bottom-thumbs-vertical .swiper-slide-active {

    opacity: 1;

    -moz-opacity: 1;

    -webkit-opacity: 1;

    filter: alpha(opacity=100);

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}



.swiper-button-next,

.swiper-button-prev {

    display: none;

    visibility: hidden;

}



/* 28.2. swiper thumbnail custom elements */

.horizontal-stripes.horizontal-stripes-thumbnail-slider,

.intro-wrapper.intro-wrapper-thumbnail-slider {

    -webkit-pointer-events: none;

    -moz-pointer-events: none;

    pointer-events: none;

}



.about_txt_p p {

    margin-bottom: 40px;

    line-height: 1.8;

}



.about_txt_p_box p {

    /*margin-bottom: 16px;*/
    margin-bottom: 45px;

}



.about_txt_p_box {

    margin-bottom: 40px;

}


.about_txt_p_box_last {

    margin-bottom: 0px !important;

}


.about_txt_p_box ul li {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    line-height: 1.6;

    font-size: 16px;

    font-weight: 300;

    position: relative;

    padding-left: 20px;

    margin-bottom: 5px;

}



.about_txt_p_box ul li:before {

    content: '';

    width: 7px;

    height: 7px;

    background-color: #ffffff;

    border-radius: 50%;

    position: absolute;

    left: 0;

    top: 8px;

}



@media only screen and (max-height: 700px) {

    .about_txt_p p, .about_txt_p_box {

        margin-bottom: 20px;

    }

}



@media only screen and (max-height: 650px) {

    .about_txt_p p, .about_txt_p_box {

        margin-bottom: 10px;

    }

}



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

    p {

        margin-bottom: 10px;

    }



    p, .about_txt_p p, .about_txt_p_box ul li {

        font-size: 15px;

    }

}



.fp-viewing-home .logo {

    display: none;

}



.section_inv_focus .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

}



.honeycomb_w {

    fill: #fff;

}



.honeycomb_g {

    fill: #a4a4a4;

    opacity: 0.33;

}



.honeycomb_text {

    font-size: 23px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 700;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    color: #000;

}



.honeycomb_main {

    max-width: 100%;

    width: 1200px;

    display: table;

    margin: 60px auto 0;

}



.honeycomb_text_p {

    font-size: 20px;

    font-family: 'Open Sans', sans-serif;

    font-weight: 400;

    color: #ffffff;

    fill: #fff;

    opacity: 0;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

}



.honeycomb_w {

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

}



.honey_cotnainer:hover .honeycomb_text {

    fill: #fff;

}



.honey_cotnainer:hover .honeycomb_w {

    fill: #8a8a8a;

}



.honey_cotnainer:hover .honeycomb_text_p {

    opacity: 1;

}



.about_txt_p_box_inv ul li {

    margin-bottom: 15px;

}



.intro-title--text p {

    margin-top: 15px;

}



.intro-title--text p i, .intro-title--text a i {

    display: inline-block;

    margin-right: 10px;

    position: relative;

    top: 1px;

}



.intro-title--text p, .intro-title--text a {

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    -webkit-text-size-adjust: 100%;

    -moz-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

    line-height: 1.6;

    font-size: 16px;

    font-weight: 300;

    margin-bottom: 5px;

    letter-spacing: 0.02em;

    display: block;

    text-align: center;

    text-transform: none;

    text-decoration: none !important;

}



.menu_list {

    position: fixed;

    width: 100%;

    right: 0;

    top: 15px;

    z-index: 999;

    font-family: 'Open Sans', sans-serif;

    font-size: 15px;

    line-height: 1;

    padding: 0 70px;

}



.primary_menu {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: end;

    justify-content: flex-end;

}



.primary_menu > li {

    position: relative;

}



.primary_menu > li:after {

    content: '';

    width: 1px;

    height: 16px;

    position: absolute;

    right: 0;

    top: 20px;

    background-color: #ffffff;

}



.primary_menu > li:last-of-type:after {

    display: none;

}



.primary_menu > li a {

    padding: 20px 15px;

    display: inline-block;

    width: 100%;

    text-decoration: none;

}



.dropdown_menu {

    position: relative;

}



.dropdown_menu:hover .secondary_menu {

    opacity: 1;

    visibility: visible;

    top: 100%;

}



.secondary_menu {

    position: absolute;

    top: 70%;

    left: 0;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    opacity: 0;

    visibility: hidden;

}



.secondary_menu > li a {

    font-size: 12px;

    padding: 5px 15px;

    display: inline-block;

    position: relative;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    -webkit-transform: translateX(0px);

    -ms-transform: translateX(0px);

    -moz-transform: translateX(0px);

    transform: translateX(0px);

    background-color: #000000;

}



.secondary_menu > li a:hover {

    -webkit-transform: translateX(3px);

    -ms-transform: translateX(3px);

    -moz-transform: translateX(3px);

    transform: translateX(3px);

}



.secondary_menu > li {

    white-space: nowrap;

}



.fp-viewing-home .primary_menu {

    -ms-flex-pack: center;

    justify-content: center;

}



.all-content-inner--contact {

    max-width: 750px;

}



.all-content-inner--contact .section-heading {

    margin: 0 0 30px;

}



.all-content-inner--contact .about_txt_p a {

    display: table;

    margin-bottom: 10px;

}



.all-content-inner--contact .about_txt_p p i,

.all-content-inner--contact .about_txt_p a i {

    position: absolute;

    left: 0;

    top: 4px;

}



.all-content-inner--contact .about_txt_p p,

.all-content-inner--contact .about_txt_p a {

    padding-left: 24px;

    position: relative;

}



.all-content-inner--contact .about_txt_p p {

    margin-bottom: 10px;

}



.section .wow {

    opacity: 0;

    visibility: hidden;

    -webkit-transform: translateY(30px);

    -ms-transform: translateY(30px);

    -moz-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    -webkit-transition-delay: .5s;

    transition-delay: .5s;

}



.section.active .wow {

    opacity: 1;

    visibility: visible;



    -webkit-transform: translateY(0);

    -ms-transform: translateY(0);

    -moz-transform: translateY(0);

    transform: translateY(0);



}



.intro-title {

    position: relative;

    max-width: 400px;

    margin: 0 auto;

}



.intro-title:hover .intro-title--hover {

    -webkit-transform: translateY(10px);

    -ms-transform: translateY(10px);

    -moz-transform: translateY(10px);

    transform: translateY(10px);

    opacity: 1;

    visibility: visible;

}



.intro-title--hover {

    max-width: 400px;

    position: ABSOLUTE;

    top: 100%;

    left: 0;

    right: 0;

    padding: 10px;

    -webkit-transition-property: all;

    transition-property: all;

    -webkit-transition-duration: .8s;

    transition-duration: .8s;

    -webkit-transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    transition-timing-function: cubic-bezier(0, 0.01, 0.01, 0.98);

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

    transform: translateY(-10px);

    opacity: 0;

    visibility: hidden;

    margin: 0 auto;

    text-transform: none;

}



.intro-title--hover p {

    line-height: 1.5;

    font-size: 14px;

    letter-spacing: 0.1em;

    white-space: normal;

    max-width: 400px;

    margin: 0 auto;text-align: center;

    text-transform: none;

}



.main_svg {

    position: relative;

    -webkit-transform: translateX(-125px);

    -ms-transform: translateX(-125px);

    -moz-transform: translateX(-125px);

    transform: translateX(-125px);

}



.hc_click {

    cursor: pointer;

}



.strategic_container .section-heading-h5 {

    max-width: 95%;

    margin-bottom: 40px;

    font-size: 18px;

}



.strategic_container .section-heading {

    margin-bottom: 50px;

}



.mobile_image_show {

    display: none;

}



.hamburger span{

    position: absolute;

    left: 0;

    top: 0;

    height: 1px;

    background-color: #ffffff;

    display: block;

    width: 100%;

}

.hamburger span:nth-of-type(1){

    top: 0;

}

.hamburger span:nth-of-type(2){

    top: 7px;

}

.hamburger span:nth-of-type(3){

    top: 14px;

}

.hamburger{

    width: 28px;

    height: 16px;

    position: relative;

    display: none;

}

.mob_view{

    display: none;

}

.mobile_comb{

    display: none;

}

.about-contact{

    background-repeat: no-repeat;

    background-size: cover;

    background-position: top left;

}

.mobile_show_img{

    display: none;

}

img{

    max-width: 100%;

}



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

    .intro-title img {

        width: 350px;

    }



    .logo-img:before {

        width: 130px;

        height: 30px;

        line-height: 30px;

    }



    .logo {

        bottom: 20px; bottom:auto;

    }



    .section-heading {

        font-size: 26px;

        margin: 0 0 45px;

    }



    .honeycomb_main {

        margin: 0 auto 0;

    }



    .section-heading span {

        font-size: 22px;

    }



    .about_txt_p_box_inv ul li {

        margin-bottom: 5px;

    }



    .services-bg-2 .all-content-inner p {

        margin-bottom: 5px;

    }



    .section-heading-h5 {

        margin: 20px 0 15px;

        font-size: 22px;

    }



    .all-content-inner--contact .about_txt_p {

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -ms-flex-align: start;

        align-items: flex-start;

    }

}



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

.logo { bottom:auto;

    }

}



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

    .mobile_image_show {

        display: block;

    }



    .about_main .overlay {

        display: none;

    }



    .section .wow {

        opacity: 1;

        visibility: visible;

        -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

        -moz-transform: translateY(0);

        transform: translateY(0);

    }

    .description-block {
        width: 100%;
    }



    .fp-tableCell, .all-bg-wapper,

    .fp-section.fp-table, .fp-slide.fp-table {

        height: 100vh !important;

    }



    #section0 {

        height: 100vh !important;

    }



    .intro-title--hover {

        -webkit-transform: translateY(10px);

        -ms-transform: translateY(10px);

        -moz-transform: translateY(10px);

        transform: translateY(10px);

        opacity: 1;

        visibility: visible;

        display: none;

    }



    .all-content {

        position: relative;top: auto;

    }

/*#section1 .mobile_show_img{margin-bottom:0}*/

    .hamburger{

        display: block;

    }

    .fp-viewing-home .logo{

        display: block;

        bottom: 0;

        position: relative;

        top: 0;

        left: 0;

    }

    .mobile_menu{

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -ms-flex-pack: justify;

        justify-content: space-between;

        -ms-flex-align: center;

        align-items: center;

        padding: 10px 20px;

        position: fixed;

        left: 0;

        top: 10px;

        width: 100%;

        z-index: 99;

    }

    .menu_list{

        width: 270px;

        height: 100%;

        z-index: 98;

        padding: 80px 30px;

        top: 0;

        background-color: #000;

        right: 0;

        -webkit-transform: translateX(100%);

        -ms-transform: translateX(100%);

        -moz-transform: translateX(100%);

        transform: translateX(100%);

        -webkit-transition-property: all;

        transition-property: all;

        -webkit-transition-duration: .5s;

        transition-duration: .5s;

        -webkit-transition-timing-function: cubic-bezier(0,0.01,0.01,0.98);

        transition-timing-function: cubic-bezier(0,0.01,0.01,0.98);

    }

    .menu_list.active{

        -webkit-transform: translateX(0%);

        -ms-transform: translateX(0%);

        -moz-transform: translateX(0%);

        transform: translateX(0%);

        overflow: scroll;

    }

    .primary_menu{

        display: block;

    }

    .primary_menu > li:after{

        display: none;

    }

    .primary_menu > li a{

        padding: 15px 0px;

        display: block;

        white-space: normal;

        line-height: 1.3;

        position: relative;

    }

    .secondary_menu{

        opacity: 1;

        visibility: visible;

        position: relative;

        top: 0;

        left: 0;

    }

    .secondary_menu > li a{

        font-size: 12px;

        padding: 5px 10px;

        position: relative;

        padding-left: 15px;

    }

    .secondary_menu > li a:before{

        content: '';

        width: 5px;

        height: 5px;

        position: absolute;

        left: 0;

        top: 10px;

        border-bottom: 1px solid #ffffff;

        border-right: 1px solid #ffffff;

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        transform: rotate(-45deg);

    }

    .logo{

        top: 0 !important;

        left: 0 !important;

        position: relative !important;

    }

    .hamburger span{

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        transform: rotate(0deg);

        -webkit-transition: all 0.3s ease-in-out;

        -moz-transition: all 0.3s ease-in-out;

        -o-transition: all 0.3s ease-in-out;

        -ms-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;



    }

    .hamburger.active span:nth-of-type(1){

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        transform: rotate(45deg);

        top: 5px;

    }

    .hamburger.active span:nth-of-type(2){

        opacity: 0;

        visibility: hidden;

    }

    .hamburger.active span:nth-of-type(3){

        -webkit-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

        -moz-transform: rotate(-45deg);

        transform: rotate(-45deg);

        top: 5px;

    }

    .mobile-spacer{

        display: none !important;

    }

    .intro-title img {

        width: 250px;

    }

    .intro-title--hover p{

        font-size: 13px;

    }

    .intro-title{

        width: 600px;

        max-width: 100%;

    }

    .intro-title--hover,

    .intro-title--hover p{

        max-width: 100%;

        position: relative;

    }

    .about_txt_p p:last-of-type{

        /*margin-bottom: 0;*/

    }

    .about_txt_p p:last-child {

        margin-bottom: 0;

    }

    .fp-tableCell{

        display: block;

        vertical-align: top;

    }

    .all-content-wrapper {

        max-height: 100%;

    }

    .all-content-wrapper{

        height: auto;

    }

    .about_txt_p{

        /*padding: 70px 0; */

    }

    .section_inv_focus .sections{

        padding-bottom: 70px;

    }

    .container{

        width: 100%;

        padding: 0 25px;

    }

    .section-heading{

        font-size: 25px;

        text-align: left !important;

    }

    .section-heading span {

        font-size: 16px;

    }

    .section-heading-h5{

        font-size: 18px;

    }

    .col-md-push-6{

        padding: 0;

    }

    p, .about_txt_p p, .about_txt_p_box ul li {

        font-size: 14px;

    }

    .hexagon {

        position: relative;

        width: 100px;

        height: 57.74px;

        background-color: #fff;

        margin: 28.87px 0;

    }



    .hexagon:before,

    .hexagon:after {

        content: "";

        position: absolute;

        width: 0;

        border-left: 50px solid transparent;

        border-right: 50px solid transparent;

    }



    .hexagon:before {

        bottom: 100%;

        border-bottom: 28.87px solid #fff;

    }



    .hexagon:after {

        top: 100%;

        width: 0;

        border-top: 28.87px solid #fff;

    }

    .mobile_comb ul{

        margin: 0;

        padding: 0;

        list-style: none;

    }

    .mobile_comb ul li:last-of-type{

        margin-bottom: 0;

    }

    .mobile_comb ul li{

        margin-bottom: 80px;

    }

    .comb_container_mob{

        position: relative;

        -ms-flex: 0 0 100px;

        flex: 0 0 100px;

        max-width: 100px;

        margin: 0 auto;

    }

    .comb_container_mob span{

        color: #000;

        font-size: 15px;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        transform: translateY(-50%);

        z-index: 5;

        position: absolute;

        padding: 0 10px;

        text-align: center;

        font-weight: 600;

        line-height: 1.2;

    }

    .mobile_comb ul li p{

        max-width: 90%;

        padding-left: 15px;

        padding-right: 15px;

        font-size: 15px;

        letter-spacing: 0.02em;

        margin-bottom: 0;

        margin: 0 auto;

        text-align: center;

        margin-top: 40px;

    }



    .mobile_comb ul li:nth-of-type(even){

        -ms-flex-direction: row-reverse!important;

        flex-direction: row-reverse!important;

    }

    .honeycomb_main{

        display: none;

    }

    .mob_view{

        display: block;

    }

    .desk_view{

        display: none !important;

    }

    .section{

        position: relative;

    }

    .section:after{

        content: '';

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

        background-color: rgba(0,0,0,.8);

        position: absolute;

        z-index: 5;

    }

    .fp-tableCell{

        position: relative;

        z-index: 10;

    }

    .mobile_comb{

        display: block;

    }

    .small-header .mobile_menu{

        background-color: #000;

        top:0;

    }

    .section{

        background:none !important;

    }

    .mobile_show_img{

        display: block;

        margin: 0 0 30px;

    }

    .mobile_show_img_inv{

        margin: 30px 0 0;

    }

    #section1,

    .section_inv_focus,

    .services-bg-1,

    .services-bg-4,

    .services-bg-3,

    .services-bg-2{

        padding-top: 0 !important;

        padding-bottom: 0 !important;

    }

}



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

    .about_txt_p {

        padding: 0px 0;

    }

    .contact-form-submit-wrapper{

        margin: 30px 0 15px 20px;

    }

    .bottom-credits{

        text-align: center;

        margin-top: 0px !important;

        width: 100%;

        position: relative;

        left: 0;

        top: 0;

        bottom: 0;

        right: 0;

        margin-bottom: 20px;

    }

    #section0{

        height: auto !important;

        padding: 0 !important;

        display: block;

    }

    #section0 .fp-tableCell{

        height: 280px !important;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -ms-flex-align: center;

        align-items: center;

        -ms-flex-pack: center;

        justify-content: center;

    }

    .section{

        background-position: left center;

        background-size: cover;

        background-repeat: no-repeat;

        background-attachment: fixed;

    }

    .element-color-switch-1{

        padding: 0 15px !important;

    }

    .section_inv_focus .sections {

        padding-bottom: 0px;

    }

    .strategic_container .section-heading-h5 {

        max-width: 100%;

        margin-bottom: 25px;

        font-size: 15px;

    }

    .center-block-home,

    .center-container-home{

        display: block;

    }

    .intro-wrapper{

        position: relative;

        height: auto;

    }

    .section-bg-home{

    }

    .intro-title--hover{

        -webkit-transform: translateY(0px);

        -ms-transform: translateY(0px);

        -moz-transform: translateY(0px);

        transform: translateY(0px);

    }

}



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

   .intro-title--hover{

       display: none !important;

   }



    .intro-title img {

        width: 170px;

    }

    .intro-title--hover p {

        font-size: 11px;

    }

    .section-heading span {

        font-size: 15px;

        display: block;

        margin-top: 3px;

    }

    .section-heading{

        font-size: 16px;
        margin: 0 0 25px;

    }

    p, .about_txt_p p {

        font-size: 14px;
        margin: 0 0 25px;
        line-height: 1.6;

    }

    .about_txt_p_box ul li {

        font-size: 14px;
        line-height: 1.6;

    }

    .about_txt_p_box {
        margin: 0 0 25px;
    }

    #contact-form {

        margin-top: 10px;

    }

    .contact_main .about_txt_p a,

    .contact_main .about_txt_p p{

        display: block !important;

        width: 100%;

        margin-bottom: 15px;

    }

    .contact_main .about_txt_p a:last-of-type{

        margin-bottom: 0;

    }

    .the-button-submit {

        width: 165px;

        top: 0;

        margin: 0 auto;

        display: block;

    }

    .contact-form-submit-wrapper {

        margin: 30px auto;

    }



    .section-heading-h5 {

        font-size: 17px;

        margin-bottom: 5px;

    }

    .strategic_container .section-heading {

        margin-bottom: 30px;

    }

    .mobile_menu a.logo{

        opacity: 0;

    }

    .small-header .mobile_menu a.logo{

        opacity: 1;

    }

    html body .text_center_mobile{

        text-align: center !important;

    }

    .contact_main .about_txt_p a i, .contact_main .about_txt_p p i{

        position: relative !important;

        display: inline-block;

        margin-right: 10px;

        top: 2px;

    }

    .contact_main .about_txt_p a, .contact_main .about_txt_p p{

        text-align: center;

    }

    .mobile_comb ul li p{

        font-size: 13px;

        max-width: 100%;

        padding-left: 5px;

        padding-right: 5px;

    }

    .section_inv_focus .section-heading{

        text-align: center !important;

        margin-bottom: 50px;

    }

    .mobile_comb ul{

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    }

    .mobile_comb ul li{

        margin-bottom: 50px;

        -ms-flex: 0 0 50%;

        flex: 0 0 50%;

        max-width: 50%;

    }

}



.page-id-6921 .content-page .content-box ul{list-style:none; margin:0px; padding:0px;}

.page-id-6921 .content-page .content-box ul li a{color:#000; padding:3px 0; }

.page-id-6921 .content-page .content-box ul li a:before {

    content: '';

    width: 18px;

    height: 10px;

    background: url(../images/right-arrow-blog.png)center center no-repeat;

    transform: rotate(0deg); margin-right:5px;

   

}

@media (min-width:993px) {

    .sections {
        background-image: none !important;       
        
    }
}

@media (max-width:992px) {

    #section0{

        height: 100vh !important;

        padding: 0 !important;

        display: flex;

    }

    .section-bg-home::after {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%);
    }

    .section-bg-home::before {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%);
    }

    #section0 .fp-tableCell {
        height: 100% !important;
    }

    .section-bg-home {
        /*background-position: left;*/
        background-position: 3.5% 0;
    }

    .sections {
        display: flex;

        margin: 20px 0;
    }

    .sections::after {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%);
    }

    .sections::before {
        content: ' ';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 80%, rgba(0,0,0,1) 100%);
    }

    .about_main {
        display: none;
    }

    .row {
        display: flex;
        align-items: center;
        flex: 1;
        position: relative;
        z-index: 1;
    }
}

@media screen and (orientation:landscape)
and (max-device-width: 992px) {
   .section .wow {
        /*max-height: 80vh;        
        overflow: scroll;*/
        max-height: none;
    }

    .all-content-inner {
        /*max-height: 80vh;
        overflow: scroll;*/
        max-height: none;
    }

    .container, .all-content .all-content-inner {
        max-height: none;
        overflow: auto;
    }

    .fp-tableCell, .all-bg-wapper, .fp-section.fp-table, .fp-slide.fp-table {
        height: auto !important;
    }

    .section-heading{

        margin: 0 0 25px;

    }
}

@media screen and (orientation:landscape)
and (min-width: 993px) {
   .section .wow {
        /*max-height: 80vh;        
        overflow: scroll;*/
        max-height: none;
    }

    .all-content-inner {
        /*max-height: 80vh;
        overflow: scroll;*/
        max-height: none;
    }

    .container, .all-content .all-content-inner {
        max-height: none;
        overflow: auto;
    }

    .fp-tableCell, .all-bg-wapper, .fp-section.fp-table, .fp-slide.fp-table {
        height: 100vh !important;
    }

    .section-heading{

        margin: 0 0 25px;

    }
}