/*please add all media queries at the top. reuse if the breakpoint already exist*/
@media all and (max-width: 768px) {
  .artist-lists-theme2 img {
    width: 130px;
  }
  .artist-lists-name-theme2{	
	float: none !important;	
	position: static;
	width: 100% !important;
  }
  .artist-lists-theme2{	
    float: none !important;
	position: static;
	width: 100% !important;
  }
  .title-theme2{
    float: none !important;
	position: static;
  }
  .view-list-theme2{
  float: right;
	position: static;
  }
  .view-thumbnail-theme2{
  float: right;  /*   mrw view as thumbnail now floats right */
	position: static;
  }
  .artist-lists-name-col1{
     float: none !important;
  	 position: static;
	 width: 100% !important;
  }
  .artist-lists-name-col2{
     float: none !important;
  	 position: static;
	 width: 100% !important;
  }
  .artist-lists-name-col3{
     float: none !important;
   	 position: static;
 	 width: 100% !important;
	 display: none;
  }
}

@media all and (min-width: 769px) and (max-width: 800px) {
  .artist-lists-theme2 img {
    width: 174px;
  }
  
  .aspect-theme2 {  /* mrw*/
	padding-right: 7px;
}
  
}

@media all and (min-width: 800px) and (max-width: 860px) {
  .artist-lists-theme2 img {
    width: 134px;
  }
  
  .aspect-theme2 {  /* mrw*/
	padding-right: 7px;
}
  
}

@media all and (min-width: 860px) and (max-width: 980px) {
  .artist-lists-theme2 img {
    width: 156px;
  }
  
  .aspect-theme2 {  /* mrw*/
	padding-right: 7px;
}
  
}


@media all and (min-width: 980px) and (max-width: 1024px) {
  .artist-lists-theme2 img {
    width: 166px;
  }
  
  .aspect-theme2 {  /* mrw*/
	padding-right: 7px;
   }
  
}

@media all and (min-width: 1024px) and (max-width: 1280px) {  /* for some reason showing ipad retina*/
  .artist-lists-theme2 img {
    width: 180px;
  }
  
  .aspect-theme2 {  /* mrw*/
	padding-right: 7px;
} 
 .meta-artist-name-theme2{
		width:35%;
		line-height:95%;
		margin-top:7px;
		font-size:10px;
	}

}

@media all and (min-width: 1280px)  {
	.artist-lists-theme2 img {
    width: 164px;
  }

	.aspect-theme2 {
    display: inline-block;
    padding-bottom: 40px;
    margin-left: 0px;
	padding-right: 13px;
}
	.meta-artist-name-theme2{
		width:13%;
		font-size:12px;
	}
}



@media all and (min-width: 1300px) and (max-width: 1919px) {
  .artist-lists-theme2 img {
    width: 168px!;
  }
  
  
.aspect-theme2 {
    display: inline-block;
    padding-bottom: 40px;
    margin-left: 0px;
	padding-right: 15px;
}

 .meta-artist-name-theme2{
	width:13%;
	line-height:95%;
	margin-top:7px;
	font-size:12px;
	}
}



@media all and (min-width: 1920px) {
  .artist-lists-theme2 img {
    width: 174px;
  } 
.aspect-theme2 {
    display: inline-block;
    padding-bottom: 40px;
    margin-left: 0px!;
	padding-right: 10px!;
}
  
}

@media screen and (max-width: 768px){
	.artist-lists .artist{width:33%;}
}
@media screen and (max-width: 800px){
	.artist-lists .artist{width:33%;}
}
@media screen and (max-width: 640px){
	.artist-lists .artist{width:50%;}
}

@media screen and (max-width: 360px){
	.artist-lists .artist{width:50%;}
}

@media screen and (max-width: 320px){
	.artist-lists .artist{width:50%;}
}


/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 799px) {
.artist-lists .artist{
		width:100%;
	}
	.meta-artist-name-theme2{
	    margin-top:6px;
	}
}
 
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  .artist-lists-theme2 img {
    width: 180px!;
  } 
  .aspect-theme2 {  /* mrw*/
	padding-right:15px;
}
  .meta-artist-name-theme2{
	width:30%;
	font-size:12px;
	}
 .nch-lb-media-description-panel{
	display: none;
}
.nch-lb-info-panel-single-post{
	display: none;
}
}
 
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .artist-lists-theme2 img {
    width: 169px;
  }
  .aspect-theme2 {  /* mrw*/
	padding-right: 7px;
  }
 .meta-artist-name-theme2{
	width:35%!;
	line-height:95%;
	margin-top:7px;
	font-size:12px;
	}  
  .view-list-theme2 {
    float: right;
    margin-top: 10px;
   }  
  /* .nch-lb-media-description-panel{
	display: none;
}*/
}

/* Smartphones samsung (portrait) ------- 
@media only screen
and (min-device-width : 360px)
and (orientation : portrait) {
.artist-lists .artist{
		width:100%;
	}
	.meta-artist-name-theme2{
		width:23%;
	}	
	.aspect-theme2 {  
	padding-right: 8px;
    }
   .artist-lists-theme2 img {
    width: 144px;
   }
}*/



/* Smartphones (landscape) 640------ 
@media only screen
and (min-device-width : 640px)
and (max-device-width : 640px)
and (orientation : landscape)  {
    .artist-lists .artist{
		width:100%;
	}
	.meta-artist-name-theme2{
		width:30% !important;
		font-size: 9px!important;
	}
	
	.aspect-theme2 {  
	 padding-right: 12px!important;
	 padding-bottom: 33px!important;
   }
}*/


/* Smartphones (landscape) ----------- 
@media only screen
and (min-device-width : 321px)
and (max-device-width : 480px)
and (orientation : landscape)  {
.artist-lists .artist{
		width:100%;
	}
	.meta-artist-name-theme2{
	 width:30% !important;
	 font-size: 9px!important;
	}
	 .aspect-theme2 {  
	  padding-right: 12px!important;
	  padding-bottom: 33px!important;
}

}



/* Smartphones (portrait and landscape)    iphone  */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
 {
.artist-lists .artist{
		width:50%!important;
	}
	.meta-artist-name-theme2{
		width:33%;
		margin-top:5px;
		line-height:95%;
		font-size:10px;
	}
	.aspect-theme2 {  
	padding-right:7px;
	padding-bottom:45px;
}


.nch-lb-media-description-panel{
	display: none;
}

.nch-lb-info-panel-single-post{
	display: none;
}


.meta-artist-name-theme2 a:hover,a:active,a:link,a:visited{color:#333; text-decoration:none;font-weight:normal;font-size: 10px;}





}


/* Smartphones (landscape) ----------- */
 @media only screen 
and (min-width : 320px) 
{
.artist-lists .artist{
		width:33%;
	}
	.meta-artist-name-theme2{
		width:20%;
		line-height:95%;
		margin-top:5px;
		font-size:10px;
	}
	.aspect-theme2 {  
	padding-right: 11px;
	padding-bottom:29px;
}
}

/* Smartphones (portrait) ------on screen*/
@media only screen
and (max-width : 480px) {
	.artist-lists .artist{
	width:33%;
	}
	.meta-artist-name-theme2{
		width:30%;
		line-height:95%;
		margin-top:5px;
		font-size:5px;
	}
   .aspect-theme2 {  
	padding-right: 7px;
	padding-bottom: 35px;
	}

.meta-artist-name-theme2 a:hover,a:active,a:link,a:visited{color:#333; text-decoration:none;font-weight:normal;font-size: 12px;} 
}

@media all and (max-width: 1024px) {
	
  .artwork-single-artist {
    width:50%;
  }
  
}

@media all and (max-width: 768px) {
	
  .single-artist-container .artwork-single-artist figure {
   line-height: 101px;
  }
    
  .single-artist-container .artwork-single-artist{
    width:33%;
  }
  
}

@media all and (max-width: 480px) {

  .artwork-single-artist {
    max-width:none!important;
    padding:0!important;
  }

  .single-artist-container .artwork-single-artist figure{
    line-height:216px;
  }

  .artwork-single-artist figure{
    max-width:none;
  }

  .single-artist-container .artwork-single-artist{
    width:100%;
    padding:0;
  }
}

.clrbox{clear:both;font-size:1px;}

.thumbnail img{
width: 25%;
max-width: 100%!important;
height: auto!important;
max-height: 100%!important;
width: auto!important;
display: inline-block!important;
vertical-align: middle!important;
float: none!important;
}

.artworks .artwork{

display: inline-block;
/*float: none!important;*/
text-align:center;
margin:0 1% 2em;
padding-left: 40px;
padding-right: 40px;
margin-bottom: 48px;
}

.artworks{}
/*.artworks .artwork{width:23%; margin:0 1% 2em;}*/
/*.artworks .artwork{width:23%;float:left;text-align:center;margin:0 1% 2em;height:200px;}*/
/*.artworks .artwork .thumbnail{margin-bottom:1em;}*/


.artworks .artwork .thumbnail{

margin-bottom:1em; 
background-color: #eeeeee; 
max-width: 240px!important;
width: 100%!important;
max-height: 245px!important;
line-height: 216px!important;
text-align: center!important;
padding: 5.5px 13%;
}

/*.artworks .artwork .meta h3{color:#222; font-size:9px; text-decoration:none;}*/
.artworks .artwork .meta h3{
color:#333; 
text-decoration:none; 
font-size:12px; 
text-align:left; 
font-weight:normal; 
line-height: 20px;
}

.artworks .artwork .meta h3 a{color:#333; text-decoration:none; font-size:12px;}

.summary {color:#333; text-decoration:none; font-size:12px;}
.custom-field {color:#333; text-decoration:none; font-size:12px;}

.artworks-gallery{}
.artworks-gallery h3{margin:20px 0;font-size:24px;font-family: 'Ropa Sans', 'sans-serif';}
.artworks-gallery h3 a{color:#222;}
.artworks-gallery .artwork{width:23%;float:left;text-align:center;margin:0 1% 2em;height:200px;}
.artworks-gallery .artwork .thumbnail{margin-bottom:1em;}
.artworks-gallery .artwork .meta h3{font-size:16px;}

.artwork-more {width:820px;height:600px;display:none;position:relative;margin:0 auto;}
.artwork-more .thumbnail{width:600px;float:left;height:600px;text-align:center;position:relative;}
.artwork-more .thumbnail img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.artwork-more .info{width:200px;float:right;padding-top:20px;}
.artwork-more .info h3{font-family: 'Ropa Sans', 'sans-serif';font-size: 24px;margin: 1em 0;}
.artwork-more .info h4{font-size:14px;margin-bottom:0.25em;text-transform:uppercase;}
.artwork-more .info p{margin-bottom:1em}

.single-artist h1.title,.single-artwork h1.title{margin-bottom:15px;font-size: 36px;}
.single-artist .tabs{height:34px;margin-bottom:15px;font-size:14px;border-bottom: 1px dotted rgba(0, 0, 0, 0.1);}
.single-artist .tabs a{
display:block;
float:left;
/*background:#fafafa;*/

color:#6a6a6a;
padding:0.5em 2em;
text-decoration:none;
font-size:14px;
}
.single-artist .tabs a:hover,.single-artist .tabs a.active{background-color:#E9E9E9;}





.single-artist .biography p, .single-artwork .entry p{margin-bottom:1em;}
.single-artist .biography .custom-field h4, .single-artwork .entry .custom-field h4{font-size:14px;margin-bottom:0.25em;text-transform:uppercase;}
.single-artist .tab{display:none;}
.single-artist .tab.active{display:block;}
.single-artist .post-entries, .single-artwork .post-entries{margin:2em 0;}

.artist-lists{}
.artist-lists .artist{width:25%;float:left;margin-bottom:15px;text-align:center;}
.artist-lists .artist .thumbnail{min-height:1px;}
.artist-lists .artist .meta{min-height:1px;}

.archive h1.title{margin:1em 0;}

.artist-lists-name-theme2{	
	display: none;
}

.artist-lists-theme2{	
    /*background-color: #fff; *
	/*padding-left: 3px; */
		padding-left: 0px;
}

.meta-artist-name-theme2{
	position: absolute;
	font-size: 10px;
	/*	width: 20%; */
	line-height:95%;
	margin-top:7px;
}

.aspect-theme2{
	display: inline-block;
	padding-bottom: 30px; 
	/*margin-left: 0.25%;*/
	/*	margin-left: 0.95%; align images to navigation*/
}
.entry img{
	border: 0px !important;
}

.artist-name-listing{color:#333; text-decoration:none; font-size:12px;}
/*
.artist-name-listing a:hover,a:active,a:link,a:visited{color:#333; text-decoration:none; font-size:12px; font-weight:normal; font-family: UnivirsRoman, sans-serif !important;}
*/
.artist-name-listing a:hover,a:active,a:link,a:visited{color:#333; font-weight:normal;text-decoration:none;}

.meta-artist-name-theme2 a:hover,a:active,a:link,a:visited{color:#333; text-decoration:none;font-weight:normal}      


.artist-lists-name-col1{
  margin-top:7px;
  width:25%;
  float:left;
}
.artist-lists-name-col2{
  margin-top:7px;
  width:25%;
  float:left;
}
.artist-lists-name-col3{
  width:50%;
  margin-top: 15px;
  float:left;
}
.title-theme2{
  float:left;
}
.view-list-theme2{
  float:right;
  margin-top:10px;
}
.view-thumbnail-theme2{
  float:right;
  display: none;
  margin-top:10px;
}
.header-theme2{
/*border-bottom: #9e9e9e			solid 1px; */
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
.title-theme2 .title{
  margin: 0 0 0.1em !important;
}

.page-id-3640 .entry .artist-lists-theme2 img, img.thumbnail  {
  height: auto;
  padding: 0px;
  border: 1px solid #E6E6E6;
  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 2px 2px 3px 0px rgba(53, 50, 50, 0.5);
  -moz-box-shadow:    2px 2px 3px 0px rgba(53, 50, 50, 0.5);
  box-shadow:         2px 2px 3px 0px rgba(53, 50, 50, 0.5);
}
.page-id-3640 .entry .artist-lists-theme2 img {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: url(filters.svg#grayscale); /* Firefox 4+ */
  filter: gray; /* IE 6-9 */

}

.page-id-3640 	.entry img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none; /* Firefox 4+, IE 6-9 */
}

.artwork-single-artist{
	width: 25%;
	padding-left: 40px;
	padding-right: 40px;
	margin-bottom: 48px;
	box-sizing: border-box;
	vertical-align: top;
	display: inline-block;
	
}
.artwork-single-artist figure{
	background-color: #E8E8E8;
	max-width: 360px;
	width: 100%;
	max-height: 245px;
	line-height: 216px;
	text-align: center;
	padding: 14.5px 20%;
	webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	display: inline-block;
	margin: 0;	
}
.meta-single-artist{
	line-height: 20px;
}
.single-artist-container{
	max-width: 1320px;
	padding: 0;
	margin: 0 auto;
}

.single-artist-name{
	font-size: 10px;
  <!--  padding-top: 12px; -->
	padding-top: 5px;
	line-height: 155%;
	margin-bottom:1px;
}

.single-artist-more{
	font-size: 10px;
}

/*.single-artist-container .artwork-single-artist figure {
  max-width:100%;
  height:auto;
  max-height:100%;
  width:auto;
}*/

.single-artist-container .artwork-single-artist figure img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: auto;
  vertical-align: middle;
}



#footer-widgets.col-4 .footer-widget-4 .credit img {
  -webkit-filter: grayscale(100%);
         -moz-filter: grayscale(100%);
         -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
          filter: grayscale(100%);
          filter: url(filters.svg#grayscale); /* Firefox 4+ */
          filter: gray; /* IE 6-9 */

}

#footer-widgets.col-4 .footer-widget-4 .credit img:hover {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: none; /* Firefox 4+, IE 6-9 */
}

.nch-lb-media-description-panel{
	margin-left: 45%;
	height: 95px;
	overflow: hidden;
}

.nch-lb-controls{
	padding: 0px !important;
	height: 0px !important;
}

.nch-lb-info-panel-desc{
	color: #000;
	font-size: 12px;
	line-height: 1.6;
}

.nch-lb-info-panel-single-post{
	margin-left: 20px;
	overflow: hidden;
}

.stockroomh3 {
  font: 400 14px/1.2em 'Open Sans', arial, sans-serif;
  color: #222222;
  margin-top: 2px;
}

/* mikey new tabs */
/* start tabs */
@import url(http://fonts.googleapis.com/css?family=Raleway:100,200,300);
@-webkit-keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-o-keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes content-opacity {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-webkit-keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@-moz-keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@-o-keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@keyframes content-rotate-y {
  from {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }

@-webkit-keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@-moz-keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@-o-keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@keyframes content-rotate-x {
  from {
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg); }

  to {
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg); } }

@-webkit-keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@-moz-keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@-o-keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@keyframes content-rotate-both {
  from {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0% 50% 50%;
    -moz-transform-origin: 0% 50% 50%;
    -ms-transform-origin: 0% 50% 50%;
    -o-transform-origin: 0% 50% 50%;
    transform-origin: 0% 50% 50%; } }

@-webkit-keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes content-pop-out {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-moz-keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes content-pop-in {
  from {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-moz-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-o-keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@keyframes content-slide-bot {
  from {
    top: 20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-webkit-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-moz-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@-o-keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

@keyframes content-slide-top {
  from {
    top: -20px;
    opacity: 0; }

  to {
    top: 0px;
    opacity: 1; } }

/* used for wrapper animation after the load of the page */
@-webkit-keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-o-keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes show {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

html {
  	/*background: url(http://distinctionjewelry.com/info/wp-content/uploads/2013/01/blurred-background-10-2000x1250.jpg);*/
  	webkit-font-smoothing: antialiased;
  	font: 1em/1.5em "Raleway";
  	font-weight: normal;
}

.tabs-wrapper {
	/*margin: 5% 10% 0 10%;*/
}

.tabs-wrapper input[type=radio] {
	display: none;
}

.tabs-wrapper label {
	transition: background 0.4s ease-in-out, height 0.2s linear;
    	display: inline-block;
    	cursor: pointer;
    	/*color: #dbdbd3;*/
    	color: #6a6a6a;
   /* 	width: 20%;*/
        width: 14%;
    	height: 3em;
    	border-top-left-radius: 3px;
    	border-top-right-radius: 3px;
    	/*background: #525252;*/
    	text-align: center;
    	line-height: 3em;
    	font-size: 14px;
 }

.tabs-wrapper label:last-of-type {
	border-bottom: none;
}

.tabs-wrapper label:hover {
	/*background: #667876;*/
	background: #e9e9e9;
      	/*@include transform (translate(0,-0.2em));*/
}

@media screen and (max-width: 1600px) {
	.tabs-wrapper label {
        	width: 15%;
	}
}

@media screen and (max-width: 900px) {
	.tabs-wrapper label {
        	width: 20%;
	}
}

@media screen and (max-width: 600px) {
  	.tabs-wrapper label {
		width: 100%;
        	display: block;
        	border-bottom: 2px solid #4d4c47;
        	border-radius: 0;
	}
}

@media screen and (max-width: 600px) {
	.tabs-wrapper {
      		margin: 0;
	}
}

#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {
  	/*background: #b8b63e; */
	background: #e9e9e9;
  	/*color: #f2f2f2; */
	color: #6a6a6a;
}

.tab-body {
  	position: absolute;
  	top: -9999px;
  	opacity: 0;
  	padding: 10px;
}

.tab-body-wrapper {
  	/*background: #f7eec6;*/
  	/*border-top: #b8b63e 5px solid;*/
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-name: show;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-delay: 0.2s;
	-moz-animation-duration: 1.5s;
	-moz-animation-name: show;
	-moz-animation-fill-mode: forwards;
	-o-animation-delay: 0.2s;
	-o-animation-duration: 1.5s;
	-o-animation-name: show;
	-o-animation-fill-mode: forwards;
	animation-delay: 0.2s;
	animation-duration: 1.5s;
	animation-name: show;
	animation-fill-mode: forwards;
}

@media screen and (max-width: 600px) {
	.tab-body-wrapper {
		border: none;
	      	border-radius: 0;
	}
}

#tab1:checked ~ .tab-body-wrapper #tab-body-1, #tab2:checked ~ .tab-body-wrapper #tab-body-2, #tab3:checked ~ .tab-body-wrapper #tab-body-3, #tab4:checked ~ .tab-body-wrapper #tab-body-4 {
	position: relative;
	top: 0px;
	/* Choose one */
	-webkit-animation-delay: 0.2s;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-name: content-opacity;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-delay: 0.2s;
	-moz-animation-duration: 0.8s;
	-moz-animation-name: content-opacity;
	-moz-animation-fill-mode: forwards;
	-o-animation-delay: 0.2s;
	-o-animation-duration: 0.8s;
	-o-animation-name: content-opacity;
	-o-animation-fill-mode: forwards;
	animation-delay: 0.2s;
	animation-duration: 0.8s;
	animation-name: content-opacity;
	animation-fill-mode: forwards;
	/* @include animation(0.2s,0.8s,content-rotate-x); */
	/* @include animation(0.2s,0.8s,content-rotate-y); */
	/* @include animation(0.2s,0.8s,content-rotate-both); */
	/* @include animation(0.2s,0.8s,content-pop-in); */
	/* @include animation(0.2s,0.8s,content-pop-out); */
	/* @include animation(0.1s,1s,content-slide-bot); */
	/*@include animation(0.1s,1s,content-slide-top);*/


/* end tabs */