/*
Theme Name: TUCKS
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}


/******************************************************************************************************************
	RESET STYLESHEET
******************************************************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;}
/******************************************************************************************************************
	END RESET STYLESHEET
******************************************************************************************************************/
/******************************************************************************************************************
WP STYLESHEET
******************************************************************************************************************/
#centerContent{float:left;width:47%;padding:2% 2% 2% 2.7%;}#fullContent{width:100%;padding:2%;}#sidebar1{clear:left;}#sidebar2{clear:right;}#sidebar-left,#sidebar-right{width:20%;}#sidebar-left{margin-right:0;padding-right:2%;float:left;}#sidebar-right{margin-left:0;padding-left:2%;float:right;}article.post-box[id*=post-]{padding-left:1.3%;padding-right:1.3%;}#sidebar-left .widget{padding-left:2em;color:#000;margin:2em 0;}#sidebar-right .widget{padding-right:2em;color:#000;margin:2em 0;}#sidebar-left .widget a,#sidebar-right .widget a{color:#eee;text-decoration:none;}#sidebar-left .widget a:hover,#sidebar-right .widget a:hover{text-decoration:underline;}#sidebar-left .widget li,#sidebar-right .widget li,#meta.widget aside a{margin-bottom:0;padding:7px 0;}#sidebar-left .widget ul.sub-menu li:last-child,#sidebar-left .widget ul.children li:last-child,#sidebar-right .widget ul.sub-menu li:last-child,#sidebar-right .widget ul.children li:last-child{border-bottom:0;}#sidebar-left .widget-title,#sidebar-right .widget-title{font-family:Arial, Helvetica, sans-serif;font-size:16px;text-transform:uppercase;color:#000;}#rightContent{float:left;width:71%;padding:2% 2% 2% 2.7%;}@media only screen and max-width 2000px{#sidebar-left,#sidebar-right{width:22%;}}
*{word-break:break-word}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}.aligncenter{display:block;margin:5px auto}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}ol#posts>li,ul#sidebar>li{list-style:none}
/******************************************************************************************************************
VFS STYLESHEET
******************************************************************************************************************/

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #666;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

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

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a,
.link {
    /*transition: all 0.2s ease-out 0s;*/
    color: #194f97;
    cursor: pointer;
    text-decoration: underline;
}
a:hover,
.link:hover {
    color: #E43230;
}
sup {
    font-size: 45%;
    vertical-align: super;
}
.clear {
  clear: both;
}
.assistive-text, .site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
}
/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font: 14px/22px Arial;
   /* background: #262626; */
   background: #8BC0C8;
}
strong{
    font-weight: 700;
    color: #000;
}


/* ==============
    MOBILE: Main
   ============== */
.top-bar {
   	height: 35px;
    box-sizing: border-box;
    padding-top: 6px;
}
.site-container {
    width: 100%;
    max-width: 1080px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
.site-header {
    padding: 0;
	background: #FFF;
	height: 75px;
	border-bottom: 5px solid #d4d4d4;
}
.home .site-header {
    border-bottom: 0;
}
.content {
	background: #FFF;
    padding: 60px 0 120px;
}
.home .content {
    background: #FFF;
}
.home-box .heading {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
    height: 15px;
    margin-bottom: 40px;
}
.home-box h2 {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
    padding-right: 10px;
}
.home-box h4 {
    font-weight: 900;
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-size: 21px;
    line-height: 30px;
}
.home-box1 .imagewrapper img {
    max-width: 40%;
}
.button { 
    display: inline-block;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    background: #FFF263;
    
    transition: background-color 0.5s ease;
}
.button:hover { 
    background: #B7E4FB;
    color: #000;
    transition: background-color 0.5s ease;
}
.social-links {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0 ;
}
.facebook {
	display: block;
	width: 22px;
	height: 22px;
	background: url(images/facebook.png) 0 0 no-repeat;
	text-indent: -1000em;
}
.facebook:hover {
	background-position: 0 -22px;
}
.site-logo {
    float: left;
    padding-top: 15px;
}
.site-search {
    float: right;
    padding: 0;
    display: none;
}
input[type="text"] {
    border: 1px solid #dadada;
    color: #666;
    margin: 0;
    padding: 2px 5px;
}
.site-search input[type="submit"] {
    border: 1px solid #dadada;
    color: #999;
    background: #FFF;
    margin: 0;
    padding: 2px 5px;
    font-size: 85%;
    top: -1px;
    position: relative;
}

.navbar-toggle {
    display: block;
    width: 25px;
    text-indent: -1000em;
    position: absolute;
    right: 0;
    top: 0;
}
.icon-navbar {
    display: block;
    background: #004585;
    height: 3px;
    margin: 0 0 3px;
    border-radius: 3px;
}
#menu-primary-navigation {
    display: none;
    position: absolute;
    width: 200px;
    background: #D4D4D4;
    top: 31px;
    right: 0;
    padding: 20px;
    z-index: 10;
}
.site-navigation {
    position: relative;
    top: 37px;
}
.nav-menu a {
    text-decoration: none;
}
.nav-menu > li {
    padding: 0;
    position: relative;
    margin: 0;
}
.site-header .nav-menu > li {
    z-index: 100;
    display: block;
}
.nav-menu > li > a {
    color: #000;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    display: inline-block;
}
.nav-menu > li > a:hover {
    color: #AEAEAE;
}
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 5px;
    background: #FFF;
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
    width: 280px;
    box-sizing: border-box;
    border: 3px solid #ddd;
    padding: 15px 10px;
}
.sub-menu:after {
	border: solid 7px transparent;
	border-top: none;
	border-bottom: solid 7px #FFF;
	position: absolute;
	top: -7px;
	left: 30px;
	display: block;
	content: '';
}
.sub-menu:before {
	border: solid 10px transparent;
	border-top: none;
	border-bottom: solid 10px #ddd;
	position: absolute;
	top: -10px;
	left: 28px;
	display: block;
	content: '';
}
.menu-item-110 > .sub-menu {
    border-right: 0;
}
.sub-menu li {
    display: block;
    text-align: left;
}
.sub-menu a {
    display: block;
    padding: 1px 10px;
    color: #9f9f9f;
    font-weight: normal;
}
.sub-menu a:hover {
    color: #000;
    background: #FFF;
}
.site-header .nav-menu > .current-menu-item > a,
.site-header .nav-menu > .current-menu-parent > a,
.site-header .nav-menu > .current-page-ancestor > a {
    color: #004585;
    position: relative;
}
.sub-menu .current-menu-item > a,
.sub-menu .current-page-ancestor > a {
    color: #004585;
}
/*
.menu-image-hover-wrapper { 
    position: absolute;
    top: -3px;
    left: 237px;
    background: #FFF;
    border: 3px solid #f4f4f4;
    border-left: 0;
    box-sizing: border-box;
    width: 411px;
    height: 462px;
    text-align: center;
    padding: 70px 20px 20px;
    display: none;
}
.menu-image-hovered:hover .menu-image-hover-wrapper { 
    display: block;
}
.hovered-image {
    margin: 0 !important;
}
*/


/***CONTENT AREA ***/
.content {
    min-height: 400px;
    font-size: 16px;
    line-height: 24px;
}
.home .content {
    padding: 0;
    position: relative;
    overflow: hidden;
}
h1 {
    color: #000;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: -0.03em;
    line-height: 42px;
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}
h1 span {
    font-size: 10px;
}
h2 {
    color: #000;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -0.03em;
    line-height: 28px;
    margin: 0 0 20px;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}
.postTitle {
    margin-bottom: 0;
}
small {
    font-size: 80%;
}
.product-text,
.product-text.box-70 {
    width: 100%;
    float: none;
}
.box-30.product-image,
.product-image {
    width: 100%;
    text-align: left;
    float: none;
    padding-bottom: 45px;
}
.product-text2,
.product-text2.box-70 {
    width: 100%;
    float: none;
}
.box-30.product-image2,
.product-image2 {
    width: 100%;
    text-align: left;
    float: none;
    padding-bottom: 45px;
}
.imagewrapper img {
    max-width: 100%;
    height: auto;
    width: auto;
}
.product-cat {
    color: #666;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 15px;
    margin: 0 20px 20px 0;
    text-decoration: none;
    width: 147px;
    min-height: 255px;
    height: auto !important;
    height: 255px;
}
.product-cat span {
    display: block;
    padding: 10px 7px 0;
}
.product-cat strong {
    color: #194f97;
    display: block;
    font-size: 14px;
}
.other a {
    display: block;
    padding: 0 0 4px 7px;
}
.right {
    margin: 20px 0;
    display: block;
}
.page-template-sitemap .page-item-65,
.page-template-sitemap .page-item-63 {
    display: none;
}
.new { 
    position: relative;
    top: -3px;
    left: 5px;
}
.target-highlight:target {
    background: #fcfdc4 none repeat scroll 0 0;
    padding: 15px;
}


/*** FOOTER ***/
.site-footer {
    padding-bottom: 20px;
    color: #333;
    font-size: 12px;
    font-weight: normal;
}
.footernav-menu a {
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
}
.footernav-menu li {
    display: inline-block;
}
.footernav-menu a {
    padding: 0;
    margin-right: 10px;
}
.site-footer {
    margin-top: 20px;
}
.footernav-menu a:hover,
.footernav-menu .current-menu-item {
    text-decoration: underline;
    color: #fff;
}



/*** HOME ***/
.home-shout {
    width: 50%;
}
.home-shout1 {
    float: left;
    
}
.home-shout2 {
    float: right;
}

table.tabulardata {
    width: 100%;
}
table.tabulardata th {
    align: left;
    background: #154E91;
    color: #FFF;
    font-weight: bold;
    padding: 3px 10px;
    border-right: 1px solid #FFF;
}
table.tabulardata td {
    align: left;
    padding: 3px 10px;
    border-bottom: 1px solid #eaeaea;
}

.withborder {
    border: 1px solid #d2d5da;
}
.top {
    display: inline-block;
    float: right;
    position: relative;
}
.top:after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #9CBBF2;
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 5px;
    left: -12px;
}
.list-bulleted {
    margin-bottom: 20px;
    margin-left: 15px;
}
.list-bulleted li {
    list-style: disc outside none;
    padding: 2px 0 3px;
}

form fieldset { display: block; padding: 3px 0; }
form fieldset label { display: inline-block; width: 120px; }
form fieldset input[type="text"] { width: 250px; }
form fieldset select { width: 264px; height: 28px; }
form fieldset textarea { width: 250px; }
form input.button {
    margin: 10px 0 0 173px;
    font-size: 1em;
    font-weight: bold;
    padding: 0.1em 0.2em;
}

.alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; margin-bottom: 20px; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #C09853; list-style: none; }
.error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; }

#contactUs input[type="text"],
#contactUs textarea,
#contactUs select {
    width: 230px;
    border: 1px solid #d2d5da;
    background: #edf2f8;
    color: #666;
    font-size: 13px;
    padding: 3px 5px;
}
#contactUs select.inputbox {
    width: 242px !important;
}
#contactUs label {
    width: 160px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #333;
    font-size: 13px;
    text-align: left;
    margin: 0 10px 5px 0;
}


p {
    padding: 10px 0;
}


.sitemap > ul > li > a {
    font-weight: bold;
    margin: 10px 0 2px;
    display: block;
}

.sitemap ul ul li {
    margin: 0 0 2px 10px;
}

.home .su-slider-pagination {
    top: 97%;
    filter: alpha(opacity=30);
    opacity: .3;
}
.home 
.su-slider .su-slider-pagination span.swiper-visible-switch {
    background-color: rgba(0, 0, 0, 0.3);
}
.home .su-slider:hover .su-slider-prev, .home .su-slider:hover .su-slider-next {
    filter: alpha(opacity=30);
    opacity: .3;
}
.home .su-slider .su-slider-prev:hover, 
.home .su-slider .su-slider-next:hover {
    filter: alpha(opacity=50);
    opacity: .5;
}
    .contactPage.box-35 {
        margin-bottom: 35px;
    }

.bullets {
    margin: 0 0 30px;
    padding: 0;
}
    .bullets li {
        margin: 0;
        padding: 8px 0 8px 18px;
        position: relative;
    }
    .bullets li:after {
        position: absolute;
        z-index: 1;
        top: 17px;
        left: 0;
        display: block;
        width: 6px;
        height: 6px;
        background-color: #004E9B;
        content: '';
    }

.page-id-275 p:target {
    background: #FCFDC4;
    padding: 15px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

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

    

    
    .g-recaptcha {
        margin-left: 172px;
    }

    #contactUs label {
        text-align: right;
    }


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

    .home-box {
        /*width: 50%;
        float: left;*/
        padding-bottom: 80px;
        box-sizing: border-box;
    }
    .home-box1 {
       /* padding-right: 30px;*/
    }

    .home-box1 .imagewrapper img {
        max-width: 100%;
    }
    .home-box2 {
        padding-left: 30px;
    }
    .home-box .imagewrapper {
        float: left;
        margin-right: 30px;
    }
    .footernav-menu,
    .menu-secondary-navigation-container {
        display: inline-block;
        padding-left: 5px;
    }
    
    .site-logo {
        padding-left: 0;
    }
    .site-search {
        display: block;
    }
    .social-links {
        border-right: 1px solid #636363;
        margin: 0 10px 0 0;
        padding: 0 10px 0 0;
    }
    .product-text.box-70 {
        padding-left: 20px;
        width: 70%;
        float: right;
    }
    .product-text.box-50 {
        padding-left: 20px;
        width: 50%;
        float: right;
    }
    .product-text2.box-70 {
        padding-right: 20px;
        width: 70%;
        float: left;
    }
    .box-30.product-image,
    .product-image {
        padding-right: 20px;
        float: left;
        width: 30%;
        text-align: center;
        padding-bottom: 0;
    }
    .box-30.product-image2,
    .product-image2 {
        padding-left: 20px;
        float: right;
        width: 30%;
        text-align: center;
        padding-bottom: 0;
    }
    .box-50.product-image {
        padding-right: 20px;
        float: left;
        width: 50%;
        text-align: center;
        padding-bottom: 0;
    }
    .navbar-toggle {
        display: none;
    }
    #menu-primary-navigation {
        display: block;
        position: relative;
        width: auto;
        background: transparent;
        top: 0;
        right: 0;
        padding: 0;
    }
    #menu-primary-navigation > li {
        padding-left: 10px;
    }


    #menu-primary-navigation > li {
        display: inline-block;
    }
    #menu-primary-navigation > li > a {
        text-align: left;
        display: inline-block;
    }
    #menu-primary-navigation > li.menu-item-has-children:hover > a:after {
        display: none;
    }
    .menu-item-has-children:hover > .sub-menu {
        display: block;
    }
    .site-navigation {
        float: right;
        position: relative;
    }
    .nav-menu a {
        text-decoration: none;
    }
    .nav-menu > li {
        padding: 0;
        position: relative;
        display: inline-block;
        margin: 0;
    }
    .site-header .nav-menu > li {
        z-index: 100;
        text-align: center;
        display: block;
    }
    .nav-menu > li > a {
        color: #000;
        font-size: 16px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        display: inline-block;
    }
    .nav-menu > li > a:hover {
        color: #AEAEAE;
    }

    .right {
        float: right;
        margin: 0 0 20px 20px;
    }

    /*** GRID ***/
    .box,
    .box-10,
    .box-15,
    .box-20,
    .box-22,
    .box-25,
    .box-30,
    .box-33,
    .box-35,
    .box-40,
    .box-45,
    .box-50,
    .box-55,
    .box-60,
    .box-65,
    .box-66,
    .box-70,
    .box-75,
    .box-78,
    .box-80,
    .box-85 {
      box-sizing: border-box;
      float: left;
    }

    .box {
      display: block;
      float: none;
    }

    .box-10 {
      width: 10%;
    }

    .box-15 {
      width: 15%;
    }

    .box-20 {
      width: 20%;
    }

    .box-22 {
      width: 22%;
    }

    .box-25 {
      width: 25%;
    }

    .box-30 {
      width: 30%;
    }

    .box-33 {
      width: 33.33%;
    }

    .box-35 {
      width: 35%;
    }

    .box-40 {
      width: 40%;
    }

    .box-45 {
      width: 45%;
    }

    .box-50 {
      width: 50%;
    }

    .box-55 {
      width: 55%;
    }

    .box-60 {
      width: 60%;
    }

    .box-65 {
      width: 65%;
    }

    .box-66 {
      width: 66%;
    }

    .box-70 {
      width: 70%;
    }

    .box-75 {
      width: 75%;
    }

    .box-78 {
      width: 78%;
    }

    .box-80 {
      width: 80%;
    }

    .box-85 {
      width: 85%;
    }
    .contactPage.box-35 {
        float: right;
        margin: 35px 0;
    }


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

    #menu-primary-navigation > li {
        padding-left: 15px;
    }

}

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

    .flexContainer {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
    .flexContainer:nth-child(odd) {
        flex-direction: row-reverse;
        text-align: right;
    }
    .flexContainer:nth-child(odd) > .flexColumn {
        justify-content: space-between;
    }
    .flexColumn-productText {
        width: 65%;
    }
    .flexColumn-productImage {
        width: 35%;
    }

}
    .flexContainer img {
        width: 100%;
    }
@media only screen and (min-width: 970px) {

    #menu-primary-navigation > li {
        padding-left: 30px;
    }

}

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

/* ===============
    Maximal Width
   =============== */


}


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



}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}