gallery-row/*   
Theme Name: EMW
Description: EMW website
Author: Odvod Media
Version: 1
*/


/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:none}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: 500;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

 canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.show { display: block !important; }
.hide { display: none !important; }

img { display: block; }
.home img { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }

.container { position: relative; display: block; }

.left { position: relative; float: left; }
.right { position: relative; float: right; }

a.tel, a.tel:hover, a[href^="tel:"], a[href^="tel:"]:hover { color: #000; cursor: default; }

/*** site styles ***/

html, BODY { height: 100%; }
BODY { background: #fff; font-family: "roboto", sans-serif; font-size: 18px; line-height: 1.3; font-weight: 300; color: #000000; text-align: center; }

h1, h2, h3, h4, h5 { font-family: "roboto", sans-serif; margin: 0; padding: 0; line-height: 1.2; font-weight: 500; }
h1 { font-size: 62px; margin: 0 0 0; color: #046A38; }
h2 { font-size: 36px; margin: 0 0 25px; color: #000000; }
h3 { font-size: 24px; margin: 0 0 20px; color: #046A38; }
h4 { font-size: 18px; margin: 0 0 15px; color: #046A38; }

p { padding: 0 0 20px; margin: 0; line-height: 1.5; }
p:last-child, p:last-of-type { padding-bottom: 0; }

h1 + h2, p + h2 { padding-top: 50px; }

#flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 0; background: #06A300; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
#flyout-menu .flyout-menu-header { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 99; overflow: hidden; }
#flyout-menu .close-btn-wrapper { position: absolute; top: 0; right: 0; display: block; padding: 10px 25px; }
#flyout-menu a.close-btn { font-size: 40px; color: #fff; z-index: 100; }
#flyout-menu a.close-btn:hover { color: #000; }

#flyout-menu ul { margin: 0; padding: 0; }
#flyout-menu ul ul { display: none; }
#flyout-menu li { margin: 0; padding: 0; display: block; text-align: left; }
#flyout-menu li a { display: block; padding: 17px 0; font-size: 26px; color: #fff; line-height: 1; text-align: center; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu li a:hover { color: #000; text-decoration: none; }
#flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; }

#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 90px 100px 40px; background: #06A300; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; }
#flyout-menu #flyout-menu-sub { display: none; padding-top: 60px; z-index: 90; text-align: center; }
#flyout-menu .top { position: relative; display: block; margin: 0 0 10px; }
#flyout-menu .bottom { position: relative; display: block; border-top: 1px solid #fff; padding: 10px 0 0; }
#flyout-menu .bottom li a { font-size: 16px; }
#flyout-menu .icon { position: relative; display: block; width: 10%; margin: 0 auto; padding: 50px 0 0; }
#flyout-menu .icon .cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 115, 174, .9); z-index: 10; }

#flyout-menu #flyout-menu-sub a { font-size: 24px; color: #fff; }
#flyout-menu #flyout-menu-sub a:hover { color: #000; }
#flyout-menu #flyout-menu-sub ul { position: relative; display: none; margin-top: 20px; border-top: 1px solid #fff; padding-top: 10px; }
#flyout-menu #flyout-menu-sub li a { font-size: 20px; }

.site { position: relative; display: block; width: 100%; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; }
.inner { position: relative; display: block; width: 100%; margin: 0 auto; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; }

.header-wrapper { position: relative; display: block; padding: 0 20px; border-bottom: 1px solid #046A38; background: #fff; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.05); box-sizing: border-box; -moz-box-sizing: border-box; z-index: 999; }

#header { position: relative; display: block; width: 100%; max-width: 1160px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }

.logo { position: relative; display: block; width: 235px; margin: 0; padding: 20px 0; float: left; z-index: 100; }
.logo img { position: relative; display: block; }
.logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; border: none; line-height: 1; height: auto; margin: 0; padding: 0; }

#header .top { position: relative; display: block; padding: 15px 0 0; font-size: 20px; color: #000000; float: right; }
#header .top a.tel span { display: block; color: #06A300; font-size: 22px; margin: 2px 10px 0 0; float: left; }
#header .top a.tel, #header .top a.tel:hover { color: #000000; }
#header .top a.tel:hover span { color: #06A300; }

#header .main-menu { position: absolute; bottom: 0; right: -20px; display: block; }
#header .main-menu ul { margin: 0; padding: 0; float: right; }
#header .main-menu li { position: relative; display: block; list-style-type: none; margin: 0; padding: 0; line-height: 1; float: left; }
#header .main-menu li:last-of-type { margin-right: 0; }
#header .main-menu li a { position: relative; display: block; height: 50px; padding: 0 20px; font-size: 18px; line-height: 50px; color: #046A38; font-weight: 500; }
#header .main-menu li > a:hover, #header .main-menu li:hover > a, #header .main-menu li.current-menu-item > a, #header .main-menu li.current-menu-parent > a, #header .main-menu li.current_page_parent > a, #header .main-menu li.current-page-ancestor > a { color: #fff; background: #06A300; }

#header .main-menu li ul { position: absolute; left: 0; display: none; padding: 0; margin: 0; opacity: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#header .main-menu li:hover ul { display: block; opacity: 1; }
#header .main-menu li li { display: block; float: none; margin: 0; }
#header .main-menu li li a { color: #046A38; text-align: left; white-space: nowrap; }
#header .main-menu li li a:hover, #header .main-menu li li.current-menu-item > a { color: #fff; background: #06A300; }


.flyout { position: relative; display: none; text-align: right; z-index: 9999; margin: 22px 0 0; float: right; }
.flyout a.icon-menu { position: relative; color: #06A300; font-size: 30px; line-height: 1; text-decoration: none; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.flyout a.icon-menu:hover { color: #000000; }




.content-wrapper { position: relative; display: block; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; }

.content { position: relative; display: block; width: 100%; text-align: center; }

.content ul, .content ol { margin: 0 0 20px; padding: 15px 0 0; }
.content ul:first-child, .content ol:first-child { padding-top: 0; }
.content ul li, .content ol li { list-style-type: disc; margin: 0 0 5px 20px; padding: 0; line-height: 1.5; }
.content ol li { list-style-type: decimal; }
.content ul ul, .content ol ul, .content ul ol, .content ol ol { margin-bottom: 10px; padding-top: 10px; }
.content p + ul, .content p + ol, .content h1 + ul, .content h2 + ul, .content h3 + ul, .content h1 + ol, .content h2 + ol, .content h3 + ol { margin-top: -20px; }
.content p:last-of-type + ul, .content p:last-of-type + ol { margin-top: 0; }
.content ul:last-of-type, .content ol:last-of-type { margin-bottom: 0; }
.content ul:last-of-type + p, .content ol:last-of-type + p { padding-top: 20px; }
.content p:last-of-type + table { margin-top: 20px; }
.content img { max-width: 100%; width: auto; }
.content a { color: #06A300; text-decoration: none; }
.content a:hover { color: #000000; text-decoration: none; }
h1 + .content-text { padding-top: 30px; }

.content .button { padding-top: 10px; }
.content .button a { display: inline-block; color: #fff; font-size: 18px; font-weight: 500; background: #06A300; padding: 13px 25px 15px; text-decoration: none; }
.content .button a:hover { color: #fff; background: #000000; text-decoration: none; }

.content .content-box-banner .button a { color: #06A300; background: #fff; padding-left: 50px; padding-right: 50px; }
.content .content-box-banner .button a:hover { color: #fff; background: #06A300; }

.content .banner { position: relative; display: block; width: 100%; overflow: hidden; }
.content .banner .banner-content { position: absolute; top: 0; left: 50%; display: none; width: 580px; margin: 0 0 0 -290px; padding: 20px 0; font-size: 22px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99; }
.content .banner .banner-content h1 { line-height: 1.1; margin-bottom: 40px; }
.content .banner .banner-content p { padding-bottom: 40px; }
.content .banner .banner-content .button { padding-top: 0; padding-bottom: 0; }
.content .banner .banner-image { position: relative; display: block; }
.content .banner .banner-image img { max-width: none; width: 100%; }
.content .banner .banner-image-content { position: absolute; top: 50%; left: 0; display: none; width: 100%; text-align: center; margin-top: -25px; }
.content .banner .banner-image-content .button { padding-top: 0; }

.content .content-row { position: relative; display: block; width: 100%; max-width: 1200px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; overflow: hidden; }
.content .content-row.content-box-full { max-width: none; padding: 0; }

.content .content-row.content-box-0 { padding-top: 100px; padding-bottom: 75px; }
.content .content-row.content-box-0 .content-text { font-size: 19px; }

.content .content-row .content-row-inner { position: relative; display: block; }

.content .content-row .content-row-content { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; }

.content .content-row.content-text .content-row-content { max-width: 900px; margin: 0 auto; }

.content .content-row.content-box-text-image .content-row-image, .content .content-row.content-box-text-image .content-row-content, .content .content-row.content-box-split .content-row-content { width: 50%; float: left; }
.content .content-row.content-box-text-image .content-row-image { position: relative; float: left; overflow: hidden; max-height: 500px; }

.content .content-row.content-box-text-image .content-row-image.img-loading { min-height: 400px; z-index: 44; }
.content .content-row.content-box-text-image .content-row-image.img-loading:after1 { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 16px; content: ''; background: url(images/ajax-loader.gif) center center no-repeat; margin: -8px 0 0 0; z-index: 33; }
.content .content-row.content-box-text-image .content-row-image.img-loading img { position: relative; z-index: 44; }

.content .content-row.content-box-text-image .content-row-content.spacing { padding-top: 60px !important; padding-bottom: 60px !important; }

.content .content-row.content-box-text-image { background: #F2F2F2; }
.content .content-row.content-box-text-image .content-row-content { padding: 50px 100px 0; float: left; }
.content .content-row.content-box-text-image .content-row-content .content-row-content-inner { position: relative; display: block; width: 100%; max-width: 655px; text-align: left; float: none; padding: 50px 0; }

.content .content-row.content-box-text-image:nth-child(even) .content-row-image { float: right; }
.content .content-row.content-box-text-image:nth-child(even) .content-row-content { float: right; }
.content .content-row.content-box-text-image:nth-child(even) .content-row-content .content-row-content-inner { float: right; }

.content .content-row.content-box-split { padding-top: 150px; padding-bottom: 150px; }
.content .content-row.content-box-split.show-all { overflow: visible; }
.content .content-row.content-box-split .content-row-inner { margin-left: -75px; }
.content .content-row.content-box-split .content-row-content { padding: 0 0 0 75px; text-align: left; }
.content .content-row.content-box-split .content-row-content h2 { position: relative; z-index: 10; }
.content .content-row.content-box-split .content-row-content .content-text { position: relative; z-index: 10; }

.content .content-row.content-box-split .content-row-content.img-push-right .content-text p:last-of-type { position: relative; margin-left: -35px; right: -35px; }
.content .content-row.content-box-split .content-row-content.img-push-right .content-text img { position: relative; max-width: none; width: 100%; }
.content .content-row.content-box-split .content-row-content.img-push-right .content-text img.max-width-image { max-width: 70%; }

.content .content-row.content-box-split .content-row-content.numbered::before { position: absolute; top: -90px; left: 30px; display: block; font-size: 300px; color: #f2f2f2; font-weight: 900; line-height: 1; z-index: 1; }
.content .content-row.content-box-split .content-row-content.numbered.number-1::before { content: '1'; }
.content .content-row.content-box-split .content-row-content.numbered.number-2::before { content: '2'; }
.content .content-row.content-box-split .content-row-content.numbered.number-3::before { content: '3'; }
.content .content-row.content-box-split .content-row-content.numbered.number-4::before { content: '4'; }
.content .content-row.content-box-split .content-row-content.numbered.number-5::before { content: '5'; }
.content .content-row.content-box-split .content-row-content.numbered.number-6::before { content: '6'; }
.content .content-row.content-box-split .content-row-content.numbered.number-7::before { content: '7'; }
.content .content-row.content-box-split .content-row-content.numbered.number-8::before { content: '8'; }


.content .content-row.content-gallery { padding-top: 150px; padding-bottom: 150px; }
.content .content-row.content-gallery h2 { margin-bottom: 50px; }
.content .content-row.content-gallery .content-text ul { margin: -40px 0 0 -30px; padding: 0; }
.content .content-row.content-gallery .content-text li { list-style-type: none; margin: 0; padding: 40px 0 0 30px; display: block; width: 25%; text-align: center; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-gallery .content-text li.first-row { width: 33.333%; }
/*.content .content-row.content-gallery .content-text li.fifth, .content .content-row.content-gallery .content-text li.first { clear: both; }*/
.content .content-row.content-gallery .content-text li:nth-child(4), .content .content-row.content-gallery .content-text li:nth-child(7) { clear: both; }
.content .content-row.content-gallery .content-text img { max-width: 175px; max-height: 90px; margin: 0 auto; }
.content .content-row.content-gallery .content-text li.first-row img { max-width: 400px; max-height: 140px; }


.content .content-row.content-gallery-rows { padding-top: 150px; padding-bottom: 150px; }
.content .content-row.content-gallery-rows h2 { margin-bottom: 50px; }
.content .content-row.content-gallery-rows .content-text ul { margin: 0 0 0 -50px; padding: 0; }
.content .content-row.content-gallery-rows .content-text li { list-style-type: none; margin: 0; padding: 0 0 40px 50px; display: block; width: 25%; text-align: center; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .content-row.content-gallery-rows .content-text .gallery-row { position: relative; display: block; margin: 0; }
.content .content-row.content-gallery-rows .content-text .gallery-row:last-child { margin-bottom: 0; }
.content .content-row.content-gallery-rows .content-text .gallery-row-1 li { width: 33.333%; }
.content .content-row.content-gallery-rows .content-text .gallery-row-2 li { width: 33.333%; }
.content .content-row.content-gallery-rows .content-text li:nth-child(4n+1), .content .content-row.content-gallery-rows .content-text .gallery-row-1 li:nth-child(3n+1), .content .content-row.content-gallery-rows .content-text .gallery-row-2 li:nth-child(3n+1) { clear: both; }
.content .content-row.content-gallery-rows .content-text .gallery-row-1 li:nth-child(4n+1), .content .content-row.content-gallery-rows .content-text .gallery-row-2 li:nth-child(4n+1) { clear: none; }
.content .content-row.content-gallery-rows .content-text img { max-width: 100%; max-height: 90px; width: auto; height: auto; margin: 0 auto; }
.content .content-row.content-gallery-rows .content-text .gallery-row-1 li img { max-width: 100%; max-height: 140px; }


.content .content-row.content-box-banner { padding: 150px 20px; background: url(images/background-pattern.png); }
.content .content-row.content-box-banner h2 { color: #fff; margin-bottom: 35px; }

.content .content-row.content-box-full-image { max-height: 450px; overflow: hidden; }
.content .content-row.content-box-full-image img { width: 100%; }

.content .content-row.content-box-sequence { padding-top: 0 !important; }
.content .content-row.content-box-sequence + .content-row.content-box-text-image { margin-top: -100px; }


.content .donation { display: inline-block; font-weight: 500; color: #046A38; font-size: 24px; margin: -15px 0 0; }
.content .donation .donation-amount { font-size: 72px; color: #06A300; }

.content .col { position: relative; display: block; width: 50%; margin-bottom: 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .col h3 { margin-bottom: 0; }


.content .product-wrapper { position: relative; display: block; background: #F2F2F2; padding: 75px 0 120px; }
.content .product-wrapper .products { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .product-wrapper .products-inner { position: relative; display: block; margin: 0 0 0 -30px; }
.content .product-wrapper .products .product { position: relative; display: block; width: 33.333%; padding: 0 0 30px 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .product-wrapper .products .product.product-custom { width: 66.6666%; overflow: hidden; }
.content .product-wrapper .products .product:nth-child(3n+1) { clear: both; }
.content .product-wrapper .products .product a { display: block; text-decoration: none; color: #000000; text-align: left; border: 3px solid #F2F2F2; }
.content .product-wrapper .products .product a .term-image {
    position: relative;
    display: flex;
    height: 285px;
    background: #e1e1df;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 !important;
    width: 100%;
    flex-wrap: wrap;
    align-content: stretch;
    flex-direction: column;
    justify-content: space-evenly;
}
.content .product-wrapper .products .product a .term-image.img-loading { z-index: 44; }
.content .product-wrapper .products .product a .term-image.img-loading:after1 { position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 16px; content: ''; background: url(images/ajax-loader.gif) center center no-repeat; margin: -8px 0 0 0; z-index: 33; }
.content .product-wrapper .products .product a .term-image.img-loading img { position: relative; z-index: 44; }

.content .product-wrapper .products .product a .term-content { display: block; padding: 25px 20px; background: #fff; }
.content .product-wrapper .products .product a .term-content h3 { margin-bottom: 10px; color: #000000; }
.content .product-wrapper .products .product a:hover { border-color: #06A300; color: #000000; }

.content .product-wrapper .products .product.product-custom.product-custom-spacing-3 { width: 100%; }
.content .product-wrapper .products .product.product-custom.product-custom-spacing-1 { width: 33.3333%; }
.content .product-wrapper .products .product.product-custom.product-custom-spacing-3 .term-image img { width: 100%; max-width: none; }
.content .product-wrapper .products .product.product-custom.product-custom-spacing-1 .term-image img { height: 100%; max-width: none; }
.content .product-wrapper .products .product.product-custom a .term-content strong, .content .product-wrapper .products .product a .term-content strong { color: #06A300; }

.video-wrapper-outer { position: relative; }

.content .content-row-videos { position: relative; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 30px 100px; }
.content .content-row-videos .content-row-video { position: relative; display: block; }
.content .content-row-videos .content-row-video h4 { color: #06A300;  margin-bottom: 15px; font-weight: 500; text-align: left; }
.content .content-row-videos .content-row-video .video-wrapper-outer { position: relative; display: block; overflow: hidden; width: 100%; padding-top: 56.25%; }
.content .content-row-videos .content-row-video .video-wrapper-outer iframe { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.content .content-row.content-box-split.content-videos { padding-top: 0 !important; }
.content .content-row.content-box-split.content-videos .content-row-inner { margin-left: 0; }


.single-product .content .content-row.content-box-split { padding-top: 150px; padding-bottom: 75px; }
.single-product .content .content-row.content-box-split .content-row-content.product-info { float: right; }
.single-product .content .product-options { position: relative; display: block; width: 100%; background: #F2F2F2; }
.single-product .content .product-options .content-row.content-box-split { padding-top: 75px; padding-bottom: 150px; }
.single-product .content .product-options h2 { text-align: left; padding-left: 75px; margin-bottom: 35px; }
.single-product .content .product-options h3 { margin-bottom: 10px; }

.single-product .content p.terms { margin-bottom: 5px; font-weight: 500; }
.single-product .content h1.page-title { border-bottom: 1px solid #000000; padding-bottom: 20px; }
.single-product .content .content-text + .content-text, .single-product .content .content-text + h3 { border-top: 1px solid #000000; margin-top: 30px; padding-top: 30px; }
.single-product .content .content-text + .content-text, .single-product .content .content-text.no-line + h3 { border-top: 0; margin-top: 0; }
.single-product .content .content-text .line { border-top: 1px solid #000000; margin-top: 30px; padding-top: 30px; }
.single-product .content .content-text .line.no-bottom { padding-top: 0; }

.single-product .content table.standard-sizes { width: 100%; }
.single-product .content table.standard-sizes tr th { width: 110px; white-space: nowrap; font-weight: 500; }
.single-product .content table.standard-sizes tr th, .single-product .content table.standard-sizes tr td { padding: 6px 10px; }
.single-product .content table.standard-sizes tr th.sep { padding-top: 15px; }
.single-product .content table.standard-sizes tr:nth-child(odd) th, .single-product .content table.standard-sizes tr:nth-child(odd) td { background: #F2F2F2; }
.single-product .content h4 { padding-top: 20px; }

.single-product .content .product-image-secondary ul { margin: 0 0 0 -10px; padding: 0; }
.single-product .content .product-image-secondary li { display: block; width: 33.3333%; max-height: 140px; list-style-type: none; margin: 0; padding: 10px 0 0 10px; float: left; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; }
.single-product .content .product-image-main img, .single-product .content .product-image-secondary img { width: 100%; max-width: none; }
.single-product .content p.brochure { padding-top: 60px; }

.single-product .content .usage-type ul { margin: 0; padding: 0; }
.single-product .content .usage-type li { list-style-type: none; margin: 0 0 20px; padding: 0; vertical-align: middle; }
.single-product .content .usage-type li.fourth { clear: both; }
.single-product .content .usage-type li span.icon { margin-right: 20px; font-size: 30px; float: left; }
.single-product .content .usage-type li span.text { display: block; padding-top: 10px; }



.single-product .content .content-row-alt.content-box-1 { padding-top: 30px; }
.single-product .content h1.page-title { border-bottom: none !important; color: #000; font-size: 40px; padding: 0; }
.single-product .content h3.sub-title { padding: 15px 0 0; margin: 0; }

.single-product .content .top-content { position: relative; display: grid; gap: 20px 20px; grid-template-columns: 1fr; grid-template-rows: auto; width: 100%; max-width: 1200px; padding: 0 20px; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.single-product .content .top-content.top-content-2 { grid-template-columns: 1fr 1fr; }
.single-product .content .top-content.top-content-2 { grid-template-columns: 1fr 1fr; gap: 50px 100px; padding-top: 150px; }
.single-product .content .top-content.top-content-3 { padding-top: 75px; max-width: 1100px; }
.single-product .content .top-content.top-content-3 > .content-row-inner { background: #e5e5e5; padding: 30px 20px; }

.single-product .content .top-content .column { position: relative; display: grid; grid-template-columns: auto; grid-template-rows: auto; gap: 15px 5px; text-align: left; }
.single-product .content .top-content .column .column-button { position: relative; display: grid; grid-area: button; }
.single-product .content .top-content .column .column-button.align-left a { float: left; }
.single-product .content .top-content .column .column-button.align-center a { margin: 0 auto;}
.single-product .content .top-content .column .column-button.align-right a { float: right; }
.single-product .content .top-content .column .column-button a { display: inline-block; padding: 13px 18px; font-weight: 500; font-size: 18px; line-height: 1.1; background: #046A38; color: #fff; text-align: center; max-width: 200px; border-radius: 10px; }
.single-product .content .top-content .column .column-button a:hover { background: #06A300; color: #fff; }
.single-product .content .top-content .column .page-title { position: relative; display: grid; grid-area: title; text-align: left; }
.single-product .content .top-content .column .page-title h1 { margin: 0; padding: 0; color: #000; font-size: 40px; }
.single-product .content .top-content .column .column-title { position: relative; display: grid; grid-area: title; text-align: left; }
.single-product .content .top-content .column .column-title h3 { font-size: 18px; margin: 0 0 20px; padding: 0; color: #06A300; }
.single-product .content .top-content .column .column-content { position: relative; display: grid; grid-area: content; }
.single-product .content .top-content .column .column-content ul + h3 { padding-top: 25px; }
.single-product .content .top-content .column .column-image { position: relative; display: grid; grid-area: image; }
.single-product .content .top-content .column .page-title { position: relative; display: grid; grid-area: page-title; }
.single-product .content .top-content .column.column-type-lower_top { grid-template-areas: "button" "image"; grid-template-rows: auto 1fr; padding-top: 55px; }
.single-product .content .top-content .column.column-type-bottom { grid-template-areas: "page-title" "title" "content" "button"; grid-template-rows: auto auto auto auto 1fr; }
.single-product .content .top-content .column.column-type-bottom .column-button { padding-top: 15px; }
.single-product .content .top-content .column.column-type-bottom .column-button a { border-radius: 0; background: #06A300; color: #fff; }
.single-product .content .top-content .column.column-type-bottom .column-button a:hover { background: #046A38; color: #fff; }
.single-product .content .top-content .column.column-type-top { grid-template-areas: "image" "button"; gap: 60px 0; grid-template-rows: auto auto 1fr; }
.single-product .content .top-content p:last-of-type + .video-wrapper-outer { margin-top: 30px; }
.single-product .content .top-content .video-wrapper-outer { position: relative; display: block; overflow: hidden; width: 100%; padding-top: 56.25%; }
.single-product .content .top-content .video-wrapper-outer a { border: solid 1px #06A300; display: block; }
.single-product .content .top-content .video-wrapper-outer iframe { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

.single-product .content .top-content .column .column-content ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }
                        
.single-product .content .content-content { position: relative; display: block; width: 100%; max-width: 1100px; padding: 30px 20px 0; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }

.single-product .content .content-content .content-content-titles { position: relative; display: grid; gap: 20px 20px; grid-template-columns: 1fr; grid-template-rows: auto; width: 100%; background-color: #F2F2F2; margin: 0 0 5px; }
.single-product .content .content-content .content-content-titles.content-content-titles-2 { grid-template-columns: auto 1fr; }
.single-product .content .content-content .content-content-titles .title { color: #000; font-size: 18px; text-align: left; font-weight: 500; padding: 10px 20px; }
.single-product .content .content-content .content-content-titles .title + .title { text-align: right; }

.single-product .content .content-content .content-content-images { position: relative; display: grid; gap: 20px 20px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; width: 100%; margin: 0 0 20px; }
.single-product .content .content-content .content-content-images.content-content-images-1 { grid-template-columns: 1fr; }
.single-product .content .content-content .content-content-images .images { position: relative; display: block; width: 100%; height: 250px; padding: 20px; border: solid 1px #000; box-sizing: border-box; -moz-box-sizing: border-box; }
.single-product .content .content-content .content-content-images .images .image { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; box-sizing: border-box; -moz-box-sizing: border-box; }
.single-product .content .content-content .content-content-images .images .image { height: 70%; }
.single-product .content .content-content .content-content-images.count-2 .images.images-1 .image { height: 80%; }
.single-product .content .content-content .content-content-images .images .image img { display: none; }
.single-product .content .content-content .content-content-images.content-content-images-1 .images { height: auto; padding: 0; }
.single-product .content .content-content .content-content-images.content-content-images-1 .images .image img { display: block; }
.single-product .content .content-content .content-content-images .images .label { position: absolute; left: 0; bottom: 0px; display: block; width: 100%; padding: 10px; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; }

.featured-product-content { position: relative; display: block; margin-top: 50px; }
.content .video-wrapper-outer a .play-btn { position: absolute; top: 0; left: 0; display: grid; width: 100%; height: 100%; z-index: 30; align-content: center; background: rgba(0,0,0,0.10); }
.content .video-wrapper-outer a .play-btn span { position: relative; display: block; font-size: 80px; color: #046A38; margin: 0 auto; border-radius: 50px; background: #fff; line-height: .3; }

.content .video-wrapper-outer a .play-btn.btn-text { background: rgba(0,0,0,0.10); }
.content .video-wrapper-outer a .play-btn.btn-text span { color: #fff; font-size: 18px; border-radius: 10px; background: #046A38; position: relative; display: inline-block; padding: 20px 30px; font-weight: 600; }

.content .content-box-1 .product-image-main .video-wrapper-outer a { position: relative; display: block; height: 400px; background-position: center center; background-repeat: no-repeat; background-size: cover; }


.single-product .content .content-content-button { position: relative; display: block; padding: 50px 0 80px; }
.single-product .content .content-content-button a { display: inline-block; padding: 13px 25px; font-weight: 500; font-size: 18px; line-height: 1.1; background: #046A38; color: #fff; text-align: center; max-width: 200px; }
.single-product .content .content-content-button a:hover { background: #06A300; color: #fff; }

.single-product .content .grey-box { position: relative; display: block; padding: 6px 10px; font-weight: 500; line-height: 1.1; background: #F2F2F2; text-align: center; }
.single-product .content div + .grey-box { margin-top: 20px; }


.content .featured-product-wrapper { position: relative; display: block; }
.content .featured-product-wrapper .featured-product { position: relative; display: block; padding-top: 50px; }
.content .featured-product-wrapper .featured-product .featured-product-title { position: relative; display: block; }
.content .featured-product-wrapper .featured-product .featured-product-title h3 { color: #000; }
.content .featured-product-wrapper .featured-product .featured-product-title h3 .featured-product-new { display: block; margin-bottom: 10px; color: #046A38; }
/*.content .featured-product-wrapper .featured-product .featured-product-title h3 .featured-product-new::after { position: relative; display: inline-block; content: '-'; padding: 0 10px; color: #046A38; }*/
.content .featured-product-wrapper .featured-product .featured-product-image { position: relative; display: block; padding: 20px 0 0; }

.content .featured-product-wrapper .featured-product .featured-product-button { position: relative; display: block; padding: 30px 0; text-align: center; }
.content .featured-product-wrapper .featured-product .featured-product-button a { display: inline-block; padding: 13px 25px; font-weight: 500; font-size: 18px; line-height: 1.1; background: #046A38; color: #fff; text-align: center; max-width: 200px; }
.content .featured-product-wrapper .featured-product .featured-product-button a:hover { background: #06A300; color: #fff; }

.content .featured-product-split { position: relative; display: block; }
.content .featured-product-split.split-2 { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 30px 50px; }


.content .request-quote { position: fixed; top: 55%; right: 0; display: block; width: 130px; z-index: 999; }
.content .request-quote a { display: block; padding: 20px 25px; font-weight: 500; font-size: 18px; line-height: 1.1; background: #06A300; color: #fff; text-align: center; }
.content .request-quote a:hover { background: #046A38; color: #fff; }


.content .rolling { position: relative; display: block; margin-bottom: 50px; padding: 0 20px; }
.content .rolling .label { position: relative; display: block; font-size: 16px; font-weight: 500; color: #046A38; margin: 0 0 20px; }
.content .rolling .image { position: relative; display: block; max-width: 175px; margin: 0 auto; }


.content .text-box { position: relative; display: block; padding: 30px 20px; background: #06A300; color: #fff; text-align: center; font-weight: 500; font-size: 24px; }


.single-product .content .top-content.top-content-3 h1.page-title { margin-bottom: 25px; }
.single-product .content .top-content.top-content-3 p { padding-bottom: 15px; text-align: center; }
.single-product .content .top-content.top-content-3 p:last-of-type { padding-bottom: 0; }
.single-product .content .top-content.top-content-3 .video-wrapper-outer { max-width: 700px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
.single-product .content .top-content.top-content-3 .video-wrapper-outer a { border: none; }
.single-product .content .top-content.top-content-3 .content-box { max-width: 800px; margin-left: auto; margin-right: auto; text-align: left; }
.single-product .content .top-content.top-content-3 .content-box h3 { text-align: center; }
.single-product .content .top-content.top-content-3 .content-box ul, .single-product .content .split-ul ul { -moz-column-count: 2; -moz-column-gap: 50px; -webkit-column-count: 2; -webkit-column-gap: 50px; column-count: 2; column-gap: 50px; }
.single-product .content .split-ul ul.no-split { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; }
.single-product .content .top-content.top-content-3 .content-box ul li {}

.single-product .content .content-row.content-box-split.small-bottom { padding-bottom: 50px; }


.content .wpcf7 { padding: 0; margin: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; }
.content p:last-of-type + .wpcf7 { padding-top: 20px; }
.content .wpcf7 p { padding-bottom: 12px; margin: 0; width: auto; line-height: 1; }
.content .wpcf7 img { width: auto; }
.content .ajax-loader { background: #FFF; float: left; padding: 2px; margin: 0 10px 0 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }

.content .wpcf7 input, .content .wpcf7 textarea { font-family: "roboto", sans-serif; font-weight: 300; font-size: 18px; color: #000000; background: #F2F2F2; padding: 15px 20px; width: 100%; border: none; outline: 0; margin: 0; line-height: 1.1; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .wpcf7 textarea { height: 180px; }
.content .wpcf7 .form-recaptcha .wpcf7-form-control-wrap { border: none; padding: 0; margin: 0 0 20px; }

.content .wpcf7-recaptcha { margin-bottom: 30px; }

.content .wpcf7 input[type="submit"] { display: inline-block; width: auto; color: #fff; font-size: 18px; font-weight: 500; line-height: 1.1; background: #06A300; padding: 13px 25px 15px; text-decoration: none; border: none; outline: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content .wpcf7 input[type="submit"]:hover { color: #fff; background: #000000; text-decoration: none; }

.content .wpcf7 p.newsletter { line-height: 1.4; padding: 0 0 25px; }
.content .newsletter label { float: left; margin-right: 10px; }
.content .newsletter label input { width: 20px; height: 20px; }

.content .ajax-loader { float: right; }

.content .wpcf7 .wpcf7-checkbox .wpcf7-list-item-label { display: none; }
.content .wpcf7 .newsletter .wpcf7-form-control-wrap { padding: 0; border: none; background: none; }
.content .wpcf7 span.wpcf7-list-item { margin-left: 0; }
.content span.wpcf7-not-valid-tip { padding-top: 10px; }

.single-product .content .content-box-1 p + h3 { margin-top: 30px; }
.single-product .content .content-box-1 .ul-split ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; }


.content .gallery-row ul { display: flex; flex-wrap: wrap; }
.content .gallery-row ul li { width: auto !important; max-width: 400px !important; align-content: center; }


.footer-wrapper { position: relative; display: block; background: #F2F2F2; padding: 0 20px; border-top: 1px solid #046A38; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; }

#footer { position: relative; display: block; width: 100%; max-width: 1160px; padding: 15px 0; margin: 0 auto; font-size: 12px; color: #000000; box-sizing: border-box; -moz-box-sizing: border-box; }
#footer a { color: #06A300; text-decoration: none; }
#footer a.tel { color: #046A38; text-decoration: none; }
#footer a.tel span { color: #06A300; margin-right: 10px; }
#footer a:hover { color: #000; text-decoration: none; }
#footer a.tel:hover { color: #046A38; }
#footer a.tel:hover span { color: #06A300; }

#footer .left { position: relative; display: block; width: 50%; float: left; font-size: 30px; font-weight: 500; text-align: left; }

#footer .right { position: relative; display: block; width: 50%; float: right; padding: 15px 0 0; text-align: right; }
#footer .right a { font-weight: 500; }
#footer .right .copyright { display: inline-block; }
#footer .right .privacy, #footer .right .site-by { display: inline-block; padding-left: 10px; margin-left: 10px; border-left: 1px solid #ccc; }



.single-product #fancybox-title { font-family: "roboto", sans-serif; font-size: 22px; }
.single-product .fancybox-title-outside { color: #000000; }

.loading1 { position: fixed; top: 0; display: none; width: 100%; height: 100%; background: #FFF url(images/ajax-loader.gif) center center no-repeat; z-index: 999999999999; }
.loading .loading-inner { position: fixed; top: -60px; display: block; width: 100%; height: 100%; background: url(images/logo.svg) center center no-repeat; }


input.placeholder, textarea.placeholder { color: #000000; font-family: "roboto", sans-serif; font-weight: 300; }
::-webkit-input-placeholder { /* WebKit browsers */
	color:    #000000;
	font-family: "roboto", sans-serif; font-weight: 300;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #000000;
	font-family: "roboto", sans-serif; font-weight: 300;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #000000;
	font-family: "roboto", sans-serif; font-weight: 300;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #000000;
	font-family: "roboto", sans-serif; font-weight: 300;
}

@viewport { width: auto; }



@media only screen and (max-width: 1200px) {
	
	h1 { font-size: 60px; }
	h2 { font-size: 32px; }
	h3 { font-size: 22px; }
	
	.content .banner .banner-content { width: 480px; margin-left: -240px; }
	.content .banner .banner-content h1 { font-size: 54px; }
	
	.content .content-row.content-box-0, .single-product .content .content-row.content-box-split { padding-top: 100px; }
	.content .content-row.content-box-text-image .content-row-content { padding-left: 75px; padding-right: 75px; }
	.content .content-row.content-box-banner, .content .content-row.content-box-split, .content .content-row.content-gallery, .content .content-row.content-gallery-rows { padding-top: 100px; padding-bottom: 100px; }
	.content .product-wrapper { padding-bottom: 70px; }
	.single-product .content .product-options .content-row.content-box-split { padding-bottom: 100px; }
	.content .donation .donation-amount { font-size: 68px; }
	.content .content-row.content-box-full-image { max-height: 350px; }
	.content .product-wrapper .products .product a .term-image { height: 255px; }
	.content .content-row.content-box-sequence + .content-row.content-box-text-image { margin-top: -50px; }
  
  .content .gallery-row ul li { max-width: 350px !important; }
	
}

@media only screen and (max-width: 1060px) {
	
	BODY { font-size: 17px; }
	h1 { font-size: 58px; }
	h2 { font-size: 30px; }
	
	.logo { max-width: 200px; }
	#header .top { font-size: 19px; }
	#header .top a.tel span { margin-top: 0; }
	#header .main-menu li a { font-size: 17px; }
	
	.content .banner .banner-content { width: 420px; margin-left: -210px; font-size: 18px; }
	.content .banner .banner-content h1 { font-size: 48px; }
	
	.content .content-row.content-box-0 .content-text { font-size: 18px; }
	
	.content .content-row.content-box-text-image .content-row-content { padding-left: 50px; padding-right: 50px; }
	.content .content-row.content-gallery .content-text img, .content .content-row.content-gallery .content-text li.first-row img { max-width: 100%; }
	.content .content-row.content-gallery .content-text li.first-row img { max-height: 150px; }
	.content .content-row.content-gallery .content-text ul { margin-left: -60px; }
	.content .content-row.content-gallery .content-text li { padding-left: 60px; }
	.content .product-wrapper .products .product a .term-image { height: 240px; }
	.single-product .content .product-image-secondary li { max-height: 124px; }
	.single-product .content .product-image-main img, .single-product .content .product-image-secondary img { width: auto; max-width: 100%; }
	
	.content .content-row.content-box-split .content-row-content.numbered::before { top: -70px; left: 40px; font-size: 250px; }
	
	.content .request-quote { position: absolute; top: 20px; }
  
  .content .content-row-videos { gap: 30px 50px; }
  
  .content .content-box-1 .product-image-main .video-wrapper-outer a { height: 300px; }
	
	#footer .left { font-size: 26px; }
	
}

@media only screen and (max-width: 960px) {
	
	h3 { font-size: 20px; }
	
	.logo { width: 160px; }
	#header .main-menu ul { padding-right: 5px; }
	#header .main-menu li a { font-size: 16px; padding: 0 15px; }
	
	.content .banner .banner-content { width: 400px; margin-left: -200px; }
	.content .banner .banner-content h1 { font-size: 42px; }
	
	.content .product-wrapper .products .product a .term-image { height: 210px; }
	.single-product .content .product-image-secondary li { max-height: 110px; }
	
	.content .request-quote { width: auto; }
	.content .request-quote a { padding: 10px 20px; }
  
  .content .gallery-row ul li { max-width: 300px !important; }
	
}

@media only screen and (max-width: 900px) {
	
	#header .main-menu ul { padding-right: 10px; }
	#header .main-menu li a { padding: 0 10px; }
	
	.content .banner .banner-content { width: 360px; margin-left: -180px; }
	.content .banner .banner-content h1 { font-size: 32px; }
	
	.content .product-wrapper .products .product a .term-image { height: 195px; }
	.single-product .content .product-image-secondary li { max-height: 100px; }
  .single-product .content .content-content .content-content-images .images { height: 300px; }
  .single-product .content .content-content .content-content-images .images .image { background-position: center top; }
	
	#footer .left, #footer .right { width: auto; }
}

@media only screen and (max-width: 800px) {
	
	BODY { font-size: 16px; }
	h1 { font-size: 56px; }
	h2 { font-size: 26px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	
	.logo { padding-top: 10px; padding-bottom: 10px; }
	#header .top { padding-top: 27px; margin-left: 100px; float: left; }
	#header .main-menu { display: none; }
	.flyout { display: block; }
	
	h1 + .content-text { padding-top: 20px; }
	h1 + h2, p + h2 { padding-top: 30px; }
	
	.content .banner .banner-content { width: 320px; margin-left: -160px; }
	.content .banner .banner-content h1 { font-size: 28px; }
	
	.content .content-row.content-box-0 { padding-bottom: 45px; }
	.content .content-row.content-box-0, .single-product .content .content-row.content-box-split { padding-top: 50px; }
	.content .content-row.content-box-0 .content-text { font-size: 17px; }
	.content .content-row.content-box-banner, .content .content-row.content-box-split, .content .content-row.content-gallery, .content .content-row.content-gallery-rows { padding-top: 70px; padding-bottom: 70px; }
	.content .content-row.content-box-text-image .content-row-content { padding-left: 30px; padding-right: 30px; }
	.single-product .content .product-options .content-row.content-box-split { padding-bottom: 60px; }
	.content .product-wrapper { padding-bottom: 50px; }
	.content .content-row.content-box-banner h2 { margin-bottom: 25px; }
	.content .product-wrapper .products-inner { margin-left: -20px; }
	.content .product-wrapper .products .product { padding: 0 0 20px 20px; }
	.content .product-wrapper .products .product a .term-image { height: 185px; }
	.content .content-row.content-box-split .content-row-inner { margin-left: -50px; }
	.content .content-row.content-box-split .content-row-content { padding-left: 50px; }
	.single-product .content table.standard-sizes tr th { width: 70px; }
	.single-product .content .usage-type li span.icon { font-size: 26px; }
	.single-product .content .usage-type li span.text { padding-top: 5px; }
	.content .button a { font-size: 16px; }
	.content .content-row.content-box-full-image { max-height: 200px; }
	.content .donation { font-size: 20px; }
	.content .donation .donation-amount { font-size: 60px; }
	.content .text-box { font-size: 20px; padding: 20px 15px; }
	.single-product .content .product-options h2 { padding-left: 50px; }
	.single-product .content .product-image-secondary li { max-height: 90px; }
	
	.content .content-row.content-gallery .content-text li { width: 25%; }
	/*.content .content-row.content-gallery .content-text li.sixth { clear: none; }
	.content .content-row.content-gallery .content-text li.fifth { clear: both; }*/
	.content .content-row.content-gallery .content-text li.first-row img { max-height: 120px; }
	
	.content .request-quote { top: 0; }
	.content .request-quote a { font-size: 16px }
	
	.content .content-row.content-box-split .content-row-content.numbered::before { top: -55px; left: 15px; font-size: 200px; }
	.content .content-row.content-box-sequence + .content-row.content-box-text-image { margin-top: -50px; }
	
	.content .content-row.content-box-split .content-row-content.img-push-right .content-text p:last-of-type { margin-left: -25px; right: -25px; }
  
  .content .content-row-videos { gap: 30px 30px; }
  
  .content .content-box-1 .product-image-main .video-wrapper-outer a { height: 250px; }
  
  
  .single-product .content .top-content.top-content-2 { gap: 30px 50px; }
  .single-product .content .top-content .column .page-title h1 { font-size: 30px; }
  .single-product .content .content-content .content-content-images .images { height: 250px; }
  
  .single-product .content .content-content .content-content-images.count-2 .images.images-1 .image { height: 70%; }
  
  .content .gallery-row ul li { max-width: 250px !important; }
  
	
	#footer .left { font-size: 22px; }
	#footer .right { padding-top: 8px; }
	
}

@media only screen and (max-width: 667px) {
	
	.content .banner .banner-content { width: 280px; margin-left: -140px; }
	.content .banner .banner-content h1 { font-size: 30px; }
	.content .banner .banner-content { font-size: 16px; }
	.content .product-wrapper .products .product a .term-image { height: 145px; }
	.single-product .content .product-image-secondary li { max-height: 72px; }
	.single-product #fancybox-title { font-size: 20px; }
  
  .single-product .content .content-content .content-content-images .images { height: 230px; }
  .content .featured-product-split.split-2 { grid-template-columns: 1fr; }
  .content .content-row h1 .pt_splitter { display: inline; }
	
}

@media only screen and (max-width: 600px) {
	
	h1 { font-size: 50px; }
	h2 { font-size: 22px; }
	
	#header .top { margin-left: 50px; }
	
	.content .content-row.content-box-text-image .content-row-content { float: none; padding: 50px 20px !important; width: 100%; }
	.content .content-row.content-box-text-image .content-row-content .content-row-content-inner { padding: 0; }
	.content .content-row.content-box-text-image .content-row-content .content-row-content-inner, .single-product .content .content-row.content-box-split .content-row-content.product-info { float: none; }
	.content .content-row.content-box-text-image .content-row-image { float: none; width: 100%; }
	.content .content-row.content-box-banner, .content .content-row.content-box-split, .content .content-row.content-gallery, .content .content-row.content-gallery-rows { padding-top: 50px; padding-bottom: 50px; }
	.content .content-row.content-box-split .content-row-content { float: none; width: 100%; }
	.content .content-row.content-box-split .content-row-content + .content-row-content { padding-top: 50px; }
	.content .product-wrapper .products .product, .content .product-wrapper .products .product.product-custom, .content .product-wrapper .products .product.product-custom.product-custom-spacing-3 { width: 50%; }
	.content .product-wrapper .products .product.product-custom.product-custom-spacing-1 { width: 100%; }
	.content .product-wrapper .products .product a .term-image { height: 205px; }
  .content .product-wrapper .products .product:nth-child(3n+1) { clear: none; }
  .content .product-wrapper .products .product:nth-child(2n+1) { clear: both; }
	.content .product-wrapper { padding-top: 50px; padding-bottom: 20px; }
	/*.content .product-wrapper .products .product.product-custom a .term-image img { width: auto; height: 100%; max-width: none; margin-left: -40%; }*/
	.content .product-wrapper .products .product.product-custom a .term-image img { width: 100%; height: auto; }
	.content .product-wrapper .products .product.product-custom.product-custom-spacing-3 a .term-image img, .content .product-wrapper .products .product.product-custom.product-custom-spacing-2 a .term-image img { width: auto; height: 100%; max-width: none; margin-left: -40%; }
	.content .content-row.content-gallery .content-text li.first-row img { max-height: 70px; }
	.single-product .content .content-row.content-box-split .content-row-content.product-info { margin-bottom: 20px; }
	.single-product .content .content-row.content-box-split .content-row-content + .content-row-content { padding-top: 20px; }
	.single-product .content .content-row.content-box-split.product-options .content-row-content + .content-row-content h3:first-of-type { border-top: 1px solid #000000; padding-top: 30px; }
	.single-product .content .product-image-secondary li { max-height: 140px; }
	
	.content .content-row.content-box-split .content-row-content.numbered::before { position: relative; top: auto; left: auto; font-size: 22px; color: #000000; line-height: 1.2; margin: 0 10px 0 0; font-weight: 500; float: left; }
	.content .content-row.content-box-sequence + .content-row.content-box-text-image { margin-top: 0; }
	
	.content .content-row.content-box-split .content-row-content.img-push-right .content-text p:last-of-type { margin-left: 0; right: 0; }
	
	.content .banner .banner-content h1 { margin-bottom: 20px; }
	.content .banner .banner-content p { padding-bottom: 20px; }
  
  .content .content-row-videos { grid-template-columns: 1fr; gap: 30px 20px; }
  
  .content .content-box-1 .product-image-main .video-wrapper-outer a { height: 400px; }
  
  
  .single-product .content .content-row-alt.content-box-1 { display: block !important; padding: 100px 20px 0; text-align: left; }
  .single-product .content h1.page-title { font-size: 28px; }
  .single-product .content .top-content.top-content-2 { padding-top: 20px; grid-template-columns: 1fr; }
  .single-product .content .top-content .column.column-type-top { gap: 0 0; }
  .single-product .content .top-content .column .page-title { display: none !important; }
  .single-product .content .top-content .column.column-type-bottom { grid-template-areas: "content" "button"; grid-template-rows: auto auto 1fr; }
  .single-product .content .top-content .column { grid-template-columns: 1fr; }
  .single-product .content .content-content .content-content-images .images { height: 200px; }
  .single-product .content .top-content.top-content-2 { grid-template-areas: "bottom" "top"; }
  .single-product .content .top-content.top-content-2 .column-type-top { grid-area: top; }
  .single-product .content .top-content.top-content-2 .column-type-bottom { grid-area: bottom; }
  
  .content .content-row.content-gallery-rows .content-text .gallery-row-2 li.count-1 { width: 70% !important; }
  .content .content-row.content-gallery-rows .content-text .gallery-row-2 li.count-2, .content .content-row.content-gallery-rows .content-text .gallery-row-2 li.count-3 { width: 40% !important; }
  
  .content .content-row.content-gallery-rows .content-text ul { margin: 0 0 0 -30px; }
  .content .content-row.content-gallery-rows .content-text ul li { margin: 0 0 0 -30px; }
  
	
	#footer .left { float: none; margin-bottom: 10px; text-align: center; }
	#footer .right { float: none; padding-top: 0; text-align: center; }

}

@media only screen and (max-width: 480px) {
	
	h1 { font-size: 40px; text-align: left; }

	#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding-left: 50px; padding-right: 50px; }
	#flyout-menu a.close-btn { font-size: 30px; }
	.logo { width: 140px; }
	#header .top { margin-left: 30px; padding-top: 23px; }
	
	.content .banner .banner-content { width: 250px; margin-left: -125px; }
	.content .banner .banner-content h1 { text-align: center; }
	.content .banner .banner-content .button a { font-size: 14px; }
	
	.content .content-row.content-box-0, .single-product .content .content-row.content-box-split { padding-top: 30px; }
	.content .content-row.content-box-0 { padding-bottom: 25px; }
	.content .content-row.content-box-full-image { max-height: 150px; }
	.content .donation { font-size: 18px; }
	.content .donation .donation-amount { font-size: 54px; }
	.content .text-box { font-size: 18px; padding: 15px 10px; }
	.content-text .content-text { text-align: left; }
	.content .content-row.content-box-banner, .content .content-row.content-box-split, .content .content-row.content-gallery, .content .content-row.content-gallery-rows, .content .content-row.content-box-text-image .content-row-content { padding-top: 30px !important; padding-bottom: 30px !important; }
	.single-product .content .product-options .content-row.content-box-split { padding-top: 45px; }
	.single-product .content .product-options .content-row.content-box-split, .single-product .content .content-row.content-box-split { padding-bottom: 50px; }
	.content .product-wrapper .products .product a .term-image { height: 155px; }
	.single-product .content .product-image-secondary li { max-height: 115px; }
	.content .content-row.content-gallery .content-text ul { margin-left: -30px; }
	.content .content-row.content-gallery .content-text li { width: 33.333%; padding-left: 30px; } 
	.content .content-row.content-gallery .content-text li.fifth { clear: none; }
	.content .content-row.content-gallery .content-text li.fourth { clear: both; }
  .content .content-row.content-gallery-rows .content-text li { width: 33.3333%; }
  .content .content-row.content-gallery-rows .content-text li:nth-child(4n+1) { clear: none; }
  .content .content-row.content-gallery-rows .content-text li:nth-child(3n+1) { clear: both; }
	.single-product .content p.brochure { padding-top: 40px; }
	.single-product #fancybox-title { font-size: 18px; }
	.content .request-quote a { font-size: 14px }
	.content .col { width: 100%; margin-bottom: 20px; }
  
  
  .single-product .content .content-content .content-content-images { grid-template-columns: 1fr 1fr; }
  .single-product .content .content-content .content-content-images .images { height: 220px; }
  
  .single-product .content .top-content.top-content-3 { padding-top: 30px; }
  .single-product .content .top-content.top-content-3 h1 { text-align: center; }
  
  .content .content-box-1 .product-image-main .video-wrapper-outer a { height: 350px; }
	
}

@media only screen and (max-width: 420px) {

	h1 { font-size: 34px; }
	
	#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding-left: 20px; padding-right: 20px; }
	#flyout-menu li a { font-size: 22px; }
  
  #header .top { font-size: 17px; padding-top: 28px; }
  #header .top a.tel span { font-size: 18px; }
	
	.content .banner .banner-content { position: relative; left: 0; display: block; text-align: left; width: auto; margin-left: 0; padding: 30px 20px 10px; }
	.content .banner .banner-content h1 { text-align: left; font-size: 34px; }
  .content .banner .banner-content .button { display: none; }
	.content .banner .banner-image { display: block; }
  .content .banner .banner-image-content { display: block; }
	
	.content .product-wrapper { padding-top: 30px; padding-bottom: 10px; }
	.content .product-wrapper .products .product, .content .product-wrapper .products .product.product-custom, .content .product-wrapper .products .product.product-custom.product-custom-spacing-1, .content .product-wrapper .products .product.product-custom.product-custom-spacing-2, .content .product-wrapper .products .product.product-custom.product-custom-spacing-3 { width: 100%; float: none; }
	.content .product-wrapper .products .product.product-custom a .term-image img { width: auto; height: 100%; }
	.content .product-wrapper .products .product a .term-image { height: auto; }
  .content .product-wrapper .products .product.product-custom a .term-image { height: 250px; }
	.content .product-wrapper .products .product a .term-content { padding: 15px; }
	.content .product-wrapper .products .product.product-custom.product-custom-spacing-3 a .term-image img, .content .product-wrapper .products .product.product-custom.product-custom-spacing-2 a .term-image img, .content .product-wrapper .products .product.product-custom.product-custom-spacing-1 a .term-image img { width: auto; height: 100%; max-width: none; margin-left: -40%; }
	.content .button a { font-size: 14px; }
	.content .content-row.content-gallery .content-text li.first-row { width: 50%; }
	.content .content-row.content-gallery .content-text li.first-row.third { clear: both; }
  .content .content-row.content-gallery-rows .content-text li { width: 50% !important; }
  .content .content-row.content-gallery-rows .content-text li:nth-child(3n+1) { clear: none !important; }
  .content .content-row.content-gallery-rows .content-text li:nth-child(2n+1) { clear: both !important; }
	.single-product .content .product-image-secondary li { max-height: 98px; }
  
  
  .single-product .content .content-row-alt.content-box-1 { padding-top: 40px; }
  .single-product .content .content-content-button { padding: 30px 0 50px; }
  .single-product .content h1.page-title { font-size: 24px; }
  
  .single-product .content .top-content .column .column-content ul, .single-product .content .top-content.top-content-3 .content-box ul { -moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; column-gap: 20px; }
  
  .content .content-box-1 .product-image-main .video-wrapper-outer a { height: 300px; }
  
	
	#footer .right .copyright { display: block; margin-bottom: 5px; }
	#footer .right .privacy { margin-left: 0; padding-left: 0; border-left: none; }
	.request-quote {
    bottom: 0 !important;
    position: fixed !important;
    top: auto !important;
    width: 100% !important;
}
}

@media only screen and (max-width: 380px) {
	
	h1 { font-size: 30px; }
	
	#header .top { display: none; }
	.content .banner .banner-content h1 { font-size: 30px; }
	.single-product .content .product-image-secondary li { max-height: 80px; }
  
  .single-product .content .content-content .content-content-images .images { height: 200px; }
	
}

@media only screen and (max-width: 320px) {
  
  .single-product .content .content-content .content-content-images .images { height: 220px; }
  
  .content .content-box-1 .product-image-main .video-wrapper-outer a { height: 250px; }
  
}



@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	
}