/*

list of available font-styles:

font-family:'Trade Gothic W01 Light';
font-family:'TradeGothicW01-LightObl';
font-family:'Trade Gothic W01 Roman';
font-family:'Trade Gothic W01 Obl';
font-family:'Trade Gothic W01 Bold';
font-family:'TradeGothicW01-BoldObl';
font-family:'Trade Gothic W01 Bold_2';
font-family:'TradeGothicW01-Bold2Obl';
font-family:'Trade Gothic W01 Cn_18';
font-family:'TradeGothicW01-Cn18Obl';
font-family:'TradeGothicW01-BoldCn20_675334';
font-family:'TradeGothicW01-BoldCn20_675337';
font-family:'TradeGothicW01-Extended';
font-family:'TradeGothicW01-BoldExte';
font-family:'Brandon Grot W01 Thin';
font-family:'BrandonGrotW01-ThinItal';
font-family:'Brandon Grot W01 Light';
font-family:'BrandonGrotW01-LightIt';
font-family:'BrandonGrotW01-Regular';
font-family:'BrandonGrotW01-RegularI';
font-family:'Brandon Grot W01 Medium';
font-family:'BrandonGrotW01-MediumIt';
font-family:'Brandon Grot W01 Bold';
font-family:'BrandonGrotW01-BoldItal';
font-family:'Brandon Grot W01 Black';
font-family:'BrandonGrotW01-BlackIta';
*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 
a, abbr, address, big, cite, code, em, img, small, strong, sub, sup, 
b, u, i, center, 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, mark, audio, video {
    margin: 0;
    padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body { 	line-height: 1; }
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;
}


/* init */
html, body {
    width:100%;
    height:100%;
}

body {
    margin:0;
    padding:0;
    background-color:#ffffeb;
    background-color:#fffffc;
    font-size:16px;
    line-height: 1.5em;
    color: #333;
    /*font-family:'BrandonGrotW01-Regular';*/
    font-family:'Trade Gothic W01 Roman';
    /*min-width:480px;*/
}

a {
   outline: 0;
   color:inherit;
   text-decoration:none;
}
img {
    border:none;
}
a:hover, a:focus, a.active {
    color:inherit;
    text-decoration:underline;
    outline:none;
} 
::selection {
    background: #ddd;
    background: rgba(0,0,0,0.59);
	}
::-moz-selection {
	background: #ddd;
	background: rgba(0,0,0,0.59);
}

p {
    margin:0.0em 0 0.85em 0;
}
h3 {
    font-size:26px;
    line-height:1.2em;
    margin-bottom:0.75em;
    margin-top:1.75em;
    color:#ef4660;
}
#page {
    min-height:100%;
    position:relative;
}

.pageTop {
    position:fixed;
    top: 0;
    height: 50px;
    width: 100%;
    background-color:#ef4660;
    background-color:rgba(239,70,96,0.98);
    color:#fff;
    z-index:1000;
}
body { margin-top:50px; }

body { font-family:'BrandonGrotW01-Regular'; }
h3 { font-family:'Brandon Grot W01 Bold'; }
.pageTop { font-family:'Brandon Grot W01 Bold'; }


.container { z-index:100; max-width:800px; }

.pageTop .container {
    position:relative;
}
.pageTop img {
    display:block;
    width:45px;
    height:45px;
    position:absolute;
    top:3px;
}
.pageTop img.logo {
    left:0px;
}
.pageTop img.berry {
    right:0px;
}
.pageTop nav.main {
    width:85%;
    position:relative;
    margin:0 auto;
    text-align: center;
    margin-top:15px;
} 
.pageTop nav ul li {
    display:inline;
}
.pageTop nav ul li a {
    margin-left:2em;
    font-size: 14px;
    text-transform:uppercase;
}
.pageTop nav ul li:first-child a {
    margin-left:0;
}
.pageTop nav.lang {
    position:absolute;
    right:60px;
    top:15px;
}
.pageTop .mobile {
    display:none;
}
@media (max-width: 650px) {
    #map_canvas {
        height:250px !important;
    }
    .pageTop .container {
        margin-top:50px;
        background-color:#fff;
        background-color:rgba(255,255,255,0.98);
        color:#2e3092;
    }
    .pageTop img {
        margin-top:-50px;
    }
    .pageTop nav.main {
        overflow:hidden;
        margin:0;
        height:0;
        opacity:0;
        width:100%;
        transition-property: height,opacity;
        transition-duration: 1s;
    }
    .pageTop nav.main.active {
        height:auto;
        opacity:1;
    }
    
    .pageTop nav.main ul {
        margin-bottom:1em;
        margin-top:0.75em;
    }
    .pageTop nav ul li {
        display:block;
        width:100%;
    }

    .pageTop nav ul li:last-child {
        
    }
    .pageTop nav.main ul li a {
        display:inline-block;
        margin:0;
        padding:7px 2em;
    }
    .pageTop nav.lang {
        margin-top:-50px;
    }
    .pageTop nav.lang .lng {
        display:none;
    }
    .pageTop .mobile {
        display:block;
    }
    .pageTop img.logo {
        left:50%;
        margin-left:-22px;
    }
    .pageTop img.mobile {
        width:32px;
        height:32px;
        top:10px;
        left:8px;
    }
}
nav.lang ul li a {
    color:#2e3092;
}
.pageContent {
    padding-bottom:75px;
    /*padding-bottom:175px;*/
}
.resource-content {
    font-size:18px;
    line-height:1.45em;
    margin-top:2em;
    margin-bottom:2em;
}
.resource-content p {

}
.container.content .image {
    float:right;
    margin-left:2em;
    margin-bottom:1em;
}
@media (max-width: 600px) {
    .container.content .image {
        float:none;
        margin-left:0;
    }
}
.container.content .image img {
    max-height:350px;
    width:auto;
    max-width:300px;
    height:auto;
    margin-top:2em;
}
.pageFooter {
    position:absolute;
    left:0;
    bottom:0;
    height:75px;
    width:100%;
    background-color:#2e3092;
    font-size:12px;
    text-align:right;
    overflow:hidden;
}
.pageFooter ul {
    margin-top:15px;
}
.pageFooter ul li {
    display: inline;
    margin-left:4px;
}
.pageFooter ul li a img {
    width:32px;
    height:32px;
    vertical-align:middle;
}
.gallery {
    width:100%;
    /*min-height:550px;
    max-height:650px;*/
    height:100%;/**/
    min-height:380px;

    background-size:cover;
    background-repeat:no-repeat;
    background-position:center top;
    /*background-image:url('/assets/upload/poster/poster1-skiwater.jpg');*/
}
.gallery, .owl-carousel .owl-wrapper-outer {

}
.gallery .item, .owl-item {
    width:100%;
    height:100%;
}
.gallery .item {
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
}
.gallerylogo {
    position:absolute;

    top:60px;
    width:100%;
    /*left:50%;
    margin-left:-250px;*/
    padding-left:30px;
    padding-right:30px;

    z-index:900;
}
.gallerylogo img {

    width:500px;
    max-width:100%;
    height:auto;
    
    position:relative;
    display:block;
    margin:0 auto;
}
.bloglist {
    margin-top:10px;
    width:100%;

}
.bloglist:after {
  content: '';
  display: block;
  clear: both;
}
article.preview {
    display:block;
    width:24.4%;
    float:left;
    margin-bottom:10px;
    margin-bottom:10px;
}
article.blog.preview {
    min-height:450px;
}
.storelist {
    margin-top:45px;
}
.storelist article.preview {
    min-height:150px;
}
.storelist article.preview h3 {
    font-size:18px;
    text-transform:uppercase;
}
article.preview .image {
    max-height:320px;
    width:100%;
    background-color:#fff;
    font-size:11px;
    color:#ddd;
    overflow:hidden;
    margin-bottom:0px;
}
article.preview .image img {
    width:100%;
    height:auto;
}
article.preview .image img a {
    width:100%;
    display:block;
}
article.preview .date {
    font-size:11px;
    color:#555;
}
article.preview h3 {
    margin-bottom:0.5em;
    margin-top:0.0em;
    font-size:26px; /* increased from 20 to 26px */
}
article.preview p a:hover {
    text-decoration:none;
}
.grid-sizer { width:24.4%; }
.gutter-sizer { width:0.8%; }
/*
@media (max-width: 1200px) {
    .bloglist .grid-sizer, .bloglist article { width:32.66%; }
    .bloglist .gutter-sizer                  { width:1.0%; }
}*/
@media (max-width: 992px) {
/*
    .bloglist .grid-sizer, .bloglist article { width:49.25%; }
    .bloglist .gutter-sizer                  { width:1.5%; width:1.25%; }
*/
    .bloglist .grid-sizer, .bloglist article { width:32.66%; }
    .bloglist .gutter-sizer                  { width:1.0%; }
}

@media (max-width: 500px) {
/*
    .bloglist .grid-sizer, .bloglist article { width:100%; }
    .bloglist .gutter-sizer                  { width:0%; }
*/
    .bloglist .grid-sizer, .bloglist article { width:49.25%; }
    .bloglist .gutter-sizer                  { width:1.5%; width:1.25%; }
}
/*
@media (max-width: 380px) {
    .bloglist .grid-sizer, .bloglist article { width:100%; }
    .bloglist .gutter-sizer                  { width:0%; }
}*/


@media (max-width: 1200px) {
/*
    .res16 .bloglist article.nr4,
    .res36 .bloglist article.nr4 { display:none; }
*/
}
@media (max-width: 992px) {
/*
    .res16 .bloglist article.nr4,
    .res16 .bloglist article.nr3,
    .res36 .bloglist article.nr4,
    .res36 .bloglist article.nr3 { display:none; }
*/
    .res16 .bloglist article.nr4,
    .res36 .bloglist article.nr4 { display:none; }
    .bloglist article .content { display:none; }
    .storelist article .content { display:block; }
    
    article.blog.preview {
        min-height:250px;
    }
}

@media (max-width: 500px) {
/*
    .res16 .bloglist article.nr4,
    .res16 .bloglist article.nr3,
    .res16 .bloglist article.nr2,
    .res36 .bloglist article.nr4,
    .res36 .bloglist article.nr3,
    .res36 .bloglist article.nr2 { display:block; }
*/
    .res16 .bloglist article.nr4,
    .res16 .bloglist article.nr3,
    .res36 .bloglist article.nr4,
    .res36 .bloglist article.nr3 { display:none; }

}

/*
@media (max-width: 380px) {
    .res16 .bloglist article.nr4,
    .res16 .bloglist article.nr3,
    .res16 .bloglist article.nr2,
    .res36 .bloglist article.nr4,
    .res36 .bloglist article.nr3,
    .res36 .bloglist article.nr2 { display:block; }
}*/

.content .row img {
    max-width:100%;
    height:auto !important;
}
.res5 .content .row,
.res20 .content .row {
    margin-top:5em;
} 
.res5 .content .row p,
.res20 .content .row p {
    max-width:30em;
    margin:0 auto;
}
.res20 .content {
    margin-bottom:80px;
}

.pageFooter {
    
}
.pageFooter p {
    margin-top:0.75em;
    color:#fff;
    line-height:1.2em;
    float:left;
    text-align:left;
}
.pageFooter p strong {
    font-family:'Brandon Grot W01 Bold';
}

.storefilter button {
    display:block;
    border:none;
    background:none;
    margin:0;
    padding:0;
    margin-top:0.35em;
    font-weight:bold;
    color:#2e3092;
    text-transform:uppercase;
    letter-spacing:0.05em;
}