/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

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

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 11px/1.4 "futura-pt", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height:auto;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

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




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

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

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

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

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

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

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

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

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

@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:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
h1, h2 {text-transform: uppercase;text-shadow:1px 1px 0px rgba(0,0,0,0.6);font-size:90px;color:#fff;margin:60px auto 30px;letter-spacing: 0.05em;font-size: 7vw;position:relative;line-height:0.9em;max-width:90%;}
html, body {overflow:hidden;color:#252a40;}
.text a {color:#fff;text-decoration: underline;}

html,body, .ajaxLoad, .currentContainer, .arvSliderWrap {width:100%;min-height:100%;height:100%;font-size:22px;overflow:hidden;}
.currentContainer, .ajaxLoad {background-color: #EDE9E6; position:absolute;overflow:auto;}
.ajaxLoad {position:absolute;top:100%;z-index:9;overflow:hidden;}


.logo {position:absolute;z-index:99;}
nav.nav {position:absolute;bottom:0;width:100%;text-align: center;z-index:20;}
nav ul {padding:0 0 25px;display:inline-block;margin:0;}
nav.nav li img {display:inline-block;width:32px;height:auto;}
nav.nav li a {display:inline-block;position:relative;}
nav.nav li {display:inline-block;width:140px;vertical-align: bottom;text-align: center}
.amazon img, nav.nav li img, nav.nav li span, .arvSliderNav .left img,.arvSliderNav .right img, .arvSlider li.active:before, .btn-round, .masonry .item img, button {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
ul.arvSlider li, .arvSlider h2, .text {-webkit-transition: opacity 1s;transition: opacity 1s;}
.amazon {vertical-align: middle;text-transform: uppercase;padding-top:30px;clear:both;}
.amazon a {text-decoration: none;line-height:22px;letter-spacing:2px;}
.amazon strong {font-size:1.2em;letter-spacing:0;}
.amazon img {width: 81px;border: 2px dashed #fff;border-radius: 50%;padding: 10px;display:inline-block;vertical-align: middle}
.amazon a:hover img {background-color:rgba(255,255,255,0.2);}
.amazon span {display:inline-block;vertical-align: middle;margin-left:20px;}
.collections-group li, .collections-group li a {-webkit-transition: all .8s ease;transition:all .8s ease;}
.arvSliderNav .left,.arvSliderNav .right, video {-webkit-transition: all 1s;-moz-transition:all 1s;transition: all 1s;}
nav.nav li span {color:#fff;text-transform: uppercase;opacity: 0;padding-bottom: 10px;width:210px;display:block;position:relative;font-weight:600;}
nav.nav li a:hover span {top:0;opacity: 1}
nav.nav li a:hover img {width:27px; -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px);}
.navBg {display:none;width:100%;height:100%;position:fixed;z-index:19;opacity:0.6;
background:#000;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.9) 100%); /* W3C */
}
body.moving .text {opacity: 0}
ul.arvSlider {padding:0;margin:0;width:100%;list-style-type:none;height:100%;color:#fff;position:relative;overflow:hidden;}
ul.arvSlider img {height:auto;width:auto;max-width:none;opacity: 0.7}
ul.arvSlider li {width:100%;height:100%;position:absolute;text-align:center;background-position:2000em 2000em;background-repeat:no-repeat;background-color:#EDE9E6;}
ul.arvSlider li:before {content:'';width:100%;height:100%;position:absolute;background-size: cover;opacity: 1;background-image:inherit;top:0;left:0;background-position:center;}
ul.arvSlider li.changed:before {opacity: 0.85}
ul.arvSlider li.active {z-index:7;right:0;left:0;}
ul.arvSlider li.nextSlide {left:100%;top:0;z-index:5;}
ul.arvSlider li.prevSlide {left:-100%;top:0;z-index:5;}
.arvSlider.zzz li.active {z-index:3;}
.arvSliderNav .left,.arvSliderNav .right {cursor:pointer;position:absolute;top:50%;z-index:9;background:rgba(0,0,0,0.1);margin-top:-38px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .arvSlider p, .arvSlider h2 {text-shadow:1px 1px 0px rgba(0,0,0,1);}
.arvSliderNav .left {left:0;padding:20px;}
.arvSliderNav .right {right:0;padding:20px;}
.arvSliderNav .left img,.arvSliderNav .right img {max-height:100%;height:37px;width:22px;}
.arvSliderNav .right img {margin-left:-22px;}
.arvSliderNav .left img.dup {margin-left:-22px;}
.arvSliderNav .right img.dup {margin-left:0;}
.arvSliderNav .left:hover img.dup {margin-left:0;opacity: 0.3}
.arvSliderNav .right:hover img.dup {margin-right:22px;opacity: 0.3}
.arvSlider h2 {display:inline-block;padding: 0 20px;}
.arvSlider .nextSlide h2 {position:relative;left:1000px;}
.arvSlider .nextSlide .text {position:relative;left:2000px;}
.arvSlider .prevSlide h2 {position:relative;left:-1000px;}
.arvSlider .prevSlide .text {position:relative;left:-2000px;}
.blur {-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
.logo {margin-left:30px;padding:20px;background:#EDE9E6;}
.logo img {width:110px;} 
.outside {display: table;position: absolute;height: 100%;width: 100%;overflow:hidden;}
.middle {display: table-cell;vertical-align: middle;}
.inner {margin-left: auto;margin-right: auto;text-align: center;width: 100%;position:relative;overflow:auto;}
.middle .text {width:90%;margin:0 auto 60px; text-shadow:1px 1px 0px rgba(0,0,0,0.6);}
ul.arvSlider .middle .text {font-size: 30px;}
ul.arvSlider .btn-round {margin-top:100px;margin-bottom:5px;}
.btn-round {border-radius: 50%;display:block;width:60px;height:60px;margin:0 auto;box-shadow:0 0 0 2px rgba(255,255,255,1);position:relative;}
ul.arvSlider .btn-round:hover {background:rgba(255,255,255,0.2);}
ul.arvSlider .btn-round img {opacity: 1;width:30px;position:absolute;bottom:0;top:0;right:0;left:0;margin:auto;}

.videocontainer {display:none;background:#ccc;width:100%;height:100%;position:fixed;z-index:99999;top:0;left:0;}
video {position:fixed;min-width:100%;min-height:100%;z-index:999999;top:0;left:0;opacity: 1;width:auto;height:auto;}

button.nostyle{border:0;background:none;color:#fff;outline:0 !important;}
.collectionInner {position:absolute;bottom:50%;text-align:center;width:100%;margin-bottom:-36px;}
.collectionInner button {text-transform: uppercase;font-size:72px;line-height:72px;font-weight:700;text-shadow:0 0 10px rgba(0,0,0,0.3);}
a:hover .collectionInner button {text-transform: uppercase;font-size:100px;}
.collections-group {display:block;margin:0;height:100%;width:100%;padding:0;list-style-type:none;position:absolute;top:0;left:0;overflow:hidden;}
.collections-group:hover li {width:29% !important;}
.collections-group li {display:block;width:33.3%;float:left;position:relative;height:100%;}
.collections-group li:first-child {width:33.4%;}
.collections-group li a {background-size:cover;position:absolute;width:100%;height:100%;opacity: 0.7;background-position:center center;}
.collections-group li:hover {width:42% !important;}
.collections-group li:hover a {z-index:3;opacity: 1;height:110%;margin-top:-10%;}
.full, .full > .text {height:100%;}


.masonry .item {width:25%;}
.masonry .item img {max-width:none;width:100%;height:auto;opacity: 0.7}
.masonry .item a:hover img {opacity: 1;}
.masonry .item.big {width:50%;}
.masonry .item.small {max-height:300px;overflow:hidden;}
.masonryWrap {position:absolute;width:100%;height:100%;overflow-y:scroll;top:0;bottom:0;}
.masonry .item.video img {height:auto;width:auto;max-height:100%;max-width:100%;}

.videoContent {padding:20px 30px;text-transform: uppercase;}
.videoContent h3 {margin:0;}
.videoContent p {margin-top:9px;}
.videoContent button.videoPlay {background:none;border:2px solid #252a40;border-radius:20px;outline:none;color:#252a40;padding:5px 10px;line-height:normal;text-transform: uppercase;vertical-align: middle;line-height:24px;}
.videoContent button .play {display:inline-block;width: 0;height: 0;border-style: solid;border-width: 12px 0 12px 20px;border-color: transparent transparent transparent #252a40;text-indent:-9999em;position:relative;margin-right:12px;vertical-align: middle;margin-top:-2px;}
.videoContent button .buttonText {display:inline-block;vertical-align: middle}
.videoContent button.videoPlay:hover {background:rgba(255,255,255,0.2);}

button.videoClose {background:url(img/close.svg) no-repeat center center;width:35px;height:35px;text-indent:-9999em;border:0;outline:0 !important;position:fixed;top:10px;right:10px;background-size:cover;opacity:0.6;display:none;z-index:9999999;}
button.videoClose:hover {opacity:0.9;}

.text .justify {text-align: justify; line-height: 25px; margin-top: 10px;}
.text p {margin: 0 0 25px;}
.text {color:#fff;}
.text form {margin:20px 0;}
.outside {background-position:2000em 2000em;background-repeat:no-repeat;}
.outside:before {content:'';width:100%;height:100%;position:absolute;background-size: cover;opacity: 0.6;background-image:inherit;top:0;left:0;}

.widget_wysija_cont .wysija-submit {display:inline-block;margin:0;}

.widget_wysija input, .wysija-paragraph { display: inline-block;}
/*.widget_wysija .wysija-submit:after {content: 'x';display:block;width:100%;clear: both;}*/

.wpcf7 label {float: left;width: 30%; text-align: left;}
.wpcf7 .wpcf7-checkbox label {float: none;width: 100%;}
.wpcf7 input, .wpcf7 textarea {float: left; width: 70%;margin-bottom: 10px;}
.wpcf7 textarea{height: 42px;line-height: 20px;padding: 0 20px;}
.wpcf7 input[type="checkbox"] {width: 20px; float: none;}
.wpcf7 div {clear: both;}
.wpcf7-list-item {text-align: left;width: 100%;display: block;}
.wpcf7-checkbox {font-size: 20px;}
span.wpcf7-list-item {margin-left: 0;}
input[type="text"], input[type="email"], textarea {background:rgba(255,255,255,0.2);border:1px solid transparent;color:#fff;padding:7px 20px;}
input[type="submit"] {background:#fff;border:0;color:#665470;text-transform: uppercase;padding:7px 20px;font-weight:bold;}

.pull-left {float:left !important;}
.pull-right {float:right !important;}
.up {text-transform: uppercase !important}
.width-530 {
	margin: 0 auto;
	max-width:530px;
}
.fifty {float:left;width:47%;}
.fifty:first-child {margin-right:6%;}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;color:#fff;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.5; filter: alpha(opacity = 50);}
#colorbox{outline:0;}
    #cboxContent{margin-top:40px; overflow:visible; }
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxTitle{position:absolute; bottom:0;left:0;right:0;text-align:center;color:#fff;text-shadow:1px 1px 0px rgba(0,0,0,0.6);}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:19px; height:35px; position:absolute; top:-40px;background-size:cover;background-position:center center;background-repeat: no-repeat;background-color:transparent;outline:0;}
        #cboxPrevious {background-image:url(img/prev.svg);left:0;}
        #cboxNext {background-image:url(img/next.svg);left:50px;}
        #cboxClose {background-image:url(img/close.svg);right:0;width:35px;height:35px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

#toggleNav {display:none;position:fixed;top:0;right:20px;background:#EDE9E6;padding:15px;z-index:18;color:#252a40;}
#closeNav {display:none;position:fixed;top:20px;right:20px;background:url(img/close.svg) no-repeat center;width:35px;height:35px;text-indent:-9999em;}

.meta {position:fixed;bottom:10px;right:25px;z-index:21;font-size:14px;color:#fff;}
.meta a {color:#fff;text-transform: uppercase;font-size:12px;}
.arvSliderWrap .moving .inner {overflow:hidden;}
.anhang {margin:50px 0 80px;}
.arvSlider .text {max-width:700px;}

.widget_wysija_cont .error {
	border: 1px solid #b94a48;
	background: #f2dede;
	color: #fff;
	padding: 7px 20px;
	color: #b94a48;
	font-size: 22px;
	margin: 0;
}
label.error {
	display: none !important;
}
form .error {
	border: 1px solid #b94a48;
	background: #f2dede;
	color: #b94a48;
}
.contact-title {
	padding-left:30%;
	text-align: left;
} 
@media only screen and (max-width:1100px) {
	/*h1, h2 {font-size:90px;}*/
	html, body, .ajaxLoad, .currentContainer, .arvSliderWrap {font-size:18px;}
	.logo img {width:60px;}
	.logo {padding:10px;}
	nav.nav li img {width:23px;}
	.collectionInner button {font-size:34px;line-height:34px;}
	a:hover .collectionInner button {font-size:40px;}
	.middle .text {padding-bottom:60px;}
	.amazon {padding-top:10px;}
	.wpcf7 label {width: 40%;}
	.wpcf7 input {width: 60%;}
	.contact-title{
		padding: 0;
		text-align: center;
	}
}

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

	video {width:100%;}
	.logo img {width:45px;}
	.logo {padding:15px; z-index: 19; margin-left: 20px;}
	.navBg {display:none;}
	#closeNav {display:block;}
	.fifty {width:100%;float:none;}
	nav.nav li span {opacity: 1;top:0;font-size: 23px;padding: 0}
	nav.nav li {width:100%;margin-top:20px;}
	nav ul {padding:0;}
	nav.nav {top:10%;display:none;position: fixed;}

	.arvSliderNav .left img, .arvSliderNav .right img {height:22px;}
	.arvSliderNav .right:hover img.dup {margin-left:-22px;}
	.navBg {opacity:1}
	#toggleNav {display:block;}
	.arvSlider h2 {font-size:34px;margin-top:110px;}
	h1, h2 {margin-top:110px; font-size:40px;}
	ul.arvSlider .btn-round {margin-top:40px;}
	.collections-group li:first-child {height:33.4%;}
	.collections-group li {height:33.3%;}
	.collections-group:hover li, .collections-group li:hover, .collections-group li {width:100% !important;}
	.collections-group li:hover a {height:100%;margin-top:0;}
	.text .justify {text-align: left;}

	body, html {overflow: auto;}
	.currentContainer{position:static; overflow: hidden; }
	.arvSliderWrap {position: absolute;}
	.ajaxLoad {position:static; } /*border: 10px solid #ef4*/
	.blur {
		-webkit-filter: none;
		-moz-filter: none;
		-o-filter: none;
		-ms-filter: none;
		filter: none;
	}
	.middle .text {
		margin: 0 auto;
		padding-bottom: 0;
	}
	.navBg {background: rgba(0,0,0,0.85);}
	input[type="submit"] {
		margin-top: 10px;
	}
	.masonry .item {width:50%;}
	.masonry .item.small {width:100%;}
	.wysija-input {display: block;width: 100%;}
	.wysija-paragraph {
		width: 50%;
		float: left;
	}
	ul.arvSlider .middle .text {
		font-size: 20px;
		padding: 0 45px;
	}
	input[type="text"], input[type="email"], input[type="submit"] {
	    -webkit-appearance: none;
	    border-radius: 0;
	}
	nav.nav li img {
		display: none;
	}
	.widget_wysija_cont .wysija-submit {
		display: block;
		float: left;
	}
	.widget_wysija_cont .wysija-submit:after {
		clear: both;
		content: "x";
	}
}
@media only screen and (max-width:1500px) {
	.text {line-height: 25px;font-size: 20px;}
	.arvSlider .text {line-height: 1.4;}
	.wpcf7-checkbox {font-size: 17px;}
}


@media only screen and (min-height:800px) {
	.wpcf7 textarea {
		height: 90px;
		line-height: 25px;
		padding: 6px 20px;
	}
}