/**
* CSS
* 
* @version 1.0
* @author Ozhan Binici
*/

@import url("/css/Campton/Campton-Light.css");
@import url("/css/Campton/Campton-Medium.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,input {margin:0; padding:0;}
img		{border:none; margin:0; padding:0; display:block;}
a		{text-decoration:none;}
a:focus, a:active {outline:none;}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

div, span, a, :before {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/*.sticky {-webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;}*/

#wrapper {position:relative; width:100%; display:block;}
body 	{background-color:#FFFFFF; font-size:15px; font-family:"Campton-Light", Arial, sans-serif; color:#000000; font-weight:300; line-height:18px; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;     -webkit-overflow-scrolling: touch;}

.clear 	{clear:both;}

strong, b {font-family:"Campton-Medium"; font-weight:600;}

#header			{position:fixed; left:0px; top:0px; width:170px; z-index:999; height:100vh; min-height:497px; font-size:14px; line-height:26px; background-color:#FFF;}
.headerInner	{position:relative; width:100%; height:100%; padding:20px; padding-top:34px;}

#header .logo			{position:relative; float:none; display:block; margin-bottom:28px;}
#header .logo img 		{height:102px;}
#header .logo svg 		{height:100px; display:none;}
#header .menu 			{position:relative; float:none; width:100%; display:block;}
#header .menu li 		{list-style-type:none; display:block;}
#header .menu li a 		{font-size:14px; color:#000; font-family:"Campton-Medium"; font-weight:600; position:relative; display:inline-block;}
#header .menu li a:before 	{content:"·"; display:block; position:absolute; left:-10px; top:-1px; font-size:16px; opacity:0;}
#header .menu li a:hover:before 	{opacity:1;}
#header .menu li a.selected:before 	{opacity:1;}

#header #footerLinks 					{position:absolute; bottom:20px; left:20px;}
#header #footerLinks > a				{color:#000;}
#header #footerLinks > a:before 	{content:"·"; display:block; position:absolute; left:-10px; font-size:16px; opacity:0; font-family: "Campton-Medium"; font-weight: 600;}
#header #footerLinks > a:hover:before 	{opacity:1;}
#header #footerLinks > a.selected:before 	{opacity:1;}

#header #footerLinks #social 			{position:relative; display:block; float:none; margin:9px 0px 11px 0px;}
#header #footerLinks #social li 		{position:relative; float:left; margin-right:8px; }
#header #footerLinks #social li a 			{display:block; opacity:1;}
#header #footerLinks #social li a:hover 	{display:block; opacity:0.6;}

#header #footerLinks #social li a img 	{height:27px; width:auto;}
#header #footerLinks #social:after 		{clear:both; content:" "; display:block;}

#header .show-cart {display:none; position:relative; float:right; width:auto; margin-top:19px; margin-right:38px;}
#header .show-cart img {width:30px;}
#header .show-menu {display:none; position:relative; float:left; width:37px; height:30px; margin-top:24px; margin-left:38px;}
#header .show-menu:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background: linear-gradient(
		to bottom, 
		black, black 10%, 
		white 10%, white 45%, 
		black 45%, black 55%, 
		white 55%, white 90%, 
		black 90%, black 100%
	);
}
#footer			{position:fixed; top:0px; right:0px; width:40px; height:100vh; min-height:100px; font-size:14px; background-color:#FFF; z-index:1000;}
#footer2			{position:fixed; top:0px; right:0px; width:360px; height:100vh; min-height:100px; font-size:14px; background-color:#FFF; z-index:1000;}
#footer2 #panel-search, #footer2  #footerInner, #footer2 #panel-likes{display:none}
#footer2 #panel-cart{display:block}


#footer3			{position:relative; display:none; width: 100%; height: auto; min-height: auto;font-size:14px; background-color:#000; padding: 0px 0px 0px 90px;}
#footer3 #panel-search, #footer2  #footerInner, #footer2 #panel-likes{display:none}
#footer3 #panel-cart{display:block}


#footerInner	{position:relative; width:40px; float:none; height:100%; padding:0px; padding-top:26px;}
#footer.expanded {width:366px;}

#footer #footer-icons  {position:relative; display:block; float:none; }
#footer #footer-icons li {position:relative; display:block; margin:6px 0px;}
#footer #footer-icons li:nth-child(3) {margin-top:2px;}
#footer #footer-icons li:nth-child(1) a.side-button img {width:20px;}
#footer #footer-icons li:nth-child(2) a.side-button img {width:23px;}
#footer #footer-icons li:nth-child(2) a.side-button img:nth-child(2) {display:none;}
#footer #footer-icons li:nth-child(2) a.side-button.liked img:nth-child(1) {display:none;}
#footer #footer-icons li:nth-child(2) a.side-button.liked img:nth-child(2) {display:inline-block;}
#footer #footer-icons li:nth-child(3) a.side-button img {width:20px;}

a.side-button {display:block; width:100%; text-align:center; opacity:1;}
a.side-button span {font-size:10px; line-height:12px; position:absolute; width:100%; height:auto; top:10px; left:0px; text-align:center; z-index:2; color:#000;}
a.side-button.show-likes span {top:8px;}
a.side-button:hover 	{display:block; opacity:0.6;}
a.side-button img {display:inline-block;}


#content				{position:relative; width:100%; font-size:15px; line-height:19px; background-color:#FFF; color:#000;}

#contentInner			{position:relative; margin:auto; width:100%; padding:0px 40px 0px 170px;}

#contentInner.category 	{padding:0px 30px 24px 160px; }
#contentInner.category.search > .title 	{padding:32px 10px 26px 10px; }


#wrapper.with-panel #contentInner	{padding-right:366px;}
#wrapper.with-panel #footer	{width:366px;}


.grid {position:relative; width:100%; height:auto;}
.grid .box {position:relative; float:left;}

.grid.home-page {height:100%;}
.grid.home-page a {font-size:18px; font-family:"Campton-Medium"; font-weight:600; line-height:24px; color:#000; text-transform:uppercase;
	
}

.grid.home-page a .images {position:absolute; display:block; z-index:0; width:100%; height:100%; top:0px; left:0px; overflow:hidden;}
.grid.home-page a .images .image {background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height:100%; display:block;
	image-rendering: optimizeSpeed;             /*                     */
	image-rendering: -moz-crisp-edges;          /* Firefox             */
	image-rendering: -o-crisp-edges;            /* Opera               */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
	image-rendering: optimize-contrast;         /* CSS3 Proposed       */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
	
}
/*.grid.category a:hover .images .image {background-size: 105%;}*/

.grid.home-page a:nth-child(2) {float:right;}
.grid.home-page a:nth-child(3) {float:right;}

.grid.home-page a span {position:absolute; left:24px; width:auto; bottom:20px; display:block; border:2px solid #000; background-color:transparent; padding:12px 18px; }
.grid.home-page a span br {display:none;}
.grid.home-page a:hover span {background-color:#000; color:#FFF;}

.grid.category .box {padding:0px 10px; font-size:16px; line-height:20px; color:#000; margin-bottom:30px; cursor:pointer;}
.grid.category .coming-soon {position:absolute; top:0px; left:10px; z-index:1; }
.grid.category .images {position:relative; float:none; width:100%; height:auto; overflow:hidden;}
.grid.category .images .image {position:absolute; top:0px; left:0px; width:100%; height:100%;
background-size:cover; background-position:center center; background-repeat:no-repeat;}
.grid.category .images .image.custom {opacity:0.35}
.grid.category .images img {width:100%; visibility:hidden;}
.grid.category .box:hover .image {
	-moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}
.grid.category .box.has-text {cursor:auto;}
.grid.home-page a:hover .images .image {
	-moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}

.grid.category .box.has-products.open .products {
	display:block;
	position:relative;
	height:auto;
	width: calc(300% + 60px);
	margin-left: calc(-100% - 20px);
}
.grid.category .box .variants img {
	border:1px solid #000;
}
.grid.category .images .text-container {position:absolute; top:50%; left: 0px; width:100%; height:100%; display:block; text-align:center; padding:10px;}
.grid.category .images p { max-width:300px; margin:0px; color:#FFF; font-family:"Campton-Medium"; font-weight:600; font-size:20px; line-height:26px; display:inline-block;transform: translateY(-50%); margin-top:-10px;}

.grid.category .box .title {font-family:"Campton-Medium"; font-weight:600; position:relative; float:left; padding-top:11px; padding-left:4px;}
.grid.category .box .title.custom {position:relative; min-height:71px; margin-top:0px; width: 100%; background: transparent; font-weight: 400; font-size:25px; line-height:30px }
.grid.category .box .caption {position:relative; float:right; padding-top:11px; padding-right:4px;}
.grid.category .box .caption.custom {
    position: relative;
    width: 100%;
	font-weight: 600;
	font-size:18px;
	line-height:20px;
	padding-top:40px;
}
.grid.category .box .caption.custom  span{
	font-size:12px;
	padding-left:6px;
}
.grid.category .products {position:relative; display:block; width:100%; height:0px; overflow:hidden; height:0px; }
.grid.category .box .products {display:none;}
.grid.category .products .inner {position:relative; display:block; width:100%; height:auto; border-top:2px solid #000; border-bottom:2px solid #000; padding-top:35px; padding-bottom:0px; background-color:#F6F6F6;margin-bottom:30px; margin-top:24px;}

.grid.category .products.right .box {float:right;}

.arrow_box:after, .arrow_box:before {bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.products-set.three-column .products:nth-child(3n+1) .arrow_box:after, 
.products-set.three-column .products:nth-child(3n+1) .arrow_box:before {
	left:16.6666%;
}
.products-set.three-column .products:nth-child(3n+3) .arrow_box:after, 
.products-set.three-column .products:nth-child(3n+3) .arrow_box:before {
	left:83.3333%;
}

.products-set.two-column .products:nth-child(3n+1) .arrow_box:after, 
.products-set.two-column .products:nth-child(3n+1) .arrow_box:before {
	left:25%;
}
.products-set.two-column .products:nth-child(3n+2) .arrow_box:after, 
.products-set.two-column .products:nth-child(3n+2) .arrow_box:before {
	left:75%;
}

.products-set.one-column .products:nth-child(3n+1) .arrow_box:after, 
.products-set.one-column .products:nth-child(3n+1) .arrow_box:before {
	left:50%;
}

.grid.category .one-column {
	display:none;
}

.grid.category .two-column {
	display:none;
}
.arrow_box:after {
	border-color: rgba(246, 246, 246, 0);
	border-bottom-color: #F6F6F6;
	border-width: 16px;
	margin-left: -16px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 19px;
	margin-left: -19px;
}

.grid.category .products:before:nth-child(3n+2) {float:right;}
.grid.category .products:before:nth-child(3n+3) {float:right;}


.grid .delivery-form, .payment-form {position:relative; float:left; display:block; width: calc(100% - 320px); background-color: #f6f6f6; text-align:center; padding-top: 33px; float:none; min-height: 100vh;}
.grid .delivery-form h1{
	font-size:29px;
	line-height: 33px;
	color:#000;
	border-bottom:2px solid #000;
	padding-bottom:10px;
	margin-bottom:37px;
	display:inline-block;
}
.grid .payment-form h1{
	font-size:29px;
	color:#000;
	margin-bottom:50px;
}
.grid .delivery-form h2{
	font-size:18px;
	color:#000;
	margin-bottom:12px;
}
#deliveryForm{
	max-width:390px;
	margin:0 auto;
}
#paymentForm{
	width:535px;
	margin:0 auto;
}
#paymentForm .control-div {
    width: 385px;
    float: left;
	text-align:left;
}
#paymentForm .control-label {
    width: 145px;
	float: left;
	text-align:left;
	line-height: 48px;
	min-height: 1px;
}
#deliveryForm  .form-group, #paymentForm .form-group{
	margin-bottom:10px;
}

#deliveryForm  .form-group.hidden, #paymentForm .form-group.hidden{
	display:none;
}
#deliveryForm .adress-fatura{
	
}
#deliveryForm  .form-group input, #deliveryForm textarea{
	width:100%;
	border:2px solid #000;
	text-align:center;
}
.payment-form  .form-group input{
	width:100%;
	border:2px solid #000;
	text-align:center;
}
.payment-form  .form-group input.small{
	width:93px;
}
#deliveryForm  .form-group.optional input{
	border:2px solid #a0a0a0;
}
#deliveryForm input[type='text'], #deliveryForm input[type='submit'], .payment-form input[type='text'], .payment-form input[type='submit']{
	height:48px;
}
#deliveryForm input[type='submit'], #paymentForm input[type='submit']{
	color:#fff;
	background-color:#000;
	cursor:pointer;
}
#deliveryForm input[type='submit']:hover, #paymentForm input[type='submit']:hover{
	opacity:0.6;
}

#deliveryForm textarea{
	height:196px;
	padding: 10px;
}

#deliveryForm ::-webkit-input-placeholder {
   color: #000;
}

#deliveryForm :-moz-placeholder { /* Firefox 18- */
   color: #000;
}

#deliveryForm ::-moz-placeholder {  /* Firefox 19+ */
   color: #000;  
}

#deliveryForm :-ms-input-placeholder {  
   color: #000;  
}

/*#deliveryForm .optional ::-webkit-input-placeholder {
   color: #a0a0a0;
}


#deliveryForm .optional  :-moz-placeholder{ // Firefox 18-
   color: #a0a0a0;
}

#deliveryForm .optional::-moz-placeholder {  // Firefox 19+ 
   color: #a0a0a0;  
}

#deliveryForm .optional:-ms-input-placeholder {  
   color: #a0a0a0;  
}
*/
#deliveryForm  label.button {
    width: 23px;
    height: 23px;
    border: 2px solid #000;
    background-color: #fff;
    float: left;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}
#deliveryForm input[type="checkbox"]:checked+label {
    background-color: #000;
}
.product .photos {position:relative; float:left; display:block; width: calc(100% - 460px);}
.product .photos > div > img,
.product .photos > img {width:100%;opacity: 0; transition: opacity .3s ease-in;}
.product .photos img.lazyloaded {opacity: 1;}
.product .content 			{position:fixed; right:40px; width:460px; height:100%; z-index:3; padding:26px 36px;}
/*.product .content.scrollable {
	position:absolute; right:0px;
}*/
.product.stores .content {position:absolute; height:auto; right:0px;}

#wrapper.with-panel .product.stores .content {right:0px;}
#wrapper.with-panel .product.stores .photos {left:-156px;}

.product.stores .photos {position:fixed; width:calc(100% - 670px); left:170px; top:0px; height:100%;}
.product .content .content-inner {position:relative; max-width:400px; margin:0 auto;}
.product .photo-carousel {position:relative; width:100%; display:none; height:auto; }

.product .photo-carousel .image {
	width:100%;
	height:100%;
	display:block;
	background-size:cover;
	background-position: center center;
}
.product .photo-carousel .image img {
	width:100%;
	visibility:hidden;
}

.product .photo-carousel .arrow {
	position:absolute;
	top:50%;
	margin-top:-20px;
	width:40px;
	height:40px;
	left:0px;
	z-index:999;
	line-height:40px;
	text-align:center;
	color:#000;
	font-size:40px;
	opacity:0;
	cursor:pointer;
}
.product .photo-carousel:hover .arrow {
	opacity:0.5;
}
.product .photo-carousel .arrow:hover {
	opacity:1;
}
.product .photo-carousel .arrow:before {
	display:block;
}
.product .photo-carousel .cycle-prev:before {
	content:"‹";
}
.product .photo-carousel .cycle-next:before {
	content:"›";
}
.product .photo-carousel .cycle-next {
	left:auto;
	right:0px;
}
#wrapper.with-panel .product .content {
	right:366px;
}

.variants {
	display:block;
	margin-bottom:28px;
	width:100%;
}

.box .variants{
	float:left;
	width:auto;
	margin-bottom:0px;
	margin-left:10px;
	margin-top:7px;
}

.variants:after {
	clear:both;
	content:'';
	display:block;
}
.variants .variant {
	position:relative;
	display:block;
	float:left;
	margin-right:8px;
	font-size:20px;
	line-height:24px;
	font-family:"Campton-Medium"; font-weight:600; 
}

.variants .variant input{
    position: absolute;
	transform: scale(1.8);
	top:5px;
	left:5px;
	visibility:hidden;
}

.variants .variant input[type="radio"]:checked+label img { 
	border:2px solid #000;
}

.variants .variant label {
	cursor:pointer;
}
.variants .variant label img{
    border:1px solid #888;
	display: block;
	width:24px
}

/***************/
.customize {
    position: relative;
    float: left;
    display: block;
    width: calc(100% - 460px);
	padding-top: 33px;
	padding-left: 43px;
	background-color:#f6f6f6;
}
.customize .row .form-element.colorWrapper{
	margin-bottom:50px;
}
.customize .row {
	position:relative;
	width:100%;
}
.inputWrapper{
	position:relative;
	width:100%;
}
.customize .row .row-number{
	position: relative;
    width: 100%;
}
.customize .row .row-number .numberWrapper{
	position: absolute;
    width: 54px;
    height: 54px;
}
.customize .row .table{
	display: table;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	border-radius: 50%;
	background-color: #000;
    color: #fff;
}
.customize .row .table .table-cell{
	display: table-cell !important;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
} 
.customize .row .row-notebook{
	position: relative;
    float: left;
    padding-left: 86px;
	margin-bottom: 50px;
    width: 100%;
}

.customize .row .row-number div.title {
    margin-bottom: 30px;
	    display: block;
	    height: 54px;
	    padding-left: 86px;
	    line-height: 54px;
}
.customize .row .row-notebook span {
    display: inline-block;
}
.customize .row .row-notebook .button{
	width:23px;
	height:23px;
	border:2px solid #000;
	background-color:#fff;
	float:left;
	cursor: pointer;
	display:inline-block;
	margin-right: 10px;
}

.customize .row .row-notebook .button.color{
	width:50px;
	height:50px;
	border:2px solid #666666;
	background-color:#fff;
	float:left;
	cursor: pointer;
	display:inline-block;
	margin-right: 10px;
	margin-bottom: 6px;
}

.customize .row .row-notebook .button.color:nth-child(2){
	background-color:#fff;
}
.customize .row .row-notebook .button.color:nth-child(4){
	background-color:#d4d5d7;
}
.customize .row .row-notebook .button.color:nth-child(6){
	background-color:#8d8f92;
}
.customize .row .row-notebook .button.color:nth-child(8){
	background-color:#ffe300;
}
.customize .row .row-notebook .button.color:nth-child(10){
	background-color:#f48000;
}
.customize .row .row-notebook .button.color:nth-child(12){
	background-color:#af000a;
}
.customize .row .row-notebook .button.color:nth-child(14){
	margin-right:0px;
	background-color:#eeb9b9;
}
.customize .row .row-notebook .button.color:nth-child(16){
	background-color:#ce208b;
}
.customize .row .row-notebook .button.color:nth-child(18){
	background-color:#88218b;
}
.customize .row .row-notebook .button.color:nth-child(20){
	background-color:#91b7e6;
}
.customize .row .row-notebook .button.color:nth-child(22){
	background-color:#0050ad;
}
.customize .row .row-notebook .button.color:nth-child(24){
	background-color:#001d5c;
}
.customize .row .row-notebook .button.color:nth-child(26){
	background-color:#1fad9c;
}
.customize .row .row-notebook .button.color:nth-child(28){
	margin-right:0px;
	background-color:#94c052;
}
.customize .row .row-notebook .button.color:nth-child(30){
	background-color:#167c2c;
}
.customize .row .row-notebook .button.color:nth-child(32){
	background-color:#bcb6a1;
}
.customize .row .row-notebook .button.color:nth-child(34){
	background-color:#553303;
}
.customize .row .row-notebook .button.color:nth-child(36){
	background-color:#1e1c1c;
}
.customize .row .row-transparent .button.color:nth-child(38){
	background-color:transparent;
	-ms-transform: rotate(180deg); /* IE 9 */
	    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	    transform: rotate(180deg);
}
.customize .row .row-notebook .button.color:nth-child(38) .multicolor{
	width: 0;
	height: 0;
	border-top: 46px solid #d8b751;
	border-right: 46px solid #b48800;
}
.customize .row .row-notebook .button.color:nth-child(40){
	background-color:transparent;
	-ms-transform: rotate(180deg); /* IE 9 */
	    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	    transform: rotate(180deg);
}
.customize .row .row-notebook .button.color:nth-child(40) .multicolor{
	width: 0;
	height: 0;
	border-top: 46px solid #c8c9cb;
	border-right: 46px solid #e1e2e3;
}

.customize .row .form-element input[type="radio"]:checked+label.color {
    border:2px solid #000;
}

.customize .row .form-element{
	position:relative;
	float:left;
	margin-right:50px;
	max-width: 410px;
	margin-top:17px;
}
.customize .row .form-element img{
	margin-bottom:18px;
}
.customize .row .form-element img.short{
	margin-bottom:34px;
}


.customize .row .form-element input[type="radio"] {
     display:none; 
} 
.customize .row .form-element input[type="radio"]:checked+label {
    background-color:#000;
}

#formnotebook{
	position:relative;
}
#formnotebook input  {
    border: 2px solid #000;
    width: 100%;
    height: 49px;
    text-align: center;
}
#formnotebook textarea  {
    border: 2px solid #000;
    width: 100%;
    height: 200px;
    text-align: center;
}
#formnotebook .btn.btn-default  {
    border:none;
	background-color:transparent;
	position:absolute;
	bottom: 20px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#formnotebook .form-group {
    margin-bottom: 10px;
}
.summary {
    margin-bottom: 48px;
}
.estimate {
    margin-bottom: 38px;
	color:#000;
}
.formnotebook h1 {
    color: #000;
    font-size: 24px;
    line-height: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 48px;
    margin-top: 10px;
}
.formnotebook .summary h4 {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 27px;
}
.formnotebook .estimate h4 {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    margin-bottom: 17px;
}
    

/***************/


.product .content.is_stuck	{right:40px;}
.product .content .title 	{font-family:"Campton-Medium"; font-weight:600; font-size:29px; line-height:36px; border-bottom:2px solid #000; display:inline;}
.product .content .text		{margin-top:34px; display:block;}
.product .content .text p {margin-bottom:19px;}
.product .content .text strong {font-family:"Campton-Medium"; font-weight:600; margin-bottom: 0px; display: inline-block;}
.product .content .text a 	{color:#000; font-family:"Campton-Medium"; font-weight:600; display:inline-block; border-bottom:1px solid rgba(0,0,0,1); opacity:1;}
.product .content .text a:hover {opacity:0.6; border-bottom: 1px solid rgba(0, 0, 0, 0,6);}
.product .content .text .people{
	margin-top:20px;
}
.product .content .text .people .person{
	margin-bottom:12px;
}
.product .content .text .people img{
	display: inline; vertical-align: middle; margin-right: 10px;
}
.product .content .text .people .desinger-not{
	display: inline;
}


#content .static-text		{padding:26px 36px; width:100%;}
#content .static-text .title	{font-family:"Campton-Medium"; font-weight:600; font-size:29px; line-height:36px; border-bottom:2px solid #000; display:inline; margin-bottom:4px;}
#content .static-text h1	{font-family:"Campton-Medium"; font-weight:600; font-size:29px; line-height:36px; border-bottom:2px solid #000; display:inline; margin-bottom:4px;}
#content .static-text .subtitle	{margin-top:36px; font-family:"Campton-Medium"; font-weight:600; font-size:18px; line-height:24px; border-bottom:2px solid #000; display:inline-block;}
#content .static-text h2	{margin-top:36px; font-family:"Campton-Medium"; font-weight:600; font-size:18px; line-height:24px; border-bottom:2px solid #000; display:inline-block;}

#content .static-text a		{color:#231f20;}
#content .static-text a:hover		{text-decoration:underline;}
#content .static-text p {margin-top:1em;}

#share {position:relative; width:100%; margin-top:24px; margin-left:-10px;}
#share li {position:relative; display:inline-block;; width:auto;}
#share li a {position:relative; display:block; height:16px; padding:0 10px; opacity:1;}
#share li a.like img:nth-child(2) {display:none;}
#share li a.like.liked img:nth-child(1) {display:none;}
#share li a.like.liked img:nth-child(2) {display:block;}
#share li a img {height:100%;}
#share li a:hover {opacity:0.6;}
#share:after {clear:both; content:" "; display:block;}

#products		{position:relative; width:100%; margin-top:40px; display:none;}
.productContainer	{position:relative; float:left; padding:4px; color:#000; font-size:12px; line-height:16px;}
.productContainer.active .image {border-color:#000;}
.productContainer .image		{position:relative; display:block;border:1px solid #888;}
.productContainer .image img 	{width:100%;}
.productContainer .text			{position:relative; display:block;}
.productContainer:hover .image {border-color:#000;}

.addToCart	{position:relative; width:100%; margin-top:36px;}
.addToCart form:after	{clear:both; content:""; display:block;}
.addToCart input	{position:relative; float:left;}
.addToCart input[type="text"]		{position:relative; float:left; font-family:"Campton-Medium"; font-weight:600; width:50%; font-size:16px; line-height:24px; padding:12px; color:#000; background-color:#FFF; border:2px solid #000; border-right:0px; opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.addToCart input[type="text"]:focus {opacity:0.6;}

.addToCart .selectric-wrapper {float:left; width:100%; }
.addToCart .selectric-wrapper .selectric .label {font-family:"Campton-Medium"; font-weight:600; font-size:16px;}
.addToCart .selectric-wrapper .selectric-items li  {font-family:"Campton-Medium"; font-weight:600; font-size:16px; line-height:24px;}
.addToCart select		{position:relative; float:left; font-family:"Campton-Medium"; font-weight:600; width:50%; font-size:16px; line-height:24px; padding:12px; color:#000; background-color:#FFF; border:2px solid #000; border-right:0px; opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;

}
.delivery-form select {position:relative; float:left; font-family:"Campton-Medium"; font-weight:300; width:100%; font-size:16px; line-height:24px; padding:12px; color:#000; background-color:#FFF; border:2px solid #000;  opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center;

}
.table{
	display:table;
}
.table-cell{
	display:table-cell;
}
.selected-option{
	margin-top:23px;
} 
.table.selected-option .option-image-bg{
	display:inline-block;
	width:90px;
	height:51px;
	    background-size: cover;
	    background-position: center center;
	margin-right:9px;
	vertical-align:middle;
}
.table.selected-option span{
	display:inline-block;
	vertical-align:middle;
	border-bottom:3px solid #000;
	font-family: "Campton-Medium";
	font-weight: 600;
	font-size: 16px;
	padding-bottom:1px;
}
label.custom-select {

    position: relative;
    display: inline-block;
	width:100%;
}
label.custom-q-select {
		float:left;
    position: relative;
    display: inline-block;
	width:50%;
}
label.custom-q-select select {
		width:100%;
        display: inline-block;
        outline:none; /* remove focus ring from Webkit */
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    }
.custom-select select {
        display: inline-block;
        outline:none; /* remove focus ring from Webkit */
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
    }
.mobil-browser:after {
    content: '▾';
    position: absolute;
    top: 16px;
    right: 9px;
    bottom: 0;
    width: 10px;
    height: 20px;
    border-bottom: none;
    pointer-events: none;
}
.delivery-form select:hover {opacity:0.6;}
.addToCart select:hover {opacity:0.6;}


 .addToCart input[type="submit"]	{position:relative; float:left; font-family:"Campton-Medium" , "Open Sans"; font-weight:600; width:50%; font-size:16px; line-height:24px; padding:12px; color:#FFF; background-color:#000; text-align:center; border:2px solid #000; cursor:pointer; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
  .addToCart input[type="submit"]:hover {opacity:0.6;}
.addToCart input[type="image"]	{border:0px solid #231F20; margin-left:5px; margin-top:1px; height:13px; width:48px; line-height:13px; background-color:#F7F9F8; font-size:9px; color:#231F20;}
.addToCart .price				{position:relative; float:left; font-size:12px; line-height:13px; font-weight:bold; color:#57585a; margin-left:7px;}
.addToCart .old-price				{position:relative; float:left; font-size:12px; line-height:13px; font-weight:bold; color:#57585a; margin-left:7px; text-decoration:line-through;}


.product.contact .content, .product.shop .content {font-size:17px; line-height:21px;}
.product.contact .map, .product.shop .map, .product.stores .map {width:100%; height:100vh;}
.product.contact .content p {margin-top:20px;}

.product.stores .content .text > p {margin-bottom:20px;}
.product.stores .content .text {margin-top:2px;}
.product.stores .content .text .selectric {background-color:#000;}
.product.stores .content .text .selectric .label {text-align:center; font-family:"Campton-Medium"; font-weight:600; font-size:20px; color:#FFF; margin-bottom:0px;}
.product.stores .content .text .selectric .button {color:#FFF;}
.product.stores .content .text .selectric .button:after {border-top-color:#FFF;}
.product.stores .selectric-items {background-color:#000;}
.product.stores .selectric-items li {background-color:#000; color:#FFF; font-family:"Campton-Medium"; font-weight:600; font-size:20px; text-align:center;}
.product.stores .selectric .button {right:20px;}

.product.stores #countries {margin-top:16px;}
.product.stores #countries li {display:block; margin-bottom:32px; font-size:20px; line-height:24px;}
.product.stores #countries li a {display:block; font-size:29px; line-height:36px; border-bottom:0px;font-family:"Campton-Medium"; font-weight:600; }

.product.commercial .text p {margin-bottom:20px;}

.call-to-action {
	position:relative;
	width:100%;
	margin-top:80px;
	text-align:center; font-family:"Campton-Medium"; font-weight:600;
}

.call-to-action p {
	font-size:20px; line-height:24px;
}

.call-to-action a {
	font-size:18px; line-height:24px; padding:12px 40px;
	width:auto; display:inline-block; position:relative;
	margin:20px auto; border: 2px solid #000; color:#000; opacity:1;
}

.call-to-action a:hover {
	opacity:0.6;
}

.call-to-action a span {
	font-size:14px;
}

.map .gm-style .gm-style-iw {
	font-size:15px; font-family:"Campton-Light", Arial, sans-serif; color:#000000; font-weight:300; line-height:18px; 
}
.map .gm-style .gm-style-iw strong {
	font-family:"Campton-Medium"; font-weight:600;
}
.map .gm-style .gm-style-iw a{
	font-family:"Campton-Medium"; font-weight:600; color:#000; display:inline-block; border-bottom:1px solid #000; opacity:1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; line-height:17px;
}
.map .gm-style .gm-style-iw a:hover{
	opacity:0.6;
}

.panel {
	background-color:#000;
	color:#FFF;
	padding:32px 15px 32px 28px;
	position:absolute;
	left:40px;
	top:0px;
	width:326px;
	height:100vh;
	z-index:1;
	display:none;
}
#footer2 .panel{
	left:0px;
	width:360px;
}
#footer3 .panel {
    background-color: #000;
    color: #FFF;
    padding: 32px 0px 32px 0px;
    position: relative;
    margin: 0 auto;
    max-width: 390px;
    height: auto;
}
#footer2 .panel .closer{
	display:none;
}

#footer2 .panel:before{
	display:none;
}
.panel.last-picked {
	z-index:2;
	display:block;
}

.panel.open {
	z-index:3;
	display:block;
}

.panel:before {
	content:"";
	display:block;
	position:absolute;
	width:7px;
	height:100%;
	top:0px;
	left:0px;
	background-color:#FFFFFF;
}
#footer3 .panel:before {
	display:none;
}

.panel:after {
	content:"";
	display:block;
	position:absolute;
	width: 0; 
	height: 0;
	left:0px;
	top:0px;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent; 
	border-right:7px solid #000; 
}

#panel-cart.panel:after {
	top:40px;
}

#panel-likes.panel:after {
	top:74px;
}

#panel-search.panel:after {
	top:111px;
}

.panel h2 {
	font-size:15px;
	line-height:30px;
	margin:0px;
	padding:0px;
	width:100%;
	padding-right:30px;
}

.panel h3 {
	font-size:16px;
	line-height:24px;
	margin:0px;
	padding:0px;
}

.panel h3.hidden {
	display:none;
}

.panel .closer {
	position:absolute;
	top:32px;
	right:15px;
	width:30px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	line-height:30px;
	color:#FFF;
	font-size:15px;
}




.panel form {
	margin-top:30px;
}
.likeContent {
	margin-top:30px;
}
.cartItem {
	margin-bottom:20px;
}
.cartItem:after {
	display:block;
	content:"";
	clear:both;
}
.cartItem  .main_title{
	width:100%;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 4px;
}


.cartItem .images {
	position:relative;
	float:left;
	width:80px;
	height:auto;
	overflow:hidden;
}


.cartItem .images .image {position:absolute; top:0px; left:0px; width:100%; height:100%;
	background-size:cover; background-position:center center; background-repeat:no-repeat;}
.cartItem .images img {width:100%; visibility:hidden;}


.cartItem > .cartCell {
	float:left; 
	width:200px; 
	padding-left:14px;
	position: relative;
}
.cartItem .variantthumb {
    float: left;
    width: 20px;
    margin-right: 5px;
}
.cartItem .title {
	width:100%; 
	font-size:16px; 
	line-height:22px;
	margin-bottom:4px;
	position: relative;
	padding-right:30px;
}
.cartItem a {
	color:#fff;
}
.cartItem a.unlike {
	position: absolute;
	right: 6px;
	top:2px;
	
}


.cartItem .quantity {
	float:left;
}
.cartItem .total {
	float:right;
	font-size:16px;
	line-height:27px;
}
.cartItem .quantity .boxed {
	position:relative;
	float:left;
	display:block;
	width:27px;
	height:27px;
	border:1px solid #FFF;
	text-align:center;
	color:#FFF;
	font-size:16px;
	line-height:25px;
}

.cartItem .quantity .boxed:hover {
	background-color:#FFF;
	color:#000;
}
.cartItem .quantity .lined {
	position:relative;
	float:left;
	width:40px;
	height:27px;
	border:0px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-align:center;
	font-size:16px;
	line-height:25px;
}

.cartSum {
	width:100%;
	border-top:1px solid #CCC;
	margin-top:42px;
	padding-top:7px;
	padding-bottom:26px;
	font-size:18px;
	line-height:32px;
	text-align:right;
}

.checkout {
	position:relative;
	width:100%;
	border:2px solid #FFF;
	font-size:20px;
	line-height:54px;
	height:58px;
	text-align:center;
	font-family:"Campton-Medium"; font-weight:600;
	display:block;
	color:#FFF;
}

.panel form input[type='text'] {
	position:relative;
	width:80%;
	border:2px solid #FFF;
	font-size:20px;
	line-height:54px;
	height:58px;
	text-align:center;
	font-family:"Campton-Medium"; font-weight:600;
	display:block;
	color:#FFF;
	float:left;
}

#panel-search.panel form input[type='text'] {
	color:#000;
	text-align:left;
	padding:0px 10px;
}

.panel form input[type='submit'] {position:relative; float:left; font-family:"Campton-Medium"; font-weight:600; width:20%; font-size:16px; line-height:24px; padding:12px; color:#FFF; background-color:#000; text-align:center; border:2px solid #000; cursor:pointer; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.panel form input[type='submit']:hover {opacity:0.6;}


.checkout:hover {
	background-color:#FFF;
	color:#000;
}




#commercial			{position:absolute; right:40px; top:0px;}
#registerIcon		{position:absolute; right:113px; top:0px;}
#userProfileIcon	{position:absolute; right:69px; top:0px;}
#shoppingCartIcon	{position:absolute; right:57px; top:0px;}
#contactIcon		{position:absolute; right:53px; top:0px;}

#content .commercialRight	{margin-top:22px;}
#content .commercialLeft	{margin-top:18px;}
#content .right .thumbnails .commercialContainer		{position:relative; float:left; height:106px; margin-right:16px; margin-bottom:16px; padding:0px;}
#content .right .thumbnails .commercialContainer img	{padding:8px; background-color:#FFFFFF;}
#content .right .thumbnails .commercialContainer .title			{padding-left:8px; text-align:center; color:#000000; width:60px; font-weight:bold; font-size:12px; line-height:14px; margin-top:7px;}
#content .right .thumbnails .commercialContainer .caption		{padding-left:8px; text-align:center; color:#939598; width:60px; font-size:11px; line-height:13px;}





#paymentForm input.error	{border:2px solid #c94243;}
#deliveryForm input.error	{border:2px solid #c94243;}
#deliveryForm textarea.error	{border:2px solid #c94243;}
#deliveryForm  .form-group.optional input.error	{border:2px solid #c94243;}





.form								{position:relative;}
.form .warning 						{position:relative; margin-bottom:45px;}
.form .asterix						{color:#c94243;}
.form label							{position:relative; float:left; width:100px; line-height:28px; margin-bottom:18px;}
.form label.double					{line-height:17px; margin-top:-5px;}
.form input							{font-size:14px; color:#58585a;}
.form input[type='text']			{position:relative; float:left; font-family:"Campton-Medium"; font-weight:600; width:50%; font-size:20px; line-height:24px; padding:0px 10px;}
.form input[type='submit']			{position:relative; float:left; font-family:"Campton-Medium"; font-weight:600; width:50%; font-size:16px; line-height:24px; padding:0px 10px; color:#FFF; background-color:#000;}
.form input[type='password']		{position:relative; float:left; margin-left:24px; background-color:#FFFFFF; border:0px; padding-left:5px; padding-right:5px; width:486px; height:26px; line-height:26px; font-family:Arial, sans-serif;}
.form textarea						{font-size:14px; color:#58585a; position:relative; float:left; margin-left:24px; background-color:#FFFFFF; border:1px solid #FFFFFF; padding-left:5px; padding-right:5px; width:486px; height:78px; line-height:26px; font-family:Arial, sans-serif; resize:none; margin-bottom:18px;}
.form select						{font-size:14px; color:#58585a; position:relative; float:left; margin-left:24px; background-color:#FFFFFF; border:1px solid #FFFFFF; padding-left:5px; padding-right:0px; width:493px; height:28px; line-height:26px; vertical-align:middle; font-family:Arial, sans-serif; resize:none; margin-bottom:18px;}
.form select option					{font-size:14px; color:#58585a; height:26px; padding-top:8px; font-family:Arial, sans-serif; vertical-align:middle;}
.form input[type='text'].error		{border:1px solid #c94243;}
.form input[type='password'].error	{border:1px solid #c94243;}
.form textarea.error				{border:1px solid #c94243;}
.form select.error					{border:1px solid #c94243;}
.form .checkboxes					{position:relative; line-height:20px; margin-top:75px;}
.form .formButtons					{position:relative; margin-top:72px; line-height:26px;}
.form .formButtons a				{position:relative; float:left; padding-left:10px; padding-right:10px; background-color:#000000; color:#FFFFFF; margin-right:25px;}
.form .formButtons a:hover			{background-color:#FFFFFF; color:#000000;}
.form .slash						{position:relative; float:left; line-height:28px; margin-left:6px; margin-right:6px;}

#loginArea							{position:relative; width:443px; height:74px; padding-top:61px; padding-left:33px; float:right; font-size:12px; margin-top:-65px; margin-bottom:64px; margin-right:8px; display:none; background-image:url('/images/layout/login.png'); background-repeat:no-repeat;}
#loginArea label					{position:relative; float:left; width:50px; line-height:25px; margin-bottom:8px; color:#FFFFFF;}
#loginArea input					{font-size:12px; color:#58585a;}
#loginArea input[type='text']		{position:relative; float:left; margin-left:20px; background-color:#FFFFFF; border:1px solid #FFFFFF; padding-left:5px; padding-right:5px; width:202px; height:23px; line-height:23px; font-family:Arial, sans-serif;}
#loginArea input[type='password']	{position:relative; float:left; margin-left:20px; background-color:#FFFFFF; border:1px solid #FFFFFF; padding-left:5px; padding-right:5px; width:202px; height:23px; line-height:23px; font-family:Arial, sans-serif;}
#loginArea input[type="submit"]		{display:none;}
#loginArea .loginFields				{position:relative; float:left;}
#loginArea .formButtons				{position:relative; float:left; line-height:26px; margin-left:28px;}
#loginArea .formButtons a			{position:relative; float:left; padding-left:10px; padding-right:10px; margin-bottom:8px; background-color:#FFFFFF; color:#000000; font-size:14px; line-height:25px;}
#loginArea .formButtons a:hover		{background-color:#000000; color:#FFFFFF;}
#loginArea .formButtons #forgotPassword				{position:relative; float:none; color:#58585a; background-color:#1d1d1b; font-style:italic; padding:0px; display:block; visibility:hidden; pointer-events:none; font-size:10px;}
#loginArea .formButtons #forgotPassword:hover		{color:#FFFFFF;}



.h2Input					{line-height:40px; font-size:14px;}



#productsInner .formButtons				{position:relative; margin-top:0px; line-height:26px;}
#productsInner .formButtons a				{position:relative; float:left; padding-left:10px; padding-right:10px; background-color:#000000; color:#FFFFFF; margin-right:25px;}
#productsInner .formButtons a:hover			{background-color:#FFFFFF; color:#000000;}
#productsInner .formButtons .rightButton	{float:right; margin-right:143px;}

.couponBox			{margin-top:25px}
.couponBox input	{position:relative;float:left;background-color: #FFFFFF;border: 1px solid #FFFFFF;padding-left: 5px;padding-right: 5px;width: 200px;height: 26px;line-height: 26px;font-family: Arial, sans-serif;}
.couponBtn			{position:relative;float:left;margin-left:5px}
.couponBtn a		{position:relative;float:left;background-color:#000000; color:#FFFFFF; line-height:29px;font-size: 14px;font-weight: normal;font-family: Arial, sans-serif;padding-left:10px;padding-right:10px}
.couponBtn a:hover	{background-color:#FFFFFF; color:#000000;}

#cart .formButtons				{position:relative; margin-top:0px; line-height:26px;}
#cart .formButtons a				{position:relative; float:left; padding-left:10px; padding-right:10px; background-color:#000000; color:#FFFFFF; margin-right:25px;}
#cart .formButtons a:hover			{background-color:#FFFFFF; color:#000000;}
#cart .formButtons .rightButton	{float:right; margin-right:143px;}

#indexcarousel{
	width:904px;
	height:350px;
	border: 8px solid white;
	margin:20px auto;
	margin-top:-40px;
	position:relative;
}

.indexslides {
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:904px;
    height:350px;
    display:none;
}

#indexcarousel div:first-child{
	display:block;
}

#carouselbuttonleft{
	position:absolute;
	top:0px;
	left:0px;
	text-align:center;
    width:50%;
    height:350px;
}

#carouselbuttonright{
	position:absolute;
	top:0px;
	right:0px;
	text-align:center;
    width:50%;
    height:350px;
}



.grid.category.commercial {
	padding-top:50px;
	text-align:center;
	background-color:#f6f6f6;
}
.grid.category.commercial .text {
	padding-top:40px;
}
.grid.category.commercial .teaser {
	top:20%;
	position:absolute;
	left:0px;
	width:100%;
}
.grid.category.commercial .teaser img {
	display:inline-block;
}
.grid.category.commercial .text h2 {
	font-family:"Campton-Medium"; font-weight:600;
	font-size:27px;
	line-height:40px;
	padding:6px 40px;
}

.grid.category.commercial .text p {
	font-size:22px;
	line-height:28px;
	padding:0 40px;
	max-width:880px;
	margin:0 auto;
}


.column-1 {width:4.1666%;}
.column-2 {width:8.3333%;}
.column-3 {width:12.5%;}
.column-4 {width:16.6666%;}
.column-5 {width:20.8333%;}
.column-6 {width:25%;}
.column-7 {width:29.1666%;}
.column-8 {width:33.3333%;}
.buttonWrapper .column-8 { width: 50%;}
.column-9 {width:37.5%;}
.column-10 {width:41.6666%;}
.column-11 {width:45.8333%;}
.column-12 {width:50%;}
.column-13 {width:54.1666%;}
.column-14 {width:58.3333%;}
.column-15 {width:62.5%;}
.column-16 {width:66.6666%;}
.column-17 {width:70.8333%;}
.column-18 {width:75%;}
.column-19 {width:79.1666%;}
.column-20 {width:83.3333%;}
.column-21 {width:87.5%;}
.column-22 {width:91.6666%;}
.column-23 {width:95.8333%;}
.column-24 {width:100%;}

.height-50 {
	height:50vh;
}

.height-100 {
	height:100vh;
}

.product .photos.text {
	width:100%;
	max-width:660px;
}
@media (max-width:1292px){
	.column-8 {
		width:50%;
	}
	
	.grid.category .three-column {
		display:none;
	}

	.grid.category .two-column {
		display:block;
	}
	.customize {
		float:none;
		width:100%;
		padding-bottom:10px;
	}
	#fornotebook.content {
		position:relative;
		width:100%;
		right:auto;
		padding:0px;
	}
	.customizeInner .product .content {
	    position: relative;
	    right: 0px;
	    float: left;
	    width: 100%;
	    height: auto;
	    padding: 26px 36px;
	}
	.product .content .content-inner {
	    max-width: 100%;
	}
	.inputWrapper{
		width:70%;
	}
}
@media (max-width:1080px){
	.grid.home-page a span br {display:block;}
	#paymentForm {
	    width: 100%;
		max-width: 535px;
	}
}

@media (max-width:1000px){
	.product .photos {
		display:none;
	}
	.inputWrapper{
		width:100%;
	}
	
	.product.contact .photos,
	.product.shop .photos,
	.product.stores .photos {
		display:block;
		float:none;
		width:100%;
	}
	
	.product.stores .photos {
		position:relative;
		left:auto;
		top:auto;
		height:auto;
	}
	
	#wrapper.with-panel .product.stores .photos {
		left:auto;
	}
	
	.product.contact .map, .product.shop .map, .product.stores .map {
		width:100%; height:50vh;
	}
	
	.product .photo-carousel {
		display:block;
	}
	.product .content .text .people img{
		display: inline-block; margin-right: 0px; margin-bottom:10px;
	}
	.product .content .text .people .desinger-not{
		display: block; margin-bottom:15px;
	}
	.product .content {
		position:relative;
		width:100%;
		text-align:center;
		display:block;
		right:auto;
	}
	.product.stores .content {
		right:auto;
		position:relative;
	}
	#wrapper.with-panel .product .content {
		right:auto;
	}
}
@media (max-width:960px){
	#footer2{
		position:relative; width: 100%; height: auto; min-height: auto;font-size:14px; background-color:#000; padding: 0px 9px 0px 179px;    z-index: 1;
	}
	#contentInner.payment, #contentInner.delivery{padding: 0px 0px 0px 170px; background-color: #f6f6f6;}
	#footer3{
		display:block;
	}
	.grid .delivery-form, .payment-form {
	    width: 100%;
	}
	#footer2 .panel {
	    background-color: #000;
	     position: relative; 
	     height:auto;
		
	    color: #FFF;
	    padding: 32px 0px 32px 0px;
	    margin: 0 auto;
	    max-width: 390px;
	    width: auto;
	
	}
	#footer2  .cartItem .title {
	    padding-right: 0px; 
	}
	
	/*
	#footer3{position:relative; display:none; width: 100%; height: auto; min-height: auto;font-size:14px; background-color:#000; padding: 0px 0px 0px 90px;}
	#footer3 #panel-search, #footer2  #footerInner, #footer2 #panel-likes{display:none}
	#footer3 #panel-cart{display:block}
	
	*/
}

@media (max-width:800px){
	.grid.home-page .box {
		width:100%;
		margin-bottom:0px;
	}
	
	.grid.home-page {
		height:auto;
	}
	
	.height-50, .height-100 {
		height:50vh;
	}
	
	.column-8 {
		width:100%;
	}
	
	.buttonWrapper .column-8 {
		width:100%;
	}
	
	
	.grid.category .images p {
		margin-top:0px;
		transform:translateY(0%);
	}
	.grid.category .one-column {
		display:block;
	}
	.grid.category .two-column {
		display:none;
	}
}
@media (max-width:760px){
	.customize .row .form-element {
	    max-width: 380px;
	}
	.customize .row .row-notebook .button.color:nth-child(14) {
	    margin-right: 10px;
	}
	.customize .row .row-notebook .button.color:nth-child(28) {
	    margin-right: 10px;
	}
}
@media (max-width:746px){
	#paymentForm {
	    width: 100%;
		padding: 0px 20px;
	}
	#paymentForm .control-div {
	    width: 100%;
	}
	.payment-form .form-group input.small {
	    width: 24.21%;
	}
	#paymentForm .control-label {
	    width: 100%;

	}
}



@media (max-width:677px){
	.customize .row .row-number {
	    position: relative;
	    
	}
	.customize {
	    padding-left: 20px;
	}
	.customize .row .row-notebook {
	    padding-left: 0px;
	}
}
@media (max-width:593px){
	.payment-form .form-group input.small {
	    width: 23.9%;
	}
}
@media (max-width:536px){
	#header {
		/*position:absolute;*/
		width:100%;
		height:180px;
		min-height:180px;
	}
	
	#wrapper.with-panel #header {
		left:-320px;
	}
	
	#wrapper.with-panel {
		margin-left:-320px;
	}
	
	#wrapper.with-panel #contentInner {
		padding-right:40px;
	}
	
	#header .logo {
		display:inline-block;
		margin:0px;
	}
	#footer #footerInner{
		display:none;
	}
	#footer.expanded {width:366px;}
	

	#header .show-cart {display:block;}
	#header .show-menu {display:block;}
	#header .headerInner {
		text-align:center;
		padding:40px;
	}
	
	#contentInner {
		padding:180px 40px 0px 40px;
	}
	#contentInner.payment, #contentInner.delivery {
	    padding:0px 20px 20px 20px;
	}
	
	#contentInner.category {
		padding:180px 40px 0px 40px;
	}
	
	.column-8 {
		width:50%;
	}
	
	
	
	#panel-cart.panel:after {
		top:70px;
	}
	
	.panel {
		padding-top:62px;
	}
	.panel .closer {
		top:62px;
	}
}

@media (max-width:536px){
	#header {
		height:105px;
		min-height:105px;
	}
	
	#header .panel-menu {
		position:fixed;
		width:100%;
		height:calc(100vh - 100px);
		left:-100%;
		top:105px;
		background-color:#FFF;
		padding: 32px 15px;
	}
	
	#header .panel-menu.open {
		left:0;
	}
	#header #footerLinks {
		left:0px;
		width:100%;
		padding-bottom:76px;
	}
	#header #footerLinks > a {
		display:block;
	}
	#header #footerLinks #social {
		position:absolute;
		bottom:0px;
		width:100%;
		text-align:center;
	}
	
	#header #footerLinks #social li {
		float:none;
		display:inline-block;
		margin: 0 4px;
	}
	#header .logo img {
		height:67px;
	}
	#header .show-cart img {
		width:20px;
	}
	#wrapper.with-panel {
		margin-left:0px;
	}
	#header .show-menu {
		width:25px;
		height:20px;
	}
	#header .headerInner {
		padding:20px;
	}
	
	#footer {
		width:0px;
		top:105px;
	}
	#wrapper.with-panel #header {
		left:0px;
	}
	
	#wrapper.with-panel #footer {
		width:100%;
	}
	#contentInner {
		padding:105px 20px 0px 20px;
	}
	#footer2 {
		padding:105px 20px 0px 20px;
	}
	#footer3 {
		padding:105px 20px 0px 20px;
	}
	#contentInner.category {
		padding:105px 20px 0px 20px;
	}
	#wrapper.with-panel #contentInner {
		padding-right:20px;
	}
	.panel {
		left:0px;
		width:100%;
		padding:32px 20px;
	}
	.panel:before, .panel:after {
		display:none;
	}
	
	.column-8 {
		width:100%;
	}
	
	.grid.home-page .box {
		margin-bottom:20px;
	}
	
	.grid.category .box {
		padding:0px;
	}
	
	#panel-cart.panel:after {
		top:40px;
	}
	.panel .closer {
		display:none;
	}
	
	#wrapper #header .show-menu:before {
		text-align:center;
		vertical-align:middle;
		line-height:20px;
		color:#000;
		font-size:22px;
	}
	
	#wrapper.with-menu #header .show-menu:before {
		content:"✕";
		background:transparent;
	}
	#wrapper.with-panel a.side-button span {
		display:none;
	}
	#wrapper #header .show-cart {
		text-align:center;
		vertical-align:middle;
		line-height:20px;
		color:#000;
		font-size:22px;
		width:25px;
	}
	
	#wrapper.with-panel #header .show-cart img {
		display:none;
	}
	#wrapper.with-panel #header .show-cart:before {
		content:"✕";
		display:block;
		margin-top:5px;
	}
	
	.grid.category .images .text-container {
		top:0px;
		position:relative;
		padding: 30px 10px;
	}
	
	.grid.category .has-text .images img {
		display:none;
	}
	.grid.category .has-text .title,
	.grid.category .has-text .caption {
		display:none;
	}
	.product .photo-carousel .arrow {
		display:none;
	}
	.panel form {
	    margin-top: 10px;
	}
	
	.grid.category.commercial {
		margin-left:-20px;
		width:calc(100% + 40px);
		padding-top:0px;
	}
	.grid.category.commercial .text h2 {
		padding:6px 20px;
	}
	.grid.category.commercial .text p {
		padding:0 20px;
	}
	.customize .row .row-number .numberWrapper{
		left: 1px;
	}
	.customize {
	    padding:20px;
	}
	.customizeInner .product .content {
	    padding: 26px 20px;
	}
	.customize .row:nth-child(7) .form-element:nth-child(3)  {
	    clear: both;
	}
	.customize .row .form-element {
	    max-width: 380px;
	    width: 50%;
	    margin-left: 0px;
		margin-right: 0px;
	}
	.customize .row .form-element.colorWrapper {
	    width:100%;
	}
	
	.customize .row .row-number div.title {
	    padding-left: 79px;
	}
	#contentInner.product-page {
	    padding: 105px 0px 40px 0px;
	}
	#contentInner.customizeInner {
	    padding: 105px 0px 0px 0px;
	}
	
	
}
@media (max-width:480px){
	
}

@media (max-width:395px){
	.payment-form .form-group input.small {
	  width: 22.9999%;
	}
	.addToCart input[type="submit"] {
	    font-size: 12px;
	}
	.addToCart select {
	    font-size: 12px;
	}
}