@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");

.stop-scrolling {
	height: 100%;
	overflow: hidden;
}

#stickify-cta{
 position: absolute; top:110px; left: 0; right: 0;
}

#stickify-cta .container{
 color: white; width:960px; text-align: right; font-weight: bold;
}

#stickify-cta .container a{
 color: white;
 transition: opacity .2s ease-in-out;
}

#stickify-cta .container a:hover{
 color: white;
 opacity: 0.7;
}

/**********************
 *** Backgrounds 
 **********************/
header .header-top-wrap{ 
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNmM2YzZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzQwNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(63,63,63,0) 50%, rgba(64,64,64,1) 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(63,63,63,0)), color-stop(51%,rgba(64,64,64,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(63,63,63,0) 50%,rgba(64,64,64,1) 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(63,63,63,0) 50%,rgba(64,64,64,1) 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(63,63,63,0) 50%,rgba(64,64,64,1) 51%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(63,63,63,0) 50%,rgba(64,64,64,1) 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#404040',GradientType=1 ); /* IE6-8 */
}
header #navigation-wrap{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(0,0,0,0)), color-stop(51%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 51%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,1) 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-8 */
}
.grey-background{ 
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(220,220,220,0) 50%, rgba(224,224,224,1) 51%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(50%,rgba(220,220,220,0)), color-stop(51%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(220,220,220,0) 50%,rgba(224,224,224,1) 51%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(220,220,220,0) 50%,rgba(224,224,224,1) 51%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(220,220,220,0) 50%,rgba(224,224,224,1) 51%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(220,220,220,0) 50%,rgba(224,224,224,1) 51%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-8 */
}

header .header-top-wrap>.wrap>.inner-wrap{ background-color: #404040; }
header #navigation-wrap>.wrap>.inner-wrap{ background-color: #000000; float: left; width: 730px; }
.grey-background>.wrap>.inner-wrap{ background-color: #E0E0E0; }
/**********************
 *** END Backgrounds
 **********************/


/**********************
 *** Typografie 
 **********************/
html, body{ font-family: 'Lato'; -webkit-font-smoothing: antialiased; }
a{ color: #ffffff;}
a:hover, a.active, a:active{ color: #A1A1A1}
h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', sans-serif; }
/**********************
 *** END Typografie 
 **********************/

/**********************
 *** Basic 
 **********************/
.left{ float:left; }
.right{ float: right; }
.absolute-center{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.center-right{ /*width: 75%; margin: 0 0 0 auto;*/ }
.center-right>div.sub-wrap>div.wrap{ width: 730px; margin: 0 auto; padding-left: 230px;  }
.center-right>div.sub-wrap>div.wrap>.inner-wrap{min-height: 50px;}
.header-top-wrap.center-right>div.wrap{ padding-left: 228px; }
.center-right>div.wrap{ width: 730px; margin: 0 auto; padding-left: 230px; }
#navigation-wrap.center-right>div.wrap{ width: 960px; margin: 0 auto; padding-left: 0px; }
.center-right>div.wrap.no-padding{ width: 960px; padding-left: 0; padding-right: 0;}

.center-right.no-padding>div.sub-wrap>div.wrap{ width: 700px; padding-right: 230px; padding-left: 30px; }
.center-right.no-padding>div.wrap{ width: 700px; padding-right: 230px; padding-left: 30px;  }
.crisp-edges{ image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; }
h1.green{ color: #00855E !important; font-size: 20px !important; }
a.button, button{ background-color: #00855E; color: #ffffff; border: 0; border-radius: 0; }
a.button:hover, button:hover{ background-color: #00513A; }
.subtitle{ margin: 20px 0; }
.subtitle h4{ font-size: 16px; line-height: 20px; font-weight: bold; color: #606060; float: left; max-width: 90%; margin: 0;}
.title-borderline:after{ content: " "; background-color: #00855E; width: 50px; height: 2px; display: block; margin-top: 20px; }
 ::-webkit-input-placeholder{ color: #B7B7B7 !important; }
 :-moz-placeholder{ color: #B7B7B7 !important; }
 ::-moz-placeholder{ color: #B7B7B7 !important; }
 :-ms-input-placeholder{ color: #B7B7B7 !important; }
 input[placeholder], [placeholder], *[placeholder] { color: #B7B7B7 !important; }
 .hide{display: none;}

/**********************
 *** END Basic 
 **********************/

/**********************
 *** Header 
 **********************/
header{ position:absolute; color: #ffffff; top: 0; left: 0; width: 100%; }
header #sticky-header{ width: 100%; background-color: transparent; z-index: 9999 !important; } 
header #sticky-header.scrolled{ background-color: #ffffff; } 
header #navigation-wrap .wrap .logo{ background: url('../img/logo.png') no-repeat; background-position: -230px 0; width: 229px; height: 65px; float: left; }
header #sticky-header.scrolled #navigation-wrap .wrap .logo{ background-position: 0 0; }
/*header #navigation-wrap .wrap{ background: url('../img/logo.png') no-repeat; background-position: -230px 0;}*/
header #navigation-wrap .wrap .padding-wrap{ padding: 15px 0 15px 10px; }
header .sales-info div.info{ line-height: 21px; padding: 8px 0; margin: 0 0 0 30px; font-size: 12px; color: #A6A6A6; }
header .sales-info div.info a{ color: #A6A6A6; }
/* Cover background */
#cover-background{ top: 0; min-width: 100%; background-color:#000000; width: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover;  }
#cover-background #background-pattern{}
#cover-background #background-pattern .background-content{ padding-top: 200px; padding-bottom: 100px;}
/* Background video */
#background-video{ position: absolute; z-index: -999; right: 0;top: 0; min-width: 100%; background-color:#000000; width: 100%; height: 100%; min-height:100%; overflow: hidden; -webkit-backface-visibility: hidden; }
#background-pattern{ min-width: 100%; width: 100%; height: 100%; min-height:100%; background: url('../img/pattern.png');  }
#background-pattern .background-content{ height: 100%; width: 730px; margin: auto; max-height: 200px; padding-left: 230px; }
#background-pattern .background-content h1,#background-pattern .background-content h2{ color: #ffffff; text-transform: uppercase; }
#background-pattern .background-content h1{ font-size: 50px; font-weight: bold; }
#background-pattern .background-content h2{ font-size: 26px; font-weight: normal; }
#background-pattern .background-content button{ font-family: 'Montserrat', sans-serif; text-transform: uppercase; background: transparent; color: #fff; font-size: 18px; font-weight: normal; border: 1px solid #fff; padding: 15px 40px; margin-top: 30px;}
#background-pattern .background-content button:hover{ color:#00845E; border-color: #00845E; }
#background-pattern .background-button{ position: absolute; bottom: 40px; left: 50%; width: 730px; margin-left: -480px; padding-left: 230px; }
#background-pattern .background-button a{ width: 61px; height: 61px; display: block; margin-left: 40px;  background: url('../img/circle_down.png') no-repeat top left; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
#background-pattern .background-button a:hover{ background-position: top right; }
#background-video video{ position: absolute; bottom: 0px; right: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; overflow: hidden; }
#background-video img{ min-height: 100%; }
.custom-video-controls { z-index: 2147483647; }

/* Mobile video settings */
body.mobile #background-video video{ display: none; }
body.mobile main #atmosphere-categories .wrap .h-section.top .atmos3#video video{display: none;}
body.mobile main #atmosphere-categories .wrap .h-section.bottom #video-play a i{display: none;}
video::-webkit-media-controls { display:none !important; z-index: 2147483647; }
video::-webkit-media-controls-enclosure { display:none !important; z-index: 2147483647; }

/* Header Language selector */
.languageselect .lang a{ display:block; padding: 8px 14px; height: 21px; font-size: 14px; background-color: #686868; color: #BABABA; }
.languageselect .lang.active a,
.languageselect .lang:hover a{ background-color: #575757; color: #fff }
/* Header Search Form */
#searchbox{ margin-left: 44px; }
#searchbox form{ margin: 0}
#searchbox form>div{ overflow: hidden; }
#searchbox form input, #searchbox form button{ border: none; background-color: #676767; border-radius: 0px; color: #B7B7B7; float: left; margin: 0; }
#searchbox form input#search-query{ width: 90px; }
#searchbox form button[type=submit]{ padding: 8px; line-height: 21px; border-left: 1px solid #B7B7B7; }
/* Header Social buttons */
header .social-buttons{ white-space: nowrap; }
header .social-buttons a{ margin-right: 10px; line-height: 35px; }
header .social-buttons a span{ color: #ffffff; }
/* Header navigation */
header #navigation-wrap .nav-wrap{}
header #navigation-wrap .nav-wrap ul.nav{}
header #navigation-wrap .nav-wrap ul.nav li{ float: left; margin-left: 15px; line-height: 35px;}
header #navigation-wrap .nav-wrap ul.nav li a{}
header #navigation-wrap .nav-wrap ul.nav li a:hover{ background-color: transparent; }
/* Header shoppingcart */
header #navigation-wrap .shoppingcart-wrap{ margin-left: 45px;  border: 1px dotted #ffffff; padding: 8px 10px;}
header #navigation-wrap .shoppingcart-wrap .shoppingcart{ float: left; padding: 0 10px; }
header #navigation-wrap .shoppingcart-wrap .shoppingcart span.count{ width: 20px; display: inline-block; text-align: right; }
header #navigation-wrap .shoppingcart-wrap .login{ float: left; border-left: 1px solid #ffffff; padding: 0 8px 0 9px; }
header #navigation-wrap .shoppingcart-wrap .login a{}
/**********************
 *** END Header 
 **********************/


/**********************
 *** Structural
 **********************/
main .center-right .no-padding.onecolumn #left-column{ width: 209px; float: left; min-height: 100px; margin: 15px 0 20px; padding-left: 20px; } 
main .center-right .no-padding.onecolumn #right-column{ width: 229px; float: right; min-height: 100px;} 
main .center-right .no-padding.onecolumn .content-wrap{ width: 730px; float: left; padding: 0;}
main .center-right .no-padding.onecolumn .content-wrap .inner-wrap{ padding: 15px 6px 20px 10px; }
#left-column.sidebar-column{ border-right: 1px solid #CCC; }
#left-column.sidebar-column.no-border{ border-right: 0; }
#right-column.sidebar-column{ border-left: 1px solid #CCC; }
#right-column.sidebar-column.no-border{ border-left: 0; }
 /**********************
 *** END Structural
 **********************/


/**********************
 *** Shop menu left
 **********************/
#left-column.sidebar-column.shopnav{ padding: 0; }
#left-column.sidebar-column.shopnav ul.sidebar-navigation.shopnavigation{ padding-top: 25px; list-style: none; font-family: 'Montserrat'; font-size: 14px; margin: 0; }
#left-column.sidebar-column.shopnav ul.sidebar-navigation.shopnavigation li{ border-top: 1px solid #CCC; width: 100%; height: 30px; line-height: 30px; padding: 5px 0; }
#left-column.sidebar-column.shopnav ul.sidebar-navigation.shopnavigation li a{ color: #959595; padding: 0 8px; width: auto; display: block; }
#left-column.sidebar-column.shopnav ul.sidebar-navigation.shopnavigation li a:hover{ color: #1B1B1B; }
#left-column.sidebar-column.shopnav ul.sidebar-navigation.shopnavigation li.active a{ font-size: 18px; color: #1B1B1B; padding: 0 8px 0 7px; }
#left-column.sidebar-column.shopnav ul.sidebar-navigation.shopnavigation li.active{ margin-left: 1px; background: #fff; }
#left-column.sidebar-column.shopnav .social{ background-color: #E1E1E1; margin-right: -1px; -webkit-box-shadow: inset -3px 0px 2px 0px rgba(0,0,0,0.1);	-moz-box-shadow: inset -3px 0px 2px 0px rgba(0,0,0,0.1); box-shadow: inset -3px 0px 2px 0px rgba(0,0,0,0.1); }
#left-column.sidebar-column.shopnav .social .ilike{ width: 170px; float: left; color: #ffffff; height: 180px; line-height: 180px; text-align: center; font-size: 110px; }
#left-column.sidebar-column.shopnav .social .social-buttons{ border-left: 1px solid #ffffff; width: 35px; float: left; }
#left-column.sidebar-column.shopnav .social .social-buttons .social-button{ border-bottom: 1px solid #ffffff; width: 35px; height: 35px; display: block; color: #6B6B6B; line-height: 35px; text-align: center; }
#left-column.sidebar-column.shopnav .social .social-buttons .social-button a{ color: #6B6B6B; }
#left-column.sidebar-column.shopnav .social .social-buttons .social-button a:hover{ color: #1B1B1B; }

#left-column.sidebar-column.shopnav .social .social-buttons .social-button.instagram{}
#left-column.sidebar-column.shopnav .social .social-buttons .social-button.vimeo{}
#left-column.sidebar-column.shopnav .social .social-buttons .social-button.facebook{}
#left-column.sidebar-column.shopnav .social .social-buttons .social-button.twitter{}
#left-column.sidebar-column.shopnav .social .social-buttons .social-button.pinterest{ border-bottom: none;}
 /**********************
 *** END Shop menu left
 **********************/

/**********************
 *** Products shop
 **********************/
 #shop-overview .title{ height: 60px; line-height: 60px; }
 #shop-overview .title h1{ width: 350px; float: left; }
 #shop-overview .title .sort-filters-wrap{ float: left; width: 360px;} 
 #shop-overview .title .sort-filters-wrap span{ float: left; margin-right: 15px; font-weight: bold; font-family: 'Montserrat'; color: #606060; }
 #shop-overview .title .sort-filters-wrap .sort-filters{ float: right; padding: 20px 0 0; }
 #shop-overview .title .sort-filters-wrap .sort-filters a.sort-filter{ margin-left: 15px; color: #868686; cursor: pointer; line-height: 18px; float: left; }
 #shop-overview .title .sort-filters-wrap .sort-filters a.sort-filter:after { content: ''; padding: 3px 0 0; display: block; border-bottom: 1px solid; width: 0; -webkit-transition: width 0.5s ease; -moz-transition: width 0.5s ease; -o-transition: width 0.5s ease; transition: width 0.5s ease; }
 #shop-overview .title .sort-filters-wrap .sort-filters a.sort-filter:hover:after,
 #shop-overview .title .sort-filters-wrap .sort-filters a.sort-filter.active:after{ width: 100%; }

 #shop-overview #products-wrapper{ }
 #shop-overview #products-wrapper .product{ width: 234px; height: 225px; margin-right: 4px; margin-bottom: 4px; float: left; background-color: #CCC; position: relative;}
 #shop-overview #products-wrapper .product .product-image{ width: 234px; height: 225px; display: block; margin: 0; padding: 0; background-position: center center; background-size: cover;  }
 #shop-overview #products-wrapper .product .product-info{ position: absolute; bottom: 0; left: 0; width: 100%; color: #ffffff; background-color: rgba(0,0,0,0.35); }
 #shop-overview #products-wrapper .product .product-info h5{ margin: 0; padding: 0 10px; font-size: 14px; float: left; width: 160px; height: 40px; line-height: 40px; text-align: left;}
 #shop-overview #products-wrapper .product .product-info .product-gear{ font-size: 26px; float: right; width: 54px; height: 40px; line-height: 40px; text-align: center; background: rgba(0,0,0,0.3); }
 #shop-overview #products-wrapper .product .product-info .product-gear i{ -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
 #shop-overview #products-wrapper .product:hover .product-info .product-gear i{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
 
 #shop-overview #products-pager{ text-align: center; padding: 20px 0; margin-top: 10px; }
 #shop-overview #products-pager a{ color: #707070; font-weight: bold; }
 #shop-overview #products-pager a.active,  #shop-overview #products-pager a:hover{color: #C0BFBF; } 
 #shop-overview #products-pager .pager-controller{ width: 50px; display: inline-block; width: 110px; }
 #shop-overview #products-pager .pager-controller.pager-prev{ text-align: right; margin-right: 15px; }
 #shop-overview #products-pager .pager-controller.pager-next{ text-align: left; margin-left: 15px; }
 #shop-overview #products-pager .pager-controller a{}
 #shop-overview #products-pager .pager-pages { display: inline; }
 #shop-overview #products-pager .pager-pages a{ margin: 0 3px;}
 
 #shop-detail #customize-panel{ position: relative; margin: 20px 0 0; }
 #shop-detail.fonts #customize-panel #sticker-wrap{ border: 1px solid #CCC; }
 #shop-detail #customize-panel #sticker-wrap{ padding: 20px; text-align: center; position: relative; width: 325px; height: 325px; margin-bottom: 20px; }
 #shop-detail #customize-panel #sticker-wrap .inner-wrap{ position: relative; width: 325px; height: 325px; padding: 0; }

 #shop-detail #customize-panel #sticker-wrap img{ position: absolute; top: 0; left: 0; }
 #shop-detail #customize-panel .left{ width: 365px; min-height: 600px;}
 #shop-detail #customize-panel .right{ width: 325px;}
 #shop-detail #customize-panel .ETA-wrapper{ color:#919191; width: 365px; position: absolute; bottom: 20px; left: 0; text-align: right; font-size: 12px; line-height: 14px; font-family: 'Montserrat'; }
 #shop-detail #customize-panel .ETA-wrapper .eta-left{ float: right; padding: 4px; }
 #shop-detail #customize-panel .ETA-wrapper .eta-left .eta-day{ display: block; font-size: 20px; line-height: 20px; }
 #shop-detail #customize-panel .ETA-wrapper .eta-right{ float: right; font-size: 40px; line-height: 34px; padding: 4px; }
 #shop-detail #customize-panel .ETA-wrapper .footnote{padding: 0 4px; }

 #shop-detail #customize-panel .extra-options-wrapper{ margin-bottom: 15px; }
 #shop-detail #customize-panel .extra-options-wrapper .checkbox{ line-height: 24px; margin: 0; padding-left: 35px; font-weight: bold; }
 
 #shop-detail #customize-panel .extra-options-wrapper .checkbox .icons{ width: 24px; height:24px;} 
 #shop-detail #customize-panel .extra-options-wrapper .checkbox .icons .first-icon,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox .icons .second-icon{ background-color: #ffffff; color: #ffffff; width: inherit; height: inherit; font-size: 14px; line-height: 24px; border: 1px solid #5B5B5B;}


 #shop-detail #customize-panel .extra-options-wrapper .checkbox:hover .icons .first-icon,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox:hover .icons .second-icon{ color: #5B5B5B; }
 #shop-detail #customize-panel .extra-options-wrapper .checkbox.checked .icons .first-icon,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox.checked .icons .second-icon,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox.checked:hover .icons .first-icon,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox.checked:hover .icons .second-icon{ color: #ffffff; background-color: #00855E; border: 0; }

 #shop-detail #customize-panel .extra-options-wrapper .checkbox,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox.checked,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox:hover,
 #shop-detail #customize-panel .extra-options-wrapper .checkbox.checked:hover{ color: #3D3D3D; }

 /* Single editor */
 #shop-detail #customize-panel .right .customize-block h4{ color: #3D3D3D; font-size: 14px; line-height: 18px;}
 #shop-detail #customize-panel .right .customize-block h4 span{ color: #737373; margin-left: 10px; }
 #shop-detail #customize-panel .right .customize-block.colorselector .selectedcolor{ padding-top: 15px; font-weight: bold; text-transform: lowercase; }
 #shop-detail #customize-panel .right .customize-block.colorselector{ border-bottom: 1px solid #CCCCCC; padding-bottom: 15px; margin-bottom: 20px; }
 #shop-detail #customize-panel .right .customize-block.colorselector .colorblock-wrap{ width: 324px; background-color: #fff; padding: 0; }
 #shop-detail #customize-panel .right .customize-block.colorselector .colorblock-wrap .color_item{ width: 25px; height: 25px; float: left; position: relative; margin: 1px; cursor: pointer; }
 /* Double editor */
 #shop-detail #customize-panel .right .customize-block.colorselector.doublecolorselector{ margin-bottom: 20px; }
 #shop-detail #customize-panel .right .doublecolorselector .customize-block h4{ color: #868686; }
 #shop-detail #customize-panel .right .doublecolorselector .customize-block.colorselector{ width: 156px; float: left;}
 #shop-detail #customize-panel .right .doublecolorselector .customize-block.colorselector.primary{ margin-right: 12px; } 
 #shop-detail #customize-panel .right .doublecolorselector .customize-block.colorselector .colorblock-wrap{ width: 156px; background-color: #000000; padding: 0; }
 #shop-detail #customize-panel .right .doublecolorselector .customize-block.colorselector .colorblock-wrap .color_item{ width: 24px; height: 24px; float: left; position: relative; margin: 1px; cursor: pointer; }
 #shop-detail #customize-panel .right .doublecolorselector .customize-block.colorselector{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
 /* Watch editor */
 #shop-detail #customize-panel .right .watchcolorselector .customize-block h4{ color: #868686; }
 #shop-detail #customize-panel .right .watchcolorselector .customize-block.colorselector.primary{ border-bottom: 1px dashed; } 
 #shop-detail #customize-panel .right .customize-block.colorselector.watchhand-selector .selectedcolor{ padding-top: 0; line-height: 28px; float: left; padding: 0 8px; }
 #shop-detail #customize-panel .right .customize-block.colorselector.watchhand-selector .colorblock-wrap{ width: 54px; float: left;}
 /* Name editor*/
 #shop-detail #customize-panel .text-input input, #shop-detail #customize-panel .text-input textarea{ width:97%; border: 1px solid #7F7F7F; border-radius: 0; -webkit-border-radius: 0; padding: 8px 1%; }
 #shop-detail #customize-panel .text-input input[placeholder], 
 #shop-detail #customize-panel .text-input textarea[placeholder]{ color: #7F7F7F !important; }

 #shop-detail #customize-panel .right .customize-block .orderform{ background-color: #232323; color: #ffffff; font-family: 'Montserrat'; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row{ display: block; border-bottom: 2px solid #2E2E2E;   }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.orderform-cell{ float: left; }

 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.header-row{ border: none; background-color: #fff;}
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.header-row div.checker,
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.header-row div.count,
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.header-row div.size,
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.header-row div.prize{ height: 18px; line-height: 18px; font-size: 12px; color: #232323; font-weight: normal; display: block; padding: 0; }

 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker{ margin: 0 15px 0 0; width: 70px; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker .checkbox{ line-height: 32px; margin: 0; padding-left: 45px; font-weight: bold; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker .checkbox.checked,
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker .checkbox:hover{ color: #ffffff; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker .icons{ border-right: 2px solid #2E2E2E; width: 32px; height:32px;} 
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker .icons .first-icon,
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.checker .icons .second-icon{ width: inherit; height: inherit; font-size: 14px; line-height: 32px;}
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .checkbox .icons .first-icon, 
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .radio .icons .first-icon, 
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .checkbox .icons .second-icon, 
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .radio .icons .second-icon{ background: transparent; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .checkbox .icons .first-icon{ color: transparent; background-color: transparent; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .checkbox:hover .icons .second-icon{ color: #5B5B5B; background-color: transparent; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row .checkbox.checked:hover .icons .second-icon{ color: #00855E; background-color: #2E2E2E;  }

 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.size{ line-height: 32px; color: #757575; margin-right: 15px; width: 110px; font-size: 11px; font-weight: bold; } 
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count{ padding: 2px 0;  margin-right: 15px; width: 60px;}
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .control-group{ margin: 0; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner{ padding: 0 20px 0 0; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.prize{line-height: 32px; width: 40px;} 
 
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner input{ border-color: #ffffff;  }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner.focus input{ border-color: #00855E;  }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner .count-spinner{ padding: 3px 2px; font-size: 13px !important; line-height: 13px; height: 18px; width: 30px; background: transparent; color: #ffffff; -webkit-border-radius: 0px; border-radius: 0px; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner .ui-spinner-button{ -webkit-border-radius: 0px; border-radius: 0px; width: 20px; height: 14px; background: #FFFFFF; color: #232323; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner.focus .ui-spinner-button{ background: #00855E; color: #ffffff; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row div.count .ui-spinner .ui-spinner-button span:before{ font-size: 12px; line-height: 12px; }

 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total{ padding:10px;  text-align: center; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total div.total{ line-height:30px; width: 200px; float: left; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total div.order-button{ width: 105px; float: left; }
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total div.order-button button{ width:inherit; background: #00855E; color: #ffffff; border: none; padding: 5px 0px;}
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total div.order-button button:hover{ background-color: #16a085; }

 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total div.order-button button[disabled],
 #shop-detail #customize-panel .right .customize-block .orderform .orderform-row.total div.order-button button[disabled]:hover{ background-color: #4E4E4E; }

 #shop-detail #customize-panel .color-warning{}
 #shop-detail #customize-panel .color-warning h6{ font-size: 16px; font-family: 'Lato'; color: #232323; line-height: 18px; margin: 0; }
 #shop-detail #customize-panel .color-warning p{ font-size: 14px; line-height: 18px; }
 #shop-detail #customize-panel .color-warning span{ color: #232323; }
 #shop-detail #customize-panel .color-warning a{ color: #808080; }
 #shop-detail #customize-panel .color-warning a:hover{ color: #808080; text-decoration: underline; }

 /* Font editor */
 #shop-detail.fonts #customize-panel .text-input textarea{ height: 120px; resize: none; }
 #shop-detail.fonts #customize-panel .text-input{ position: relative; }
 #shop-detail.fonts #customize-panel .text-input .textbuttons{ position: absolute; top: 0; right: 0; }
 #shop-detail.fonts #customize-panel .text-input .textbuttons button{ background: #ffffff; color: #333; border-radius: 0px; font-size: 14px; padding: 0; margin-left: 8px; }
 #shop-detail.fonts #customize-panel .text-input .textbuttons button:hover{color: #666;}
 #shop-detail.fonts #customize-panel .orderform .orderform-cell.size input{ font-size: 11px; background: transparent; width: 50px; border: none; color: #757575; text-align: center;  }
 /*#shop-detail.fonts #customize-panel .orderform .orderform-cell.size input[name=width]{ text-align: left;  }*/
 #shop-detail.fonts #customize-panel .right .customize-block .orderform .orderform-row div.size{ width: 130px; } 
 #shop-detail.fonts #customize-panel .right .customize-block .orderform .orderform-row div.prize{width: 100px; }
 #shop-detail.fonts #customize-panel .right .customize-block .orderform .orderform-row div.prize input{ background: transparent; width: 50px; border: none; text-align: center; }
 
 #shop-detail.fonts #customize-panel .right .customize-block .orderform .orderform-row label{ color: #757575; font-size: 12px; display: inline-block; line-height: 32px; float: left; width: 35%; padding-left: 15%;}
 #shop-detail.fonts #customize-panel .right .customize-block .orderform .orderform-row.total{ padding: 10px 0; }
 #shop-detail.fonts #customize-panel .right .customize-block .orderform .orderform-row.total .total{ width: 35%; padding-left: 15%; text-align: left; }
 /**********************
 *** END Products shop
 **********************/

 /**********************
 *** Payment progress-meter
 **********************/
 #progress-meter{ display: block; width: 100%; }
 #progress-meter .progress-section{ position: relative; padding-left:20px; width: 153px; float: left; height: 40px;  background-color: #D3D3D3; font-family: 'Lato'; font-weight: bold; }
 #progress-meter .progress-section.progress-overview{ padding-left: 0; width: 173px; }
 #progress-meter .progress-section .progress-number{ width:50px; text-align: center; float:left; height: inherit; line-height: 40px; color: #9D9D9D; border-right: 1px dotted #9D9D9D; font-size: 24px;  }
 #progress-meter .progress-section .progress-name{ float:left; height: inherit; line-height: 40px; color: #A8A8A8; font-size: 16px; padding: 0 10px;}
 #progress-meter .progress-section.active{ background-color: #00855E; border-right: 3px solid #00855E; }
 #progress-meter .progress-section.active .progress-number{ color: #007251; border-right: 1px dotted #007251; }
 #progress-meter .progress-section.active .progress-name{ color: #ffffff;}
 
 #progress-meter .progress-section:after, #progress-meter .progress-section:before { z-index: 500; left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
 #progress-meter .progress-section:after { border-left-color: #D3D3D3; border-width: 20px; margin-top: -20px; }
 #progress-meter .progress-section:before { border-left-color: #ffffff; border-width: 23px; margin-top: -23px; }
 #progress-meter .progress-section.active:after { border-left-color: #00855E; margin-left: 3px; }
 #progress-meter .progress-section.active:before { border: none; }
 

 /**********************
 *** END Payment progress-meter
 **********************/

 /**********************
 *** Shoppingbag
 **********************/
 #shoppingbag{ margin-top: 20px; }

 #shoppingbag .ui-spinner{ padding: 0 20px 0 0; }
 #shoppingbag .ui-spinner input{ border-color: #D3D3D3; }
 #shoppingbag .ui-spinner.focus input{ border-color: #00855E; color: #00855E;  }
 #shoppingbag .ui-spinner .count-spinner{ padding: 3px 2px; font-size: 13px !important; line-height: 13px; height: 18px; width: 30px; background: transparent; color: #D3D3D3; -webkit-border-radius: 0px; border-radius: 0px; }
 #shoppingbag .ui-spinner .ui-spinner-button{ -webkit-border-radius: 0px; border-radius: 0px; width: 20px; height: 14px; background: #D3D3D3; color: #ffffff; }
 #shoppingbag .ui-spinner.focus .ui-spinner-button{ background: #00855E; color: #ffffff; }
 #shoppingbag .ui-spinner .ui-spinner-button span:before{ font-size: 12px; line-height: 12px; }
 #shoppingbag .shoppingbag-wrapper{ margin: 30px 0; }

 table.shoppingbag{ color: #828D97; width: 100%; }
 table.shoppingbag tr td{ padding: 10px 0;}
 table.shoppingbag tr th{ text-align: left; border-bottom: 2px solid #CCC; color: #3C4E5E; }
 table.shoppingbag th.controls, #shoppingbag .shoppingbag-wrapper table tr.last td.controls{ border-top: 0; border-bottom: 0; }
 table.shoppingbag tr.last td{  border-top: 2px solid #CCC; } 
 table.shoppingbag tr td.controls a{ color: #747474; }
 table.shoppingbag tr td.controls a:hover{ color: #00855E; }
 table.shoppingbag tr td.product{ color: #293D51; font-size: 16px; font-weight: bold; line-height: 22px;  }
 table.shoppingbag tr td.product span{ color: #828D97; display: block; font-size: 14px; font-weight: normal; line-height: 16px; }
 table.shoppingbag tr td.prize{ color: #293D51; font-size: 16px; font-weight: bold; line-height: 22px;  }
 table.shoppingbag tr .prize{ text-align: right;  }
 table.shoppingbag tr .count .control-group{ margin: 0 }

 table.shoppingbag tr.last table{ width: 100%; color: #293D51; }
 table.shoppingbag tr.last table td{ border-top: 0; border-bottom: 0;}
 table.shoppingbag tr.last table tr td.inner-last{ text-align: right; }
 table.shoppingbag tr.last table tr.last td{ border-top: 2px solid #CCC; }
 table.shoppingbag tr.last table tr.last td.inner-last{ text-align: right; color: #293D51; font-size: 16px; font-weight: bold; line-height: 22px;}
 table.shoppingbag tr.last table button{ font-size: 16px; height: 50px; width: 100%; background: #00845E; border-radius: 0px; border: none; color: #ffffff; }
 table.shoppingbag tr.last table button:hover{ background-color: #00513A; }

 table.shoppingbag tr .controls{ width: 5%;}
 table.shoppingbag tr .product{ width: 55%; padding: 8px; }
 table.shoppingbag tr .count{ width: 20%; }
 table.shoppingbag tr .prize{ width: 20%; }

 
 #control-info{ margin: 30px 0; }
 #control-info .delivery-info p{ font-size: 16px; margin: 0; }
 #control-info table.billing-info{ color: #828D97; width: 100%; }
 #control-info table.billing-info tr td{ padding-left: 10px; width: auto; }
 #control-info table.billing-info tr td.first{ text-align: left; color: #3C4E5E; border-right: 2px solid #CCC; padding-left: 0px; font-weight: bold; line-height: 22px; width: 20%; }
 #control-info .control-info{ margin-bottom: 30px; overflow: hidden; }

 #shoppingbag .form-section.extra-form-section{ margin-top: 20px; }
 #shoppingbag .form-section.bussiness-section{ display: none; }
 #shoppingbag .form-section.delivery-section{ display: none; }
 #shoppingbag .form-section.bottom-section{}
 #shoppingbag .form-section.bottom-section p{ color: #A3A3A3 ; font-size: 16px; line-height: 24px; margin: 20px 0; padding-right: 150px;}
 #shoppingbag .form-section.bottom-section a{ color: #A3A3A3; text-decoration: underline; }
 #shoppingbag .form-section.bottom-section a:hover{ color: #585858; }
 #shoppingbag .form-section.bottom-section button{ height: 50px; width: 50%; font-size: 18px;}

 #shoppingbag .empty-shoppingbag a.button.toshop{ width: 35%; height: 50px; margin-top: 25px; display: block; line-height: 50px; text-align: center; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; }

 /**********************
 *** END Shoppingbag
 **********************/

 #shoppingbag .customer-info{ margin: 40px 0;}
 #login-block{ padding-right: 30px; margin-top: 160px; }
 #login-block button{ font-size: 22px; height: 40px; width: 100%; line-height: 30px; text-align: center;  }

 /**********************
 *** Content
 **********************/
 html, body{ min-height: 100%; height: 100%; }
 #main-wrap,main{ min-height: 100%; }
 /*#main-wrap, main{ min-height: 100%; }*/

 main{ color: #808080; }
 main .center-right>div.wrap{ min-height: 200px; margin-top: -15px; }
 main .center-right .content-wrap{ padding: 15px 10px 20px; background-color: #ffffff; }
 main .center-right .content-wrap h1{ margin-top: 5px; font-size: 32px; font-weight: bold; color: #606060;  }
 main .center-right .content-wrap h3.tagline{ font-size: 16px; font-weight: normal; color: #959595; }
 main .center-right .content-wrap p{}

 main #atmosphere-categories{ background-image: url('../img/categories.jpg'); background-position: top center; background-repeat: repeat-x; min-height: 600px; margin-bottom: -80px;}
 main #atmosphere-categories .wrap{ background-color: transparent; height: 600px; }
 main #atmosphere-categories .wrap .h-section{ height: 300px;}

 main #atmosphere-categories .wrap .h-section>div{float: left; }
 main #atmosphere-categories .wrap .h-section>div a{ display: block; float: left; width: inherit; height: inherit; background: url('../img/pattern.png') top left;}
 main #atmosphere-categories .wrap .h-section>div a:hover{ background: transparent; } 
 main #atmosphere-categories .wrap .h-section.top .atmos3#video a{ background: transparent; position:relative; }
 main #atmosphere-categories .wrap .h-section.top .atmos3#video a>span{position: absolute; top:0;}

 main #atmosphere-categories .wrap.no-padding{ width: 930px; padding-left: 30px; }
 main #atmosphere-categories .wrap .h-section.top .atmos1{ width: 180px; height: 270px; margin-top: 30px; background: url('../img/atmosphere/atmos_top_1.jpg') no-repeat center center; background-size: cover; }
 main #atmosphere-categories .wrap .h-section.top .atmos2{ width: 150px; height: 250px; margin-top: 50px; background: url('../img/atmosphere/atmos_top_2.jpg') no-repeat center center; background-size: cover; }
 main #atmosphere-categories .wrap .h-section.top .atmos3#video{ width: 230px; height: 300px; margin-top: 50px; margin-bottom: -50px; background-position: center center; background-size: cover; }
 main #atmosphere-categories .wrap .h-section.top .atmos4{ width: 174px; height: 250px; margin-top: 50px; background: url('../img/atmosphere/atmos_top_4.jpg') no-repeat center right; background-size: cover; }
 main #atmosphere-categories .wrap .h-section.top .atmos5{ width: 196px; height: 300px; margin-top: 0px; background: url('../img/atmosphere/atmos_top_5.jpg') no-repeat center center; background-size: cover; }
 main #atmosphere-categories .wrap .h-section.bottom .atmos1{ width: 280px; height: 215px; background: url('../img/atmosphere/atmos_bottom_1.jpg') no-repeat center center; background-size: cover;}
 main #atmosphere-categories .wrap .h-section.bottom .atmos2{ width: 280px; height: 215px; }
 main #atmosphere-categories .wrap .h-section.bottom .atmos2 .atmos2{height: 165px; background: url('../img/atmosphere/atmos_bottom_2.jpg') no-repeat center center; background-size: cover; }
 main #atmosphere-categories .wrap .h-section.bottom .atmos3{ width: 174px; height: 215px; background: url('../img/atmosphere/atmos_bottom_3.jpg') no-repeat center center; background-size: cover;}
 main #atmosphere-categories .wrap .h-section.bottom .atmos4{ width: 196px; height: 215px; background: url('../img/atmosphere/atmos_bottom_4.jpg') no-repeat center center; background-size: cover;}
 main #atmosphere-categories .wrap .h-section.bottom #video-play{ width: 50px; height: 50px; background-color: #71538C;}
 main #atmosphere-categories .wrap .h-section.bottom #video-play a{ text-align: center; color: #ffffff; }
 main #atmosphere-categories .wrap .h-section.bottom #video-play a:hover{ color: #ffffff; }
 main #atmosphere-categories .wrap .h-section.bottom #video-play a i{ font-size: 24px; line-height: 50px; }

 main #atmosphere-categories .wrap .h-section>div a>span{ padding: 30px 0 0 10px; text-align: left; display: none; font-size: 24px; color: #fff; font-family: 'Montserrat'; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); }
 main #atmosphere-categories .wrap .h-section>div a:hover>span{ display: block; }

 main #social .social-header h1{ color:#B4B4B4; text-transform: uppercase; font-size: 50px; padding: 0 25px;}
 main #social .social-top{margin-bottom: 1px;}
 main #social .social-block{ width: 50%; float: left; height: 215px; overflow: hidden; }
 main #social .social-top #facebook-count{ background-color: #3865B4; height: 215px; color: #ffffff; font-size: 18px; font-family: 'Montserrat'}
 main #social .social-top #facebook-count .wrapper{ padding: 20px 15px; }
 main #social .social-top #facebook-count .wrapper .title{  }
 main #social .social-top #facebook-count .wrapper .logo{ font-size: 5.5em; text-align: center; display: block; }
 main #social .social-top #facebook-count .wrapper #jsfacebook{ font-size: 24px; text-align: center; }
 main #social .social-top #vimeo{}
 main #social .social-bottom #instagram-wall-wrap{ height: 264px; overflow: hidden; }
 main #social .social-bottom #instagram-wall{ width: 352px; height: 264px; float: left; overflow: hidden;}
 main #social .social-bottom #instagram-wall a img{ width: 87px; height: 87px; margin-right: 1px; margin-bottom: 1px; }

 main #social .social-bottom #twitter-wall{ height: 263px; overflow: hidden; margin-bottom: 3px; background: url('../img/twitter-logo-block.png') no-repeat right top; padding-right: 61px; margin-right: -61px; }
 main #social .social-bottom #twitter-wall .wrapper{ background-color: #F1F1F1; padding: 10px 20px 0; height: 253px; overflow: scroll; }
 main #social .social-bottom #twitter-wall .tweet{ margin-bottom: 15px;}
 main #social .social-bottom #twitter-wall .tweet .tweet-title{ font-size: 16px; margin-bottom: 10px; overflow: hidden; font-family: 'Montserrat' !important; line-height: 19px; max-height: 20px; }
 main #social .social-bottom #twitter-wall .tweet .tweet-title .user{ color: #232323; max-width: 250px; float: left; }
 main #social .social-bottom #twitter-wall .tweet .tweet-title .user span.tag{   }
 main #social .social-bottom #twitter-wall .tweet .tweet-title .date{ color: #646464; width: 50px; font-size: 12px; float: right; line-height: 19px; text-align: right;}
 main #social .social-bottom #twitter-wall .tweet .tweet-content p{ color: #656565; font-size: 15px; line-height: 19px; }
 main #social .social-bottom #twitter-wall .tweet a{ color: #6EC0E0; }
 main #social .social-bottom #twitter-wall .tweet .tweet-actions{ border-top: 1px solid #E1E2E4; border-bottom: 1px solid #E1E2E4; padding: 3px 0; }
 main #social .social-bottom #twitter-wall .tweet .tweet-actions .tweet-button{ float: left; margin-right: 10px; }
 main #social .social-bottom #twitter-wall .tweet .tweet-actions .tweet-button i.fa{ margin-right: 5px;}
 main #social .social-bottom #twitter-wall .tweet .tweet-actions .tweet-button a{ color: #808080; }
 main #social .social-bottom #twitter-wall .tweet .tweet-actions .tweet-button a:hover{ text-decoration: underline; }
 
 main #kleefinstructions{ margin: 20px 0;}
 main #kleefinstructions .video{ margin-bottom: 20px; cursor: pointer; margin-right: -6px;}
 main #kleefinstructions .tips{}
 main #kleefinstructions .tips h4{font-size: 18px; font-weight: bold; color: #606060;}
 main #kleefinstructions .tips ul{ color: #8B8B8B; }
 main #kleefinstructions .tips ul li{}
 #pdf-download-block{ margin-top: 80px; }
 #pdf-download-block button{width: 100%; height: 40px; padding: 0 0 0 30px; font-family: 'Montserrat'; letter-spacing: 0.5px; text-transform: uppercase; font-size: 11px; background-image: url('../img/pdf-icon.png'); background-repeat: no-repeat; background-position: 15px center;}
 
 main #contact{ margin: 20px 0;}
 main #contact .subtitle{ margin-top: 0; }
 main #contact .subtitle .social{ font-size: 18px; line-height: 20px; float: right; margin-right: 2%;}
 main #contact .subtitle .social .facebook{ color: #3B539B;}
 main #contact .subtitle .social .twitter{ color: #3091FF;}
 main #contact .subtitle .social a:hover{ color: #333333;}
 main #contact form{}
 main #contact input, main #contact textarea{ border: 1px solid #7F7F7F; border-radius: 0; -webkit-border-radius: 0; }
 main #contact textarea{ width:98%; padding: 10px 1%; resize: none; height: 100px;  } 
 main #contact button{ width: 50%; height: 50px; font-size: 16px; }
 main #contact-block{ margin-top: 140px; color: #7F7F7F; font-size: 14px; line-height: 18px; line-height: 20px; }
 main #contact ::-webkit-input-placeholder{ color: #7F7F7F !important; }
 main #contact ::-webkit-textarea-placeholder{ color: #7F7F7F !important; }
 main #contact :-moz-placeholder{ color: #7F7F7F !important; }
 main #contact ::-moz-placeholder{ color: #7F7F7F !important; }
 main #contact :-ms-input-placeholder{ color: #7F7F7F !important; }
 main #contact :-ms-textarea-placeholder{ color: #7F7F7F !important; }
 main #contact input[placeholder], #contact textarea[placeholder], #contact [placeholder], #contact *[placeholder] { color: #7F7F7F !important; }

 main #prices{}
 main #prices p{ font-size: 16px; line-height: 22px;}
 main #prices .price-block{ width: 134px; margin-right: 10px; margin-bottom:20px; float: left; background-color: #232323; color: #F6F6F6; text-align: center; font-family: 'Lato';}
 main #prices .price-block.last{ margin-right: 0}
 main #prices .price-block:hover{ background-color: #00855E; }
 main #prices .price-block:hover .size{ background-color: #005E46; }
 main #prices .price-block:hover .price{ border-bottom: 1px solid #00926E; }
 main #prices .price-block:hover .price span{ color: #4CA188; }
 main #prices .price-block .inner-wrapper{ padding: 0;}
 main #prices .price-block .size{ background: #1C1C1C; font-weight:bold; font-size: 18px; padding: 15px 0; font-family: 'Montserrat'; white-space: nowrap;}
 main #prices .price-block .price{ border-bottom: 1px solid #2E2E2E; padding: 25px 0; line-height: 36px; white-space: nowrap;}
 main #prices .price-block .price span{ vertical-align:middle; color: #666666; font-size: 24px; }
 main #prices .price-block .price span.currency{ }
 main #prices .price-block .price span.price-integer{font-size: 44px; color: #F6F6F6; }
 main #prices .price-block .price span.price-decimal{  border-bottom: 1px solid; }
 main #prices .price-block .dimensions{ padding: 20px 0; font-weight: bold; font-size: 16px; line-height: 16px; font-weight: bold; font-size: 14px; font-family: 'Montserrat';}
 main #prices .price-block .dimensions>div{ white-space: nowrap; display: block; }
 main #prices #prices-watches-block{ position: relative; height: 100%;}
 main #prices #prices-watches-block .price-block.watch-sticker{ width: 422px; height: 100%; overflow: hidden; position: absolute; }
 main #prices #prices-watches-block .price-block{ float: right; }
 main #prices section{ margin-bottom: 40px; }

 main #avery-colors{ margin-right: -6px; padding: 20px 0;}
 main #avery-colors .note{ line-height: 20px; margin-bottom: 20px; font-size: 16px;}
 main #avery-colors .note a{ color:inherit; text-decoration: underline;}
 main #avery-colors .color_tile{ padding: 15px; width: 143px; height:55px; float: left; color: #000; margin: 0 6px 5px 0; }
 main #avery-colors .color_tile.white-font{ color: #fff; }
 /**********************
 *** END Content 
 **********************/


 /**********************
 *** Footer
 **********************/
 footer #footer-wrap{ min-height: 100px; background-color: #262626; }
 footer #footer-wrap div.footer-section{float: left; color: #A8A8A8; width: 34%; margin-right: 8%;}
 footer #footer-wrap div.footer-section .wrapper{ padding: 40px 0 30px; }
 footer #footer-wrap div.footer-section .wrapper h4{ color: #ffffff; font-size: 20px; line-height: 23px; margin-bottom: 25px; }
 
 footer div.footer-section .title-wrapper{ overflow: auto; }
 footer div.footer-section .form{ border-top: 1px solid #515151; margin-top: 5px; padding-top: 20px; }
 footer div.footer-section form input:focus, footer div.footer-section form textarea:focus { border:1px solid #00845E; }
 footer div.footer-section form input{ background: transparent; border-radius: 0px; border: 1px solid #515151; float: left; width: 98%; padding: 8px 1%; }
 footer div.footer-section form textarea{ background: transparent; border-radius: 0px; border: 1px solid #515151; float: left; width: 94%; padding: 8px 3%; height: 78px; resize: none; }
 footer div.footer-section form button{ background: #00845E; border-radius: 0px; border: none; color: #F4F7F6; padding: 8px 20px; line-height:21px; text-transform: uppercase; font-size: 11px; }
 footer div.footer-section form button:hover{ background-color: #00513A; }
 
 footer #footer-wrap div.footer-section.shop{ width: 20%; }
 footer .shop .wrapper ul{ list-style: none; margin: 0; font-size: 16px;}
 footer .shop .wrapper ul li{ margin-bottom: 10px; }
 footer .shop .wrapper ul li a{ color: #A8A8A8; }
 footer .shop .wrapper ul li a:hover{ color: #ffffff; }

 footer #footer-wrap div.footer-section.social{ width: 30%; }
 footer #footer-wrap div.footer-section.social .wrapper h4{ margin-bottom: 15px; }
 footer .social .wrapper .form-newsletter p{ font-size: 16px; }
 footer .social .wrapper .form-newsletter form{}
 footer .social .wrapper .form-newsletter form>div{ overflow: auto; }
 footer .social .wrapper .form-newsletter form input{ width: 162px; border: 1px solid #ffffff; }
 footer .social .wrapper .form-newsletter form button{ background: transparent; border-radius: 0px; border: 1px solid #ffffff; color: #ffffff; padding: 8px; line-height:21px; font-size: 15px; }
 footer .social .wrapper .letstalk{ margin-top: 38px; }
 footer .social .wrapper .letstalk h5{}
 footer .social .wrapper .letstalk .icons{}
 footer .social .wrapper .letstalk .icons span{ margin-right: 12px; }

 footer #footer-wrap div.footer-section form.contact-form{ margin-top: 10px }
 footer #footer-wrap div.footer-section.contact{ width: 34%; margin-right: 0; }
 footer #footer-wrap div.footer-section.contact .title-wrapper{ margin-top: 37px; }
 footer #footer-wrap div.footer-section.contact .title-wrapper h4{ margin-bottom: 15px; }
 footer #footer-wrap div.footer-section.contact button.btn-green{ margin-top: 5px; }

 footer #subfooter{ min-height:10px; background-color: #393939; }
 footer #subfooter .inner-wrap{ padding: 8px 0; }
 footer #subfooter .inner-wrap .left{ font-size: 14px; line-height: 15px;}
 footer #subfooter span{ margin-left: 20px;}
 footer #subfooter, footer #subfooter a{ color: #9A9A9A; }
 footer #subfooter .rws{ width: 204px; height: 15px; display: block; background: url('../img/handcrafted_by_rws.png') no-repeat top left; }
/**********************
 *** END Footer
 **********************/

/**********************
 *** Form
 **********************/
 form{}
 form .form-row{ display: block; width: 100%; margin-bottom: 10px;}
 form .form-row .form-element{ float: left;}
 form .form-row .form-element.textarea{ width: 100%;}
 form .form-row .form-element.textarea textarea{ width: 100%; max-width: 500px; height: 80px; resize:none; }
 form .form-row .form-element.radio-buttons{ margin-top: 10px; }
 form .form-row .form-element.radio-buttons>label{float: left; margin-right: 15px; font-size: 16px; color: #585858; }
 form .form-row .form-element input{ border-radius:0; -webkit-border-radius:0; width: 98%; padding: 5px 1%; height: 30px; margin: 0;}
 form .form-row .form-element input.error{ border-color: rgb(241, 122, 122);}

 form .form-row .form-element.element-20{ width: 18%; margin-right: 2%; }
 form .form-row .form-element.element-40{ width: 38%; margin-right: 2%; }
 form .form-row .form-element.element-50{ width: 48%; margin-right: 2%; }
 form .form-row .form-element.element-60{ width: 58%; margin-right: 2%; }
 form .form-row .form-element.element-100{ width: 98%; margin-right: 2%; }

 form div.messages{ padding: 1%; width: 96%; margin-bottom: 20px; border-radius: 5px; }
 form div.failure{ border: 2px solid rgb(241, 122, 122); background-color: rgb(248, 218, 218); }
 form div.success{ border: 2px solid rgb(98, 163, 124); background-color: rgb(219, 248, 218); }
 form div.info{ border: 2px solid rgb(255, 179, 82); background-color: rgb(248, 236, 218); }

 form input.error, form textarea.error{ border-color: rgb(241, 122, 122) !important; }
 ul.ui-autocomplete{
 	background-color: #fff;
 	width: 273px;
 	list-style: none;
 	border: 1px solid #CCC;
 	border-top: none;
 }
 ul.ui-autocomplete li{ 
 	padding: 5px 10px; 
	-webkit-transition:background-color 0.5s ease;
	   -moz-transition:background-color 0.5s ease;
		 -o-transition:background-color 0.5s ease;
            transition:background-color 0.5s ease;
    -webkit-transition:color 0.5s ease;
	   -moz-transition:color 0.5s ease;
		 -o-transition:color 0.5s ease;
            transition:color 0.5s ease;
 }
 ul.ui-autocomplete li:hover,ul.ui-autocomplete li.ui-state-focus{ background-color: #00855E; color: #fff; }
/**********************
 *** END Form
 **********************/


/**********************
 *** Front page specific
 **********************/
 body.front .title-borderline:after{ margin-bottom: 30px; }
 body.front main .center-right .content-wrap{ padding: 60px 0 20px; }
 body.front main .center-right .content-wrap h1{ margin-top: 10px; }
/**********************
 *** END Front page specific
 **********************/


/**********************
 *** Verkoopspunten
 **********************/
 #google_map{ margin: 20px 0; }
 #google_map div.boss{ margin: 20px 0 0; }
 #google_map div.boss a{ color: #808080; text-decoration: underline;}
 #map-canvas { height: 400px; width: 100%; margin: 0px; padding: 0px; }
 
 #salepoints{}
 #salepoints .salepoint-country{ float: left; width: 50%; text-align: left;}
 #salepoints .salepoint-country h4{ font-size: 18px; font-weight: bold; margin-bottom: 15px;}
 #salepoints .salepoint-country .salepoint-wrap{}
 #salepoints .salepoint-country .salepoint-wrap .salepoint{ margin-bottom: 15px;}
 #salepoints .salepoint-country .salepoint-wrap .salepoint a{ color: #808080; font-weight: bold; }
 #salepoints .salepoint-country .salepoint-wrap .salepoint a:hover{ color: #666666; }

/**********************
 *** END Verkoopspunten
 **********************/

 /**********************
 *** Login
 **********************/
 #login-form{ margin: 20px 0; }
 #login-form .form-row{ width: 60%;}
 #login-form .form-element{ width: 100%; }
 #login-form .form-element input{ border: 1px solid #7D7D7D; }
 
 #login-form .form-row label.rememberme{ float: left; }
 #login-form .form-row a{ float:right; color: #585858; font-weight: bold; font-size: 13px; line-height: 18px; }
 #login-form .form-row a:hover{ text-decoration: underline; }
 #login-form .login-button{ width: 35%; height: 50px; margin-top: 15px;}

 #login-form .form-row .checkbox .icons{ width: 18px; height:18px;} 
 #login-form .form-row .checkbox .icons .first-icon,
 #login-form .form-row .checkbox .icons .second-icon{ background-color: #ffffff; color: #ffffff; width: inherit; height: inherit; font-size: 12px; line-height: 18px; border: 1px solid #5B5B5B;}


 #login-form .form-row .checkbox:hover .icons .first-icon,
 #login-form .form-row .checkbox:hover .icons .second-icon{ color: #5B5B5B; }
 #login-form .form-row .checkbox.checked .icons .first-icon,
 #login-form .form-row .checkbox.checked .icons .second-icon,
 #login-form .form-row .checkbox.checked:hover .icons .first-icon,
 #login-form .form-row .checkbox.checked:hover .icons .second-icon{ color: #ffffff; background-color: #00855E; border: 0; }

 #login-form .form-row .checkbox,
 #login-form .form-row .checkbox.checked,
 #login-form .form-row .checkbox:hover,
 #login-form .form-row .checkbox.checked:hover{ color: #585858; font-weight: bold; font-size: 13px; }
/**********************
 *** Login
 **********************/

 /**********************
 *** Profile
 **********************/
 main .center-right .content-wrap #profile-overview h1.green{ color: #606060 !important; font-size: 16px !important; }
 main .center-right .content-wrap #profile-overview input{ border: 1px solid #7F7F7F; color: #7F7F7F !important; }
 main .center-right .content-wrap #profile-overview .customer-info{ margin: 30px 0 0;}
 main .center-right .content-wrap #profile-overview .customer-info .form-section{ margin: 0 0 20px;}
 main .center-right .content-wrap #profile-overview button[type=submit]{ width: 45%; height: 50px; }
 /**********************
 *** END Profile
 **********************/

 /**********************
 *** Orderhistory
 **********************/
 	
 #orderhistory{ margin: 20px 0; }
 #orderhistory table{ width: 100%; }
 #orderhistory table thead tr{ border-bottom: 2px solid #CCC; }
 #orderhistory table thead tr th{ text-align: left; padding: 15px 5px;}
 #orderhistory table tbody tr{ border-bottom: 2px solid #CCC; }
 #orderhistory table tbody tr td{ padding: 10px 5px; }
 #orderhistory table tbody tr.even td{ background-color: #EEEEEE; }

 #orderhistory table tbody tr td{ vertical-align: top; }
 #orderhistory table tbody tr td.ref{ width: 25%; }
 #orderhistory table tbody tr td.products{ width: 30%; }
 #orderhistory table tbody tr td.products strong{ display: block; cursor: pointer; }
 #orderhistory table tbody tr td.products strong:hover{color:#9A9A9A;}
 #orderhistory table tbody tr td.address{ width: 30%; }
 #orderhistory table tbody tr td.status{ width: 15%; }
 #orderhistory table.orderitem-details{ font-size: 12px; display: none; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
 #orderhistory table.orderitem-details tr{ border-bottom: none; }
 #orderhistory table.orderitem-details td{ padding-left: 15px; padding-right: 0; padding-top: 2px; padding-bottom: 2px; text-align: left; }

 /**********************
 *** END Orderhistory
 **********************/