/*
Theme name: Margam Fine Arts
Description: Custom Theme
*/

/******* Margam Fine Arts WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img { border: 0 }

p img { padding: 0;	max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; } 

/******* /Margam Fine Arts WordPress CSS *******/

/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: auto; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 320px; background: #fff; font-family: "Times New Roman", Times, serif; font-size: 16px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; line-height: 2; padding: 0 8px; }
.woocommerce form .form-row textarea { line-height: 1; padding: 8px; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.section-cols:after,
.updates:after,
.product:after,
.clearfix:after { display: table; content: ' '; clear: both; }

/* ------------------------------------------------------------ *\
	Main Styles
\* ------------------------------------------------------------ */
.shell { max-width: 1188px; margin: 0 auto; }
.wrapper { margin-bottom: -66px; min-height: 100%; height: 100%; }
.bg-image { display: none; }

h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 24px; }

h1,
h2,
h3,
h4,
h5,
h6 { font-weight: 400; color: #000; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: absolute; left: 0; top: 0; width: 100%; z-index: 50; padding: 48px 0 0 2.6%; }
.logo { position: fixed; left: 26px; bottom: 92px; }
.logo:hover { opacity: 0.8; }

.home .logo img { width: 137px; height: 53px; }

/*  Burger-button  */
.btn-menu { position: absolute; top: 26px; right: 26px; display: inline-block; width: 25px; height: 18px; z-index: 50; }
.btn-menu:hover { opacity: 0.8; }

body.page-template-templateshomepage-php .btn-menu span  { background: #fff; }
.btn-menu span { position: absolute; display: block; height: 2px; width: 100%; background: #525252; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; border-radius: 1px; }
.btn-menu span:nth-child(1) { top: 1px; }
.btn-menu span:nth-child(2) { top: 8px; }
.btn-menu span:nth-child(3) { top: 15px; }

.btn-menu.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }
 
.btn-menu.active span:nth-child(3),
.btn-menu.active span:nth-child(1) { top: 12px; background: #fff; }

.btn-menu.active span:nth-child(2) { opacity: 0; }
.btn-menu.active span:nth-child(1) { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.btn-menu.active span:nth-child(3) { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

/* ------------------------------------------------------------ *\
	Navigation
\* ------------------------------------------------------------ */
.nav { background: rgba(189, 10, 19, .85); position: fixed; height: 100%; top: 0; right: 0; text-align: right; z-index: 40; padding: 115px 30px 0; 
	-webkit-transition: 0.3s ease-in-out; 
	     -o-transition: 0.3s ease-in-out; 
	        transition: 0.3s ease-in-out; 

	-webkit-transform: translateX(100%); 
	    -ms-transform: translateX(100%); 
	     -o-transform: translateX(100%); 
	        transform: translateX(100%); 
}
.nav ul { list-style-type: none; }
.nav ul li ~ li { margin-top: 24px; }
.nav ul li a { font-size: 26px; color: #fff; line-height: 0.96; }

.active .nav {  
	-webkit-transform: translateX(0); 
	    -ms-transform: translateX(0); 
	     -o-transform: translateX(0); 
	        transform: translateX(0);
}

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { height: calc(100% - 66px); width: 100%; position: relative; }
.intro:before { content:''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; 
	background-color:rgba(0,0,0,0.7);
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.24) 54%, rgba(0,0,0,0.2) 63%, rgba(0,0,0,0.1) 97%, rgba(0,0,0,0.1) 100%);
	background:      -o-linear-gradient(left, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.24) 54%, rgba(0,0,0,0.2) 63%, rgba(0,0,0,0.1) 97%, rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.5) 22%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.26) 50%, rgba(0,0,0,0.24) 54%, rgba(0,0,0,0.2) 63%, rgba(0,0,0,0.1) 97%, rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#1a000000',GradientType=1 );
}
.active .intro-content { right: 252px; }
.intro-content { position: absolute; right: 26px; bottom: 26px; z-index: 20;
	-webkit-transition: right 0.3s ease-in-out; 
	     -o-transition: right 0.3s ease-in-out; 
	        transition: right 0.3s ease-in-out; 
}
.intro-content h1 { font-size: 40px; line-height: 1; color: #efefef; font-weight: 200; font-size: 17px; }
.intro-content h2 { font-size: 32px; color: #ddc409; font-weight: 200; margin-bottom: 10px; position: relative; line-height: 1; font-size: 17px; }
.intro-content h2:after { content:''; display: inline-block; vertical-align: middle; width: 179px; height: 1px; background: #6f6a6e; margin-left: 13px; }

.video-holder { height: 100%; }
.video-viewport { position: absolute; top: 0; overflow: hidden; z-index: -1; }
.video-actions { position: absolute; right: 2.6%; top: 50%; z-index: 15; min-width: 48px;
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.btn-volume { background:  url(images/loudspeaker-mute.png) no-repeat 0 0; width:  22px; height:  39px; display: inline-block;
	-webkit-transition: width 0.3s ease-in-out; 
	     -o-transition: width 0.3s ease-in-out; 
	        transition: width 0.3s ease-in-out; 
}
.btn-volume:hover { opacity: 0.9; }
.btn-volume.mute { background:  url(images/loudspeaker.png) no-repeat 0 0; width:  48px; height:  39px; display: inline-block;
	-webkit-transition: background 0.3s ease-in-out; 
	     -o-transition: background 0.3s ease-in-out; 
	        transition: background 0.3s ease-in-out; 
}

.btn-play { display: none; background:  url(images/play.png) no-repeat 0 0; width: 66px; height: 65px; background-size: contain; }

.intro-small-video  { background: #000; }
.intro-small-video .video-viewport { left: 50%; top: 45%; z-index: 10; 
	-webkit-transform: translate(-50%, -45%); 
	    -ms-transform: translate(-50%, -45%); 
	     -o-transform: translate(-50%, -45%); 
	        transform: translate(-50%, -45%); 
}
.intro-small-video .video-viewport iframe { height: 100%; }

/*  About-page  */
.page-template-templatesabout-php .section-content { padding: 5% 9% 5% 8%; }
/*
.page-template-templatesabout-php .article-single { line-height: 1.1; }
.page-template-templatesabout-php .article-single .article-entry p { font-size: 17px; }
.page-template-templatesabout-php .article-single .article-entry p { padding-bottom: 14px; }
*/
.page-template-templatesabout-php .woocommerce-page.woocommerce-account .article-single .article-entry p{ padding-bottom: 14px; }



/* ------------------------------------------------------------ *\
	Articles
\* ------------------------------------------------------------ */
.pagetitle { font-size: 36px; padding-bottom: 20px; }
.article-wrapper { height: 100%; overflow: hidden; }
.article-single { font-size: 18px; line-height: 1.67; height: 100%; overflow-y: scroll; position: relative; right: -18px; padding-right: 18px; }
.article-single a { color: #bd0a13; }
.article-single a:hover { text-decoration: underline; }
.article-single .sub-title { color: #000; }
.article-single .article-head { margin-bottom: 19px; }

.woocommerce-page.woocommerce-account .article-single .article-entry p,
.article-single .article-entry p { padding-bottom: 30px; }

.woocommerce-page .article-single .article-entry p,
.woocommerce .article-single .article-entry p { padding-bottom: 0; }

.article-single .article-actions { font-size: 20px; font-weight: 500; }

body.page-template-templatesjeff-php .article .article-title { font-size: 30px; }

.paging { overflow: hidden; }
.paging .paging-prev { float: left; }
.paging .paging-next { float: right; }

/* ------------------------------------------------------------ *\
	Custom Sctoll
\* ------------------------------------------------------------ */
.jspTrack,
.jspDrag,
.jspVerticalBar { background: transparent; display: none !important; }

/* ------------------------------------------------------------ *\
	Sections
\* ------------------------------------------------------------ */
.section { height: calc( 100% - 66px); }
.section-cols { height: 100%; }
.section-cols .col { float: left; position: relative; height: 100%; }
.section-cols .col-1of2 { width: 50%; }

.section-image { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; }
.section-image:before { content: ''; position: absolute; left: 0; background:  url(images/overlay.png) no-repeat 0 0; width: 100%; height: 100%; 
	-webkit-background-size: cover;
	        background-size: cover;
}
.section-content { padding: 11% 9% 16% 8%; height: 100%; position: relative; 
	background: -moz-radial-gradient(center, ellipse cover,  rgba(251,251,251,0.8) 50%, rgba(251,251,251,0.9) 100%, rgba(251,251,251,0.4) 100%);в
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(251,251,251,0.8) 50%,rgba(251,251,251,0.9) 100%,rgba(251,251,251,0.4) 100%);
	background: radial-gradient(ellipse at center,  rgba(251,251,251,0.8) 50%,rgba(251,251,251,0.9) 100%,rgba(251,251,251,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#66262626',GradientType=1 );
}
/* .section-content.overflowed:after { content: ''; position: absolute; bottom: 0; left: 50%; background:  url(images/lines.png) no-repeat 0 0; width:  3px; height:11%; } */

/*  Section-contacts  */
/*body.page-template-contact { height: auto; } */
.page-template-contact .wrapper { overflow: hidden; }

.section-contacts { position: relative; 
		background: -moz-radial-gradient(center, ellipse cover,  rgba(251,251,251,0.8) 50%, rgba(251,251,251,0.9) 100%, rgba(251,251,251,0.4) 100%);в
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(251,251,251,0.8) 50%,rgba(251,251,251,0.9) 100%,rgba(251,251,251,0.4) 100%);
	background: radial-gradient(ellipse at center,  rgba(251,251,251,0.8) 50%,rgba(251,251,251,0.9) 100%,rgba(251,251,251,0.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#66262626',GradientType=1 );
}
.section-contacts .shell { height: 100%; }
/*.section-contacts .section-content-wrapper  { display: inline-block; left: 50%; top: 50%; position: relative;
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}*/
.section-contacts h3 { color: #bd0a13; font-size: 25px; margin-bottom: 17px; }
.section-contacts .section-media { display: inline-block; border: 36px solid #000; padding: 21px; }
.section-contacts .section-media img { max-width: 100%; height: auto; }
.section-contacts .section-body { font-size: 22px; line-height: 1.5; display: inline-block; vertical-align: middle; margin-left: 60px; max-width: 50%; }
.section-contacts .section-body img { margin-bottom: 50px; }
.section-contacts .section-body a { color: #000; }
.section-contacts .section-body a:hover { text-decoration: underline; }

/*  Section-exhibits  */
.section-exhibits .section-image:before { content: ''; position: absolute; left: auto; right: 0; height: 100%; background:  url(images/section-overlayside.png) no-repeat 0 0; width: 70%; 
	-webkit-background-size: cover;
	        background-size: cover;
}

/*  Page-template-cotacts  */
body.page-template-book .logo,
body.page-template-templatescontact-php .logo { display: none; }

/*  Page-template-book  */
.section-book { color: #fff; font-size: 15px; line-height: 2; }
.section-book .section-content { padding: 11% 9% 20% 8%; }
.section-book .section-actions,
.section-book .article-actions { text-align: center; position: absolute; left: 50%; bottom: 40px; 
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}
.section .section-actions a { color: #bd0a13; font-size: 20px; }
.section .section-actions a:hover { text-decoration: underline; }

.section-book .section-actions a,
.section-book .article-actions a { color: #fff; font-size: 20px; }
.section-book .section-actions a:hover,
.section-book .article-actions a:hover { text-decoration: underline; }
.section-book .section-actions img,
.section-book .article-actions img { display: block; margin: 0 auto; }

.section-book .section-content { background: #111111; }


.quotes-wrapper { height: 100%; overflow: hidden; }
.quotes { height: 100%; overflow-y: scroll; position: relative; right: -17px; padding-right: 17px; }
.quote { margin-bottom: 30px; }
.quote-author { text-align: right; }

/*  Page-template-shop  */
body.page-template-shop .wrapper { height: auto; }

/*  Section-products  */
.post-type-archive-product .wrapper { height: auto; margin-bottom: 0; }
.post-type-archive-product .footer-push { display: none;  }
.section-products { padding: 130px 0 0px 0; background: #e4e8eb; position: relative; }
.section-products:before { content:''; position: absolute; top: -160px; left: 50%;  width: 100%; height: 400px; 
  background-image: -o-radial-gradient(circle, #fff, rgba(177, 181, 190, 0) 30%);
  background-image: -moz-radial-gradient(circle, #fff, rgba(177, 181, 190, 0) 30%);
  background-image: -webkit-radial-gradient(circle, #fff, rgba(177, 181, 190, 0) 30%);
  background-repeat: no-repeat;
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%);
}

.products { list-style-type: none; }

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { width: 29%; display: inline-block; vertical-align: top; margin-bottom: 45px !important; margin: 0; float: none !important; }

.woocommerce ul.products li.product ~ li.product,
.woocommerce-page ul.products li.product ~ li.product { margin-left: 6.1%; }

.woocommerce ul.products li.product:nth-child(3n+1),
.woocommerce-page ul.products li.product:nth-child(3n+1) { margin-left: 0 !important; }

.woocommerce ul.products li.product h3 { font-size: 20px; margin-bottom: 6px; padding: 0; }
.woocommerce ul.products li.product h3 a { color: #606060; }
.woocommerce ul.products li.product h3 a:hover { opacity: 0.8; }

.woocommerce ul.products li.product .price { font-size: 20px; line-height: 1.25; margin-bottom: 18px; color: #000; }

.products .product-image { position: relative; background-repeat: no-repeat; background-position: center center; padding-bottom: 116%; margin-bottom: 12px; background-color: transparent; 
	-webkit-background-size: contain;
			background-size: contain;
}
.products .product-image:hover { opacity: 0.8; }
.products .product-image a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; }
.products .product-body { font-size: 20px; line-height: 1.25; margin-bottom: 18px; }
.products .product-actions a { color: #ab0f12; font-size: 20px; }
.products .product-actions a:hover { text-decoration: underline; }

/*  Section-product e4e8eb */
body.woocommerce-page { background: #fff; }
.section-product { padding: 160px 0 0px 0; position: relative; overflow: hidden;     height: calc( 100% - 66px); overflow-y: scroll; }
.section-product .shell { max-width: 1060px; }
.section-product:before { content:''; position: absolute; top: -160px; left: 50%;  width: 100%; height: 70%; z-index: -1; 
  background-image: -o-radial-gradient(circle, #fff, rgba(177, 181, 190, 0) 30%);
  background-image: -moz-radial-gradient(circle, #fff, rgba(177, 181, 190, 0) 30%);
  background-image: -webkit-radial-gradient(circle, #fff, rgba(177, 181, 190, 0) 30%);
  background-repeat: no-repeat;
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}

body.woocommerce .product_title { font-size: 24px; margin-bottom: 25px; }
body.woocommerce div.product p.price,
body.woocommerce div.product span.price { font-size: 17px; color: #000; line-height: 1.38; }
body.woocommerce .summary p { font-size: 17px; line-height: 1.76; }
body.woocommerce .summary > p  { line-height: 1.38; }
body.woocommerce div.product form.cart .button { font-size: 20px; background: transparent; border: 0; color: #ab0f12; font-weight: 400; padding: 0; display: inline-block; vertical-align: middle; margin-top: 12px; margin-left: 30px; }
body.woocommerce div.product form.cart .button:hover { opacity: 0.8; }

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images { width: 43%; }

.woocommerce #content div.product div.images:hover,
.woocommerce div.product div.images:hover,
.woocommerce-page #content div.product div.images:hover,
.woocommerce-page div.product div.images:hover { opacity: 0.8; }

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary { width: 51.5%; margin-top: -5px; }

body.woocommerce div.product div[itemprop="description"] { margin-bottom: 26px; }

body.woocommerce div.product p.price,
body.woocommerce div.product span.price { margin-bottom: 26px; }

body.woocommerce div.product form.cart { border-top: 1px solid  #c9cacb; margin-top: 40px; padding-top: 40px; padding-left: 8px; }

body.woocommerce-page .quantity .qty { border: 1px solid  #ccc; color: #797979; font-weight: 300; background: transparent; }
body.woocommerce .quantity .qty { border: 1px solid  #ccc; font-size: 22px; color: #797979; font-weight: 300; padding: 10px 10px; width: 135px; background: transparent; }

body.woocommerce-page div.product form.cart div.quantity,
body.woocommerce div.product form.cart div.quantity { display: inline-block; vertical-align: middle; padding-right: 40px; border-right: 1px solid  #ccc; }

body.woocommerce-page .quantity input[type="button"],
body.woocommerce .quantity input[type="button"] { border: 0; background: transparent; width: 15px; font-size: 20px; }

body.woocommerce-page .quantity input.minus,
body.woocommerce .quantity input.minus { background:  url(images/line.png) no-repeat 0 0; width:  15px; height:  15px; margin-right: 10px; background-position: center center; }

body.woocommerce-page .quantity input.plus,
body.woocommerce .quantity input.plus { background:  url(images/plus.png) no-repeat 0 0; width:  15px; height:  15px; margin-left: 10px; }

body.woocommerce-page .quantity input,
body.woocommerce .quantity input { display: inline-block; vertical-align: middle;  }




/*  Section-gallery  */
body.page-template-templatesgallery-php .section-gallery { position: relative; background:  url(images/gallery-wall.jpg) no-repeat 0 0; background-size: cover; background-repeat: no-repeat; }
body.page-template-templatesgallery-php .gallery,
body.page-template-templatesgallery-php .gallery-wrapper { height: 100%; }

body.page-template-templatesgallery-php .gallery-wrapper .owl-stage-outer { position: relative; top: 50%;
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%);
}

body.page-template-templatesgallery-php .gallery ul { list-style-type: none; }
body.page-template-templatesgallery-php .gallery .owl-item { text-align: center; 
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
body.page-template-templatesgallery-php .gallery .slide { margin: 0 50px; }
body.page-template-templatesgallery-php .gallery .slide-content { max-width: 200px; margin: 0 auto; margin-top: 16px; }
body.page-template-templatesgallery-php .gallery .slide-image { height: 500px; }
body.page-template-templatesgallery-php .gallery .slide-image img { height: 100%; width: auto; max-width: 100%;  margin: 0 auto; border: 5px solid  #000; padding: 10px;  }

body.page-template-templatesgallery-php .gallery h4 { font-size: 16px; margin-bottom: 3px; }
body.page-template-templatesgallery-php .gallery h4 a { color: inherit; }
body.page-template-templatesgallery-php .gallery p { font-size: 13px; }

body.page-template-templatesgallery-php .gallery .owl-nav { position: absolute; bottom: 30px; left: 50%;
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}
body.page-template-templatesgallery-php .gallery .owl-nav h5 { display: inline-block; vertical-align: middle; color: #fff; font-size: 25px;  margin: 0 70px; }
body.page-template-templatesgallery-php .gallery .owl-nav div { font-size: 0; line-height: 0; text-indent: -4004px; display: inline-block; vertical-align: middle; }
body.page-template-templatesgallery-php .gallery .owl-prev { background:  url(images/arrow-left.png) no-repeat 0 0; width:  24px; height:  41px; }
body.page-template-templatesgallery-php .gallery .owl-next { background:  url(images/arrow-right.png) no-repeat 0 0; width:  24px; height:  41px; }

body.page-template-templatesgallery-php { overflow: hidden; }


/*  Section-3D-gallery  */
body.page-template-templatesgallery-3d-php .section-gallery { position: relative; }
body.page-template-templatesgallery-3d-php { overflow: hidden; }

body.page-template-templatesgallery-3d-php .gallery-room { position: absolute; top: 0; width: 100%; height: 85%; text-align: center;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	perspective: 1200px;
}
body.page-template-templatesgallery-3d-php .gallery-wall-main,
body.page-template-templatesgallery-3d-php .gallery-wall-other { position: absolute; top: 0; height: 100%; width: 100%; background:  url(images/wall.jpg) repeat-x 0 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
background: #fff;
}
body.page-template-templatesgallery-3d-php .gallery-wall-main { left: 0; }
body.page-template-templatesgallery-3d-php .gallery-floor { position: absolute; top: 100%; left: 0; height: 18%; width: 100%; background:  url(images/floor.jpg) repeat 0 0; }
body.page-template-templatesgallery-3d-php .no-js .gallery figure { display: inline-block; position: relative; margin: 20px; }
body.page-template-templatesgallery-3d-php .gallery figure { position: absolute; -webkit-transform-style: preserve-3d;}
body.page-template-templatesgallery-3d-php .gallery figure::before {content: ''; position: absolute; width: 180%; height: 150%; top: -45%; left: -40%;
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.7) 23%, rgba(255,255,255,0) 66%);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.7) 23%, rgba(255,255,255,0) 66%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.7) 23%, rgba(255,255,255,0) 66%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.7) 23%, rgba(255,255,255,0) 66%);
	pointer-events: none;
	opacity: 0.5;
}
body.page-template-templatesgallery-3d-php .gallery figure div,
body.page-template-templatesgallery-3d-php .gallery figure img,
body.page-template-templatesgallery-3d-php .gallery figcaption {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
body.page-template-templatesgallery-3d-php .gallery figure div { position: relative; border: 36px solid #000; background: #fff; }
body.page-template-templatesgallery-3d-php .gallery figure img { display: block; margin: 0 auto; border: 21px solid #fff; }
body.page-template-templatesgallery-3d-php .gallery figcaption { display: block; padding: 5px; font-size: 15px; margin: 13px 0 20px; line-height: 1.33; text-align: right; }
body.page-template-templatesgallery-3d-php .gallery figcaption h4 { font-size: 16px; color: #000; line-height: 1.5; margin-bottom: 4px; }
body.page-template-templatesgallery-3d-php .gallery figcaption h4 a { color: inherit; }

body.page-template-templatesgallery-3d-php .gallery .gallery-actions { position: absolute; width: 422px; bottom: 5%; left: 50%; z-index: 0;  text-align: center;
	-webkit-transform: translateX(-50%); 
	    -ms-transform: translateX(-50%); 
	     -o-transform: translateX(-50%); 
	        transform: translateX(-50%); 
}
body.page-template-templatesgallery-3d-php .gallery .gallery-actions h3 { display: inline-block; vertical-align: middle; color: #fff; margin: 0 96px; }
body.page-template-templatesgallery-3d-php .gallery .gallery-actions span { display: inline-block; font-size: 0; line-height: 0; text-indent: -4004px; vertical-align: middle; cursor: pointer; width: 24px; height: 41px; }
body.page-template-templatesgallery-3d-php .gallery .gallery-actions span:hover { opacity: 0.8; }
body.page-template-templatesgallery-3d-php .gallery .gallery-actions span.gallery-next { background: url(images/arrow-right.png) no-repeat 0 0; }
body.page-template-templatesgallery-3d-php .gallery .gallery-actions span.gallery-prev { background: url(images/arrow-left.png) no-repeat 0 0; }

/* ------------------------------------------------------------ *\
	Tabs
\* ------------------------------------------------------------ */
.tabs { width: 100%; height: 100%; position: relative; }
.tabs-nav { position: absolute; top: 0; right: 100%; height: 100%; list-style-type: none; text-align: right; min-width: 200px; }
.tabs-nav li { position: absolute; top: 25%; padding-right: 40px;
	-webkit-transform: translateY(-25%); 
	    -ms-transform: translateY(-25%); 
	     -o-transform: translateY(-25%); 
	        transform: translateY(-25%); 
}
.tabs-nav li ~ li { top: 75%;
	-webkit-transform: translateY(-75%); 
	    -ms-transform: translateY(-75%); 
	     -o-transform: translateY(-75%); 
	        transform: translateY(-75%); 
}
.tabs-nav li.current:after { content:''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border-style: solid; border-width: 22px 22px 22px 0; border-color: transparent #ffffff transparent transparent;
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 

	        display: none; 
}
.tabs-nav li a { color: #fff; font-size: 29px; opacity: 0.5; }
.tabs-nav li.current a { opacity: 1; }

.tab,
.tabs-content { height: 100%; width: 100%; }



/*  Updates  */
.updates { height: 100%; list-style-type: none; overflow-y: scroll; width: 100% !important; }

.update { width: 50%; float: left; overflow: hidden; padding: 12% 8% 8%; }
.update-head { font-size: 17px; }
.update h2 { margin-bottom: 24px; }
.update h3 { color: #000; }
.update-body { color: #000; font-size: 21px; }
.update-body p a { color: #000; }
.update-body p a:hover { text-decoration: underline; }
.update-actions { margin-top: 20%; }
.update-actions a { font-weight: 600; font-size: 16px; color: #403f3f; display: inline-block; }
.update-actions a:hover { text-decoration: underline; }

.update:nth-child(4n),
.update:nth-child(4n-1) { background: #f7f6f6; }

.update:nth-child(even) {  position: relative; }
.update:nth-child(even):before { content: ''; position: absolute; left: 0; top: 20%; bottom: 13%; width: 1px; background: #ebebeb; }


.page-template-templatesexhibits-show-all-php .tab { height: auto; }
.page-template-templatesexhibits-show-all-php .tab ~ .tab { margin-top: 20px; }
.page-template-templatesexhibits-show-all-php .tabs-nav { min-width: 39px; }
.page-template-templatesexhibits-show-all-php .tabs-content  { overflow-y: scroll; padding-top: 45px; }

.page-template-templatesexhibits-show-all-php .updates  { overflow: visible; }
.page-template-templatesexhibits-show-all-php .update { padding: 10px 26px; min-height: 170px !important; overflow: visible; margin-bottom: 10px; }
.page-template-templatesexhibits-show-all-php .update ~ .update { border-left: 1px solid  #ccc; }
.page-template-templatesexhibits-show-all-php .update-title { font-size: 28px; font-weight: 400; text-align: center; margin-bottom: 30px; }
.page-template-templatesexhibits-show-all-php .update:nth-child(4n), 
.page-template-templatesexhibits-show-all-php .update:nth-child(4n-1) { background: #fff; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer-push { height: 66px; }
.footer { background: #fff; height: 66px; text-align: center; position: relative; z-index: 60; color: #000;  font-weight: 500; font-size: 10px; padding: 13px 0 0 0; }

.copyright h2 { color: #000; font-size: 10px; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; color: #fff; background: #bd0a13; border: 3px solid  #bd0a13; font-size: 17px; padding: 4px 26px;
	-webkit-transition: all 0.2s ease-in-out; 
	     -o-transition: all 0.2s ease-in-out; 
	        transition: all 0.2s ease-in-out; 
}
.btn:hover { background: transparent; }
.btn ~ .btn { margin-left: 5px; }

.btn-alt { background: transparent; border-color: #fff; }
.btn-alt:hover { background: #fff; color: #000; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.updates .owl-nav { width: 100%; }
.updates .owl-nav div { font-size: 0; line-height: 0; text-indent: -4004px; position: absolute; top: 50%;
	-webkit-transform: translateY(-50%); 
	    -ms-transform: translateY(-50%); 
	     -o-transform: translateY(-50%); 
	        transform: translateY(-50%); 
}
.updates .owl-prev { background:  url(images/slider-arrow-left.png) no-repeat 0 0; width:  29px; height:  56px; left: 20px; }
.updates .owl-next { background:  url(images/slider-arrow-right.png) no-repeat 0 0; width:  29px; height:  56px; right: 20px; }


	body.page-template-templatesgallery-3d-php .gallery figure div { display: inline-block; }
	body.page-template-templatesgallery-3d-php .gallery figcaption { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; padding-left: 10px; padding-bottom: 36px; }

	body.page-template-templatesgallery-3d-php .gallery figure img { width: auto; }

.nav_products{
    position: fixed;
    width: 80%;
    left: 10%;
    top: 50%;
    text-align: left;
    margin-top: -20px;
}
.nav_products a {
    display: inline-block;
    width: 24px;
    height: 41px;
    float: left;
    z-index: 99999;
    cursor: pointer;
    margin-left: -5rem;
}
.nav_products a.product_next{
    float: right;
    margin-right: -5rem;
}
.single-product.postid-121 .nav_products {
    display: none;
}
/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 1500px){
	body.page-template-templatesgallery-php .gallery .slide-image { height: 330px; }
}

@media only screen and (max-width: 1400px){
	.section-book .section-content { padding: 11% 9% 24% 9%; }

	/*  Tabs  */
	.tabs-nav li a { font-size: 24px; }
	/*  Updates  */
	.update { padding: 15% 4% 4%; }
	.update h2 { font-size: 21px; margin-bottom: 9px; }
	.update h3 { font-size: 18px; }
	.update-body { font-size: 17px; }
	.update-actions { margin-top: 10%; }

	body.page-template-templatesgallery-php .gallery .slide-image { height: 320px; }

	body.page-template-templatesgallery-3d-php .gallery figure div { border-width: 22px; }
	body.page-template-templatesgallery-3d-php .gallery figure img { border-width: 14px;}
}
@media only screen and (min-height: 400px) and (max-height: 790px) and (min-width: 1025px){
	.intro-small-video .video-viewport { top: 40%; }
}

@media only screen and (min-height: 400px) and (max-height: 700px) and (min-width: 900px){
	body.page-template-templatesgallery-3d-php .gallery figure img { width: auto; }
	body.page-template-templatesgallery-3d-php .gallery figcaption { margin: 0px auto 0; padding-bottom: 16px !important; }
	body.page-template-templatesgallery-3d-php .gallery figure div { border-width: 18px; }
	body.page-template-templatesgallery-3d-php .gallery figure img { border-width: 10px; }
}

@media only screen and (max-width: 1220px){
	/*  Sections  */
	.section-content { padding: 15% 5% 19% 6%; }

	.section-products .shell { padding: 0 5%; }
	.woocommerce ul.products li.product ~ li.product, .woocommerce-page ul.products li.product ~ li.product { margin-left: 6%; }
	.products .product:nth-child(3n+1) { margin-left: 0; }

	.section-product .shell { padding: 0 10%; }
	.section-product { padding: 130px 0 0px 0; }

	body.woocommerce .summary p { font-size: 14px; }
	body.woocommerce .product_title { font-size: 22px; margin-bottom: 18px; }
	body.woocommerce div.product p.price, 
	body.woocommerce div.product div[itemprop="description"],
	body.woocommerce div.product span.price { margin-bottom: 18px; }
	body.woocommerce div.product form.cart { margin-top: 20px; padding-top: 20px; }

	.section-book .section-content { padding: 15% 9% 24% 6%; }
	.section-book .section-actions,
	.section-book .article-actions { bottom: 16px; }

	.section-contacts .shell { padding: 0 20px; }
	.section-contacts .section-body { width: 49%; margin-left: 0; padding-left: 1%;  }
	.section-contacts .section-media { width: 50%; border-width: 22px; padding: 14px; text-align: center; }
}

@media only screen and ( min-width: 1400px ) and ( max-height: 900px) {
	.header { padding-top: 20px; }
	.btn-menu { top: 28px; }
	.update { padding: 9% 4% 4%; min-height: 277px; }
	.update-body { font-size: 14px; }
	.update-actions { margin-top: 10px; }

/* 	body.page-template-templatesgallery-3d-php .gallery figure div { display: inline-block; }
body.page-template-templatesgallery-3d-php .gallery figcaption { display: inline-block; vertical-align: bottom; margin: 0; padding: 0; padding-left: 10px; padding-bottom: 36px; }

body.page-template-templatesgallery-3d-php .gallery figure img { width: auto; } */
}

@media only screen and (max-width: 1024px){
	/*  Header  */
	.header { padding-top: 26px; }
	.btn-menu { top: 40px; }

	/*  Intro  */
	.intro { background-size: cover; background-repeat: no-repeat; background-position: center center; }
	.video-viewport { display: none; }
	
	/*  Buttons  */	
	.btn-play { display: inline-block; }
	.btn-volume { display: none; }

	/*  Articles  */
	.article-single { font-size: 16px; line-height: 1.4; right: 0; padding-right: 0; }

	.woocommerce-page.woocommerce-account .article-single .article-entry p,
	.article-single .article-entry p { padding-bottom: 16px; }

	.woocommerce-page .article-single .article-entry p,
	.woocommerce .article-single .article-entry p { padding-bottom: 0; }

	body.page-template-templatesgallery-php .gallery .slide-image { height: 300px; }

	.update { min-height: 355px; }
	
	/*  Sections  */
	/* .section-content.overflowed:after { background-size: contain;} */

	.logo { position: static; }
	.home .logo { bottom: 92px; position: fixed; }

	body.page-template-templatesgallery-3d-php .gallery figure img { width: auto; }
	body.page-template-templatesgallery-3d-php .gallery figcaption { padding-bottom: 22px; }
}

@media only screen and (max-width: 960px){
	/*  Main Styles  */
	body.page-template-templatesgallery-3d-php .wrapper,
	body.page-template-templateshomepage-php .wrapper { height: 100%; margin-bottom: -66px; }
	.wrapper { height: auto; margin-bottom: 0; }
	body.page-template-templatesgallery-php .wrapper { height: 100%; margin-bottom: -66px; }
	body.page-template-templatesgallery-php .section { height: calc( 100% - 66px); }
	body.page-template-templatesgallery-php .footer-push { height: 66px; display: block; }

	/*  Articles  */
	.article-single { overflow: visible; }
	
	/*  Sections  */
	.section .bg-image { display: block; width: 100%; height: auto; }
	
	.woocommerce ul.products li.product ~ li.product, .woocommerce-page ul.products li.product ~ li.product { margin-left: 5.9%; }	
	.products .product:nth-child(3n+1) { margin-left: 0; }
	
	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images { width: 55%; }

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary { width: 100%; margin-top: 0; }

	.section { height: auto; }
	.section-image { background-image: none !important; }
	.section-cols { height: auto; }
	.section-cols .col { float: none; display: block; width: 100%; }
	
	.section-book .section-content { padding: 8% 6% 18%; }
	.section-content { padding: 8% 6%; }

	.section-exhibits .section-image:before { right: auto; bottom: 0; left: 0; width: 100%; height: 50%; background:  url(images/shadow-small.png) no-repeat 0 0;  }

	body.page-template-templatescontact-php .wrapper { height: 100%; /*margin-bottom: -66px; */}
	body.page-template-templatescontact-php .section { height: calc( 100% - 66px); }
	body.page-template-templatesgallery-3d-php .section { height: calc(100% - 95px); }

	.page-template-templatesexhibits-show-all-php .tabs-nav li.current:after { display: none; }
	
	.page-template-templatesexhibits-show-all-php .update { min-height: 0 !important; }
	.page-template-templatesexhibits-show-all-php .update-title { font-size: 26px; }

	/*  Updates  */
	.updates { overflow: visible !important; }
	.update { float: none; width: 100%; overflow: visible; float: left; display: block; padding: 6%; text-align: center; float: none; min-height: 0; }
	.update-actions { margin-top: 20px; }
	.update:nth-child(4n), .update:nth-child(4n-1) { background: #fff; }

	/*  Tabs  */
	.tabs-nav { right: 0; height: auto; bottom: 100%; top: auto; width: 100%; text-align: center; }
	.tabs-nav li { position: relative; display: inline-block; max-width: 150px; text-align: center; padding-right: 0; padding-bottom: 40px; 
		-webkit-transform: translate(0); 
		    -ms-transform: translate(0); 
		     -o-transform: translate(0); 
		        transform: translate(0); 
	}
	.tabs-nav li ~ li { margin-left: 160px; 
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.tabs-nav li.current:after { top:auto; bottom: -1px; width: 0; height: 0; border-style: solid; border-width: 0 18px 18px 18px; border-color: transparent transparent #ffffff transparent; left: 50%; 
		-webkit-transform: translate(-50%, 0);
		    -ms-transform: translate(-50%, 0);
		    -o-transform: translate(-50%, 0);
		    transform: translate(-50%, 0);
	}

	body.page-template-templatesgallery-php .gallery .owl-nav { bottom: 45px; }

	/*  Footer  */
	body.page-template-templateshomepage-php .footer-push { display: block; }
	.footer-push { display: none; }
		
	
}

@media only screen and (max-width: 767px){
	.section-product { height: auto; overflow: visible; }
	/*  Main Styles  */
	h1 { font-size: 26px; }
	h2 { font-size: 22px; }
	h3 { font-size: 20px; }

	
	.shell { padding: 0 14px; }
	body.page-template-templateshomepage-php .wrapper { margin-bottom: -56px; }
	
	/*  Header  */
	.header { padding-top: 20px; }

	.home .logo { position: static; }

	/*  Gallery  */
	body.page-template-templatesgallery-3d-php .gallery figcaption { margin-top: 10px; }
	body.page-template-templatesgallery-3d-php .gallery figure { padding-top: 30px; }
	body.page-template-templatesgallery-3d-php .gallery figure div { }
	body.page-template-templatesgallery-3d-php .gallery figure div { border-width: 10px; }
	body.page-template-templatesgallery-3d-php .gallery figure img { border-width: 5px;  width: auto; max-width: 320px; }
	body.page-template-templatesgallery-3d-php .gallery-room { height: 89%; }
	body.page-template-templatesgallery-3d-php .gallery-floor { height: 11%; }
	body.page-template-templatesgallery-3d-php .gallery .gallery-actions { width: 90%; bottom: 5%; }
	body.page-template-templatesgallery-3d-php .gallery .gallery-actions h3 { margin: 0 15%; bottom: 5%; }
	body.page-template-templatesgallery-3d-php .gallery .gallery-actions span { width: 18.46px; height: 31.54px; background-size: contain !important; }

	body.page-template-templatesgallery-php .gallery .slide-image { height: 200px; }
	body.page-template-templatesgallery-php .gallery .owl-nav { width: 100%; text-align: center; bottom: 25px; }
	body.page-template-templatesgallery-php .gallery .owl-nav h5 { font-size: 16px; }

	body.page-template-templatesgallery-php .gallery .slide-content { margin-top: 14px; }
	body.page-template-templatesgallery-php .gallery h4 { font-size: 14px; }
	body.page-template-templatesgallery-php .gallery p { font-size: 12px;  }

	body.page-template-templatesgallery-3d-php .gallery figure div { display: block; }
	body.page-template-templatesgallery-3d-php .gallery figcaption { display: block; padding-bottom: 0; }

	/*  Intro  */
	.intro {     height: calc(100% - 56px);}
	.intro-content { bottom: 10px; left: 50%; width: 90%; 
		-webkit-transform: translateX(-50%); 
		    -ms-transform: translateX(-50%); 
		     -o-transform: translateX(-50%); 
		        transform: translateX(-50%); 
	}
	.intro-content h2 { margin-bottom: 10px; }
	.intro-content h2:after { width: 50%; }

	/*  Navigation  */
	.nav { width: 100%; padding-top: 100px; height: calc(100% -); 
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.nav ul li a { font-size: 22px; }

	/*  Buttons  */
	.btn-menu { top: 35px; }

	/*  Articles  */
	.article-single { font-size: 14px; right: 0; padding-right: 0; }
	.article-single .article-head { margin-bottom: 12px; }
	body.page-template-templatesjeff-php .article .article-title { font-size: 26px; }

	/*  Sections  */
	.section-content { padding: 4% 6%; }
	
	.section-products { padding-bottom: 30px; }
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; display: block; }
	.woocommerce ul.products li.product ~ li.product, .woocommerce-page ul.products li.product ~ li.product { margin-left: 0; }

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images { width: 100%; margin-bottom: 10px; }

	body.woocommerce div.product p.price,
	body.woocommerce div.product span.price,
	body.woocommerce div.product div[itemprop="description"],
	body.woocommerce .product_title { margin-bottom: 6px; }
	body.woocommerce div.product form.cart { padding-left: 0; }
	body.woocommerce div.product form.cart div.quantity { padding-right: 0; margin-right: 0; border: 0; }

	.section-book { font-size: 14px; line-height: 1.4; }
	.section-book .section-content { padding: 8% 6% 111px; }
	
	body.page-template-templatescontact-php .wrapper { height: auto; margin-bottom: 0; }
	body.page-template-templatescontact-php .section { height: auto; padding: 36px 0; }
	.section-contacts .section-content-wrapper { display: block; position: static; 
		-webkit-transform: translate(0); 
		    -ms-transform: translate(0); 
		     -o-transform: translate(0); 
		        transform: translate(0); 
	}
	.section-contacts img { max-width: 100%; height: auto; }
	.section-contacts .section-body { font-size: 17px; width: 100%; text-align: center; max-width: 100%; display: block; padding-left: 0; }
	.section-contacts .section-body img { margin-bottom: 10px; }
	.section-contacts h3 { font-size: 20px; margin-bottom: 10px; }
	.section-contacts .shell { padding: 0 14px; }
	.section-contacts .section-media { margin: 0 auto; display: block; border-width: 10px; padding: 5px; margin-bottom: 14px; }

	.quotes { right: 0; padding-right: 0; }

	/*  Tabs  */
	.tabs { padding-top: 26px; }
	.tabs-nav li { max-width: 100px; padding-bottom: 30px; }
	.tabs-nav li ~ li { margin-left: 60px; }
	.tabs-nav li a { font-size: 17px; }

	.owl-prev { left: 10px; }
	.owl-next { right: 10px; }
	.owl-prev,
	.owl-next { width: 18.13px; height: 35px; background-size: contain; }

	.update h2 { font-size: 18px; }
	.update h3 { font-size: 16px; }
	.update-body { font-size: 12px; }
	.update-actions a { font-size: 14px; }

	/*  Footer  */
	body.page-template-templateshomepage-php .footer-push { display: block; height: 56px; }
	body.page-template-templateshomepage-php .footer  { height: 56px; padding-top: 6px; }
	.footer { font-size: 10px; padding: 10px 0 0 0; }
	.copyright h2 { font-size: 10px; }

	.page-template-templatesexhibits-show-all-php .tabs-content { padding-top: 0; }
}

@media only screen and (max-width: 767px) and (orientation:landscape){
	.nav {  overflow-y: scroll; padding-top: 69px; }
	.nav ul li a { font-size: 19px; }
	.nav ul li ~ li { margin-top: 10px; }

	/*  Gallery  */
	body.page-template-templatesgallery-3d-php .gallery figure { padding-top: 0; }
	body.page-template-templatesgallery-3d-php .gallery figure img { min-height: 100px; }
	body.page-template-templatesgallery-3d-php .gallery figcaption { margin-top: 0; font-size: 10px; }
	body.page-template-templatesgallery-3d-php .gallery figcaption h4 { font-size: 12px; }
	body.page-template-templatesgallery-3d-php .gallery-floor { height: 13%; }
	body.page-template-templatesgallery-3d-php .gallery .gallery-actions { bottom: 6%; }
	body.page-template-templatesgallery-3d-php .gallery .gallery-actions h3 { font-size: 12px; }
	body.page-template-templatesgallery-3d-php .gallery .gallery-actions span { width: 12.31px; height: 21.03px; }

	/*  Sections  */
	.section-products { padding-bottom: 30px; }

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product { width: 46% !important; display: inline-block; }
	
	.woocommerce ul.products li.product ~ li.product,
	.woocommerce-page ul.products li.product ~ li.product { margin-left: 7%; }
	
	.woocommerce ul.products li.product:nth-child(3n+1), .woocommerce-page ul.products li.product:nth-child(3n+1) { margin-left: 7% !important; }
	
	.woocommerce ul.products li.product:nth-child(2n+1),
	.woocommerce-page ul.products li.product:nth-child(2n+1) { margin-left: 0 !important; }

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images { width: 50%; }

	.section-contacts { padding-top: 30px;}
	.section-contacts .section-body { font-size: 13px; } 
	.section-contacts .section-body img { width: 60%;  } 
	.section-contacts h3 { margin-bottom: 6px; }
	body.page-template-templatescontact-php .section { height: auto; padding: 20px 0; }
	body.page-template-templatescontact-php .wrapper { height: auto; margin-bottom: 0; }
/*	.section-contacts .section-content-wrapper { position: relative; top: auto;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}
*/	
	/*  Footer  */
	.footer { padding-top: 10px; }
	.copyright h2 { padding-bottom: 4px; }
}

@media only screen and (max-width: 374px){
	/*  Intro  */
/* 	.intro-content h1 { font-size: 34px; }
.intro-content h2 { font-size: 28px; margin-bottom: 7px; } */
	
	/*  Navigation  */
	.nav ul li a { font-size: 20px; }
	.nav ul li ~ li { margin-top: 14px; }

	/*  Buttons  */
	.btn { font-size: 14px; padding: 3px 22px; }
	.btn-play { height: 54px; width: 55px; }
}

@media only screen and (max-width: 320px){
	body.page-template-templatesgallery-php .gallery .owl-prev, 
	body.page-template-templatesgallery-php .gallery .owl-next { width: 12px; height: 20.5px; background-size: contain; }
}
body .gform_wrapper form .gform_footer input[type=submit]{
    background: #fff;
    color: #000;
    border: 1px solid #030303;
    font-size: 16px;
}

/*
.intro-small-video .video-viewport iframe {
    height: 130%;
    top: -15%;
    position: relative;
}
*/
#wp_mep_1{
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: fixed;
    margin: 0 auto;
}
#wp_mep_1 iframe{
    width: 100% !important;
    height: 180%;
    position: absolute;
    left: 0px;
    top: -40%;
    z-index: -1;
}
.page-template-templatesexhibits-show-all-php .update ~ .update{
    border-left: none;
}
.woocommerce div.product .product_title {
    text-align: center;
    font-size: 17px;
    margin-bottom: 10px;
}
/*.postid-121.woocommerce div.product .product_title {*/
.woocommerce div.product .product_title {
    text-align: left;
}

.single-product .section-product {
    padding: 48px 0 0px 0;
}
/*.postid-121.single-product .section-product {*/
.single-product .section-product {
    padding: 48px 0 0px 0;
}
.single-product div#content {
    text-align: center;
}
/*.postid-121.single-product div#content,
.postid-121.woocommerce div.product .product_title {*/
.single-product div#content,
.woocommerce div.product .product_title {
    text-align: left;
}
/*.postid-121.woocommerce div.product .product_title{*/
.woocommerce div.product .product_title{
    font-size: 24px;
    margin-bottom: 25px;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100% !important;
    margin-bottom: 10px;
}
/*.postid-121.woocommerce #content div.product div.images, .postid-121.woocommerce div.product div.images, .postid-121.woocommerce-page #content div.product div.images, .postid-121.woocommerce-page div.product div.images {*/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 43% !important;
    margin-bottom: 2em;
}
.woocommerce div.product div.images img{
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
}
/*.postid-121.woocommerce div.product div.images img{*/
.woocommerce div.product div.images img{
    width: 100%;
    max-width: 100%;
    display: block;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
width: 100%;
}
/*.postid-121.woocommerce #content div.product div.summary, .postid-121.woocommerce div.product div.summary, .postid-121.woocommerce-page #content div.product div.summary, .postid-121.woocommerce-page div.product div.summary{*/
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
width: 51.5%;
}
body.woocommerce div.product div[itemprop="description"]{
display: none;
}
/*body.postid-121.woocommerce div.product div[itemprop="description"]{*/
body.woocommerce div.product div[itemprop="description"]{
display: block;
}
/*body.postid-121.woocommerce div.product p.price {*/
body.woocommerce div.product p.price {
    margin-bottom: 20px;
}
body.woocommerce div.product span.price {
    margin-bottom: 100px;
}
/*body.postid-121.woocommerce p.price:before {
body.woocommerce p.price:before {
    content: 'Price: ';
}*/

/*body.postid-121.woocommerce .images:after {
body.woocommerce .images:after {
    content: '12″ x 3/4″ x 3/4″';
    font-size: 9px;
}*/
@media ( max-width: 960px ) {
/*.postid-121.woocommerce #content div.product div.images, .postid-121.woocommerce div.product div.images, .postid-121.woocommerce-page #content div.product div.images, .postid-121.woocommerce-page div.product div.images {*/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 50% !important;
}
/*.postid-121.woocommerce #content div.product div.summary, .postid-121.woocommerce div.product div.summary, .postid-121.woocommerce-page #content div.product div.summary, .postid-121.woocommerce-page div.product div.summary{*/
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
width: 100%;
}
}
.woocommerce-variation-availability { display: none; }
/**********************
****** NEW MENU *******
**********************/

.header { position: relative; padding: 6px 18px 6px 35px; height: 55px; }
.logo-pages img { width: 110px; height: auto; }
.logo-pages { position: relative; left: auto; bottom: auto; display: inline-block; vertical-align: top; }
.home .logo { bottom: 130px; }
.btn-menu { display: none; }
.nav { display: inline-block; float: right; background-color: transparent; position: relative; top: auto; bottom: auto; left: auto; right: auto; -webkit-transition: inherit; -o-transition: inherit; -webkit-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; padding: 0; height: 42px; }
.nav ul { height: 100%; }
.nav li.menu-item { display: inline-block; margin: 0; height: 100%; }
.nav ul li a { font-size: 12px; color: #333; margin-left: 25px; font-family: 'Droid Serif', serif; display: flex; align-items: center; height: 100%;}
.intro-content { bottom: 57px; }
.cart { display: inline-block; float: right; position: relative; }
.cart .cart-icon { background: transparent url(images/cart-icon.png) no-repeat top center; width: 17px; height: 17px; display: block; background-size: 17px; margin-top: 11px; margin-left: 40px; }
.cart .number { position: absolute; width: 12px; height: 12px; background-color: #fd1823; border-radius: 10px; color: #fff; top: 6px; right: -6px; font-size: 9px; font-weight: bold; line-height: 11px; text-align: center; font-family: 'Montserrat', sans-serif; }

.section { height: calc( 100% - 95px); }
.social { position: absolute; right: 22px; bottom: 6px; z-index: 99; }
.social a { display: inline-block; width: 25px; height: 25px; margin: 0 5px; background: transparent url(images/social-sprite.png) no-repeat top center; }
.social .twitter { background-position: 0 0; }
.social .facebook { background-position: 0 -26px; }
.social .instagram { background-position: 0 -52px; }

.page-template-templatesexhibits-show-all-php .update-title,
.update h2 { font-size: 18px; }
.summary .sku_wrapper { display: none; }
body.woocommerce .summary p { text-align: left !important; }
body .gform_wrapper form li.gfield.gfield_error.gfield_contains_required, body .gform_wrapper form li.gfield { padding-bottom: 0px !important; margin-top: 6px !important; }
/*.section-contacts .section-media { max-height: 77.5vh; }
.section-contacts .section-media img { max-height: 60vh; width: auto; }*/
.section-contacts .section-body { padding-bottom: 40px; }
.section-contacts input { line-height: 1.5; }
.section-contacts p { text-align: center; }
.section-contacts p a.tel { background: #fff; color: #000; border: 1px solid #030303; font-size: 16px; display: inline-block; padding: 0 8px; }
.footer { padding-top: 30px; }

@media only screen and (max-height: 790px) and (min-height: 400px) and (min-width: 1025px) {
	.intro-small-video .video-viewport {
	    top: 36%;
	}
}
@media only screen and (max-width: 1024px) {
	.home .logo {
	    bottom: auto;
	    position: relative;
	}
	
	
	/*Below are Ben fixes for mobile video*/
	.intro {
		/* The image used */
		background-image: url("http://anthonyhopkinsart.com/wp-content/uploads/2016/04/intro-image1.jpg");

		/* Full height */
		height: 100%; 

		/* Center and scale the image nicely */
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.intro-content {
	    transform: translate(-160px, -80px);
	}
	.video-actions {
	    transform: translate(-120px, -100px);
	}
	.footer {
		padding-top: 40px;
		padding-bottom: 40px;
		height: 120px !important; 
	}
}
@media screen and (max-width: 860px) {
	.btn-menu { display: block; top: 20px; right: 50px; }
	body.page-template-templateshomepage-php .btn-menu span,
	.btn-menu.active span:nth-child(3), 
	.btn-menu.active span:nth-child(1) { background: #000; }
	.nav { display: none; }
	.active .nav { display: block; position: absolute; top: 49px; background-color: rgba(255, 255, 255, 0.9); right: 0; text-align: right; height: auto; overflow: hidden; }
	.active .nav li.menu-item { display: block; margin: 18px; }
	.active .nav ul li a { justify-content: flex-end; }
	.cart .cart-icon { margin-top: 15px; }
	.cart .number { top: 10px; }
	.social { position: relative; width: 100%; text-align: center; bottom: auto; right: auto; }
}