@import url('extras.css');
@import url('forms.css');

/*---------------------------------------------*\
                   
\*---------------------------------------------*/

* { margin:0; padding:0; font:15px/1.25 sans-serif; font-family: 'Fjord One', serif; font-weight:300; color:#656c78; z-index:1; -webkit-text-size-adjust: none; }

*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box;  }

html, body { min-height:100%; height:100%; width:auto; }
html > body  {min-height:100%; height:100%; width:auto; }
html { }
body {background:#ffffff; }

h1,h2,h3,h4,h5,h6 {line-height:1em; color:#444; padding:0;  margin-bottom:10px; text-align:left; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; color:inherit; font-family:inherit; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none }

h1 {font-size:34px; }
h2 {font-size:30px; }
h3 {font-size:26px; }
h4 {font-size:22px; }
h5 {font-size:16px; }
h6 {font-size:14px; }

p {margin-bottom:15px;}
a {text-decoration:none; color:#333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover {color:#0098E2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;}
hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}
a:visited, a:link {outline:none;}
a img {border:0;}
p.err {color:red; margin-bottom:10px}

em {font-style:italic}

strong, strong *, * strong {font-weight:bold !important; }
input {margin:0; padding:0;}
form p { margin:0; padding:0;}

ul { list-style-position:inside; margin:0; padding:0; }
ol li { list-style-type: decimal; list-style-position: outside; margin-left:15px }

label {color:#fff;}
select {-webkit-appearance:none; }

.hide {display:none}
.err {color:#f12 !important; }
strong.err {font-size:inherit; padding:0;}
h3.err {font-size:30px; padding:0;}

input:focus, select:focus {color:#444; outline:none; }
select:-moz-focusring { color: transparent;   text-shadow: 0 0 0 #000; }
button:focus {outline:0;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
div.clear { clear:both; }

.parallax { min-height: 645px; background: transparent; }
/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;
}
.not-fullscreen { height:50%; }

/*---------------------------------------------*\
                   layout 

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

\*---------------------------------------------*/
#wrapper { width:100%; margin-top: 120px; overflow: hidden; }
.container{ width: 100%; max-width: 1450px; padding: 0 25px; margin: 0 auto; }

#default{ padding-top: 40px; padding-bottom: 80px; }
#default .container{ max-width: 1024px; }
#default .container h1{ text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #656c78; font-weight: bold; letter-spacing: 2px; margin-bottom: 35px; }

.hamburger{ padding: 10px; text-align: center; }
.hamburger-box { left: 4px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{ height: 2px; }
.hamburger-inner, .hamburger-inner:after { width: 32px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { background-color: #656c78; }
.hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before { background-color: #666666; width: 100%; left: 0; }
.hamburger.is-active .hamburger-inner{ background-color: transparent; }
.hamburger-inner:before { left: -4px; }


#header{ background-color: #ffffff; position: fixed; z-index: 10; top: 0; left: 0; width: 100%; padding-top: 5px; padding-bottom: 10px; height: 120px; }
#header .logo-content, #header .lang-content{ float: left; width: 15%; padding-top: 30px; text-align: center; position: relative; z-index: 11; }
#header .logo-content img{ width: 100%; }
#header #menu{ float: left; width: 70%; text-align: center; padding-top: 45px; overflow: auto; }
#header #menu ul{ list-style: none; display: inline-block; }
#header #menu ul li{ float: left; margin: 0 13px; }
#header #menu ul li a{ text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #656c78; font-weight: 400; letter-spacing: 1px; font-size: 12px; }

#header #menu ul li a:hover, #header #menu ul li.active a{ color: #0098E2; }

#header .menu-hamburger{ display: none; position: absolute; z-index: 15; top: 38px; }

#header .lang-content{ padding-top: 10px; text-align: center; }
#header .lang-content ul{ list-style: none; display: inline-block; }
#header .lang-content ul li{ float: left; }
#header .lang-content ul li:after{ content: "|"; margin: 0 8px; color: #656c78; }
#header .lang-content ul li:last-child:after{ content: ""; margin: 0; }
#header .lang-content ul li a{ text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #656c78; font-weight: 400; letter-spacing: 1px; font-size: 12px; }
#header .lang-content ul li a:hover, #header .lang-content ul li.active a{ color: #0098E2; }
#header .lang-content .social-content{ padding-top: 5px; }
#header .lang-content .social-content a img{ padding: 5px; width: 50px; }
#header .lang-content .social-content a:hover img{ opacity: 0.8; }
#header .lang-content.responsive{ display: none; }


#footer{ background-color: #656c78; }
#footer *{ color: #ffffff; }
#footer .col-footer{ float: left; width: 33.3333%; padding: 50px 0 20px 0; }
#footer .col-footer.c1{ text-align: left; padding-top: 65px; }
#footer .col-footer.c2{ text-align: center; }
#footer .col-footer.c3{ text-align: center; padding-top: 65px; float: right; width: 15%; }

#footer .col-footer img.logo-footer{ margin-bottom: 25px; width: 210px; }
#footer .col-footer.c2 p, #footer .col-footer.c2 p a{ color: #dcdedf; font-size: 13px; }
#footer .col-footer.c2 p a:hover{ color: #0098E2; }

#footer .col-footer a.btn-contact{ font-family: 'Montserrat', sans-serif; letter-spacing: 1px; padding-bottom: 20px; background: url(/i/bg-link-onda.png) repeat-x bottom left; background-size: 12px; }
#footer .col-footer a.btn-contact:hover{ color: #0098E2; }

#footer .col-footer .social-content a{ margin: 0 5px; }
#footer .col-footer .social-content a:hover{ opacity: 0.8; }
#footer .col-footer .social-content a img{ width: 40px; }

#footer #credits{ padding: 15px; text-align: center; }
#footer #credits a{ color: #ffffff; font-family: 'Montserrat', sans-serif; letter-spacing: 1px; font-size: 12px; }
#footer #credits a:hover{ color: #cccccc; }


span.border{ width: 100%; max-width: 720px; height: 7px; background: url(/i/div-wave.png) repeat-x; display: block; margin: 0 auto; background-size: contain; }
span.border.space-bottom{ margin-bottom: 46px; }
span.border.space-top{ margin-top: 46px; }


.loadingbar {
    position: fixed;
    top: 0;
    height: 3px;
    width: 100%;
    z-index: 1000;
    left: 0;
    opacity: 1;
    transition: all 0.3s ease-out 0s; 
}
.loadingbar .bar {
    display: block;
    height: 100%;
    background: #0098E2;
    width: 40%;
    transition: all 0.3s ease-out 0s; 
}
.loadingbar--hide { opacity: 0; }
@media (max-width: 979px) {
    .loadingbar {
        display: none; 
    } 
}


/* HOME PAGE */

.content-row{ position: relative; padding-top: 50px; padding-bottom: 50px; }
.content-row>.container{ position: relative; }
.content-row .img-scroll{ position: absolute; right: 0%; top: -220%; }
.content-row .img-scroll img.perc80{ width: 100%; }

.content-row .img-scroll.bottle{ text-align: right; top: -125%; }

.content-row article{ width: 100%; max-width: 780px; margin: 0 auto; text-align: center; }
.content-row article *{ font-size: 20px; line-height: 1.6em; }
.content-row article p:last-of-type{ margin-bottom: 0; }
.content-row article:before, .content-row article:after{ content: ""; display: block; background: url(/i/div-xxx.png) no-repeat center; width: 34px; height: 8px; margin: 37px auto;background-size: contain; }

.content-row h1.title-mountains{ position: absolute; right: 45%; bottom: 32%; text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 22px; font-weight: 400; letter-spacing: 2px; text-align: center; line-height: 1.5em; }
.content-row h1.title-mountains:before, h1.title-mountains:after{ content: ""; display: block; background: url(/i/div-mountains-white.png) repeat-x; width: 100%; max-width: 385px; height: 23px; margin: 40px auto; background-size: contain; }

#product .content-row.parallax.sloegin-row h1.title-mountains{ position: relative; left: 0; width: 90%; max-width: 450px; margin: 0 auto; line-height: 1.8em; top: 0; padding: 7% 0; }
#product .content-row.parallax.sloegin-row h1.title-mountains:before{ margin-bottom: 70px; width: 100% !important; max-width: 100% !important; }
#product .content-row.parallax.sloegin-row h1.title-mountains:after{ margin-top: 70px; width: 100% !important; max-width: 100% !important; }

#product .content-row.parallax.sloegin-row .sloegin-article{ text-align: center; margin: 0 auto; width: 100%; max-width: 470px; }
#product .content-row.parallax.sloegin-row .sloegin-article *{ color: #ffffff; line-height: 2em; font-size: 18px; }

.content-row.parallax{ min-height: 750px; padding: 0; }
.home .content-row.parallax{ min-height: 850px; padding: 0; }

.content-row article .gallery-article{ text-align: center; margin-top: 20px; }
.content-row article .gallery-article img{ display: inline; width: 180px; margin: 25px 25px 0 25px; }

.content-row .rhombus{ width: 432px; height: 432px; position: absolute; border: 2px solid #ffffff; outline: 8px solid #0098E2; right: 12%; bottom: -8%; background-color: #0098E2; -webkit-transform: rotate(45deg); }
.content-row .rhombus .txt {-webkit-transform: rotate(-45deg); text-align: center;display: table; }
.content-row .rhombus .txt *{ color: #ffffff; font-size: 16px; line-height: 1.6em; }
.content-row .rhombus .center { position:absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.content-row .container-rombo {position:absolute; right: 0; bottom: 0; }

.content-row.sloegin-home-row .container-rombo { top: -15%; right: 50%; bottom: inherit; }
.content-row.sloegin-home-row .rombo{ outline: 8px solid #0098E2; background-color: #0098E2; }
.content-row.sloegin-home-row h1.title-mountains{ right: 5%; bottom: inherit; top: 20%; }
.content-row.sloegin-home-row h1.title-mountains>a{ text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #ffffff; font-size: 22px; font-weight: 400; text-align: center; line-height: 1.5em; }
.content-row.sloegin-home-row h1.title-mountains>a:hover{ opacity: 0.6; }

#product .content-row .container-rombo { bottom: 12%; }
.content-row .container-rombo .scritta {font-size:17px; line-height: 1.4em;}
.content-row .container-rombo .scritta span {font-size:inherit !important; color: #ffffff; position: relative;}

.content-row .container-rombo .scritta span.first:before, .content-row .container-rombo .scritta span:last-child:after{ content: ""; display: block; background: url(/i/div-xxx-white.png) no-repeat center; width: 100%; left: 0; height: 8px; position: absolute; background-size: contain; }
.content-row .container-rombo .scritta span.first:before{ top: -45px; }
.content-row .container-rombo .scritta span:last-child:after{ top: 60px; }

.content-row .rombo{display:block; width:423px; height:423px; overflow:hidden; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); position:relative; border: 2px solid #ffffff; outline: 8px solid #0098E2;  background-color: #0098E2; transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; /* non-essential styling */ -webkit-box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05); box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, .05);}
.content-row .scritta{ position:absolute; top:0; left:0; margin:0; padding:0; text-align:center; font-size: 15px; }
.sloegin .content-row .scritta, .sloegin .content-row .scritta *{ color: #ffffff; }

.sloegin .content-row .rombo{ outline: 8px solid #0098E2;  background-color: #0098E2; }

.content-row.image-row{ background-color: #e4e4e4; padding-bottom: 0; z-index: 0; }
.content-row.image-row .col-img, .content-row.image-row .col-article{ width: 50%; float: left; }
.content-row.image-row .col-img img{ max-width: 100%; }
.content-row.image-row .col-article{ padding: 10% 5% 25px 5%; }
.content-row.image-row .col-article h3{ text-transform: uppercase; font-family: 'Montserrat', sans-serif; color: #656c78; font-weight: bold; letter-spacing: 2px; margin-bottom: 45px; }
.content-row.image-row .col-article article{ text-align: left; }
.content-row.image-row .col-article article:before, .content-row.image-row .col-article article:after{ margin: 37px 0 37px 0; }
.content-row.image-row .col-article article *{ font-size: 16px; }

.content-row.image-row .col-article img.prodotto-gold{ width: 170px; position: absolute; right: 2%; top: 4%; }
.content-row.image-row .col-article img.lakecomo-logo{ max-width: 200px; width: 100%; margin-top: 5px; margin-bottom: 35px; }

.content-row.image-row.white{ background-color: #ffffff; }
.content-row.image-row.white .col-img{ float: right; }
.content-row.image-row.white .col-article{ padding: 5% 5% 25px 5%; }
/*.content-row.image-row.white .col-article article:before, .content-row.image-row.white .col-article article:after{ display: none; }*/
.content-row.image-row.white .col-article h3{ display: none; }

#product #row-3.content-row article:before, #product #row-3.content-row article:after{ content: ""; display: none; }
#product #row-3.content-row .col-article:before, #product #row-3.content-row .col-article:after{ content: ""; display: block; background: url(/i/div-xxx.png) no-repeat center; width: 34px; height: 8px; margin: 37px auto 37px 0; background-size: contain;}
#product.sloegin #row-3.content-row article:before, #product.sloegin #row-3.content-row article:after{ display: block; }

.gallery{ background-color: #5ec4c4; padding-top: 50px; padding-bottom: 80px; }
.gallery p{ margin: 0; padding: 25px; text-align: center; }
.gallery h3 {
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #656c78;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
}
.owl-carousel.owl-drag .owl-item{ padding: 15px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #656c78; }


.gallery-box{}
.gallery-box .box-img{ float: left; width: 25%; line-height: 0; overflow: hidden;  }
.gallery-box .box-img a{ display: block; line-height: 0; }
.gallery-box .box-img img{ width: 100%;  -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; }

.gallery-box .box-img:hover img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }


.centered-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#etichetta{ background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
#etichetta.mobile{ background-position: bottom; background-attachment: scroll; }
#etichetta .etichetta-container{ width: 100%; max-width: 1400px; margin: 25px auto 0 auto; padding-top: 0; padding-bottom: 25%; position: relative; }

#etichetta .title-etichetta{ position: relative; width: 100%;  }
#etichetta .title-etichetta h1{ 
    position: relative;
    display: inline-block;
    margin-left: 16%;
    margin-top: 7%;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 2px;
    text-align: center;
    width: auto;
}
#etichetta .title-etichetta h1:before, #etichetta .title-etichetta h1:after {
    content: "";
    display: block;
    background: url(/i/div-wave-big-white.png) repeat-x;
    width: 100%;
    max-width: 385px;
    height: 23px;
    margin: 40px auto;
    background-size: contain;
}

#etichetta .etichetta-container .main-img{ width: 90%; max-width: 530px; margin: 0 auto; position: relative; }
#etichetta .etichetta-container .main-img img{ width: 100%; }

#etichetta .etichetta-container .main-img .plus{ width: 10%; height: 11%; cursor: pointer; background: url(/i/plus.png) no-repeat center; background-size: contain; position: absolute; z-index: 20; -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; } 
#etichetta .etichetta-container .main-img .plus:hover{ -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s; } 
#etichetta .etichetta-container .main-img .plus.p1{ top: 0%; left: 75%; }
#etichetta .etichetta-container .main-img .plus.p2{ top: 23%; left: -1%; }
#etichetta .etichetta-container .main-img .plus.p3{ top: 46%; left: 78%; }


#etichetta .etichetta-container .text-img{ position: absolute; width: 100%; max-width: 220px; cursor: pointer; }
#etichetta .etichetta-container .text-img img{ max-width: 250px; width: 100%; }

#etichetta .etichetta-container .text-img.t1{ top: -9%; right: 26%; }
#etichetta .etichetta-container .text-img.t2{ top: 6%; left: 22%; }
#etichetta .etichetta-container .text-img.t3{ top: 21%; right: 27%; }

#etichetta .etichetta-container .text-img .txt{ position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0; }
#etichetta .etichetta-container .text-img .txt .txt-cont>span{ color: #ffffff; display: block; margin-bottom: 3px; font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 16px; }
#etichetta .etichetta-container .text-img .txt .txt-cont>img{ max-width: 80px; margin-top: 15px; }


#etichetta .etichetta-text{ background-color: #ffffff; margin-top: -33%; z-index: 0; padding-top: 12%; }
.content-row.etichetta-text article * { font-size: 17px; }



/* PRODUCT */

#product .content-row.parallax{ min-height: 780px; position: relative; }
#product .content-row.parallax>.container { position: absolute; height: 100%; max-width: 100%; top: 0; left: 0; }

#product .content-row.parallax.sloegin-row{ margin-bottom: 100px; }
#product .content-row.parallax.sloegin-row>.container{ position: relative }
#product .content-row.parallax.sloegin-row>.container img.logo-sloegin{ width: 90%; max-width: 450px; display: block; margin: 0 auto; position: relative; bottom: -120px; }

#product .content-row.parallax h1.title-mountains{ bottom: inherit; right: inherit; left: 6%; top: 20%; }
#product .content-row.parallax h1.title-mountains:before, #product .content-row.parallax h1.title-mountains:after { background: url(/i/div-wave-big-white.png) repeat-x; max-width: 398px; height: 22px; background-size: contain; }
#product .content-row.parallax .rhombus{ bottom: 0; }

.sloegin #product .content-row.parallax h1.title-mountains:before, .sloegin #product .content-row.parallax h1.title-mountains:after { width: 398px; height: 23px; background: url(/i/div-mountains-white.png) repeat-x; background-size: contain;}


/* SOCIAL WALL */

/*---------------------------------------------*\
                   #instagram 
\*---------------------------------------------*/
#instagram { overflow:hidden; padding-bottom:0px; padding-top:80px; text-align: center; background-color: #0098E2; min-height: 450px; }
#instagram .content {margin:0 auto; }
#instagram .box{ background-color: #ffffff; padding: 12px; }
#instagram .box .thumb { width:100%; background:#fff; overflow:hidden; line-height: 0; }
#instagram .box .thumb .image { height: 100%; width: 100%; margin: 0; padding: 0; }
#instagram .box .message{ text-align: left; margin-top: 12px; padding: 15px 0; line-height: 1.4em; font-family: 'Montserrat', sans-serif; font-weight: 400; }
#instagram .box .admin { position: absolute; top: 0; left: 0; background: #e80303; color: #fff; padding: 8px; border-radius: 0px 0px 10px 0px; z-index: 99; }
#instagram .box .admin:hover{ background: #a70000; }
#instagram .box .admin a{ color: #ffffff; }
#instagram .box .admin a img{ max-width: 25px; }
#instagram .box .admin:empty {display:none}

#instagram .instagram-link{ margin: 50px 0; text-align: center; }
#instagram .instagram-link a{ color: #ffffff; padding: 10px 20px; margin-bottom: 50px; border: 2px solid #ffffff; display: inline-block; text-transform: uppercase; }
#instagram .instagram-link a:hover{ background-color: #ffffff; color: #0098E2; }

.social-container{ max-width: 1280px; margin: 0 auto; }
.social-container:after {content: '';display: block;clear: both;}



#news { overflow:hidden; padding-bottom:0px; padding-top:80px; text-align: center; background-color: #0098E2; min-height: 450px; }
#news .content {margin:0 auto; }
#news .box-news{ background-color: #ffffff; padding: 12px; }
#news .box-news .content { width:100%; background:#fff; overflow:hidden; line-height: 0; }
#news .box-news .content img { height: 100%; width: 100%; margin: 0; padding: 0; }
#news .box-news .content .text{ text-align: left; margin-top: 12px; padding: 15px 0; line-height: 1.4em; font-family: 'Montserrat', sans-serif; font-weight: 400; }
#news .box-news .content h4{ margin-bottom: 20px; }
#news .box-news .content span{ font-family: 'Montserrat', sans-serif; }


.grid-item {float: left; text-align: center; margin-bottom: 4% }
.grid-item .content{text-align: left;}
.gutter-sizer { width: 4.5%; }
.grid-sizer, .grid-item { width: 30%; }

/* position stamp elements with CSS */
/* horizontally center stamp */
.stamp-position {
  position: absolute;
  left: 50%;
}

.stamp {
    position: absolute;
    left: -176px;
    top: 0;
    height: 165px;
    width: 350px;
    margin-bottom: 80px;
}
.stamp h1{ text-align: left; padding-top: 70px; font-family: 'Montserrat', sans-serif; color: #002b4c; font-weight: bold; letter-spacing: 25px; text-align: center; }
.stamp span.border{ position: absolute; left: 0; width: 100%; }
.stamp span.border.top{ top: 0; }
.stamp span.border.bottom{ bottom: 0; }
.stamp:before{ content: ""; display: block; background: url(/i/div-xxx.png) no-repeat center; width: 34px; height: 8px; position: absolute; left: 50%; margin-left: -17px; top: -30px; background-size: contain; }
.stamp:after{ content: ""; display: block; background: url(/i/div-xxx.png) no-repeat center; width: 34px; height: 8px; position: absolute; left: 50%; margin-left: -17px; bottom: -30px; background-size: contain; }

#news .stamp h1{ text-align: center; }
.p404 .stamp h1{ padding-top: 30px; }



#contact{ position: relative; background-color: #0098E2; }
#contact .container{ position: relative; }
#contact .form{ padding-top: 100px; max-width: 1100px;  margin: 0 auto; }

.parallax{ position: relative; }
.parallax .stamp-position{ top: 32%; }
.parallax .stamp:before, .parallax .stamp:after{ background: url(/i/div-xxx-white.png) no-repeat center; }
.parallax .stamp{ top: 0; text-transform: uppercase; }
.parallax .stamp h1 { letter-spacing: 10px; text-align: center; color: #ffffff; }
.parallax .stamp span.border{ background: url(/i/div-wave-white.png) repeat-x; }


.header-img{ position: relative; width: 100%; line-height: 0; }
.header-img img{ width: 100%; position: relative; z-index: 0;}
.header-img .stamp-position{ top: 32%; }
.header-img .stamp:before, .header-img .stamp:after{ background: url(/i/div-xxx-white.png) no-repeat center; background-size: contain; }
.header-img .stamp{ top: 0; text-transform: uppercase; }
.header-img .stamp h1 { letter-spacing: 10px; text-align: center; color: #ffffff; }
.header-img .stamp span.border{ background: url(/i/div-wave-white.png) repeat-x; background-size: contain; }
.header-img.home-h{ min-height: 0px;}


a.loadmore-btn{ color: #ffffff; padding: 10px 20px; margin-bottom: 50px; border: 2px solid #ffffff; display: inline-block; }
a.loadmore-btn>span{ color: #ffffff; }

a.loadmore-btn:hover{ background-color: #ffffff; }
a.loadmore-btn:hover>span{ color: #0098E2; }

@media screen and (max-width: 1150px) {
  .grid-sizer, .grid-item { width: 47%; }
}
@media screen and (max-width: 850px) {
  .gutter-sizer { width: 2%; }
  .grid-sizer, .grid-item { width: 90%; }
  #instagram .content, #news .content { margin: 0 auto; width: 60%; }
}
@media screen and (max-width: 600px) {
  .grid-sizer, .grid-item { width: 90%; }
  #instagram .content, #news .content { margin: 0 auto; width: 100%; }
}

#loader-icon {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
#loader-icon img.icon {width: 100px;position: absolute;top: 50%;margin-top: -50px;left: 50%;margin-left: -50px;}


/* LIGHTBOX */

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
    cursor: pointer;
    position: fixed;
    z-index: 10000;

    -ms-touch-action: none;
    touch-action: none;

    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
    border-radius: 50%;
}
#imagelightbox-loading
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;

    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
    from { opacity: .5;	-webkit-transform: scale( .75 ); }
    50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
    to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
    from { opacity: .5;	transform: scale( .75 ); }
    50%	 { opacity: 1;	transform: scale( 1 ); }
    to	 { opacity: .5;	transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay
{
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    background-color: #0098E2;
    border-radius: 50%;
    position: fixed;
    z-index: 10002;
    top: 2.5em; /* 40 */
    right: 2.5em; /* 40 */
    border: 0;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #656c78; }

#imagelightbox-close:before,
#imagelightbox-close:after
{
    width: 2px;
    background-color: #fff;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close:before
{
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close:after
{
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}


/* CAPTION */

#imagelightbox-caption
{
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    border-radius: 20px;
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */

    -webkit-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    transform: translateX( -50% );
}
#imagelightbox-nav button
{
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active
{
    background-color: #fff;
}


/* ARROWS */

.imagelightbox-arrow
{
    width: 3.75em; /* 60 */
    height: 7.5em; /* 120 */
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em; /* 60 */
    cursor: pointer;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus	{ background-color: transparent; }
.imagelightbox-arrow:active { background-color: transparent; }

.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }

.imagelightbox-arrow:before
{
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before
{
    border-left: none;
    border-right-color: #0098E2;
    margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before
{
    border-right: none;
    border-left-color: #0098E2;
    margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}
@keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */
{
    #imagelightbox-close
    {
        top: 1.25em; /* 20 */
        right: 1.25em; /* 20 */
    }
    #imagelightbox-nav
    {
        bottom: 1.25em; /* 20 */
    }

    .imagelightbox-arrow
    {
        width: 2.5em; /* 40 */
        height: 3.75em; /* 60 */
        margin-top: -2.75em; /* 30 */
    }
    .imagelightbox-arrow-left	{ left: 1.25em; /* 20 */ }
    .imagelightbox-arrow-right	{ right: 1.25em; /* 20 */ }
}

@media only screen and (max-width: 20em) /* 320 */
{
    .imagelightbox-arrow-left	{ left: 0; }
    .imagelightbox-arrow-right	{ right: 0; }
}