/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

html, body {
    margin: 0;
    padding: 0;
}
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    overflow: hidden;
    background-position: center bottom;
    padding-right: 70px !important;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;

    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
    position: relative;
    z-index: 2;
}
.tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}
.controlArrow {
    position: absolute;
    bottom: -25px;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;

    -webkit-transition: all .2s ease-in-out 0.25s;
       -moz-transition: all .2s ease-in-out 0.25s;
        -ms-transition: all .2s ease-in-out 0.25s;
         -o-transition: all .2s ease-in-out 0.25s;
            transition: all .2s ease-in-out 0.25s;
}
#superContainer:hover .controlArrow {
    bottom: 47px;
}
.controlArrow.prev {
    left: 0;
    width: 0;
    border-width: 18px 18px 18px 0;
    border-color: transparent transparent transparent transparent !important;
    z-index: 10;
}
.controlArrow.prev:after {
    content: "\e8bf";
    font-family: 'capital_icofonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 22px;
    color: #252525;
    display: inline-block;
    background: #fefefe;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}
.controlArrow.next {
    right: 65px;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent transparent !important;
    z-index: 10;
}
.controlArrow.next:after {
    content: "\e8c2";
    font-family: 'capital_icofonts';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 22px;
    color: #252525;
    display: inline-block;
    background: #fefefe;
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
}
.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
         -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 90;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 0px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background: #fefefe;
}
#fullPage-nav li span,
.fullPage-slidesNav a span {
    -webkit-perspective: 1000px;
       -moz-perspective: 1000px;
        -ms-perspective: 1000px;
         -o-perspective: 1000px;
            perspective: 1000px;

    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
         -o-transform-style: preserve-3d;
            transform-style: preserve-3d;

    -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;
}
#fullPage-nav li .active span {
    background: #fefefe;

    -webkit-transform: rotateX(180deg);
       -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
         -o-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
.fullPage-slidesNav a.active span {
    background: #fefefe;

    -webkit-transform: rotateX(180deg);
       -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
         -o-transform: rotateX(180deg);
            transform: rotateX(180deg);
}
#fullPage-nav li a:hover span,
.fullPage-slidesNav a:hover span {
    background: rgba(256,256,256,0.5);
}
#fullPage-nav li a.active:hover span,
.fullPage-slidesNav a.active:hover span {
    background: rgba(256,256,256,1);
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 0.2);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1; 
}
.fullPage-slidesNav span {
    width: 40px;
    border-radius: 0;
    height: 3px;
}
.fullPage-slidesNav li {
    width: 35px;
    height: 15px;
}
#fullPage-nav span {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.fullPage-tooltip {
    position: absolute;
    color: #252525;
    top: -8px;
    background: #FEFEFE;
    padding: 10px 25px;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    min-height: 32px;
}
.fullPage-tooltip.right:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(254, 254, 254, 0);
    border-left-color: #fefefe;
    border-width: 4px;
    margin-top: -4px;
}
.fullPage-tooltip.left:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(254, 254, 254, 0);
    border-right-color: #fefefe;
    border-width: 4px;
    margin-top: -4px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}

.page-template-page-templatesone-pager-php .tooltip {
    display: none !important; /*hides foundation tooltips*/
}

.wpb_row {
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.header-style-one-page.absolute {
    width: 100%;
}

.off-canvas-main-nav .one-pager-off-canvas-nav-wrapper .one-pager-off-canvas-menu > li,
.off-canvas-main-nav aside.widget ul.menu li {
    line-height: 4;
    border-bottom: none;
    font-family: "OpenSansSemiBold";
    text-transform: uppercase;
}

.off-canvas-right .off-canvas-main-nav {
    padding-top: 10px;
}

.off-canvas-right .off-canvas-main-nav aside.widget {
    padding: 0 30px;
}

.off-canvas-main-nav .one-pager-off-canvas-nav-wrapper .one-pager-off-canvas-menu li a {
    padding: 0 30px;
    color: #252525;
    display: block;
}

.off-canvas-main-nav aside.widget ul.menu li a {
    padding: 0;
    color: #252525;
    display: block;
}

.off-canvas-main-nav aside.widget ul.menu li a:hover {
    color: #999;
}

.off-canvas-main-nav .one-pager-off-canvas-nav-wrapper .one-pager-off-canvas-menu li a:hover,
.off-canvas-main-nav ul.menu li a:hover {
    background: none;
    color: #999;
}

.off-canvas-main-nav aside.widget input[type="submit"] {
    background: #B6B6B6;
    border: 1px solid #B6B6B6;
}

.off-canvas-main-nav aside.widget.widget_nav_menu {
    margin-bottom: 0;
}

.off-canvas-main-nav aside.widget h3.widget-title,
.off-canvas-main-nav aside.widget h2.widgettitle {
    border-bottom: 0 none;
    margin: 10px 0 0 0;
}

.off-canvas-main-nav aside.widget h3.widget-title:before,
.off-canvas-main-nav aside.widget h2.widgettitle:before {
    display: none;
}

.one-pager-off-canvas-nav-wrapper > ul {
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 10px;
}

.logo-column {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 11;
}

.menu-icon {
    position: fixed;
    right: -80px;
    top: 66px;
    z-index: 11;

    -webkit-transition: all .2s ease-in-out 0.1s;
       -moz-transition: all .2s ease-in-out 0.1s;
        -ms-transition: all .2s ease-in-out 0.1s;
         -o-transition: all .2s ease-in-out 0.1s;
            transition: all .2s ease-in-out 0.1s;
}

#superContainer:hover .menu-icon {
    right: 0;
}

.menu-icon a {
    color: #252525;
    font-size: 30px;
    background: #FEFEFE;
    width: 65px;
    height: 65px;
    line-height: 65px;
    display: block;
}

.menu-icon a span {
    width: 65px;
    height: 65px;
    line-height: 65px;
    text-align: center;
    display: block;
}

.section-down,
.section-up {
    position: fixed;
    z-index: 11;
    font-size: 22px;
    color: #252525;
    background: #FEFEFE;
    display: block;
    width: 65px;
    height: 65px;
    right: -80px;
    top: 132px;
    text-align: center;
    line-height: 65px;

    -webkit-transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
         -o-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
}

.section-down {
    -webkit-transition-delay: 0.2s;
       -moz-transition-delay: 0.2s;
        -ms-transition-delay: 0.2s;
         -o-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.no-nav .section-down {
    top: 66px;
}

.no-up-down .menu-icon {
    top: 0;
}

.section-down span,
.section-up span {
    line-height: 65px;
    display: inline-block;
}
.section-up {
    top: 0;
}

#superContainer:hover .section-down,
#superContainer:hover .section-up {
    right: 0;
}

#content div.section.active:last-of-type .section-down {
    visibility: hidden;
    opacity: 0;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product a,
.page-template-page-templatesone-pager-php .woocommerce-page ul.products li.product a {
    color: #FEFEFE;
}

.page-template-page-templatesone-pager-php .owl-theme .owl-controls .owl-buttons div {
    color: #FEFEFE;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product .product_category_title {
    color: #E6E6E6;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product a:hover,
.page-template-page-templatesone-pager-php .woocommerce-page ul.products li.product a:hover {
    color: #fff;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product .shop_items_text_holder,
.page-template-page-templatesone-pager-php .woocommerce-page ul.products li.product .shop_items_text_holder {
    border-left: 1px solid #fefefe;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product .shop_items_text_holder:before,
.page-template-page-templatesone-pager-php .woocommerce-page ul.products li.product .shop_items_text_holder:before {
    background: #fefefe;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product .price,
.page-template-page-templatesone-pager-php .woocommerce-page ul.products li.product .price {
    color: #fefefe;
}

.page-template-page-templatesone-pager-php .owl-theme .owl-controls .owl-page.active span,
.page-template-page-templatesone-pager-php .owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #F7F7F7;
}

.page-template-page-templatesone-pager-php .owl-theme .owl-controls .owl-page span {
    border: 1px solid #fefefe;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product .price del,
.page-template-page-templatesone-pager-php .woocommerce-page ul.products li.product .price del {
    color: #FEFEFE;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product-category .collection-wrapper {
    border-left: 1px solid #fefefe;
}

.page-template-page-templatesone-pager-php .woocommerce ul.products li.product-category .collection-wrapper:before {
    background: #fefefe;
}

/* Preloader */

#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-image: url('../../images/clouds.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover; 
    background-color:#5A98BD; /* change if the mask should have another color then white */
    z-index:9999; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:8%; /* centers the loading animation vertically one the screen */
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.spinner {
  margin: 100px auto;
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #fefefe;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* Break Points */

@media only screen and (max-width: 1024px) {
    .section-down,
    .section-up,
    .menu-icon {
        right: 0;
    }
    .controlArrow {
        bottom: 47px;
    }
}

@media only screen and (min-width: 58.75em) {
    .top-bar .menu-icon {
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    .section-down, .section-up {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .section-down span, .section-up span {
        line-height: 35px;
    }
    .menu-icon a {
        font-size: 20px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .menu-icon a span {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    .menu-icon {
        top: 36px;
    }
    .section-down {
        top: 72px;
    }
    .section {
        padding-right: 30px !important;
        padding-top: 30px !important;
    }
    #fullPage-nav.right {
        right: 3px;
    }
    .controlArrow.next:after,
    .controlArrow.prev:after {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
    .controlArrow {
        bottom: 17px !important;
    }
    .controlArrow.next {
        right: 35px;
    }
    .fullPage-slidesNav.bottom {
        bottom: -10px;
    }
    p {
        font-size: 11px !important;
    }
    .lead {
        font-size: 13px !important;
    }
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-size: 18px;
    }
    .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button {
        margin-bottom: 5px;
    }
    button.wpb_btn-large, span.wpb_btn-large {
        font-size: 12px !important;
        padding: 16px 18px !important;
    }
    .huge-text {
        font-size: 28px;
    }
    #logo img {
        max-width: 60%;
        height: auto;
    }
    .column, .columns {
        float: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    #fullPage-nav {
        top: 60%;
    }
}