body
{
    background:#f6f6f6;
}

body > div.content
{
    border-bottom:1px solid #ccc;
    padding-bottom:40px;
}


p, h1, h2,h3,h4,h5,h6, li, span, a,
.top-bar-section ul li > a,
.tabs dd > a, .tabs .tab-title > a{font-family:Effra, sans-serif;}

h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:21px;}
h4{font-size:18px;}
h5{font-size:16px;}

h1:after,
.home h2:after,
.home h3:after
{
    content: '';
    border-bottom: 4px solid #7bb921;
    width: 1.5em;
    display: block;
}

.row{max-width:1200px;}

.header
{
    margin-bottom:30px;
    background:#fff;
    padding:10px 0;
}

.button
{ 
    background-color:#7bb921;
}



.home .tabs-content .content
{
    border: 1px solid #ccc;
    padding: 30px 40px 40px 40px;
    background:#fff;
    min-height: 290px;
}

.tabs-content .content
{
    border-top: 1px solid #ccc;
    padding: 20px;
 
 
}
.home .tab-title.active
{
 border-bottom:1px solid #fff;   
}

.tabs dd.active a, .tabs .tab-title.active a
{
    background-color: transparent;
    color: #222222;
    border:1px solid #ccc;
    border-bottom:1px solid #f6f6f6;
    
    
}   

.home .tabs dd.active a, 
.home .tabs .tab-title.active a
{
    background-color: #FFFFFF;
    color: #222222;
    border-bottom:1px solid #fff;
}   

.tab-title.active
{
    border-bottom: 1px solid #f6f6f6;
    margin-bottom: -2px!important;
}



.home-tools h4
{
    text-align:center;
    background:#fff;
    border-top:4px solid #7bb921;
    border-bottom:4px solid #7bb921;
    padding:10px 0;
}

.home-tools img
{
    width:100%;
}

.home-video img
{
    width:100%;
}

.footer
{
    border-top:1px solid #fff;
    padding-top:20px;
    padding-bottom:40px;
    background:#fff;
}

.side-nav li a:not(.button)
{
    color:#333;
}

.product-link
{
    display:block;
}

 

.product-link img {
float: left;
}
.product-link img.icn {
width: 50px;
margin: 5px;
}

.product-link span.strap {
display: block;
margin-bottom: 20px;
}

.product-link .btn.bottom-right
{
    float:right;   
    margin-top: 40px;
}


.product-link 
{
    display: block;
    float: left;
    clear: left;
    width: 100%;
    border:1px solid #ccc;
    border-radius:3px;
    padding:20px;
    margin-bottom:20px;
}

.tool004 input.val, 
.tool004 input.total,
.tool003 input.val,
.tool003 input.total,
.tool001 input.val,
.tool005 input.val,
.tool005 input.total,
.tool002 input.val,
.tool002 input.btnAdjust
{
    display:inline-block;
    
}
button,
button:hover, button:focus, .button:hover, .button:focus
{color:#333333;}

#btu,#tr,#sc,#inp,#tem,#dro,#per,#vol,#fp,#mp,
#fr1,#du,#fr2
{
    background:#fff;
    box-shadow:none;
    border:0 none;
    font-size:1rem;
    padding-right:0;
    color:#222;
    text-align:right;
    padding-bottom:0;
    padding-top:0;
}

.form-lbl{margin-top:6px;}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus,
.side-nav li a.active
{
    color:#222;
    font-weight:bold;
}

.side-nav li a.active{background: rgba(0, 0, 0, 0.025);}

.contact img{width:100%}
.row.contact{margin-bottom:20px;}
.sidebar-widget h3
{
    background:#7bb921;
    color:#fff;
    padding:0.9375rem;
    margin-bottom:0;
}

.sidebar-widget
{
    background:#fff;
}

.sidebar-widget p
{
    padding:0.9375rem;
    color:#222;
    font-size: 0.875rem;
}

.content a
{
 border-bottom: 1px solid #7bb921;   
    color:#222;
}
.content a:hover
{
    background-color:#7bb921;
    color:#fff;
}

.content a.button,
form input.button
{color:#fff;}

.content a.button:hover,
form input.button:hover
{background:#5a8d18;color:#fff;}

.case-studies .content .row
{
    margin-bottom: 1.25rem;
}

.home .tabs a
{
    border-bottom:0 none;
}

.side-nav
{
    background:#eee;   
}

.no-break{white-space: nowrap;}
.control p span.no-break{margin-right:1em;}



.control p,
.control input{margin-bottom:1rem;}
.control p input{margin-bottom:0;}

#sidebar{margin-bottom:20px;}

div.product-thumbs a {
float: left;
display: block;
width: 180px;
height: 180px;
border: 1px solid #ccc;
    background:#fff;
margin: 4px 4px 0 0;
text-align: center;
}

div.product-thumbs img {
max-width: 180px;
max-height: 180px;
border: 0;
}

.tags{
	margin:0;
	padding:0;
	float:right;
	list-style:none;
	}

.tags li, .tags a{
	float:left;
	height:24px;
	line-height:24px;
	position:relative;
	font-size:11px;
	}

.tags a{
	margin-left:20px;
	padding:0 10px 0 12px;
	background:#0089e0;
	color:#fff;
	text-decoration:none;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;	
	border-bottom-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;	
	border-top-right-radius:4px;	
	} 

.tags a:before{
	content:"";
	float:left;
	position:absolute;
	top:0;
	left:-12px;
	width:0;
	height:0;
	border-color:transparent #0089e0 transparent transparent;
	border-style:solid;
	border-width:12px 12px 12px 0;		
	}

.tags a:after{
	content:"";
	position:absolute;
	top:10px;
	left:0;
	float:left;
	width:4px;
	height:4px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background:#fff;
	-moz-box-shadow:-1px -1px 2px #004977;
	-webkit-box-shadow:-1px -1px 2px #004977;
	box-shadow:-1px -1px 2px #004977;
	}

.tags a:hover{background:#555;cursor:default;}	

.tags a:hover:before{border-color:transparent #555 transparent transparent;}

.tab-title a{border-bottom:0 none;}

 .top-bar-contact
    {
     background:#000; padding:10px 0;
    }
    .top-bar-contact, .top-bar-contact a
    {
        color:#fff;   
        font-size:13px;
    }
    .top-bar-contact a
    {margin-right:10px;}

.top-bar-contact img
{
    width:24px;
}


.product-menu input[type="checkbox"]
{
    margin:0;
    width:15%;
}

.product-menu input[type="checkbox"] + label
{
    width:80%;   
    margin-left:0;
    margin-right:0;
}

.product-menu div
{
    float: left;
    width:100%;
    clear:both;
    margin-bottom:0.6em;
    border-bottom:1px solid #ddd;
}


@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) 
{ 
    .menu-icon{background:#222;}
    .top-bar{background:transparent;top:-45px;}
    .top-bar.expanded .title-area{background:transparent;}
    .top-bar-section ul li > a{padding-right:40px;}
    .tabs dd > a, .tabs .tab-title > a{font-size: 0.875rem;}
    
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (min-width: 40.063em) 
{ 
    .top-bar{margin-top:55px;}
    .tabs dd > a, .tabs .tab-title > a{padding:0.875rem;}
    .top-bar-section .right li .dropdown{left:auto;right:auto;}
    
    .top-bar{background:transparent;}
    .top-bar-section ul li,
    .top-bar-section li:not(.has-form) a:not(.button)
    {background:transparent;}

    .top-bar-section li:not(.has-form) a:not(.button)
    {padding:0;margin-left:1rem;}
    
    .top-bar-section li:not(.has-form) .dropdown a:not(.button)
    {
        padding:0 1rem;
    }
    
    .top-bar-section ul li > a{color:#333;}

    .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button)
    {
        font-size:16px;
        text-align:left;
    }
    .home .tabs-content .content img
    {
       margin-right: -17.4%;
        right: auto;
        position: relative;
        float:right;
        padding-left:20px;
        width:66.66667%
    }
    .vertical 
    {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
    }
    
    .top-bar-section .has-dropdown > a{padding-right:0!important;}
    
    .top-bar-section ul li:hover:not(.has-form) > a,
    .top-bar-section li:not(.has-form) a:not(.button):hover
    {
        background-color: #fff;
        background: #fff;
        color: #222;
    }
   

} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */


@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */


@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */