/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@font-face {
    font-family: 'PFDinTextCondensedRegular';
    src: url('fonts/pfdintextcondensed.eot');
    src: url('fonts/pfdintextcondensed.eot') format('embedded-opentype'),
         url('fonts/pfdintextcondensed.woff') format('woff'),
         url('fonts/pfdintextcondensed.ttf') format('truetype'),
         url('fonts/pfdintextcondensed.svg#PFDinTextCondensedRegular') format('svg');
}

html,button,input,select,textarea{color:#222;}
html{font-size:1em;line-height:1.4;}
body { font-family: 'PFDinTextCondensedRegular', sans-serif; }
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
audio,canvas,img,video{vertical-align:middle;}
fieldset{border:0;margin:0;padding:0;}
textarea{resize:vertical;}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0;}
::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}
.container { width: 1200px; margin: 0 auto; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
a { outline: none!important; }
p { margin: 0; }
html, body{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */ }

/* ==========================================================================
   My responsive Helpers
   ========================================================================== */
.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}


/* ==========================================================================
   My actual styles
   ========================================================================== */
#wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
header { background-color: #3fc5ff; }
.window { position: relative; height: 100%; min-height: 100%; width: 100%; background-size: contain; background-position: center center;
background-repeat: no-repeat; }
#home-box { position: absolute; width: 260px; height: 160px; left: 50%; top: 50%; margin: -80px 0 0 -130px; }
#logo { width: 246px; height: 75px; background: url(../images/logo.png); text-indent: -999999px; overflow: hidden; display: block; margin: 0 auto 30px; }
#home-box p { text-transform: uppercase; color: #fff; text-align: center; font-size: 18px; line-height: 1.2em; }
#menu-toggle { right: 40px; top: 30px; position: fixed; display: block; text-indent: -99999px; overflow: hidden; background: url(../images/icon-menu.png);
width: 36px; height: 35px; z-index: 100; -webkit-transition: right 600ms ease-in-out; -ms-transition: right600ms ease-in-out;
transition: right 600ms ease-in-out; }
#btn-share { right: 40px; bottom: 55px; position: fixed; display: block; text-indent: -99999px; overflow: hidden; background: url(../images/icon-fb.png);
width: 37px; height: 35px; z-index: 100; -webkit-transition: right 600ms ease-in-out; -ms-transition: right600ms ease-in-out;
transition: right 600ms ease-in-out; }
#btn-share:hover { background-image: url(../images/icon-fb-over.png); }
#btn-scroll { display: block; width: 40px; height: 50px; padding-bottom: 35px; background: url(../images/icon-scroll.png) center bottom no-repeat;
display: block; text-align: center; color: #fff; position: absolute; bottom: 45px; left: 50%; margin-left: -20px; text-transform: uppercase; text-decoration: none;  font-size: 12px;}

.icecream { width: 100%; max-width: 366px; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); position: absolute; left: 50%; top: 50%; }
.icecream img { max-width: 100%; margin: 0 auto; display: block; }
.icecream p { text-align: center; font-size: 18px; text-transform: uppercase; line-height: 1em; color: #fff; }

#section1 { background-color: #2d4cac; }
#section2 { background-color: #17c25d; }
#section3 { background-color: #f0b055; }
#section4 { background-color: #9c39b5; }
#section5 { background-color: #23bdcb; }
#section6 { background-color: #cb23b5; }
#section7 { background-color: #94ca77; }
#section8 { background-color: #77c9ca; }
#section9 { background-color: #095f7f; }
#section10 { background-color: #62097f; }
#section11 { background-color: #d2aa0b; }
#section12 { background-color: #0bd2d0; }
#section13 { background-color: #7e2144; }
#section14 { background-color: #f0bea3; }
#section15 { background-color: #931298; }
#section16 { background-color: #ec5d10; }
#section17 { background-color: #1a9ccc; }
#section18 { background-color: #587b38; }
#section19 { background-color: #e7425d; }
#section20 { background-color: #2eb7b2; }
#section21 { background-color: #a12727; }
#section22 { background-color: #7ca519; }
#section23 { background-color: #a51982; }
#section24 { background-color: #9ac9c8; }
#section25 { background-color: #e5a528; }
#section26 { background-color: #f2776e; }
#section27 { background-color: #69336e; }
#section28 { background-color: #64cd87; }
#section29 { background-color: #104963; }
#section30 { background-color: #8f5d8d; }
#section31 { background-color: #c65224; }
#section32 { background-color: #f1c90d; }
#section33 { background-color: #6f9a23; }
#section34 { background-color: #25bf92; }
#section35 { background-color: #256abf; }
#section36 { background-color: #712b53; }
#section37 { background-color: #25b6bf; }
#section38 { background-color: #bf256a; }
#section39 { background-color: #eec856; }
#section40 { background-color: #ee8c56; }
#section41 { background-color: #17521e; }
#section42 { background-color: #20c7b5; }
#section43 { background-color: #af144e; }
#section44 { background-color: #630873; }
#section45 { background-color: #6fc8b8; }
#section46 { background-color: #f08410; }
#section47 { background-color: #56910a; }
#section48 { background-color: #eeaad0; }
#section49 { background-color: #d3d496; }
#section50 { background-color: #14bee8; }

#section50 .icecream { top: 40%; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; }
footer .top { background-color: #465c65; padding: 30px 0; }
footer .top p { line-height: 1em; font-size: 20px; color: #aeb8bc; margin: 0; padding-top: 8px; }
footer .bottom { padding: 11px 0; background-color: #232e33; }
footer .bottom p { font-size: 14px; color: #908f8f; }
footer a { color: #908f8f; text-decoration: none; }


/* ==========================================================================
   Off canvas menu
   ========================================================================== */		
#tablet-menu { position:fixed; top:0; height:100%; right:0; width:260px; background:#21556b; z-index:100;
	 padding:30px 20px; overflow: hidden;
	 -webkit-transition: -webkit-transform 600ms ease-in-out; -moz-transition: -moz-transform 600ms ease-in-out; -ms-transition: -ms-transform 600ms ease-in-out;
    -o-transition: -o-transform 600ms ease-in-out; transition: transform 600ms ease-in-out; -webkit-transform: translate3d(260px,0,0);
    -moz-transform: translate3d(260px,0,0);-ms-transform: translate3d(260px,0,0); -o-transform: translate3d(260px,0,0);transform: translate3d(260px,0,0); }
	.mm-open #tablet-menu { -webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0); }

#wrapper {-webkit-transition: -webkit-transform 600ms ease-in-out; -moz-transition: -moz-transform 600ms ease-in-out; -ms-transition: -ms-transform 600ms ease-in-out; -o-transition: -o-transform 600ms ease-in-out; transition: transform 600ms ease-in-out; }
.mm-open #wrapper { -webkit-transform: translate3d(-260px,0,0);-moz-transform: translate3d(-260px,0,0);-ms-transform: translate3d(-260px,0,0);
-o-transform: translate3d(-210px,0,0);transform: translate3d(-210px,0,0); }

#tablet-menu ul { height: 100%; margin: 0; padding: 0; outline: none; }
#tablet-menu ul li { list-style: none; display: block; margin-bottom: 4px; outline: none; }
#tablet-menu ul li a { line-height: 1em; color: #fff; text-decoration: none; text-transform: uppercase; outline: none; }
#tablet-menu ul li a:hover { color: #3fc5ff; }

.mm-open #btn-share { right: 300px; }
.mm-open #menu-toggle { right: 300px; }


.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:9px;height:100%;background:red;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#21556b;position:relative;}
.jspDrag{background:#3fc5ff;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}


.no-csstransforms3d .icecream { width: 100%; width: 366px; height: 440px; margin-left: -190px; margin-top: -220px; }
.no-csstransforms3d #tablet-menu { opacity: 0; }
.no-csstransforms3d .mm-open #tablet-menu { opacity: 1; }



/* ==========================================================================
   Let's make it mobile friendly!
   ========================================================================== */

@media only screen and (max-height: 500px) {
    .icecream { width: 100%; max-width: 366px; transform:none; -webkit-transform:none; position: relative; left: 0; top: 0; margin: 0 auto; top: 10%; }
    .icecream img { max-width: 50%; }
    #section50 .icecream { top: 10%; }
}

@media only screen and (max-width: 500px) {
    .icecream { width: 100%; max-width: 366px; transform:none; -webkit-transform:none; position: relative; left: 0; top: 0; margin: 0 auto; top: 17%; }
    .icecream img { max-width: 70%; }
    #section50 .icecream { top: 10%; }
    
    footer .top { padding: 14px 0; }
    footer .top p { font-size: 15px; padding-top: 5px; }
    footer .top img { max-width: 30%; }
    footer .bottom { padding: 4px 10px; }
    footer .bottom p { font-size: 10px; }   
}

/* Preload bg images */
body:after{
    display:none;
    content: url(../images/icon-fb-over.png) url(../images/logo.png);
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}
    a,a:visited{text-decoration:underline;}
    a[href]:after{content:" (" attr(href) ")";}
    abbr[title]:after{content:" (" attr(title) ")";}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
    thead{display:table-header-group;}
    tr,img{page-break-inside:avoid;}
    img{max-width:100%!important;}
    @page{margin:.5cm;}
    p,h2,h3{orphans:3;widows:3;}
    h2,h3{page-break-after:avoid;}
}