/*
Theme Name: Bindi USA 2020 QNY
Author: QNY Creative
Author URI: http://qnycreative.com
Version: 1.0
*/

/* fonts */
@font-face {
	font-family:"Agenda";
	font-display: swap;
	src:url("fonts/agenda-light.woff2") format("woff2"),url("fonts/agenda-light.woff") format("woff"),url("fonts/agenda-light.otf") format("opentype");
	font-style:normal;font-weight:300;
}

@font-face {
	font-family:"Agenda";
	font-display: swap;
	src:url("fonts/Agenda Medium.woff2") format("woff2"),url("fonts/Agenda Medium.woff") format("woff"),url("fonts/Agenda Medium.otf") format("opentype");
	font-style:normal;font-weight:500;
}


@font-face {
	font-family:"Agenda";
	font-display: swap;
	src:url("fonts/agenda-bold.woff2") format("woff2"),url("fonts/agenda-bold.woff") format("woff"),url("fonts/agenda-bold.otf") format("opentype");
	font-style:normal;font-weight:600;
}

@font-face {
	font-family:"JaneAusten";
	font-display: swap;
	src:url("fonts/JaneAust.woff2") format("woff2"),url("fonts/JaneAust.woff") format("woff"),url("fonts/JaneAust.otf") format("opentype");
	font-style:normal;font-weight:400;
}
        
/* wp admin styles */
body#tinymce{ margin:0; padding:0; border:none;}

/* wp basic styles */
.entry-content img {margin: 0 0 1.5em 0;}
div.alignleft, img.alignleft {display: inline-block;float: left;margin-right: 1em;margin-bottom: 1em;}
div.alignright, img.alignright {display: inline-block;float: right;margin-left: 1em;margin-top: 1em;}
div.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
.wp-caption {text-align: center;margin-bottom: 1.5em;}
.wp-caption img {border: 0 none;margin: 0;padding: 0;}
.wp-caption p.wp-caption-text {margin: 0;font-weight: bold;}
.wp-smiley { max-height: 1em;margin:0 !important;}
.gallery dl {margin: 0;border: 0;padding: 0;}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%;}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%;}
.gallery-caption{font-size: 12px;}
html{height: 100%;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
p {	padding-top:0.1em;padding-bottom:0.1em;}
em{font-style: italic;}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%;height: auto;}
.center{text-align: center;}
#page_content_wrapper p {padding-top:0.5em;padding-bottom:0.5em;}
#page_content_wrapper p:empty{padding: 0 !important;margin: 0 !important;}
#footer p {padding-top:0.5em;padding-bottom:0.5em;}
html, body {min-height: 100%;}
img, a img {image-rendering: optimizeQuality;}
em { font-style: italic; }
::selection {background: #000; color: #fff;}
table{border-spacing: 0;}
.sticky{background: #ffffe0;padding: 30px 20px 20px 20px;border: 1px solid #e6db55 !important;box-sizing: border-box;}
.marginright{margin-right: 7px;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {	float:right; margin:0 0 1em 1em}
a img.alignleft {	float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.sticky, .bypostauthor { font-weight: bold; }

/* common styles */
body{ margin:0; padding:0; color:#333; background:#fff url(images/bodyBkg.jpg) repeat center top; min-width:1200px; font-family: Agenda; font-weight: 300; line-height: 1.2; letter-spacing: 1px; font-size: 16px; }
input, select, textarea{ color:inherit; font-family: Agenda; font-weight: 300; line-height: 1; letter-spacing: 1px; font-size: 16px;}
.contentCenter,
.centeredWhiteBox{ width:1200px; margin:0 auto;}
a{ color:inherit;}
a img{ border:none; display:block;}
.displayTable{ display:table; width:100%; height:100%;}
.tableCell{ display:table-cell; width:100%; height:100%; vertical-align:middle;}
.button{ font-size: 16px; border-radius: 4px; text-transform: uppercase; cursor: pointer; padding: 8px 20px; color: #fff; background: #333; display: inline-block; text-decoration: none !important;}
.clear{ clear:both;}
h1, h2, h3, h4, h5, h6{ font-weight: 900;}
h1{ font-size: 60px;}
h2{ font-size: 50px;}
h3.withLine{position: relative; text-align: center;}
h3.withLine span{ background: #fff; display:inline-block; padding: 0 20px; position: relative; z-index: 2; text-transform: uppercase; font-size: 22px;}
h3.withLine:before{ content: ''; width: 100%; position: absolute; left: 0; top: 50%; height: 1px; background: #333;}
.uppercase{ text-transform: uppercase;}
strong, b { font-weight: 600;}

/* header */
header{ height: 117px; box-sizing: border-box; border-bottom: 1px solid #e7e7e7; box-shadow:0 0 8px rgba(0,0,0,0.4); left: 0; top: 0; width: 100%; position: fixed; z-index: 50; padding: 15px 0 0; box-sizing: border-box; background: #fff;}
body.admin-bar header{ top: 32px;}
header .logo{ background: url(images/logo.svg) no-repeat center center / contain; width: 226px; height: 87px; float: left;}
header .right{ float: right; text-align: right;}
header .mainMenu{ text-transform: uppercase; margin: 0; padding: 0; list-style-type: none; display: inline-block;}
header .mainMenu li{ position: relative; display: inline-block; margin: 0 0 0 20px;}
header .mainMenu li a{ display: inline-block; padding: 8px 0 11px; transition: 0.3s ease; position: relative;}
header .mainMenu>li>a:after{ content: ''; width: 100%; height: 5px; position: absolute; left: 0; bottom: 0; background: #333; opacity: 0; transition: 0.3s ease;}
header .mainMenu li.current-menu-item a:after,
header .mainMenu li a:hover:after{ opacity: 1;}
header .mainMenu .sub-menu{ text-transform: none; margin: 0; padding: 0; list-style-type: none; display: none; position: absolute; left: 50%; top: 33px; width: 250px; background: #fff; border:solid #333; border-width: 5px 0; border-radius: 4px; text-align: left; transform: translateX(-50%);}
header .mainMenu .sub-menu li{ display: block; margin: 0;}
header .mainMenu .sub-menu li a{ padding: 8px 15px 12px; display: block; transition: 0.3s ease;}
header .mainMenu .sub-menu li a:hover{ background: #333; color: #fff;}
header .mainMenu li:hover .sub-menu{ display: block;}
header a{ text-decoration: none;}
header .socialLinks{}
.facebook{ vertical-align: middle; width: 19px; height: 19px; display: inline-block; margin: 0 0 0 5px; background: url(images/facebook.svg) no-repeat center center / contain;}
.instagram{ vertical-align: middle; width: 19px; height: 19px; display: inline-block; margin: 0 0 0 5px; background: url(images/instagram.svg) no-repeat center center / contain;}
header .translateBar{ border: 1px solid #ccc; display: inline-block; margin: 0 10px 0 0; border-radius: 2px;}
header .searchForm{ margin: 7px 0 8px;}
header .searchForm input{ vertical-align: middle; border-radius: 4px 0 0 4px; margin: 0 0 0 2px; height: 28px; box-sizing: border-box; border: 1px solid #ccc; padding: 0 10px; display: inline-block; border-right: none;}
header .searchForm .button{ vertical-align: middle; font-size: 13px; padding: 0 10px; line-height: 28px;}
header .searchForm .search{ vertical-align: middle; border-radius: 0 4px 4px 0; text-indent: 9999px; position: relative; width: 30px; padding: 0;}
header .searchForm .search:after{ content:''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 17px; height: 20px; background: url(images/search.svg) no-repeat center center / contain;}

/* footer */
footer{}
footer .top{ font-size: 14px; background: rgba(0,0,0,0.6); color: #fff; padding: 50px 0;}
footer a{ text-decoration: none;}
footer a:hover{ text-decoration: underline;}
footer .footerMenu{ margin: 0; padding: 0; list-style-type: none;}
footer .footerMenu li{ width: 16.6666%; float: left; box-sizing: border-box; padding: 0 30px 0 0;}
footer .top strong{ text-transform: uppercase; display: block; font-size: 18px; margin-top: 20px;}
footer .top li>strong:first-child{ margin-top: 0;}
footer .top a{ display: block; margin-bottom: 5px;}
footer .bottom{ text-align: center; background: rgba(255,255,255,0.6); padding: 50px 0;}
footer .logo{ display: block; background: url(images/logo.svg) no-repeat center center / contain; width: 150px; height: 60px; margin: 0 auto 20px;}
footer .bottom .copy{ font-size: 14px; margin: 30px 0 0 0;}
footer .footerMenu li.column-1{ width: 14%;}
footer .footerMenu li.column-2{ width: 14%;}
footer .footerMenu li.column-3{ width: 23%;}
footer .footerMenu li.column-4{ width: 14%;}
footer .footerMenu li.column-5{ width: 26%;}
footer .footerMenu li.column-6{ padding: 0; width: 9%;}
footer .bottom .locations{ width: 50%;}
footer .bottom .locations .box{ width: 50%; float: left; text-align: center; padding: 0 15px; box-sizing: border-box;}
footer .bottom .newsletter{ float: right; width: 34%; text-align: left;}

/* home */
section{ padding: 117px 0 0 0;}

/* homeSlider */
.homeSlider{ position: relative; width: 100%; background: #000; height: 700px;}
.homeSlider ul{ margin: 0; padding: 0; list-style-type: none; width: 100%; height: 100%;}
.homeSlider ul li{ display: none; position: absolute; left: 0; top: 0; background: no-repeat center center / cover; width: 100%; height: 100%;}
.homeSlider .text { border-radius: 4px; width: 50%; box-sizing: border-box; background: rgba(0,0,0,0.6); color: #fff; display: inline-block; padding: 30px 40px; margin-bottom: 50px; }
.homeSlider .text .button{ background: #fff; color: #333;}
.homeSlider .text p{ margin: 0 0 30px;}
.homeSlider .text p:last-child{ margin-bottom:0;}
.homeSlider .text h2{ margin: 0; font-size: 40px;}
.homeSlider .tableCell { vertical-align: bottom;}
.homeSlider .paginator span.active { background: #333 !important; border-color:rgba(255,255,255,0.6) !important;}
.homeSlider .paginator span { display:block; margin:10px 0 0; cursor: pointer; width: 14px; height: 14px; border: 2px solid #333; box-sizing: border-box; border-radius: 50%; transition: 0.3s ease; background: rgba(255,255,255,0.6)}
.homeSlider .paginator { position: absolute; right:50px; bottom: 50px; text-align: center;}

/* fullwidthText   */
.fullwidthText{ margin: 50px 0;}
.fullwidthText h2{ margin: 0 0 20px;}
.font22{ font-size: 22px;}
blockquote { width: 75%; margin: 100px auto; position: relative; text-align: center; font-family: JaneAusten;  color: #3a3a3a; text-shadow: 0px 15px 2px #C0C0C0; font-size: 35px; box-sizing: border-box; padding: 0 100px;}
blockquote:before{ position: absolute; left: 0; top: 0; content: ''; background: url(images/quoteLeft.svg) no-repeat center center / contain;  width: 79px; height: 69px;}
blockquote:after{ position: absolute; right: 0; bottom: 0; background: url(images/quoteLeft.svg) no-repeat center center / contain; width: 79px; height: 69px; transform: rotate(180deg);}

/* centeredImage */
.centeredImage{ text-align: center;} 
.centeredImage img{ max-width: 100%; margin: 0 auto; display: block;}

/* centeredImages */
.centeredImages{ margin: 50px 0; }
.centeredImages .wrapper{ margin: 0 -5px;}
.centeredImages .box{ float: left; width: 33.3333%; padding: 0 5px; box-sizing: border-box;}
.centeredImages .box .image{ width: 100%; height: 300px; background: #ccc no-repeat center center / cover; }
.centeredImages .box .text{ padding-top: 15px;}

/* bgColor */
.bgColor{ padding: 1px 0; margin: -1px 0;}

/* pageLinksWithImages */
.pageLinksWithImages{ margin: 50px 0; }
.pageLinksWithImages .wrapper{ margin: 0;border-radius: 4px; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.pageLinksWithImages .box{ float: left; width: 25%; height: 370px; background: #ccc no-repeat center center / cover; position: relative;}
.pageLinksWithImages .box .text{ width: 100%; color: #fff; font-size: 28px; height: 100px; text-align: center; position: absolute; left: 0; bottom: 0; font-weight: 900; background: rgba(0,0,0,0.5); padding: 20px; box-sizing: border-box; transition: 0.3s ease;}
.pageLinksWithImages .box:hover .text{ height: 100%;}

/* centered_white_box */
.centeredWhiteBox{ box-shadow: 0 0 8px rgba(0,0,0,0.1); box-sizing: border-box; margin: 50px auto; padding: 0 35px; border: solid #333; border-width:5px 0 5px; background: #fff; border-radius: 4px;}
.centeredWhiteBox .contentCenter{ width: 100%;}
.centeredWhiteBox.negativeMargin{ margin-top: -50px;}

/* catalogsList */
.catalogsList{margin: 50px 0; }
.catalogsList .wrapper{ margin: 0 -10px -50px; }
.catalogsList .box{ float: left; width: 33.3333%; box-sizing: border-box; text-decoration: none; margin-bottom: 50px; padding: 0 10px;}
.catalogsList .box .image{ width: 100%; height: 167px; margin-bottom: 20px; background: #ccc no-repeat center center / cover;}
.catalogsList .box .text{ text-align: center;}
.catalogsList .box .text p{ margin: 0;}
.catalogsList .box .text strong{ font-size: 20px; font-weight: 900; }

/* otherProducts */
.otherProducts{margin: 50px 0; }
.otherProducts .wrapper{ margin: 0 -5px -50px; }
.otherProducts .box{ float: left; width: 25%; box-sizing: border-box; text-decoration: none; margin-bottom: 50px; padding: 0 5px;}
.otherProducts .box .image{ width: 100%; height: 180px; margin-bottom: 20px; background: #ccc no-repeat center center / cover;}
.otherProducts .box .text{ text-align: center;}
.otherProducts .box .text strong{ font-size: 18px; }

/* newestProducts */
.newestProducts{margin: 50px 0;}
.newestProducts .wrapper{ margin: 0 -10px -50px;}
.newestProducts .box{ float: left; width: 50%; box-sizing: border-box; text-decoration: none; margin-bottom: 50px; padding: 0 10px;}
.newestProducts .box .image{ display: block; width: 100%; height: 350px; margin-bottom: 20px; background: #ccc no-repeat center center / cover;}
.newestProducts .box .text{}
.newestProducts .box .text p{ margin-top:0;}
.newestProducts .box .text strong{ font-size: 20px; font-weight: 900; }

/* contactFormBlock */
.contactFormBlock{ margin: 50px 0;}
.contactFormBlock .wrapper{ margin: 0 -10px;}
.contactFormBlock .box1{ float: left; width:40%; box-sizing: border-box; text-decoration: none; padding: 0 10px;}
.contactFormBlock .box2{ float: left; width:60%; box-sizing: border-box; text-decoration: none; padding: 0 10px;}
.contactFormBlock input,
.contactFormBlock select,
.contactFormBlock textarea{ box-sizing: border-box; width: 100%; float: left; resize: none; margin: 0 0 10px; height: 35px; border-radius: 4px; border: 1px solid #ccc; padding: 0 10px;}
.contactFormBlock textarea{ padding: 8px 10px; height: 251px;}
.contactFormBlock .button{ margin: 20px 0 0;}
.contactFormBlock .hidden{ display: none;}

/* contactLocations */
.contactLocations{ margin: 0 0 -50px;}
.contactLocations .wrapper{ margin: 0 -10px;}
.contactLocations .box{  float: left; width:50%; box-sizing: border-box; text-decoration: none; margin-bottom: 50px; padding: 0 10px;}
.contactLocations .box .text{ text-align: center; background: rgba(0,0,0,0.03); border-radius: 4px; padding: 20px; box-sizing: border-box;}
.contactLocations .box .text p{ margin: 0;}
.contactLocations .box .text h3{ margin-top: 0;}
.contactLocations .box .text .address{ text-align: left; display: table-cell; box-sizing: border-box; padding: 0 20px 0 0;}
.contactLocations .box .text .tel{ display: table-cell; width: 29%; text-align: left;}

/* fullWidthVideo */
.fullWidthVideo{ margin: 50px 0;}
.fullWidthVideo video{ display: block; width: 90%; border: 5px solid #333; border-radius:4px; height: 607px; margin: 0 auto;}

/* mainBanner */
.mainBanner{ width: 100%; background: #ccc no-repeat center center / cover; height: 500px;}

/* productInfo */
.productInfo{ margin: 50px 0; display: table;}
.productInfo .image{ vertical-align: top; width: 363px; height: 167px; display: inline-block; background:#ccc no-repeat center center / cover;}
body.single-product .productInfo .image{ height: 240px;}
.productInfo .text{ vertical-align: top; display: table-cell;}
.productInfo .text h2{ margin: 0; font-size: 40px;}
.productInfo .text h2 .code{ font-size: 18px; font-weight: 400; color: #999;}
.productInfo .text .wrapper{ padding: 0 30px; box-sizing: border-box;}
.productInfo .contactFormBlock{ margin-bottom: 0; width: 60%; background: rgba(0,0,0,0.05); padding: 30px; border-radius: 4px; box-sizing: border-box;}

/* categoryInfo */
.categoryInfo{ margin: 50px 0;}
.categoryInfo h2{ margin: 0; font-size: 40px;}

/* productTable */
.productTable{}
.productTable table{ width: 100%;}
.productTable thead th{ padding: 4px; background: #333; color: #fff; text-align: right;}
.productTable thead tr>th:first-child{ text-align: left;}
.productTable tbody th{ padding: 4px; background: #ccc; text-align: left;}
.productTable tbody td{ padding: 4px; border-bottom: 1px solid #ccc; text-align: right;}
.productTable tbody tr>td:first-child{ text-align: left;}

/* single product */
.productProperties{ margin: 50px 0 0;}
.productProperties .icon{ display: inline-block; vertical-align: middle; margin: 0 15px 15px 0;}
.productProperties .icon div{ display: inline-block; vertical-align: middle; width: 40px; height: 40px; background: no-repeat center center / contain; margin: 0 15px 0 0;;}

/* breadcrumbs */
.breadcrumbs{ margin: 0 0 30px; font-size: 14px; color: #999;}
.breadcrumbs a{ text-decoration: none;}
.breadcrumbs a:hover{ text-decoration: underline;}
.breadcrumbs strong{ color: #333;}

/* yearsSlider */
.yearsSlider{ margin: -30px 0 50px;}
.yearsSlider .wrapper{ background: #ccc; overflow: hidden; width: 100%; height: 650px; position: relative; border-radius: 4px;}
.yearsSlider ul{ position: absolute; left: 0; top: 0; list-style-type: none; margin: 0; padding: 0; width: 20000px; height: 100%;}
.yearsSlider ul li{ float: left; width: 1100px; height: 100%;}
.yearsSlider .image{ width: 60%; display: table-cell; background: #ccc no-repeat center center / cover;}
.yearsSlider .text{ background: rgba(255,255,255,1); display: table-cell; vertical-align: middle; text-align: center;}
.yearsSlider .text .container{ padding: 30px; box-sizing: border-box;}
.yearsSlider .text .year{ font-size: 70px; font-weight: 900;}
.yearsSlider .text h2{ font-size: 30px;}
.yearsSlider .arrowLeft{ cursor: pointer; width: 25px; height: 50px; position: absolute; left: 0; top: 50%; background: url(images/arrowRightY.svg) no-repeat center center / contain; transform: translateY(-50%) rotate(180deg) ; z-index: 5;}
.yearsSlider .arrowRight{ cursor: pointer; width: 25px; height: 50px; position: absolute; right: 0; top: 50%; background: url(images/arrowRightY.svg) no-repeat center center / contain; transform: translateY(-50%);z-index: 5;}

/* bgImage */
.bgImage{ background: no-repeat center top / 1600px auto; margin: -1px 0; padding: 1px 0;}
body.page-id-74 .bgImage{ background-size: 1990px auto;}

/* aboutTitle */
.aboutTitle{ padding: 150px 0; font-size: 100px; line-height: 1;  font-weight: 900; color:#fff; text-shadow: #4f4f4e 2px 2px 2px;}
.aboutTitle span{ background: rgba(255,255,255,0.8); font-size: 30px; line-height: 1.2; color: #333; padding: 15px 20px; display: inline-block; text-shadow: none;}

/* certifications */
.certifications{ margin: 50px 0; text-align: center;}
.certifications a{ text-decoration: none; font-weight: 900; text-align: center; width: 200px; display: inline-block;}
.certifications a:before{ width: 70px; height: 70px; content: ''; background: url(images/certification.svg) no-repeat center center / contain; display: block; margin: 0 auto 20px;}

/* pageLinks */
.pageLinks{ margin: 0 0 50px;}
.pageLinks .wrapper{}
.pageLinks a{ text-decoration: none; background: #fff; color: #333; text-transform: uppercase; padding: 12px 15px 10px; font-weight: 900; transition: 0.3s ease; display: inline-block;}
.pageLinks a:hover,
.pageLinks a.active{ background: #333; color: #fff;}
.pageLinks a:first-child{ border-radius: 0 0 0 4px;}
.pageLinks a:last-child{ border-radius: 0 0 4px 0;}

/* contact */
.divMessage{ margin:10px 0 0; padding:4px 10px; display:none; color:#fff;}
.divMessage.error{ background:#A20002;}
.divMessage.success{ background:#157522;}
.redBorder { border-color:#CF0000 !important;} 

.ctct-inline-form{ float: right; clear: right; width: 100%; }
.ctct-form-embed.form_0 .ctct-form-defaults{ background: none !important;}
div.ctct-form-embed div.ctct-form-defaults{ padding: 0 !important;}
div.ctct-form-embed form.ctct-form-custom label.ctct-form-label{ display: none !important;}
div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text{ display: none !important;}
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element{ border: 1px solid #ccc !important; border-radius: 4px 0 0 4px !important; box-shadow: none !important; background: #fff !important; height: 40px !important; padding: 0 10px !important; box-sizing: border-box !important; border-right: none !important;}
div.ctct-form-embed form.ctct-form-custom div.ctct-form-field{ margin:0 !important; width: 300px !important; float: left !important;}
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button,
.ctct-form-embed.form_0 .ctct-form-custom .ctct-form-button:hover{ background: #333 !important; border-radius: 0 4px 4px 0 !important; color: #fff !important; font-family: Agenda !important; letter-spacing: 1px !important; font-size: 16px !important; text-transform: uppercase !important; padding: 0 !important; text-align: center !important; line-height: 40px !important; width: 100px !important; float: left !important; border: none !important; box-sizing: border-box !important;}
div.ctct-form-embed form.ctct-form-custom{ min-height:auto !important;}

/* preload */
.preloadDiv{ width:0; height:0; overflow:hidden;}
.showIphone, .showIpad, .mobileMenuItems{ display:none;}
label.hidden{ display:none !important;}
.showDesktop{}

@media screen and (min-width:1199px){
	.mobileMenuDiv,
	.mobileMenuItems,
	.showIphone{ display:none !important;}
}

@media screen and (min-width:0px) and (max-width:1199px){
	.showIpad{ display:block !important;}
	.showDesktop{ display:none !important;}
	body{ min-width:768px; font-size: 14px;}
	
	.contentCenter,
	.centeredWhiteBox{ width: 739px;}
	
	header .mainMenu li{ margin: 0 0 0 10px;}
	header .mainMenu li a { padding: 8px 0 14px;}
	header .logo { width: 219px; height: 84px;}
	
	h2 { font-size: 45px;}
	
	footer .footerMenu{ width: 90%; margin: 0 auto;}
	footer .footerMenu li.column-1,
	footer .footerMenu li.column-2,
	footer .footerMenu li.column-3,
	footer .footerMenu li.column-4,
	footer .footerMenu li.column-5,
	footer .footerMenu li.column-6{ width: 33.3333%;}
	footer .footerMenu li.column-4,
	footer .footerMenu li.column-5,
	footer .footerMenu li.column-6{ padding-top: 30px;}
	footer .footerMenu li.column-3{ padding-right: 0;}
	footer .bottom .newsletter { width: 46%;}
	div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { width: 230px !important;}
	
	.pageLinksWithImages .box{ height: 280px;}
	.pageLinksWithImages .box .text { font-size: 20px;}
	
	.catalogsList .box .image{ height: 96px;}
	.catalogsList .box .text strong { font-size: 18px;}
	
	.productInfo{ display: block;}
	.productInfo .image{ display: block; margin: 0 auto 30px;}
	.productInfo .text{ display: block;}
	.productInfo .text .wrapper{ padding: 0;}
	
	.newestProducts .box .image{ height: 210px;}
	.otherProducts .box .image { height: 120px;}
	
	.bgImage { background-size: 1300px auto;}
	.aboutTitle { font-size: 80px; padding: 100px 0;}
	blockquote { width: 100%; margin: 50px auto;}
	.centeredImages .box .image { height: 185px;}
	.certifications a { width: 150px;}
	.yearsSlider ul li { width: 698px;}
	.yearsSlider .text h2 { font-size: 24px;}
	.yearsSlider .text .year{ font-size: 60px;}
	.yearsSlider .image { width: 45%;}
	
	.homeSlider .text { width: 80%;}
	.homeSlider .text h2 {font-size: 30px;}
	.fullWidthVideo video { height: 374px;}
}

@media screen and (min-width:0px) and (max-width:767px){
	.showIphone{ display:block !important;}
	.showDesktop,
	.hideIphone{ display:none !important;}
	body{ min-width:320px;}
	
	.contentCenter,
	.centeredWhiteBox{ width: 300px;}
	
	h2,
	.categoryInfo h2,
	.productInfo .text h2{ font-size: 30px;}
	
	header{ height: 70px; padding: 10px 0;}
	header .logo { width: 130px; height: 50px;}
	header .right{ display: none;}
	header .contentCenter{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	
	footer .bottom .locations { width: 100%; margin: 0;}
	footer .bottom .locations .box { width: 100%; padding: 0 0 20px; float: none;}
	footer .bottom .newsletter { width: 100%; text-align: center;}
	div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { width: 200px !important;}
	
	section{ padding-top: 70px;}
	
	.homeSlider{ height: 490px;}
	.homeSlider .text h2{ font-size: 25px; margin-bottom: 10px;}
	.homeSlider .text { padding: 20px; margin-bottom: 10px;}
	.homeSlider .paginator { right: 10px; bottom: 10px;}
	#ctct_recaptcha_0{ display: none;}
	.font22 { font-size: 18px;}
	.pageLinksWithImages .box{ width: 50%;}
	.fullWidthVideo video {height: 152px;}
	footer .footerMenu li.column-1, footer .footerMenu li.column-2, footer .footerMenu li.column-3, footer .footerMenu li.column-4, footer .footerMenu li.column-5, footer .footerMenu li.column-6 { width: 100%; padding: 0 0 20px !important; text-align: center;}
	
	.pageLinks a { padding: 12px 5px 10px; font-size: 12px;}
	.aboutTitle { font-size: 55px; padding: 50px 0;}
	.aboutTitle span { font-size: 22px;}
	.centeredWhiteBox { padding: 0 25px;}
	blockquote{ padding: 0 30px; font-size: 30px;}
	blockquote:before{ width: 35px; height: 35px; }
	blockquote:after{ width: 35px; height: 35px; }
	.yearsSlider .wrapper{ height: auto;}
	.yearsSlider ul { position: relative; left: auto; top: auto; width: 100%; height: auto;}
	.yearsSlider ul li { width: 100%;}
	.yearsSlider .image { width: 100%; display: block; height: 200px;}
	.yearsSlider .text { display: block;}
	.yearsSlider .arrowLeft,
	.yearsSlider .arrowRight{ display: none;}
	
	.certifications a { margin: 0 0 20px;}
	.centeredImages .box { width: 100%; margin-top: 20px;}
	
	.mainBanner { height: 220px;}
	.otherProducts .box { width: 100%;}
	
	body.single-product .productInfo .image{ display: none;}
	.productProperties .icon { display: block; margin: 0 0 15px 0; text-align: center;}
	.productProperties .icon div { display: block; margin: 0 auto 15px;}
	h3.withLine span { padding: 0 10px; font-size: 20px;}
	
	.newestProducts .box{ width: 100%;}
	.newestProducts .box .image { height: 160px;}
	
	.catalogsList .box{ width: 100%;}
	.catalogsList .box .image { height: 115px;}
	.productInfo .image { vertical-align: top; width: 100%; height: 115px;}
	.productInfo .contactFormBlock { width: 100%; padding: 10px;}
	
	.contactLocations .box{ width: 100%;}
	.contactLocations .box .text .address { display: block; padding: 0 0 20px;}
	.contactLocations .box .text .tel { display: block; width: 100%;}
	.contactFormBlock .box1,
	.contactFormBlock .box2{ width: 100%;}
	.g-recaptcha{transform: scale(0.7) translateX(-50px);}
	
	/* mobile menu */
	/* visible header menu area */
	.mobileMenuOpen{ width:35px; height:57px; box-sizing:border-box; padding:18px 0 0 0; float:right; margin:5px 0 0 0;}
	.mobileMenuOpen span{ display:block; width:100%; height:3px; background:#000; position:relative; transition:0.3s ease;}
	.mobileMenuOpen span:before,
	.mobileMenuOpen span:after{ position:absolute; left:0; top:0; width:100%; height:3px; background:#000; content:''; transition:0.3s ease;}
	.mobileMenuOpen span:before{ top:-12px;}
	.mobileMenuOpen span:after{ top:12px;}
	
	/* click state */
	.mobileMenuOpen.active span{ background-color:#fff;}
	.mobileMenuOpen.active span:before{ transform:translateY(12px) rotate(45deg);}
	.mobileMenuOpen.active span:after{transform:translateY(-12px) rotate(-45deg);}
	
	/* menu items (invisible area) */
	.mobileMenuItems{ box-sizing:border-box; padding:74px 0 0 0; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:49;}
	.mobileMenuItems ul{ margin:0; padding:0; list-style-type:none; text-align:center; color:#fff; font-size: 17px; line-height: 1.1; font-weight: bold; text-transform: uppercase;}
	.mobileMenuItems ul li{ display:block; margin:8px 0;}
	.mobileMenuItems ul li a{ text-decoration:none; display:inline-block; padding:4px 0;}
	.mobileMenuItems ul.sub-menu{ color:#999;}
	.mobileMenuItems ul li.logo{ display: none;}
}