/* SLIDESHOW */

.layer1 {
    background-image: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/34639127/img-2.jpg);
    z-index: 99999;
}
.layer2 {
    background-image: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/36808222/PLJ_5727%20copy%20copy.jpg);
    animation: layer2Anim 18s infinite;
    z-index: 99999;
}
.layer3 {
    background-image: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/34639131/img-3.jpg);
    animation: layer3Anim 18s infinite;
    z-index: 99999;
}

@keyframes layer2Anim {
    0%{opacity:0;}
    17%{opacity:0;}
    33%{opacity:1;}
    50%{opacity:1;}
    67%{opacity:0;}
    100%{opacity:0;}
}
@keyframes layer3Anim {
    0%{opacity:0;}
    40%{opacity:0;}
    62%{opacity:1;}
    83%{opacity:1;}
    100%{opacity:0;}
}
.slideShow {
    position: relative;
}
.placeHolder {
    width: 100%;
    visibility: hidden;
}
.layer1, .layer2, .layer3 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.slideOverlay p {
    position: relative;
    font-size: 6vw;
    color: #fff;
    text-shadow: 3px 3px 6px #000;
    text-align: center;
    top: 40%;
}
.slideOverlay a {
    width: 100%;
    background: rgba(128, 128, 128, 0);
    display: block;
    height: 100%;
    text-indent: -9999px;
}
/*
.slideShow {
    margin-top: 60px!important;
}
*/

@media only screen and (min-width: 1024px)
{
.slideShow {
    max-width: 750px;
    margin: 0 auto;
    margin-top:50px;
}
}

/* MISC */

div#logo {
    text-align: center;
}

#head_logo {
    float: none;
    margin: 0 auto;
}

#menu_container .menu_padding {
    min-height: 40px;
}

#content_page_wrapper [data-content-module-removable] .twelvecol {
    padding-left: 0!important;
    padding-right: 0!important;
}


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

.nav {
    display: block!important;
}
#content_page_wrapper [data-content-module-removable] {
    padding-left: 0!important;
    padding-right:0!important;
        margin-left: -2px;
}
}

@media only screen and (min-width: 767px){
#content_page_wrapper [data-content-module-removable] {
    padding-left: 0!important;
    padding-right: 0!important;
        margin-left: -2px;
}
.nav {
    display: none!important;
}
}



@media only screen and (min-width: 1px) {

.mobile-menu-trigger {
    display: block!important;
    width: 30px!important;
    height: 30px!important;
    position: absolute!important;
    top: 50%!important;
    right: 0!important;
    padding: 0!important;
    margin-top: -15px!important;
    background: green!important;
    border: none!important;
    cursor: pointer!important;
    outline: none!important;
}
.mobile-menu-trigger .hamburger {
    background: #a8a8a8!important;
    display: block!important;
    position: absolute!important;
    top: 7px!important;
    right: 0!important;
    width: 21px!important;
    height: 4px!important;
    border-radius: 1px!important;
}
.mobile-menu-trigger .ex {
    position: absolute!important;
    top: 0!important;
    right: 0!important;
    display: none!important;
    width: 18px!important;
    height: 18px!important;
    margin-top: 15px!important;
}
  .open-mobile-menu .mobile-menu-trigger .hamburger {
    display: none!important;
  }

  .open-mobile-menu .mobile-menu-trigger .ex {
    display: block!important;
  }
  
  
   .open-mobile-menu {
    overflow: hidden!important;
  }

  #head_logo {
    width: 75%!important;
    min-height: 0!important;
    max-height: none!important;
    max-width: none!important;
    padding-right: 0!important;
  }

  #menu_container #logo a img {
    max-width: 100%!important;
    max-height: 60px!important;
    {{ 0.2 | slider_val_to_scale_val: theme.logo_size | wrap: "scale(", ")" | vendorize_css_declaration: "transform" }}
  }

  #menu_container {
    
    /*
    width: 100vw!important;
*/
    -webkit-transition: transform 0.3s ease!important;
    -moz-transition: transform 0.3s ease!important;
    -ms-transition: transform 0.3s ease!important;
    -o-transition: transform 0.3s ease!important;
    transition: transform 0.3s ease!important;
  }

    #menu_container.hidden {
      -webkit-transform: translate3d(0, -100%, 0)!important;
      -moz-transform: translate3d(0, -100%, 0)!important;
      transform: translate3d(0, -100%, 0!important);
    }

    #menu_container #logo a {
      font-size: 28px!important;
    }

  .header_container {
    position: relative!important;
  }

  .open-mobile-menu #content {
    display: none!important;
  }

  .mobile-menu-trigger {
    display: block!important;
    width: 30px!important;
    height: 30px!important;
    position: absolute!important;
    top: 50%!important;
    right: 0!important;
    padding: 0!important;
    margin-top: -15px!important;
    background: none!important;
    border: none!important;
    cursor: pointer!important;
    outline: none!important;
  }

    .mobile-menu-trigger:active {
      background: none!important;
    }

    .mobile-menu-trigger .hamburger {
      background: {{ theme.menu_typography.color }}!important;
      display: block!important;
      position: absolute; top: 7px; right: 0!important;
      width: 21px; height: 4px!important;
      border-radius: 1px!important;
    }

      .mobile-menu-trigger .hamburger::before {
        background: {{ theme.menu_typography.color }}!important;
        content: ""!important;
        display: block!important;
        position: absolute; top: 7px; left: 0!important;
        width: 21px; height: 4px!important;
        border-radius: 1px!important;
      }
      .mobile-menu-trigger .hamburger::after {
        background: {{ theme.menu_typography.color }}!important;
        content: ""!important;
        display: block;
        position: absolute; top: 14px; left: 0!important;
        width: 21px; height: 4px!important;
        border-radius: 1px!important;
      }

    .mobile-menu-trigger .ex {
      position: absolute!important;
      top: 0!important;
      right: 0!important;
      display: none!important;
      width: 18px!important;
      height: 18px!important;
      margin-top: 15px!important;
    }

      .mobile-menu-trigger .ex::before {
        background: {{ theme.menu_typography.color }}!important;
        content: ""!important;
        display: block!important;
        position: absolute; top: 0; left: 0!important;
        width: 22px; height: 3px!important;

        -webkit-transform: rotate(45deg)!important;
        -moz-transform: rotate(45deg)!important;
        -ms-transform: rotate(45deg)!important;
        -o-transform: rotate(45deg)!important;
        transform: rotate(45deg)!important;
      }

      .mobile-menu-trigger .ex::after {
        background: {{ theme.menu_typography.color }}!important;
        content: ""!important;
        display: block;
        position: absolute; top: 0; left: 0!important;
        width: 22px; height: 3px!important;

        -webkit-transform: rotate(-45deg)!important;
        -moz-transform: rotate(-45deg)!important;
        -ms-transform: rotate(-45deg)!important;
        -o-transform: rotate(-45deg)!important;
        transform: rotate!important;
      }

  .open-mobile-menu .mobile-menu-trigger .hamburger {
    display: !important;
  }

  .open-mobile-menu .mobile-menu-trigger .ex {
    display: block!important;
  }

  .nav {
    position: fixed!important;
    top: -500%!important;
    left: 0!important;
    width: 100vw!important;
    height: !important;
    margin-left:0!important;
    overflow-y: auto!important;
    background: {{ theme.background_color }}!important;
    opacity: 0.01!important;
    pointer-events: none!important;
    -webkit-overflow-scrolling: touch!important;

    -webkit-transition: opacity 0.3s ease!important;
    -moz-transition: opacity 0.3s ease!important;
    -ms-transition: opacity 0.3s ease!important;
    -o-transition: opacity 0.3s ease!important;
    transition: opacity 0.3s ease!important;
  }

  .open-mobile-menu .nav {
    top: 0!important;
    opacity: 1!important;
    pointer-events: auto!important;
  }

  .social {
    margin-left: 0!important;
  }

  #menu > li {
    display: block!important;
    margin: 0!important;
    padding: 0!important;
    white-space: normal!important;
    text-align: center!important;
  }

    #menu > .social {
      margin: 24px 0!important;
    }

  #menu .category + .category {
    margin-top: 2px!important;
  }

  #menu > .category > a {
    background: {{ theme.menu_typography.background }}!important;
  }

    #menu > .category > a span {
      opacity: 0.5!important;
    }

  #menu > .item, #menu > .category > a, #menu .dropdown > .item {
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
  }

  #menu > .category:hover > a, #menu .dropdown > .item:hover {
    background: {{ theme.menu_typography.background }}!important;
  }

  #menu > .item:hover {
    background: !important;
  }

  #menu .item a,
  #menu .category > div,
  #menu .category a,
  #menu .category a:visited,
  #menu .item a:visited {
    padding: 12px 0!important;
    font-size: 18px!important;
    line-height: 21px!important;
    text-align: center!important;

    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
  }

  #menu .dropdown {
    position: static!important;
    width: auto!important;
    height: auto!important;
    padding: 0!important;

    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
    -o-transition: none!important;
    transition: none!important;
  }

    #menu .dropdown li {
      display: block!important;
      text-align: center!important;
      white-space: normal!important;
    }

    #menu .category:hover .dropdown,
    #menu .category:focus .dropdown {
      height: auto !important;

      -webkit-transition: none!important;
      -moz-transition: none!important;
      -ms-transition: none!important;
      -o-transition: !important;
      transition: none!important;
    }

  #menu_container .mobile_nav_item {
    display: block!important;
    margin: 11px 0!important;
    {% if meta.using.text_color %}
      color: {{ meta.using.text_color }};
    {% else %}
      color: #666!important;
    {% endif %}
    font-size: 12px!important;
    line-height: 13px!important;
  }

  #menu_container .mobile_nav_item #using {
    position: static !important;
    color: {{ theme.menu_typography.color }} !important;
    font-family: {{ theme.menu_typography.font-family }} !important;
  }

  #menu_container .mobile_nav_item #using a {
    color: {{ theme.menu_typography.color }} !important;
  }

  #menu_container .mobile_nav_item.nav_footer_text {
    color: {{ theme.menu_typography.color }} !important;
    font-family: {{ theme.menu_typography.font-family }} !important;
  }

  #menu_container .mobile_nav_item a {
    {% if meta.using.text_color %}
      color: {{ meta.using.text_color }}!important;
    {% else %}
      color: #666!important;
    {% endif %}
  }

  ul.social_icons li.social_icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    border-radius: 100%;
  }

    ul.social_icons li.social_icon a {
      width: 32px;
      height: 32px;
    }

  ul.social_icons li.social_icon .social-icon {
    height: 18px;
    left: 1px;
    top: 3px;
  }
  
 

  #share_button, .footer_text {
    display: none;
  }

 

  .f-share-panel {
    display: none;
  }
 
  
  
  .nav {
    display: block!important;
        max-width: 100%;
}

.mobile-menu-trigger .hamburger::before {
    background: #a8a8a8!important;
}
.mobile-menu-trigger .hamburger::after {
    background: #a8a8a8!important;
}
}

/* MENU STYLING */
.nav .menu_wrap {
    background: #d3d7e0;
}
#menu .dropdown > .item {
    background: transparent;
}

#menu > .item:hover, #menu > .category:hover > a, #menu .dropdown > .item:hover {
    background: transparent;
}

#menu .item a, #menu .category > div, #menu .category a, #menu .category a:visited, #menu .item a:visited {
    color: black;
}

#menu .item a:hover, #menu .category a:hover, #menu .item a:focus, #menu .category a:focus {
    color: white!important;
}

#menu .selected > a, #menu .category > .selected > a {
    background: transparent;
    color: orange;
}

.nav {
    height: 100%!important;
}

.page_4474841 .container {
    margin-top: -50px;
}

#menu span {
    display: none;
}

#menu_container #logo h1 {
    margin-top: 20px!important;
    margin-bottom: -20px!important;
}

/*
@media only screen and (max-width: 1024px){

.slideShow {
    margin-top: 130px!important;
}
}
*/

@media only screen and (max-width: 767px){
.slideShow {
    margin-top: 10px!important;
}
}

#content_page_wrapper {
 /*   max-width: 1600px!important;*/
    line-height: 0!important;
}

.nav .menu_wrap {
    height: 100%!important;
}

@media only screen and (min-width: 767px){

.mobile-menu-trigger .ex {

    background: red;
    width: 22px!important;
    height: 22px!important;
    left: 10px!important;
    top: -10px!important;
    background: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/36971785/exis.png) no-repeat;
    background-position: -10px -5px;
    right: 5px!important;
}
.open-mobile-menu .nav {
    background: #d3d7e0!important;
}
}


.page_4474841 .container {
    overflow: hidden;
}

#menu_container #logo h1 a:hover {
    color: grey;
}

@media only screen and (min-width: 1px){
.mobile-menu-trigger {
    display: block!important;
    width: 30px!important;
    height: 30px!important;
    position: absolute!important;
    top: 50%!important;
    left: 0!important;
    padding: 0!important;
    margin-top: -15px!important;
    background: none!important;
    border: none!important;
    cursor: pointer!important;
    outline: none!important;
    right: unset;
}
}


/* EVENTUELT */
/*
#menu_container #logo h1 {
    margin-top: 0px!important;
    margin-bottom: -5px!important;
}
*/





 .page_4702153 .layer1 {
    background-image: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/37248979/img-mobi-0.jpg);
    z-index: 99999;
}
 .page_4702153 .layer2 {
    background-image: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/37248984/img-mobi-1.jpg);
    animation: layer2Anim 18s infinite;
    z-index: 99999;
}
.page_4702153 .layer3 {
    background-image: url(https://4ormat-asset.s3.amazonaws.com/vfs/55593/public_assets/37248985/img-mobi-2.jpg);
    animation: layer3Anim 18s infinite;
    z-index: 99999;
}

*/

@media only screen and (max-width: 1024px)
{
.page_4702153 .slideShow {
    margin-top: 30px!important;
    height: 100%!important;
    background: grey;
    width: auto;
    min-height: 1100px;
    margin-right: 10%;
    margin-left: 10%;
    background-size: contain;
}
}