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


Frank Ammerlaan
Author: T–M Studio
Stylesheet: Main Stylesheet


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



/*/////////////////////////////////////////////////////////////////
GENERAL FIXES ETC
/////////////////////////////////////////////////////////////////*/


/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
html{height:100%;margin:0;padding:0; overflow-x:hidden;overflow-y:scroll;}
 
body {height:100%;margin:0;padding:0; font-family:"K32",sans-serif; letter-spacing:.1em; line-height:1.2;}

ul{list-style-type:none;margin:0;padding:0;}


/* Image fix */
img{display:block;}


/* clearfix */
.cf:after {
   content: " ";  
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

p{
	padding:0;
	margin-top:0;
}

a {
   word-wrap: break-word;
}

::selection  {
  background: #ccc;  
}
::-moz-selection {
  background: #ccc;  
}


/*Background Sizing*/

.cover{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size:cover; 
	background-repeat:no-repeat;
 	background-position:center;
}

.contain{
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size:contain; 
	background-repeat:no-repeat;
 	background-position:center;
}



/*Vertical Centring*/

.table{
	display:table;
}

.table-cell{
	display:table-cell;
	vertical-align:middle;
}


/*/////////////////////////////////////////////////////////////////
TYPOGRAPHY
/////////////////////////////////////////////////////////////////*/

@font-face {
    font-family: 'K32';
    src: url('webfonts/K32-webfont.eot');
    src: url('webfonts/K32-webfont.eot#iefix') format('embedded-opentype'),
         url('webfonts/K32-webfont.woff') format('woff2'),
         url('webfonts/K32-webfont.woff') format('woff'),
         url('webfonts/K32-webfont.ttf') format('truetype'),
         url('webfonts/K32-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
	font-weight: normal;
    font-style: normal;
}


/*/////////////////////////////////////////////////////////////////
BACKGROUND COLOURS
/////////////////////////////////////////////////////////////////*/

.white-bg{background:#fff;}
.white-bg .menu-button-underlay{background:#fff}


.black-bg{background:#000;color:#fff;}
.black-bg .menu-button-underlay{background:#000}
.black-bg .next-button{background-image:url('img/r-arr-w.png');}
.black-bg .prev-button{background-image:url('img/l-arr-w.png');}

.dark-blue-bg{background-color: rgba(0, 9, 35, 1);color:#fff;}
.dark-blue-bg .menu-button-underlay{background-color: rgba(0, 9, 35, 1);}


.dark-plumb-bg{background-color: rgba(26, 10, 15, 1);color:#fff;}
.dark-plumb-bg .menu-button-underlay{background-color: rgba(26, 10, 15, 1);}
	
.dark-purple-bg{background-color: rgba(20, 10, 20, 1);color:#fff;}
.dark-purple-bg .menu-button-underlay{background-color: rgba(20, 10, 20, 1);}


.dark-brown-bg{background-color: rgba(20, 20, 20, 1);color:#fff;}
.dark-brown-bg .menu-button-underlay{background-color: rgba(20, 20, 20, 1);}



/*/////////////////////////////////////////////////////////////////
BASE STYLES
/////////////////////////////////////////////////////////////////*/

.mobile-hide{display:none;}

.loading{
	width:100%;
	height:100%;
	background-color: rgba(20, 37, 38, 1);
	position:fixed;
	z-index:2001;
} 

.loading .inner{
	position:relative;
	width:100%;
	height:100%;
}


/*/////////////////////////////////////////////////////////////////
TITLE
/////////////////////////////////////////////////////////////////*/

.footer{
	position:fixed;
	padding:7px;
	width:100%;
	height:auto;
	text-align:center;
	cursor:pointer;
	bottom:0;
}

a.footer{
	text-decoration:none;
}

.footer h1{
	display:inline;
	width:auto;
	margin:0 auto 0;
	text-transform:uppercase;
	margin:0;
	font-weight:normal;
	font-style:normal;
	font-size:1.125em;
	padding:0px 0px 1px 0px;
}


.overlay .footer h1, .loading .inner .footer h1{
	color:#fff;
}

.footer.frank-button{display:none;}

.white-bg .footer.frank-button{display:block}


/*/////////////////////////////////////////////////////////////////
NAVIGATION
/////////////////////////////////////////////////////////////////*/

.menu-button, .f-button{
	position:fixed;
	top:15px;
	left:50%;
	margin-left:-11px;
	width:22px;
	height:22px;
	cursor:pointer;
	z-index:2003;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

.menu-button {
	background-image:url('img/open-black.png');
}

.frank-button:hover{opacity:.6;}

.menu-button.white, .black-bg .menu-button, .dark-blue-bg .menu-button, .dark-plumb-bg .menu-button, .dark-purple-bg .menu-button, .dark-brown-bg .menu-button{
	background-image:url('img/open-white.png');
}

.close-button-white{
	background-image:url('img/close-white.png');
	display:none;
}

.close-button-black{
	background-image:url('http://frankammerlaan.com/wp-content/themes/ammerlaan/library/css/img/close-black.png');
	display:none;
}

.menu-button-underlay{
	position:fixed;
	top:0;
	width:100%;
	height:55px;
	opacity:.8;
	z-index:2000;
}

.main-menu{
	width:100%;
	height:100%;
	position:fixed;
	background-color: rgba(20, 37, 38, .9);	
	z-index:2000;
	color:#ffffff;
	display:table;
}

.white-bg .main-menu{ background-color: rgba(20, 37, 38, .8);}

.main-menu .inner{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}


#overlay .footer{display:block;z-index:2001;color:#fff;}


.main-menu ul{
  	font-size:1.125em;
	line-height:2.2;
	padding:40px 0 40px;
}

.main-menu a:link, .main-menu a:visited{
	color:#fff;
	text-decoration:none;
	-webkit-transition: color 300ms;
	transition: color 300ms;
}

.main-menu a:hover{
	color:#afafaf;
}

/*used for menu and work overlays*/
#overlay{
	position:fixed;
	width:100%;
	height:100%;
 	top:0;left:0;
	display:none;
	z-index:2001;
}

#text-overlay{
	position:absolute !important;
}

/*/////////////////////////////////////////////////////////////////
ERROR 404
/////////////////////////////////////////////////////////////////*/

.error404 #overlay{
	display:block;
}

/*/////////////////////////////////////////////////////////////////
HOME PAGE
/////////////////////////////////////////////////////////////////*/

.home #overlay{
	display:block;
}

.home .menu-button{
 }


/*/////////////////////////////////////////////////////////////////
WORK INDEX
/////////////////////////////////////////////////////////////////*/


.layout-index{
	width:100%;
	padding:70px 7.5px 70px;
}

.layout-container{
	margin:0 auto;
	text-align:center;
}


.item, .shop-item{
	width:150px;
	height:225px;
 	padding:7.5px;
	display: -moz-inline-stack;
	display: inline-block;
}

.item a, .shop-item a{
	display:block;
	width:100%;
	height:100%;
	background-position:center center;
	opacity:.7;
	-webkit-transition: opacity 100ms;
	transition: opacity 100ms;
	background-color: #fff
}

.item a:hover, .shop-item a:hover{
	opacity:1;
}


.item a img, .shop-item a img{
	width:100%;
	height:auto;
}


/*/////////////////////////////////////////////////////////////////
SINGLE WORK
/////////////////////////////////////////////////////////////////*/	

.load{width:100%;height:100%;}

.layout-single{
	width:100%;
	height:100%;
	padding:50px 0px 80px;
}

 
.image-container{
	width:100%;
	height:100%;
 }

.single-image{
 
}

.flickity-viewport, .flickity-slider {
	width:100%;
	height:100%;
}

.cell{
	width:100%;
	height:100%;
	padding:0 15px 0;
	position:absolute;
	 left:200%;
	counter-increment: gallery-cell;
}

.cell:first-child{
	 position:inherit;
	left:auto;
}

.cell *{
	width:100%;height:100%;
}


/* cell number */

.gallery { counter-reset: gallery-cell; }

.cell:after {
   content: counter(gallery-cell);
 visibility:hidden;
}

.counter:after{
	content: counter(gallery-cell);
}

.counter{
	display:none;
}

.text-cell{
	padding: 0 30px 0;
}

.text-inner{
	height:100%;
	width:100%;
 }

.text-content{
	height:auto;
	max-width:500px;
	margin:0 auto 0;
}


.caption-container{
	position:absolute;
	bottom:0;left:0;
	width:100%;
	padding:15px 45px 12px 15px;
}

.caption-inner{
	width:100%;
	height:auto;
	font-size:.75em;
	line-height:1.4;
}


/*gallery style*/

.next-button{
	background-image:url('img/r-arr.png');
	position:absolute;
	z-index:2000;
	width:10px;
	height:100%;
	right:20px;
	cursor:pointer;
 }

.prev-button{
	background-image:url('img/l-arr.png');
	position:absolute;
	z-index:2000;
	width:10px;
	height:100%;
	left:20px;
	cursor:pointer;
 }

.prev-button:hover, .next-button:hover{opacity:.6;}




/*more information style*/

.button-wrap{
	word-wrap: normal;
	display:inline-block;
}

.more-info .flickity-enabled.is-draggable .flickity-viewport {
  cursor: initial;
  cursor: -webkit-initial;
  cursor: initial;
}

.more-info .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-initial;
  cursor: initial;
}

.info-button{
	text-decoration:underline;
	cursor:pointer;
	word-wrap: normal;
}

.info-button:hover{
	opacity:.6;
}

.more-info-button:before {
	content:"More Details";
}

.hide-info-button:before {
	content:"Hide Details";
}

/*download button*/

.download-button{
	text-decoration:underline;
	cursor:pointer;
	color:#000;
}

.dark-plumb-bg .download-button, .black-bg .download-button{
	color:#fff;
}

.download-button:hover{
	opacity:.6;
}

 
/*/////////////////////////////////////////////////////////////////
TEXT ARCHIVE PAGE
/////////////////////////////////////////////////////////////////*/


.text-index{
	width:100%;
	min-height:100%;
 }



.text-item{
 	width:250px !important;
	height:auto;
	margin:0 auto 0;
	padding-bottom:40px;
	text-align:center;
 
}

.text-item a:hover{
	color:#ccc;
}

.text-item a{
	color:#fff;
	text-decoration:none;
	opacity:1
}



.text-item h2{
	margin:0 0 .5em;
	text-transform:uppercase;
	font-size:1.125em;
	line-height:1.5;
}

.text-item .author{
	font-size:.875em;
}

/*/////////////////////////////////////////////////////////////////
SINGLE TEXT PAGE
/////////////////////////////////////////////////////////////////*/

.layout-single-text{
	padding:100px 25px 70px;
}

.title-group{
	display:block;
	float:left;
 	width:100%;
	text-align:center;
	padding:0px 30px 0px 20px;
}

.title-group h1{
	margin:0 0 .5em;
	text-transform:uppercase;
	font-size:1.125em;
	line-height:1.5;
}

.title-group .author{
	font-size:.875em;
}

.byline{
	font-size:.75em;
	max-width:350px;
	margin:40px 0 40px;
	padding:10px 0 10px;
	border-top:1px #fff solid;
}


/*/////////////////////////////////////////////////////////////////
INFORMATION PAGE
/////////////////////////////////////////////////////////////////*/

.information-layout{
	padding:100px 25px 70px;
}

.info-section{
	margin-bottom:70px;
}

.info-section h2{
	padding-top:3px;
	border-top:1px solid #fff;
	margin:0 0 2em;
	text-transform:uppercase;
	font-size:.875em;
}

.info-item, .date-items p{
	font-size:.875em;
	line-height:1.5;
	margin:0 0 1em;
}

.date-group{
 	position:relative;
	float:left;
	width:100%;
	padding-left:70px;
	margin-top:.5em;
}


.date{
	width:70px;
	height:100%;
 	position:absolute;
	top:0;
	left:0;
	font-size:.875em;
	line-height:1.5;
	
}

.date-items{
	width:100%;
	float:left;
	line-height:1.5;
 }




/*/////////////////////////////////////////////////////////////////
NEWS PAGE
/////////////////////////////////////////////////////////////////*/

.news-layout{
	padding:100px 25px 70px;
}


.news-section{
	margin-bottom:70px;
}

.news-section .news-date{
	padding-top:3px;
	border-top:1px solid #fff;
	margin:0 0 2em;
	text-transform:uppercase;
	font-size:.875em;
}

.news-image{
	width:40%;
}

.news-image img{
	width:100%;
	margin:0 0 2em;
}

.news-items h2{
	margin:0 0 1em;
	text-transform:uppercase;
	font-size:.875em;
}

.news-items .news-content{
	font-size:.875em;
	line-height:1.5;
}

.news-layout a:link, .news-layout a:visited{
	color:#fff;
	text-decoration:underline;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}

.news-layout a:hover{
	opacity:.6;
}


/*/////////////////////////////////////////////////////////////////
CONTACT PAGE
/////////////////////////////////////////////////////////////////*/

.contact-layout{
	width:100%;
	min-height:100%;
}

.contact-section{
	text-align:center;
	padding:80px 0 80px;
}

.credit-link a{
	text-decoration:none;
	color:#fff;
}

.credit-link a:hover{
	opacity:.6;
}

/*/////////////////////////////////////////////////////////////////
SHOP PAGE
/////////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////
SINGLE PRODUCT 
/////////////////////////////////////////////////////////////////*/

.shop-wrapper{
	width:100%;
	max-width:1000px;
	padding:30px;
	margin:0 auto 0;
	padding-bottom: 70px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	padding-top: 70px;
}	

.product-title{
	width:100%;
	text-align:center;
	padding-bottom:40px;
}

.product-title h1{
	margin:0 0 .5em;
	text-transform:uppercase;
	font-size:1.125em;
	line-height:1.5;
}

.product-title .subtitle{
	font-size:.875em;
}

.image-column, .text-column{
	width:100%;
	padding-left: 7.5px;
	padding-right: 7.5px;
	padding-bottom:2em;
}

.main-image{
	width:100%;
}

.main-image img, .additional-images img{
	width:100%;
	margin:0 0 10px;
}

.additional-images{
	display:none;
}


.actions{
	max-width:280px;
	padding:10px 0 2.5em;
	border-top: 1px solid #fff;
}

.description{
	padding:10px 0 2.5em;
	border-top: 1px solid #fff;
}

.description p{
	max-width:570px;
}

.details{
	font-size:.75em;
	max-width:280px;
	margin:0px 0 40px;
	padding:10px 0 10px;
	border-top:1px #fff solid;
}

.woocommerce-Price-amount.amount{
	font-size: 1.5em;
	color: white;
}


.woocommerce div.product form.cart .button{
	max-width:280px;
	width:100%;
}

/*/////////////////////////////////////////////////////////////////
GLOBAL WOOCOMMERCE STYLES
/////////////////////////////////////////////////////////////////*/

.border-top{
	border-top:1px solid white;
	padding-top:10px;
	width:100%;
}

input{
	background:transparent;
	color:white;
	border:solid 1px white;
	padding:10px;
	height:45px;
	font-family: "K32",sans-serif; 
}

button[type=submit] {
	font-family:"K32",sans-serif; 
	text-transform:uppercase;
	height:45px;
	border:1px solid white!important;
	border-radius:0px!important;
	background:transparent!important;
	width:auto;
	padding:10px!important;
	-webkit-transition: all .3s linear;
	  -o-transition: all .3s linear;
	     transition: all .3s linear;
}


.woocommerce input.button{
	border-radius:0px;
	border:1px solid white;
	background-color:transparent;
	font-weight:normal;
	margin:1px 0 0;
}

.button:hover{
	color:rgb(0,255,0)!important;
	border-color:rgb(0,255,0)!important;
	-webkit-transition: all .3s linear;
	  -o-transition: all .3s linear;
	     transition: all .3s linear;
}
	
	
table{
	border:1px solid white!important;
	border-radius:0px!important;
	border-collapse: collapse;
}

table, th, td{
	border:1px solid white!important;
	border-collapse: collapse!important;
}
	
	
.quantity{
	width:100%;
}		
		
.quantity .qty{
	max-width:280px;
	width:100%!important;
	font-size:1.5em;
	margin-bottom:.5em;
	}		

input.button:hover{
	background:transparent!important;
}

.woocommerce input.button{
	color:white;	
}

.woocommerce button.button{
	color:white;
	font-weight:normal;
}

div.blockUI.blockOverlay{
	background-color:white!important;
	opacity:.2!important;
}

/*/////////////////////////////////////////////////////////////////
CART
/////////////////////////////////////////////////////////////////*/	
	
.woocommerce-message{
	padding-top:10px;
	}	
	
.woocommerce-message a.button{
	display:none!important;
	}	
	
.cart-layout{
	width:100%;
	max-width:900px;
	margin:0 auto 0;
}	
	
.cart_item{
	border-top:2px solid white!important;
	width:100%;
	display:block;
	float:left;
	margin-bottom:20px;
}


.cart-contents{
	width:100%;
	margin-bottom:20px;
}

.cart_contents .cart_item{
	
}

.product-image{
	width:100%;
	float:left;
}

.product-thumbnail{
	padding:20px 0 20px;
}

.cart-item-details{
	width:100%;
	float:left;
}

.row{
	width:100%;
	padding:20px 0 20px;
	border-bottom:1px solid white;
	font-size:1em;
}

.row a:link, .row a:visited{
	color:white;
	text-decoration:none;
}

.row .woocommerce-Price-amount.amount{
	font-size:1em!important;
}

.row .quantity{
	display:inline!important;
	width:auto!important;
}

.row .quantity input.qty{
	border:0!important;
	width:60px!important;
	height:auto!important;
	display:inline!important;
	margin:0!important;
	padding: 0 10px 0;
	font-size:1em;
}


.woocommerce a.remove{
	display: block;
	font-size: 1em!important;
	height: auto!important;
	width: auto!important;
	text-align: left!important;
	line-height: 1;
	border-radius: 100%;
	color: white !important;
	text-decoration: none;
	font-weight: normal;
	border: 0
}

.woocommerce a.remove:hover{
	background-color:transparent!important;
	color:rgb(200,0,0)!important;
}

.woocommerce-message{
	border-top:1px solid white!important;
	background-color: transparent!important;
	padding:10px 0 10px!important;
	color:white!important;
}

.woocommerce-message::before{
	display:none!important;
}

.cart-actions{
	width:100%;
	float:left;
	display:block;
	margin-bottom:1em;
}

.coupon{
	padding:10px 0 10px;
	border-top:1px solid white;
}		

.coupon .input-text{
	width:100%;
	margin:0 0 10px;
}
		

#coupon_code{
 }

.cart-collaterals{
	width:100%;
	float:left;
	display:block;
}

.cart_totals{
	width:100%!important;
	float:left;
	border-top:2px solid white;
	//font-size:1.5em;
}



.cart_totals h2{
	margin:0 0 1em;
	padding:10px 0 0;
	font-size:1em;
	font-weight:normal;
	display:none;
}

.order-total{
	font-size:2em;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
	background-color:transparent!important;
	border-radius:0px!important;
	border:1px solid white!important;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover{
	border:1px solid rgb(0,255,0)!important;
}

.dark-blue-bg a:any-link{
	color:white;
	text-decoration:none;
}

.woocommerce form .form-row{
	padding:0 0 10px!important;
}	
	
.shipping{
	padding-top:20px;
}	
	
#shipping_method{
	display:block;
	padding:20px 0 0px!important;
}	

#shipping_method li:first-child{
	border-top:1px solid white;
}

#shipping_method li{
	padding:20px 0 20px 22px!important;
}

input[type="radio"]{
	height:auto;
}	

input[type="checkbox"]{
	height:auto!important;
}




/*/////////////////////////////////////////////////////////////////
CHECKOUT
/////////////////////////////////////////////////////////////////*/	


.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
	font-size:.825em;
}



#ship-to-different-address{
	margin-bottom:50px;
}


.select2-container--default .select2-selection--single{
	border-radius:0px;
	border:1px solid #fff;
	height:45px;
	color:white;
	background-color:rgba(0, 9, 35, 1)
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:45px;
	color:white;
	background-color:rgba(0, 9, 35, 1)
	border:1px solid #fff;

}

.select2-search--dropdown{
	background-color:rgba(0, 9, 35, 1);
	color:black;
}


	

.select2-search--dropdown .select2-search__field{
	color:black;
}

.select2-results__option{
	color:white;
	background-color:rgba(0, 9, 35, 1)
}
	
	
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 42px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 30px;
	}	
	
	
textarea#order_comments.input-text{
	color:white;
	background-color:rgba(0, 9, 35, 1);
	border:1px solid white;
	padding:5px;
}		

.review-subtotal{
	display:none;
}

.products-review, .shipping-review{
	margin-bottom:2em;
	border:1px solid white;
}

.products-review .row, .shipping-review #shipping_method .row{
	padding-left:20px;
	padding-right:20px;
	border-top:1px solid white;
	border-bottom:0px solid white;
}

.shipping-review #shipping_method .row{
	text-indent:-5px;
}

.products-review .row:first-child,  .shipping-review #shipping_method .row:first-child{
	border-top:0;
}

.shipping-review .shipping-title{
	display:none;
}



.shipping-review .shipping, .shipping-review #shipping_method {
	padding:0px!important;
}


.review-total{
	margin-bottom:1em;
}

.woocommerce-Price-amount.amount{
	font-size:1em;
}


.woocommerce-checkout #payment{
	background:transparent;
	border-radius:0px;
	border:1px solid white;
}

.woocommerce-checkout #payment ul.payment_methods{
	text-align: left;
	padding: 0px;
	border-bottom: 1px solid white;
	margin: 0;
	list-style: none;
}

ul.payment_methods li{
	padding:20px;
	border-top:1px solid white;
	border-bottom:0px solid white;
}

ul.payment_methods li:first-child{
	border-top:0;
}


div.form-row.place-order{
	padding:20px!important;
}

.woocommerce-checkout #payment ul.payment_methods li img{
	display:none;
}

.about_paypal{
	display:none;
}

.woocommerce-checkout #payment div.payment_box{
	background:transparent!important;
	padding:10px 0 10px!important;
	color:white!important;
}

.woocommerce-checkout #payment div.payment_box::before{
	display:none;
}

.woocommerce-error{
	border-top:1px solid white!important;
	padding:0px 0px 20px!important;
	background-color:transparent!important;
	color:white!important;
}

.woocommerce-error::before{
	display:none;
}

.woocommerce input.button.alt{
	background:transparent;
}

#place_order{
	font-size:1.25em;
	height:auto!important;
	padding:15px 20px 15px;
	
}


.woocommerce-thankyou-order-received{
	padding:10px;
	border:1px solid white;
}

.woocommerce ul.order_details{
	padding:10px;
	border:1px  solid white;
}

.woocommerce ul.order_details li{
	border:0px!important;
}


/*/////////////////////////////////////////////////////////////////
LARGE PHONES
/////////////////////////////////////////////////////////////////*/

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



/* WORK INDEX*/
.layout-index .layout-container .item,.shop-item{
	width:210px;
	height:300px;
 	padding:32.5px;
}

/* TEXT INDEX*/
.text-index .layout-container .text-item{
	width:350px !important;
	height:auto;
	padding-bottom:80px;
 	display:block;
	text-align:center;
}


}/*end 400px*/



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


/* MAIN MENU */

.main-menu{
	height:100%;
}


.main-menu .inner{
	padding-bottom:0%;
}


.main-menu ul{
	margin-top:-.75em;
	width:100%;
	text-align:center;
	font-size:1em;
}

.main-menu ul li{
	display:inline;
}

.main-menu li a{
	padding:0 10px 0;
}

.main-menu ul li:after { 
    content: "  ·  ";
}

.main-menu ul li:last-child:after { 
    content: "";
}


/* NEWS */

.news-section, .info-section{
	max-width:950px;
	margin:0 auto 3em;
}

.news-group{
	float:left;
	width:100%;
	margin-top:.5em;
}

.news-image{
	width:20%;
	height:auto;
	font-size:.875em;
	line-height:1.5;
	float:left;
}

.news-items{
	width:80%;
	padding-left:20px;
	float:left;
}

.news-image img {width:100%;height:auto;}




}/*end 500px*/



@media only screen and (min-width: 500px) and (min-height: 550px) {
	

/*Single Work Layout*/ 

.layout-single{
	padding:80px 0px 90px;
}

.small{
	width:70%;
	height:70%;
	margin:7% auto;
}


.cell{
	padding:0 60px 0;
}	

.prev-button{left:12px;width:15px;background-image:url('img/l-arr-4.png');}
.next-button{right:12px;width:15px;background-image:url('img/r-arr-4.png');}	


/* TEXT ARCHIVE */

.text-index{
	padding:130px 7.5px 70px;
}

/* SINGLE TEXT */

.body-text{max-width:600px;margin:0 auto;}




}/*end 500px and height 600px*/







/******************************************************************
*******************************************************************
TABLETS
*******************************************************************
******************************************************************/

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





/*/////////////////////////////////////////////////////////////////
SINGLE PRODUCT 
/////////////////////////////////////////////////////////////////*/

.shop-wrapper{
	padding-left:30px;
	padding-right:30px;
}

.image-column, .text-column{
	width:50%;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:2em;
}

.additional-images{
	display:block;
}

.cart-collaterals{
	width:50%!important;
	float:right;
	padding-left:10px;
	display:block;
}

/*/////////////////////////////////////////////////////////////////
CART
/////////////////////////////////////////////////////////////////*/	
	
.cart-contents{
	width:50%;
	padding-right:10px;
	margin-bottom:20px;
	float:left;
}

.cart_contents .cart_item{
	width:100%;
	padding:0 0 20px;
}	



.product-image{
	width:50%;
	float:left;
	padding-right:10px;
}

.cart-item-details{
	width:50%;
	float:left;
	padding-left:10px;
}

.cart_contents .cart-item-details{
	width:100%;
	padding:0;
	float:left;
}

.cart-actions{
	width:50%;
	float:left;
	display:block;
	padding:0px 10px 10px 0px;
}

.cart_totals{
	width:100%!important;
	float:left;
}


}/*end IPAD*/





/******************************************************************
******************************************************************
SMALL DESKTOP
******************************************************************
******************************************************************/

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


/* SINGLE WORK */

.caption-container{
	padding:15px 15px 12px
}

.caption-inner{
	width:80%;
 	float:left;
}

.counter{
	width:20%;
 	float:left;
	height:20px;
	display:block;
	font-size:.75em;
	line-height:1.4;
	text-align:right;
}


/* SINGLE TEXT */

.layout-single-text{min-height:100%;}


.body-text{
	width:70%;
	padding-left:20px;
	float:right;
 	max-width:100%;
}

.title-group{
	display:block;
	float:left;
 	width:30%;
	text-align:center;
	padding:200px 30px 0px 20px;
}

.title-group h1{
	margin:0 0 .5em;
	text-transform:uppercase;
	font-size:1.125em;
	line-height:1.5;
}

.title-group .author{
	font-size:.875em;
}

 

	
}/*End Small Desktop*/


/*****************************************************************
******************************************************************
LARGE DESKTOP SIZES
******************************************************************
******************************************************************/

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



/*** Single Text Page ***/

.body-text{
   	font-size:1.1em;
}

.title-group{
    
}
	
}/*1100px*/

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



.body-text{
   	width:50%;
	max-width:930px;
	float:left;
	padding:40px;
}

.title-group{
	width:50%;
	font-size:1.3em;
}
	
}/*1100px*/



/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: grab;
  cursor: -webkit-grab;
  cursor: ew-grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: white;
  background: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button:hover { background: white; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  filter: alpha(opacity=60); /* IE8 */
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  filter: alpha(opacity=30); /* IE8 */
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #333;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #333;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  filter: alpha(opacity=25); /* IE8 */
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); /* IE8 */
  opacity: 1;
}