/* 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;
    }
    
    html, body {
    height: 100%;
    }
    
    body {
    line-height: 1;
    }
    
    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;
    }
    
    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;
    }
    
    
    /* 3. layout */
    body {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
    color: #fff;
    background: #111;
     -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-backface-visibility: hidden;
            backface-visibility: hidden;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    line-height: 2;
    }
    
    a {
    color: #ff264a;
    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-backface-visibility: hidden;
            backface-visibility: hidden;
    -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;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }
    
    a:hover,
    a:visited,
    a:active,
    a:focus {
    color: #ff264a;
    text-decoration: none;
    outline: none;
    font-weight: 600;
    -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;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }
    
    p {
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #fff;
    line-height: 2;
     -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-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    p a,
    p a:hover {
    color: #ff264a;
    text-decoration: none;
    outline: none;
    font-weight: 600;
    -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;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    }
    
    strong {
    font-weight: bold;
    }
    
    ::-moz-selection {
    background: #ccc;
    color: #fff;
    }
    
    ::selection {
    background: #ccc;
    color: #fff;
    }
    
    .nopadding {
    padding: 0!important;
    margin: 0!important;
    }
    
    
    /* 4. navigation */
    #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background: #fff;
    z-index: 1001;
    }
    
    .logo {
    -webkit-transition: all .7s;
       -moz-transition: all .7s;
        -ms-transition: all .7s;
         -o-transition: all .7s;
            transition: all .7s;
      color:#000;
    }
    
    .logo .logo-icon,
    .main-navigation-bg .logo .logo-icon {
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    height: auto;
    }
    
    .navbar-bg-switch {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    background: #fff;
    z-index: 999;
    }
    
    .main-navigation {
    -webkit-transition: all .7s;
       -moz-transition: all .7s;
        -ms-transition: all .7s;
         -o-transition: all .7s;
            transition: all .7s;
    }
    
    .main-navigation .navbar-nav li a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #111;
    padding: 26px 15px 0 15px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    cursor: pointer;
    }

    .active {
        border-bottom: 2px solid #121212;
        padding-bottom: 5px;
    }
    
    @media only screen and (max-width: 900px) {
      .main-navigation .navbar-nav li a {
        padding: 10px 15px;
      }
    }
    
    @media only screen and (max-width: 900px) {
      .main-navigation .navbar-nav li:last-child {
        margin-bottom: 7px;
      }
    }
    
    .main-navigation .navbar-nav li a:hover {
    color: #111;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    }
    
    .nav li a:focus,
    .nav li a:hover {
    color: #111;
    background: none;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    }
    
    .main-navigation-bg {
    height: 75px;
    background: none;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    }
    
    @media only screen and (max-width: 900px) {
      .main-navigation-bg {
        height: auto;
        min-height: 75px;
        background: rgba(255, 255, 255, 1);
      }
      
      .main-navigation-bg.main-navigation-bg-position-primary {
        background: #fff;
      }
    }
    
    .main-navigation-bg .main-navigation .navbar-nav li a {
    color: #111;
    padding: 26px 15px 0 15px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    }
    
    @media only screen and (max-width: 900px) {
      .main-navigation-bg .main-navigation .navbar-nav li a {
        padding: 10px 15px;
      }
    }
    
    .main-navigation-bg .main-navigation .navbar-nav li a:hover {
    color: #111;
    }
    
    @media only screen and (max-width: 900px) {
      .navbar-toggle .icon-bar {
        background: #111;
        margin: 8px 0 0 0;
      }
      
      .main-navigation-bg .navbar-toggle .icon-bar {
        background: #111;
      }
      
      .navbar-toggle {
        margin-top: 10px;
        margin-right: -10px;
        -webkit-transition: all .4s ease-out;
           -moz-transition: all .4s ease-out;
            -ms-transition: all .4s ease-out;
             -o-transition: all .4s ease-out;
                transition: all .4s ease-out;
      }
        
      .main-navigation-bg .navbar-toggle {
        margin-top: -45px;
        margin-right: -10px;
        -webkit-transition: all .4s ease-out;
           -moz-transition: all .4s ease-out;
            -ms-transition: all .4s ease-out;
             -o-transition: all .4s ease-out;
                transition: all .4s ease-out;
      }
      
      .navbar-collapse {
        background: rgba(255, 255, 255, 1);
        margin: 0px 0 0 15px;
      }
      
      .navbar-collapse.navbar-collapse-position-primary {
        background: #fff;
      }
    }
    
    
    /* elements home call */
    .logo {
      margin: 21px 0 0 35px;
      position:absolute;
    }
    .logo a {
      color:#000;
    }
  .logo h1 {
    font-size:2em;
    line-height:1em;
    text-transform:uppercase;
    margin-bottom:10px;
  }
  .logo h2 {
    font-size:12px;
    line-height:1em;
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    font-weight:700;
  }
    
    @media only screen and (max-width: 995px) {
      .logo {
        margin: 5px 0 0 15px;
      }
    }
    
    @media only screen and (max-width: 900px) {
      .logo {
        margin: 5px 0 0 15px;
      }
    }
    
    .logo.logo-home-call {
    margin: 5px 0 0 35px;
    }
    
    @media only screen and (max-width: 900px) {
      .logo.logo-home-call {
        margin: 5px 0 0 15px;
      }
    }
    
    .main-navigation {
    padding: 30px 34px 0 0;
    }
    
    @media only screen and (max-width: 995px) {
      .main-navigation {
        padding: 2px 14px 0 0;
      }
    }
    
    .main-navigation.main-navigation-home-call {
    padding: 2px 34px 0 0;
    }
    
    @media only screen and (max-width: 768px) {
      .main-navigation.main-navigation-home-call {
        padding: 2px 14px 0 0;
      }
    }
    
    
    /* 5. bg color */
    .bg-1 {
    background: #111;
    }
    
    .bg-3 {
    background: #fff;
    }
    
    
    /* 6. post heading */
    .post-heading a,
    .post-heading a:hover,
    .post-heading a:visited,
    .post-heading a:active,
    .post-heading a:focus {
    font-weight: 700;
    }
    
    .post-heading,
    .post-heading-all {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    text-align: left;
    letter-spacing: 0.05em;
    color: #fff;
    margin: 0 0 -7px 0;
    line-height: 2;
    }
    
    @media only screen and (max-width: 1200px) {
      .post-heading,
      .post-heading-all {
        font-size: 14px;
        margin: 0 0 -6px 0;
      }
    }
    
    @media only screen and (max-width: 995px) {
      .post-heading,
      .post-heading-all {
        margin: -5px 0 -6px 0;
      }
    }
    
    .post-heading-all.post-heading-all-2 {
    font-size: 13px;
    margin: 0 0 -5px 0;
    }
    
    @media only screen and (max-width: 995px) {
      .post-heading-all.post-heading-all-2 {
        font-size: 12px;
        margin: -5px 0;
      }
    }
    
    .post-heading-all-lead {
    position: relative;
    display: block;
    padding-left: 60px;
    color: #111;
    }
    
    @media only screen and (max-width: 768px) {
      .post-heading-all-lead {
        padding-left: 30px;
      }
    }
    
    .post-heading-all-lead.post-heading-all-lead-color {
    color: #ff264a;
    }
    
    .post-heading-all-lead.post-heading-all-lead-color-2 {
    color: #fff;
    }
    
    .post-heading-all-lead::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    top: 50%;
    left: 0;
    background: #111;
    }
    
    @media only screen and (max-width: 768px) {
      .post-heading-all-lead::after {
        width: 20px;
      }
    }
    
    .post-heading-all-lead.post-heading-all-lead-color::after {
    background: #ff264a;
    }
    
    .post-heading-all-lead.post-heading-all-lead-color-2::after {
    background: #fff;
    }
    
    .post-heading.post-heading-inner {
    margin: -6px 0;
    }
    
    h2.section-subheading {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    letter-spacing: 0.05em;
    color: #ff264a;
    margin: -5px auto -7px auto;
    line-height: 2;
     -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-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    h2.section-subheading span {
    position: relative;
    display: inline-block;
    padding-right: 60px;
    line-height: 1;
    }
    
    @media only screen and (max-width: 768px) {
      h2.section-subheading span {
        padding-right: 30px;
      }
    }
    
    h2.section-subheading span::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    width: 40px;
    height: 0;
    margin-top: 0;
    border-top: 1px solid #ff264a;
    }
    
    @media only screen and (max-width: 768px) {
      h2.section-subheading span::before {
        width: 20px;
      }
    }
    
    
    /* 7. parallax */
    section {
    position: relative;
    margin: 0;
    padding: 0;
    background: none;
    z-index: 1;
    }
    
    .parallax-container {
    position: relative;
    width: 100%;
    height: 500px;
    }
    
    .parallax-container.parallax-container-home {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    left: 0;
    top: 0;
    margin: 0;
    }
    
    .parallax-window {
    min-height: 100%;
    height: 100%;
    background: transparent;
    }
    
    
    /* 8. button */
    .button-the {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    text-align: left;
    background: none;
    padding: 5px 30px 5px 0;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    }
    
    .button-the.button-the-submit {
    border: none;
    top: 34px;
    }
    
    .button-the::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -30px;
    width: 40px;
    height: 1px;
    background: #ff264a;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    }
    
    @media only screen and (max-width: 768px) {
      .button-the::before {
        right: 0;
        width: 20px;
      }
    }
    
    .button-the.button-the-light::before {
    background: #fff;
    }
    
    .button-the:hover {
    background: none;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
    }
    
    .button-the:hover::before {
    right: -40px;
    }
    
    @media only screen and (max-width: 768px) {
      .button-the:hover::before {
        right: -10px;
      }
    }
    
    .button-the-wrapper {
    margin: -3px 0 -4px 0;
    }
    
    .button-the-wrapper,
    .button-the-wrapper a,
    .button-the-wrapper a:hover,
    .button-the-wrapper a:visited,
    .button-the-wrapper a:active,
    .button-the-wrapper a:focus {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ff264a;
    }
    
    .button-the-wrapper.button-the-wrapper-light,
    .button-the-wrapper.button-the-wrapper-light a,
    .button-the-wrapper.button-the-wrapper-light a:hover,
    .button-the-wrapper.button-the-wrapper-light a:visited,
    .button-the-wrapper.button-the-wrapper-light a:active,
    .button-the-wrapper.button-the-wrapper-light a:focus {
    text-align: center;
    color: #fff;
    }
    
    .button-the-wrapper.button-the-wrapper-submit {
    position: relative;
    display: block;
    width: 200px!important;
    left: 0;
    right: 0;
    margin: -3px auto 30px auto;
    text-align: center;
    }
    
    .button-the-wrapper.button-the-wrapper-submit,
    .button-the-wrapper.button-the-wrapper-submit a,
    .button-the-wrapper.button-the-wrapper-submit a:hover,
    .button-the-wrapper.button-the-wrapper-submit a:visited,
    .button-the-wrapper.button-the-wrapper-submit a:active,
    .button-the-wrapper.button-the-wrapper-submit a:focus {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    text-transform: uppercase;
    text-align: left; text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ff264a;
    }
    
    
    /* 9. section heading h1 */
    .section-txt,
    .section-txt p {
    margin: -2px auto -10px auto;
    font-size: 20px;
    }

    .section-txt.section-txt-dark , 
    .section-txt.section-txt-dark p{
        color: #111;
    }
    
    .section-txt-2 {
    margin: -2px auto -10px auto;
    line-height: 1;
    }
    
    h1.section-header {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    text-transform: none;
    letter-spacing: -0.02em;
    color: #fff;
    margin: -6px 0 -3px 0;
    width: 100%;
    line-height: 1.5;
    text-shadow: 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-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    @media all and (min-width: 1920px) {
      h1.section-header {
        font-size: 40px;
        margin: -10px 0 -5px 0;
      }
    }
    
    @media only screen and (max-width: 768px) {
      h1.section-header {
        font-size: 25px;
        margin: -5px 0 -2px 0;
      }
    }
    
    h1.section-header.section-header-dark {
    color: #111;
    }
    
    h1.section-header.section-header-home {
    text-align: center;
    margin: -6px auto -3px auto;
    color: #fff;
    }
    
    @media all and (min-width: 1920px) {
      h1.section-header.section-header-home {
        margin: -10px auto -5px auto;
      }
    }
    
    @media only screen and (max-width: 768px) {
      h1.section-header.section-header-home {
        margin: -5px auto -2px auto;
      }
    }
    
    h1.section-header.section-header-post {
    font-size: 30px;
    margin: -6px 0 -3px 0;
    }
    
    @media only screen and (max-width: 768px) {
      h1.section-header.section-header-post {
        font-size: 25px;
        margin: -5px 0 -2px 0;
      }
    }
    
    
    /* 10. section heading h2 */
    h1.section-heading {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    text-align: center;
    letter-spacing: 0.05em;
    color: #fff;
    margin: -6px 0 -7px 0;
    line-height: 2;
    }
    
    @media only screen and (max-width: 1200px) {
      h1.section-heading {
        font-size: 14px;
        margin: -6px 0 -6px 0;
      }
    }
    
    h1.section-heading.section-heading-dark {
    color: #111;
    }
    
    h1.section-heading span {
    position: relative;
    display: inline-block;
    padding-right: 60px;
    margin-right: 15px;
    line-height: 1;
    color: #fff;
    }
    
    @media only screen and (max-width: 768px) {
      h1.section-heading span {
        padding-right: 30px;
        margin-right: 5px;
      }
    }
    
    h1.section-heading.section-heading-dark span {
    color: #111;
    }
    
    h1.section-heading span::before {
    content: "";
    position: absolute;
    display: block;
    top: 50%;
    right: 0;
    width: 40px;
    height: 0;
    margin-top: -1px;
    border-top: 1px solid #fff;
    }
    
    @media only screen and (max-width: 768px) {
      h1.section-heading span::before {
        width: 20px;
      }
    }
    
    h1.section-heading.section-heading-dark span::before {
    border-top: 1px solid #111;
    }
    
    
    /* 11. upper page */
    .upper-page {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
    top: 0;
    margin: 0;
    }
    
    
    /* 12. works */
    .showcase-top {
    width: 100%;
    }
    
    .showcase-top .showcase-top-img {
    display: inline-block;
    width: 33.333333%;
    }
    
    @media only screen and (max-width: 995px) {
      .showcase-top .showcase-top-img {
        width: 100%;
        float: none;
        padding-bottom: 50px;
      }
      
      .showcase-top .showcase-top-img:last-child {
        padding-bottom: 0;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .showcase-top .showcase-top-img {
        padding-bottom: 30px;
      }
    }
    
    .showcase-top .showcase-top-img.showcase-top-img-big {
    width: 66.666666%;
    float: left;
    }
    
    @media only screen and (max-width: 995px) {
      .showcase-top .showcase-top-img.showcase-top-img-big {
        width: 100%;
        float: none;
      }
    }
    
    .showcase-top .showcase-top-img img {
    width: 100%;
    }
    
    .showcase-bottom {
    position: relative;
    width: 100%;
    height: 100%;
    }
    
    .showcase-bottom .showcase-bottom-img img {
    position: relative;
    display: inline-block;
    width: 50%;
    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;
    float: left;
    overflow: hidden;
    }
    
    @media only screen and (max-width: 995px) {
      .showcase-bottom .showcase-bottom-img img {
        width: 100%;
        float: none;
        padding-bottom: 50px;
      }
      
      .showcase-bottom .showcase-bottom-img:last-child {
        padding-bottom: 0;
        margin-bottom: -50px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .showcase-bottom .showcase-bottom-img img {
        padding-bottom: 30px;
      }
    }
    
    
    /* 13. page wrapper */
    .page-wrapper {
    position: relative;
    left: 0;
    right: 0; 
    margin-left: auto;
    margin-right: auto;
    width: 100%!important;
    background: #111;
    -webkit-pointer-events: none;
       -moz-pointer-events: none;
            pointer-events: none;
    -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
    -webkit-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
       -moz-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
         -o-transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
            transition: opacity 300ms cubic-bezier(0.77, 0, 0.175, 1);
    z-index: 100;
    }
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .page-wrapper {
        z-index: 150;
      }
    }
    
    .page-wrapper > * {
    -webkit-pointer-events: auto;
       -moz-pointer-events: auto;
            pointer-events: auto;
    }
    
    
    /* 14. IMG carousel */
    .carousel-item-img-wrapper {
    position: relative;
    width: 100vw;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
    cursor: grab;
    }
    
    @media only screen and (max-width: 995px) {
      .carousel-item-img-wrapper {
        width: 100%;
      }
    }
    
    .carousel-item-img-wrapper.carousel-item-img-wrapper-all {
    height: auto;
    }
    
    .carousel-item-all,
    .img-project-all {
    position: relative;
    width: 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;
    }
    
    .carousel-item-all {
    height: 70vh;
    }
    
    .img-project-all {
    height: 50vh;
    }
    
    
    /* 15. post box */
    .post-box-inner {
    margin: 0 0 0 50px;
    }
    
    @media only screen and (max-width: 995px) {
      .post-box-inner {
        margin: 0;
      }
    }
    
    .post-box-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0;
    text-align: left;
    letter-spacing: 0.05em;
    color: #ff264a;
    margin: -6px 0 -7px 0;
    }
    
    
    /* 16. overlay */
    .gradient-overlay,
    .gradient-overlay-home,
    .gradient-overlay-home-2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .1) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .1) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    -webkit-pointer-events: none;
       -moz-pointer-events: none;
            pointer-events: none;
    }
    
    .gradient-overlay,
    .gradient-overlay-home-2 {
    z-index: 1;
    }
    
    .gradient-overlay-home {
    z-index: 10;
    }
    
    
    /* 17. hero container */ 
    .hero-fullscreen {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 0;
    }
    
    .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;
    }
    
    .hero-fullscreen-FIX {
    width: 100%;
    height: 100%;
    }
    
    
    /* 18. home */
    .home-page,
    .footer-page {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1;
    }
    
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .home-page,
      .footer-page {
        z-index: 150;
      }
    }
    
    
    /* 19. main title */
    h4.main-title {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 75px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    color: #fff;
    margin: 0 auto -7px auto;
    width: 100%;
    line-height: 100%;
    position: relative;
    z-index: 1;
    }
    
    @media all and (min-width: 1920px) {
      h1.main-title {
        font-size: 105px;
        margin: 0 auto -11px auto;
      }
    }
    
    @media only screen and (max-width: 1200px) {
      h1.main-title {
        font-size: 65px;
        margin: 0 auto -5px auto;
      }
    }
    
    @media only screen and (max-width: 995px) {
      h1.main-title {
        font-size: 45px;
        margin: 0 auto -3px auto;
      }
    }
    
    @media only screen and (max-width: 768px) {
      h1.main-title {
        font-size: 35px;
        margin: 0 auto -2px auto;
      }
    }
    
    
    /* 20. play button */
    @-webkit-keyframes spin {
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    @keyframes spin {
      to {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
      }
    }
    
    .stroke-dotted {
    stroke-dasharray: 4,5;
    stroke-width: 1px;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: spin 4s infinite linear;
            animation: spin 4s infinite linear;
    -webkit-transition: opacity 1s ease, stroke-width 1s ease;
            transition: opacity 1s ease, stroke-width 1s ease;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    .stroke-solid {
    stroke-dashoffset: 0;
    stroke-dashArray: 300;
    stroke-width: 2px;
    -webkit-transition: stroke-dashoffset 1s ease, opacity 1s ease;
            transition: stroke-dashoffset 1s ease, opacity 1s ease;
    }
    
    .icon {
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 200ms ease-out;
            transition: -webkit-transform 200ms ease-out;
            transition: transform 200ms ease-out;
            transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
    }
    
    #play:hover .stroke-dotted {
    stroke-width: 2px;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    #play:hover .stroke-solid {
    stroke-dashoffset: 300;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    
    #play:hover .icon {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    }
    
    #play {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 2px auto;
    text-align: center;
    cursor: pointer;
    }
    
    
    /* 21. scroll indicator */
    .scroll-indicator-wrapper {
    position: absolute;
    width: 1px!important;
    height: 100%;
    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)";
    visibility: visible;
    -webkit-transition: all .7s;
       -moz-transition: all .7s;
        -ms-transition: all .7s;
         -o-transition: all .7s;
            transition: all .7s;
    }
    
    .scroll-indicator {
    position: absolute;
    bottom: 90px;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
       -moz-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
    z-index: 1005;
    }
    
    @media all and (min-width: 1920px) {
      .scroll-indicator {
        bottom: 90px;
      }
    }
    
    @media only screen and (max-width: 995px) {
      .scroll-indicator {
        bottom: 50px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .scroll-indicator {
        bottom: 90px;
      }
    }
    
    .scroll-line {
    display: block;
    width: 1px;
    height: 60px;
    background: none;
    }
    
    @media all and (min-width: 1920px) {
      .scroll-line {
        height: 60px;
      }
    }
    
    @media only screen and (max-width: 995px) {
      .scroll-line {
        height: 30px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .scroll-line {
        height: 30px;
      }
    }
    
    .scroll-line::before {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    top: 0;
    background-color: #fff;
    -webkit-animation: scroll-down 2s ease-in-out infinite;
        -ms-animation: scroll-down 2s ease-in-out infinite;
            animation: scroll-down 2s ease-in-out infinite;
    }
    
    @-webkit-keyframes scroll-down {
      0% {
        height: 0;
      }
      50% {
        height: 100%;
      }
      70% {
        height: 100%;
        transform: scaleY(0.5);
        transform-origin: bottom;
      }
      100% {
        height: 100%;
        transform: scaleY(0);
        transform-origin: bottom;
      }
    }
    @-ms-keyframes scroll-down {
      0% {
        height: 0;
      }
      50% {
        height: 100%;
      }
      70% {
        height: 100%;
        transform: scaleY(0.5);
        transform-origin: bottom;
      }
      100% {
        height: 100%;
        transform: scaleY(0);
        transform-origin: bottom;
      }
    }
    @keyframes scroll-down {
      0% {
        height: 0;
      }
      50% {
        height: 100%;
      }
      70% {
        height: 100%;
        transform: scaleY(0.5);
        transform-origin: bottom;
      }
      100% {
        height: 100%;
        transform: scaleY(0);
        transform-origin: bottom;
      }
    }
    
    /* 22. 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: auto;
    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);
      }
    }
    
    
    /* 23. inner spacer */
    .inner-spacer {
    position: relative;
    margin: 0 auto;
    padding: 0;
    }
    
    @media all and (min-width: 1920px) {
      .inner-spacer {
        padding: 0;
      }
    }
    
    @media only screen and (max-width: 1200px) {
      .inner-spacer {
        width: 100%;
        padding: 0 40px;
      }
    }
    
    @media only screen and (max-width: 995px) {
      .inner-spacer {
        padding: 0 40px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .inner-spacer {
        padding: 0 30px;
      }
    }
    
    
    /* 24. contact form */
    .contact-form {
    width: 100%;
    margin: -20px auto 0 auto;
    padding: 0 15px;
    color: #111;
    }
    
    form {
    margin: 0;
    padding: 0;
    }
    
    .contact-form input {
    position: relative;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #111;
    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;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    -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 #111;
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 5px 5px;
    background: none;
    margin: 5px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    line-height: 1.5;
    font-style: normal;
    font-weight: 600;
    text-align: center;
    color: #111;
    -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;
    }
    
    .contact-form textarea {
    margin: 15px 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;
    }
    
    .contact-form input:hover,
    .contact-form textarea:hover{
    border-color: #ff264a;
    -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;
    }
    
    .contact-form input:focus,
    .contact-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: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
    color: #111;
    margin: 0;
    padding: 25px 0 0 15px;
    line-height: 1;
     -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-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    .contact-form .error {
    position: absolute;
    display: block;
    width: 200px!important;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    font-size: 9px;
    text-transform: uppercase;
    text-align: center;
    color: #ff264a;
    letter-spacing: 0.15em;
    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%;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    
    ::-webkit-input-placeholder { font-size: 13px; color: #111; }
         :-ms-input-placeholder { font-size: 13px; color: #111; }
             ::-moz-placeholder { font-size: 13px; color: #111; }
         input:-moz-placeholder { font-size: 13px; color: #111; }
    
    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; }
              
              
    /* 25. videos */
    /* 25.1. Vimeo video */
    .vimeo-bg {
    display: none;
    }
    
    @media only screen and (max-width: 995px) {
      .vimeo-bg {
        position: relative;
        height: 100%;
        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;
                /* uncomment the following to show an image for mobile devices */
                /* display: block; */
      }
      
      #vimeo-videoContainment {
        display: none;
      }
    }
    
    #vimeo-videoContainment {
    position: absolute;
    display: block;
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #111;
    z-index: 0;
    }
    
    #vimeo-videoContainment iframe,
    #vimeo-videoContainment object,
    #vimeo-videoContainment embed {
    border: none;
    }
    
    
    /* 25.2. YouTube video */
    .YT-bg {
    display: none;
    }
    
    @media only screen and (max-width: 995px) {
      .YT-bg {
        position: relative;
        height: 100%;
        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;
                /* uncomment the following to show an image for mobile devices */
                /* display: block; */
      }
    }
    
    #videoContainment {
    position: absolute;
    display: block;
    width: 100%!important;
    height: 100%!important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #111;
    z-index: 0;
    }
    
    
    /* 26. social icons */
    .social-icons {
    position: relative;
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-style: normal;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 10px auto 0 -30px;
    line-height: 1;
     -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-backface-visibility: hidden;
            backface-visibility: hidden;
    -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 a,
    .social-icons a:hover {
    outline: none;
    text-decoration: 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-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    .social-icons li a:hover,
    .social-icons li a:visited,
    .social-icons li a:active,
    .social-icons li a:focus {
    font-family: 'Montserrat', sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-style: normal;
    text-transform: uppercase;
    }
    
    .social-icons li {
    display: inline;
    padding: 0;
    }
    
    .social-icons li span {
    color: #fff;
    padding: 0 10px;
    }
    
    
    /* 27. to top arrow */
    .to-top-arrow {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 50px;
    bottom: -10px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #ff264a;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(40px);
       -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px);		
    -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;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    z-index: 115;
    }
    
    @media only screen and (max-width: 768px) {
      .to-top-arrow {
        right: 30px;
      }
    }
    
    .to-top-arrow.show {
    bottom: 30px;
    -webkit-transform: translateY(-20px);
       -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
         -o-transform: translateY(-20px);
            transform: translateY(-20px);
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    @media only screen and (max-width: 768px) {
      .to-top-arrow.show {
        bottom: 10px;
      }
    }
    
    .to-top-arrow:hover {
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    
    /* 28. borders */
    .border-top,
    .border-top.top-position-primary,
    .border-bottom,
    .border-bottom.bottom-position-primary,
    .border-left {
    position: fixed;
    background: #fff;
    -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;
    z-index: 1;
    }
    
    .border-top.top-position-primary {
    background: #fff;
    }
    
    .border-bottom.bottom-position-primary {
    background: #111;
    }
    
    .border-top {
    width: 100%;
    height: 130px;
    left: 0;
    top: 0;
    }
    
    @media only screen and (max-width: 995px) {
      .border-top {
        height: 75px;
      }
    }
    
    .border-top.top-position-primary {
    -webkit-transform: translateY(-55px);
       -moz-transform: translateY(-55px);
        -ms-transform: translateY(-55px);
         -o-transform: translateY(-55px);
            transform: translateY(-55px);
    }
    
    @media only screen and (max-width: 995px) {
      .border-top.top-position-primary {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
            -ms-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
      }
    }
    
    .border-bottom {
    width: 100%;
    height: 130px;
    left: 0;
    bottom: 0;
    background: #111;
    }
    
    @media only screen and (max-width: 995px) {
      .border-bottom {
        height: 70px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .border-bottom {
        height: 30px;
      }
    }
    
    .border-bottom.bottom-position-primary {
    -webkit-transform: translateY(55px);
       -moz-transform: translateY(55px);
        -ms-transform: translateY(55px);
         -o-transform: translateY(55px);
            transform: translateY(55px);
    }
    
    @media only screen and (max-width: 995px) {
      .border-bottom.bottom-position-primary {
        -webkit-transform: translateY(0);
           -moz-transform: translateY(0);
            -ms-transform: translateY(0);
             -o-transform: translateY(0);
                transform: translateY(0);
      }
    }
    
    @media only screen and (max-width: 768px) {
      .border-bottom.bottom-position-primary {
        -webkit-transform: translateY(30px);
           -moz-transform: translateY(30px);
            -ms-transform: translateY(30px);
             -o-transform: translateY(30px);
                transform: translateY(30px);
      }
    }
    
    .border-left {
    width: 130px;
    height: 100%;
    left: 0;
    top: 0;
    }
    
    @media only screen and (max-width: 995px) {
      .border-left {
        width: 70px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .border-left {
        width: 30px;
      }
    }
    
    .border-left.border-left-color {
    background: #111;
    top: 260px;
    }
    
    @media only screen and (max-width: 995px) {
      .border-left.border-left-color {
        top: 225px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .border-left.border-left-color {
        top: 150px;
      }
    }
    
    
    /* 29. Swiper CUSTOM */
    /* 29.1. Swiper style 1 */
    .hero-slider-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
    }
    
    .hero-slider-wrapper-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 300px;
    z-index: 1;
    }
    
    @media only screen and (max-width: 995px) {
      .hero-slider-wrapper-img {
        left: 0;
      }
    }
    
    .hero-slider-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    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;
            z-index: 1;
    }
    
    .swiper-container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    }
    
    .hero-slider-img .swiper-slide {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    }
    
    .swiper-slide-txt {
    position: relative;
    width: 100%!important;
    padding: 0;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    z-index: 1;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-txt {
        padding: 0 10px;
        left: 0;
      }
    }
    
    .swiper-slide-txt-inner {
    position: relative;
    max-width: 600px;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-txt-inner {
        max-width: 100%;
      }
    }
    
    .hero-slider-bg-controls {
    position: absolute;
    right: 44px;
    bottom: 40px;
    z-index: 10;
    }
    
    @media only screen and (max-width: 1200px) {
    }
    
    @media only screen and (max-width: 995px) {
      .hero-slider-bg-controls {
        right: 24px;
        bottom: 100px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .hero-slider-bg-controls {
        right: 24px;
        bottom: 60px;
      }
    }
    
    .swiper-slide-controls {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    font-size: 16px;
    color: #fff;
    background: #ff264a;
    cursor: pointer;
    }
    
    .swiper-slide-controls.slide-prev,
    .swiper-slide-controls.slide-next {
    position: relative;
    width: 50px!important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: 6px;
    text-align: center;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    }
    
    .swiper-slide-controls:hover {
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    background: #ff264a;
    }
    
    @media only screen and (max-width: 768px) {
      .swiper-slide-controls.slide-next {
        margin-top: 10px;
      }
    }
    
    .swiper-slide-pagination {
    position: absolute;
    width: 8px;
    left: 58px;
    bottom: 59px;
    z-index: 10;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-pagination {
        left: 100px;
        bottom: 94px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .swiper-slide-pagination {
        left: 60px;
        bottom: 54px;
      }
    }
    
    .swiper-slide-pagination::before {
    content: "";
    position: absolute;
    top: -50px;
    left: 0;
    right: 0;
    bottom: -50px;
    background: none;
    }
    
    .swiper-slide-pagination .swiper-pagination-bullet {
    position: relative;
    width: 100%;
    height: 6px;
    background: none;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    .swiper-slide-pagination .swiper-pagination-bullet:last-child {
    margin-bottom: 0;
    }
    
    .swiper-slide-pagination .swiper-pagination-bullet::before,
    .swiper-slide-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    top: 0;
    left: 50%;
    background: #fff;
    margin: 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    }
    
    .swiper-slide-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -1px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
         -o-box-sizing: border-box;
            box-sizing: border-box;
    -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;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
    }
    
    .swiper-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    -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;
    -webkit-transform: scale(1.8);
       -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
         -o-transform: scale(1.8);
            transform: scale(1.8);
    background: #ff264a;
    }
    
    .slider-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    }
    
    .circle-svg {
    position: relative;
    -webkit-transform: scale(1) rotate(-90deg);
       -moz-transform: scale(1) rotate(-90deg);
        -ms-transform: scale(1) rotate(-90deg);
         -o-transform: scale(1) rotate(-90deg);
            transform: scale(1) rotate(-90deg);
    -webkit-transition: transform .4s ease;
       -moz-transition: transform .4s ease;
        -ms-transition: transform .4s ease;
         -o-transition: transform .4s ease;
            transition: transform .4s ease;
    -webkit-transition: -webkit-transform .4s ease;
       -moz-transition: -moz-transform .4s ease;
        -ms-transition: -ms-transform .4s ease;
         -o-transition: -o-transform .4s ease;
            transition: transform .4s ease;
    }
    
    .circle-svg circle {
    stroke-dasharray: 400px;
    }
    
    .circle {
    stroke-dashoffset: 400px;
    }
    
    .slider-progress-bar.slider-active .circle {
    stroke-dashoffset: 200px;
    -webkit-transition: linear 3s stroke-dashoffset;
            transition: linear 3s stroke-dashoffset;
    }
    
    .swiper-slide-controls-play-pause {
    position: absolute;
    width: 50px;
    height: 50px;
    line-height: 50px;
    right: 170px;
    bottom: 40px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    font-size: 16px;
    color: #fff;
    background: #2d2d2d;
    cursor: pointer;
    z-index: 10;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-controls-play-pause {
        right: 150px;
        bottom: 100px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .swiper-slide-controls-play-pause {
        right: 150px;
        bottom: 60px;
      }
    }
    
    .swiper-slide-controls-play-pause:hover {
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    background: #2d2d2d;
    }
    
    .swiper-slide-controls-play-pause i,
    .swiper-slide-controls-play-pause i {
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
            
    }
    
    .swiper-slide-controls-play-pause.slider-on-off i::before,
    .slider-on-off-switch {
    content: "\f478";
    position: relative;
    width: 50px!important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    }
    
    
    /* 29.2. Swiper style 2 */
    .swiper-container-wrapper {
    padding-top: 0!important;
    height: 100%!important;
    }
    
    .swiper-slide {
    overflow: hidden;
    }
    
    .swiper-slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #111;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    }
    
    .swiper-slide-inner-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    -webkit-transition: opacity .6s ease-in-out, transform 2s ease .7s;
       -moz-transition: opacity .6s ease-in-out, transform 2s ease .7s;
        -ms-transition: opacity .6s ease-in-out, transform 2s ease .7s;
         -o-transition: opacity .6s ease-in-out, transform 2s ease .7s;
            transition: opacity .6s ease-in-out, transform 2s ease .7s;
    -webkit-transform: scale(1.15);
       -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
         -o-transform: scale(1.15);
            transform: scale(1.15);
            opacity: 0.2;
       -moz-opacity: 0.2;
    -webkit-opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    }
    
    .swiper-slide-duplicate-active .swiper-slide-inner-bg,
    .swiper-slide-active .swiper-slide-inner-bg {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    .swiper-slide-inner-bg-2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
        -ms-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    .swiper-slide-duplicate-active .swiper-slide-inner-bg-2,
    .swiper-slide-active .swiper-slide-inner-bg-2 {
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    .swiper-slide-inner-txt {
    position: absolute;
    width: auto;
    left: 257px;
    bottom: 257px;
    -webkit-transition: opacity .4s ease;
       -moz-transition: opacity .4s ease;
        -ms-transition: opacity .4s ease;
         -o-transition: opacity .4s ease;
            transition: opacity .4s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 15; 
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-inner-txt {
        width: 100%!important;
        top: 50%;
        left: 50%;
        bottom: auto;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
    }
    
    .swiper-slide-inner-txt-2 {
    position: absolute;
    width: 100%!important;
    left: 0;
    right: 0;
    margin-left: auto; 
    margin-right: auto;
    bottom: 257px;
    padding: 0;
    -webkit-transition: opacity .4s ease;
       -moz-transition: opacity .4s ease;
        -ms-transition: opacity .4s ease;
         -o-transition: opacity .4s ease;
            transition: opacity .4s ease;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
            opacity: 0;
       -moz-opacity: 0;
    -webkit-opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: 15; 
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-inner-txt-2 {
        width: 100%!important;
        top: 50%;
        left: 50%;
        bottom: auto;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
    }
    
    .swiper-slide-active .swiper-slide-inner-txt,
    .swiper-slide-active .swiper-slide-inner-txt-2 {
    -webkit-transition: opacity 1.8s ease 1.2s;
       -moz-transition: opacity 1.8s ease 1.2s;
        -ms-transition: opacity 1.8s ease 1.2s;
         -o-transition: opacity 1.8s ease 1.2s;
            transition: opacity 1.8s ease 1.2s;
            opacity: 1;
       -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    
    .swiper-slide-inner-txt-all {
    position: absolute;
    width: auto;
    left: 257px;
    bottom: 257px;
    z-index: 15;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-slide-inner-txt-all {
        width: 100%!important;
        top: 50%;
        left: 50%;
        bottom: auto;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
    }
    
    
    /* 29.3. Swiper style 3 */
    .parallax .swiper-container {
    width: 100%;
    height: 100%;
    background: #111;
    }
    
    .parallax .swiper-slide {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    }
        
    .parallax .parallax-bg {
    position: absolute;
    width: 120%;
    height: 100%;
    left: 0;
    top: 0;
    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;
    }
    
    .parallax .swiper-slide .text {
    position: absolute;
    width: auto;
    left: 257px;
    bottom: 257px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    z-index: 15; 
    }
    
    @media only screen and (max-width: 995px) {
      .parallax .swiper-slide .text {
        width: 100%!important;
        top: 50%;
        left: 50%;
        bottom: auto;
        margin: 0;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
      }
    }
    
    
    /* 29.4. Swiper style 4 */
    .swiper-scrollbar {
    position: absolute;	  
    left: 0;
    right: 0; 
    bottom: 64px;
    margin-left: auto; 
    margin-right: auto; 
    width: 300px!important;
    height: 1px;
    background: #444;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
    z-index: 15;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-scrollbar {
        display: none;
        visibility: hidden;
      }
    }
    
    .swiper-scrollbar-drag {
    position: relative;
    width: 100%;
    height: 3px;
    top: -1px; 
    left: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
        -ms-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
    background: #fff;
    }
    
    @media only screen and (max-width: 995px) {
      .swiper-scrollbar-drag {
        display: none;
        visibility: hidden;
      }
    }
    
    
    /* 30. Magnific Popup CUSTOM */
    .mfp-bg {
    background: rgba(0, 0, 0, .7);
    }
    
    .mfp-arrow-left:after {
    font-family: "Ionicons";
    content: "\f124";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 22px;
    left: 15px;
    }
    
    .mfp-arrow-right:after {
    font-family: "Ionicons";
    content: "\f125";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-top: 22px;
    right: 15px;
    }
    
    .mfp-zoom-out-cur,
    .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: crosshair;
    }
    
    .mfp-arrow-left:after,
    .mfp-arrow-left:before {
    border-right: none;
    }
    
    .mfp-arrow-right:after,
    .mfp-arrow-right:before {
    border-left: none;
    }
    
    .mfp-title,
    .mfp-counter {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05em;
    display: none;
    visibility: hidden;
    }
    
    .mfp-close {
    display: none;
    visibility: hidden;
    font-weight: 500!important;
    color: #fff!important;
    cursor: pointer!important;
    }
    
    @media only screen and (max-width: 1200px) {
      .mfp-close {
        display: block;
        visibility: visible;
      }
    }
    
    .mfp-arrow-left,
    .mfp-arrow-right {
    z-index: 99998!important;
    }
    
    .mfp-bg {
    z-index: 99996!important;
    }
    
    .mfp-wrap {
    z-index: 99997!important;
    }
    
    .mfp-content {
    z-index: 99998!important;
    }
    
    
    /* 31. Lity CUSTOM */
    .lity {
    z-index: 99999;
    cursor: crosshair;
    background: rgba(0, 0, 0, .55);
    }
    
    .lity-close {
    display: none;
    visibility: hidden;
    font-weight: 500!important;
    }
    
    @media only screen and (max-width: 1200px) {
      .lity-close {
        display: block;
        visibility: visible;
        top: 10px;
        left: 40px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .lity-close {
        top: 10px;
        left: 20px;
      }
    }
    
    @media only screen and (max-width: 1200px) {
      .lity-close:active {
        top: 10px;
        left: 40px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .lity-close:active {
        top: 10px;
        left: 20px;
      }
    }
    
    
    /* 32. Owl Carousel CUSTOM */
    .owl-nav-wrapper {
    position: absolute;
    right: 45px;
    bottom: 50px;
    }
    
    .owl-nav-custom-all {
    position: relative;
    width: 115px;
    height: 50px;
    margin: 2px 0 2px 50px;
    }
    
    @media only screen and (max-width: 768px) {
      .owl-nav-custom-all {
        margin: 2px 0 2px 30px;
      }
    }
    
    .owl-buttons {
    position: static;
    }
    
    .owl-prev,
    .owl-next {
    position: absolute;
    display: block;
    text-align: center;
    }
    
    .owl-prev {
    left: 0;
    }
    
    .owl-next {
    left: 60px;
    }
    
    .owl-prev,
    .owl-next {
    width: 50px;
    height: 50px;
    line-height: 50px;
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
        -ms-border-radius: 50%;
         -o-border-radius: 50%;
            border-radius: 50%;
    font-size: 12px;
    color: #fff;
    background: #111;
    cursor: pointer;
    z-index: 10;	
    }
    
    .owl-prev:hover,
    .owl-next:hover {
    -webkit-transition: all .4s ease-out;
       -moz-transition: all .4s ease-out;
        -ms-transition: all .4s ease-out;
         -o-transition: all .4s ease-out;
            transition: all .4s ease-out;
    background: #111;
    }
    
    
    /* 33. divider */
    .inner-divider,
    .inner-divider-half,
    .inner-divider-ultra-half,
    .inner-divider-50 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: none;
    z-index: -1;
    }

    .added-padding-top {
        padding-top: 70px;
    }
    
    .inner-divider {
    height: 260px;
    }
    
    @media only screen and (max-width: 995px) {
      .inner-divider {
        height: 150px;
      }
      .added-padding-top {
        padding-top: 0px;
    }
    }
    
    .inner-divider-half {
    height: 130px;
    }
    
    @media only screen and (max-width: 995px) {
      .inner-divider-half {
        height: 75px;
      }
    }
    
    .inner-divider-ultra-half {
    height: 35px;
    }
    
    @media only screen and (max-width: 768px) {
      .inner-divider-ultra-half {
        height: 25px;
      }
    }
    
    .inner-divider-50 {
    height: 50px;
    }
    
    @media only screen and (max-width: 768px) {
      .inner-divider-50 {
        height: 30px;
      }
    }
    
    .mobile-visible {
    display: none;
    visibility: hidden;
    }
    
    @media only screen and (max-width: 995px) {
      .mobile-visible {
        display: block;
        visibility: visible;
      }
      
      .mobile-hidden {
        display: none;
        visibility: hidden;
      }
    }
    
    .extra-margin,
    .extra-margin-all {
    position: relative;
    height: auto;
    min-height: inherit;
    overflow: hidden;
    margin-left: 50px;
    margin-right: 50px;
    background: none;
    }
    
    @media only screen and (max-width: 768px) {
      .extra-margin {
        margin-left: 30px;
        margin-right: 30px;
      }
    }
    
    @media only screen and (max-width: 1200px) {
      .extra-margin-all {
        margin-left: 10px;
        margin-right: 10px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .extra-margin-all {
        margin-left: 0;
        margin-right: 0;
      }
    }
    
    .extra-margin-owl {
    position: relative;
    height: auto;
    min-height: inherit;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    background: none;
    }
    
    @media only screen and (max-width: 995px) {
      .extra-margin-owl {
        margin-left: 50px;
        margin-right: 50px;
      }
    }
    
    @media only screen and (max-width: 768px) {
      .extra-margin-owl {
        margin-left: 30px;
        margin-right: 30px;
      }
    }

/* styles for gallery pages */
.container {
    padding-top: 150px;
    text-align: center;
}

.container h2 {
    font-size: 30px;
    text-transform: uppercase;
}