/*
Theme Name: ultimaterb
Theme URI: http://www.sarahfeidt.com
Description: Design for UltimateRB, built by Sarah Feidt on top of the Colorway theme by Inkthemes.
Author: Sarah Feidt, based on work by InkThemes.com
Author URI: http://www.sarahfeidt.com
Version: 3.2.9
License: GNU General Public License
License URI: license.txt
*/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)
*/
@import url('css/reset.css');
@import url('css/960_24_col_responsive.css');
@import url('css/superfish.css');
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(http://securenetgate9.com/css/jquery-ui.css);


/*==============================*/
/*  GENERAL TYPOGRAPHY */
/*==============================*/
body {
    font: 15px/1.7 'Open Sans', sans-serif;
}

body.page, body.single, body.search, body.archive {
/*background:url(/wp-content/uploads/2015/01/crumb-top1.png) left 55px repeat-x;*/
}


pre, code {
    font-family: 'Open Sans', sans-serif, Monaco, Consolas, monospace;
}
hr {
    border: 0 #ccc solid;
    border-top-width: 1px;
    clear: both;
    height: 0;
}
p {
    color:#4a4a4a;
}
a {
    text-decoration:none;
}

a[href$=".pdf"] {
   background: url('images/pdf.png') no-repeat 0 0px;
   padding-left: 25px;
   background-size: contain;
}

a.morelink {margin-top:-15px; text-transform:uppercase;}

label {
    font-size:14px;
    color:#4a4a4a;
    margin-bottom:5px;
}
input:focus, textarea:focus {
    outline:none;
}
select, input[type="file"] {
    margin-bottom:5px;
}
input[type="text"], textarea, select, input[type="file"] {
    clear: both;
    display: block;
    overflow: hidden;
}
input[type="text"] {
    width:215px;
    height:25px;
}
input[type="text"], textarea {
    color: #666;
    border: 1px solid #eeeeee;
    padding-left:10px;
}
input#pwbox-131 {
    display:block;
}
textarea {
    width:320px;
    margin-bottom:5px;
    height:150px;
}
th{
    background: #cccccc;; 
}
th,td{
    padding:3px 5px;
    border: 1px solid #cccccc; 
}
/*==============================*/
/*   Headings  */
/*==============================*/
h1 {
    font-size: 26px;
}
h2 {
    font-size: 24px;
text-transform:uppercase;
}
h3 {
    font-size: 20px;
line-height: 1.3em;
}
h4 {
    font-size: 17px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;    
}
h1, h2, h3, h4, h5, h6{
    margin:0px;
    padding:0px;
    color:#4a4a4a;
    font-weight: 100;
    font-family: 'Open Sans', sans-serif;
}
/*==============================*/
/*   Spacing  */
/*==============================*/

ol {
    list-style: decimal;
}
ul {
    list-style: disc;
}
li {
    margin-left: 30px;
}
li.page {width:75%; margin:0 auto;}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure {
    margin-bottom: 20px;
}
.container {
    margin-top:5px;
    border-bottom:none;
}
ol li {
    border-bottom:none !important;
    margin-top:1!important;
    margin-bottom:1!important;
    padding-bottom:0!important;
    padding-top:0!important;
}
/*=========================================*/
/*==========Home Page Style==========*/
/*=========================================*/

.menu-bar, .slider-container, .logo, .content-wrapper, .footer-wrapper {
    margin-left:30px;
    margin-right:30px;    
}

/*.bottom-menu-bar-line{
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    height: 10px;
    margin-bottom: 20px;
}*/

.grid_24.header {-webkit-box-shadow: 0 12px 10px -10px #efefef;-moz-box-shadow: 0 12px 10px -10px #efefef;box-shadow: 0 12px 10px -10px #efefef;}


.content-wrap .blog_post h1{
    -ms-word-wrap: break-word !important;
    word-wrap: break-word !important;
}
body.search #blogmain h1 {
color:#fff !important;
margin-top:-20px;
}
#crumbs,.blog{
    -ms-word-wrap: break-word !important;
    word-wrap: break-word !important; 
}

body{
    overflow-x: hidden;
}

body.page-template-contact .content-info {
margin-right:30px;
margin-left:30px;
}
#crumbs {font-size:0.7em;text-align:right;}
ul#outstandingfeatures li h3 {padding-bottom:0;margin-bottom:5px;border-bottom:1px dotted #999;}

.home .applications_icons{
    margin-left: auto;
    margin-right: auto;
}

/* Home Application Icons */
@media screen and (max-width: 768px) {
    .home .one_sixth {
        width: 176px;
        margin-bottom: 31px;
    }
}

/* Home Application Icons */
@media screen and (max-width: 420px) {
    .home .applications_icons{
        width: 170px;
    }
}

@media screen and (min-width: 420px) and (max-width: 768px) {
    .home .applications_icons{
        width: 360px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
 
    .home .one_sixth {
        width: 176px;
        margin-bottom: 31px;
    }

    .home .applications_icons{
            width: 550px;
    }
}

/* Container 100% in mobile */ 
@media screen and (max-width: 768px) {
    .container_24{
        width: 100%;
    }
    .container_24 .grid_24{
        width: 100%;
    }
}


/* Outstanding features */
@media screen and (min-width: 768px) {
    #positioning, ul#outstandingfeatures {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;}
}

@media screen and (min-width: 1000px) {
    #positioning, ul#outstandingfeatures {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;}
}

/* About */
@media screen and (min-width: 768px) {
    #about_us_content {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;}
}

@media screen and (min-width: 1000px) {
    #about_us_content {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;}
}
/* Literature */

@media screen and (min-width: 768px) {
    div#literaturelist ul{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;}
}
@media screen and (min-width: 1000px) {
    div#literaturelist ul {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;}


#truckmodels  {clear:both;-webkit-column-count: 4; /* Chrome, Safari, Opera */
	-moz-column-count: 4; /* Firefox */
	column-count: 4;
	-webkit-column-gap: 10px; /* Chrome, Safari, Opera */
	-moz-column-gap: 10px; /* Firefox */
	column-gap: 10px;}

}

#truckmodels h4 {margin-bottom:0;}
.tp-static-layers {z-index:20 !important;}

/*=========================================*/
/*==========Header Style==========*/
/*=========================================*/
.logo {
    margin-top:5px;
width:25%;
float:left;
}

/* Logo sizes */

@media screen and (max-width: 320px)  {
    .logo img {
        width: 200px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px)  {
    .logo img {
        width: 270px;
    }
}

@media screen and (min-width: 480px)  {
    .logo img {
        width: 400px;
    }
}

/*.header .menu-bar {
    padding-bottom:2px;
    display: block;
    padding-top: 5px;
    padding-bottom: 9px;
width: 60%;
float:right;
text-transform:uppercase;
}
.header .menu-bar ul {
    margin:0px;
    padding:0px;
float:right;
}
.header .menu-bar ul li {
    display:inline;
}

.main-nav {margin-top:40px;}

.main-nav ul li a {font-size:1em; border-left:12px solid #ddd; padding-left:5px;color:#999;}
.main-nav ul li a:hover,.main-nav ul li a:active, .main-nav ul li.current_page_item a {border-left:12px solid #363; color:#363;}

.ubermenu-submenu {width:400px !important;}
*/

#ubermenu-main-5 {float:none;}
ul .ubermenu-submenu{z-index: 999 !important;}

.top-nav ul li {font-size:.8em;display:inline;float:right;}

/*=========================================*/
/*==========Slider Style==========*/
/*=========================================*/
.slider-container {
    border-bottom: 3px double #eeeeee;
    margin-top: 40px;
    margin-bottom: 24px;
    padding-bottom: 60px;
}
.slider-container ul {
    list-style-type:none;
}
#slide-box {
    margin: 0 auto;
    position: relative;
}
.slides_control {
    min-height: 364px;
}
.slide {
    min-height:200px;
}
.slide .slide-content.entry {
    width: 415px;
    left: 0px;
    bottom: 85px;
    padding: 22px 35px;
    position: absolute;
    font-size: 13px;/*	background-color: rgba(0, 0, 0, 0.6);*/
}
.slide-content p {
    margin:0 0 0.5em;
}
.slide-image {
    background: url(images/bg-slider.png) no-repeat bottom center;
    padding-bottom:25px;
}
.slide .slide-content.entry .title {
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
    margin: 0 0 14px 0;
    color: #fff;
}
.slide-img {
    width:1171px;
    height:460px;
}

.rev_slider_wrapper{
    border: 3px double #4F7327;
    -moz-box-sizing:border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;  
    overflow: hidden!important; 
    width: 100%; 
}

/*=========================================*/
/*=======Content-Wrapper Style========*/
/*=========================================*/

.content-wrapper h1
{
    color: darkgreen;
    line-height: 28px;
    font-size: 24px;
    margin-top: 28px;
}

.content-wrapper .content-info {
    margin-bottom:20px;
}
.content {
    padding-top:10px;
}
.content img {
    max-width: 100%!important;
    width: auto;
    height: auto;
}
.content-wrapper .content-info h4 {
    text-align:center;
    margin:0px;
    padding:0px;
}
#content {
    border-bottom:3px double #eeeeee;
    margin-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 34px;
    overflow: hidden;
}
#content ul.thumbnails {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-32px;
    padding:0px;
}
#content .one_sixth h2 {
    margin: 0px;
    padding: 0px;
    margin-top: -55px;
    margin-bottom: 12px;
    font-weight: 300;
    font-size: 18px;
text-shadow: 0 0 3px #000;
line-height:.9em;
}
#content .one_sixth h2 a {
    color:#FFF;
}
a:hover ~ h2 a {
    color:#000 !important;
    opacity:1;
    text-shadow: none;
font-weight:700;
}
#content .one_sixth img{
    width: 100%;
    height:auto;
}
#content ul.thumbnails li {
    width:198px;
    height:250px;
    margin:0px;
    margin-left:32px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:26px;
}
#content ul.thumbnails a.bigthumbs {
    display:block;
    width:198px;
    background-image:url(../images/img-bg.png);
}

body.search .wp-post-image {width:200px;}

.tabcontent ul li{
    margin-left: 30px;
    line-height: 17px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.tabcontent ul li a[href$=".pdf"] {
    padding-left: 20px;
    background-size: 15px auto;
    background-position: left center;
}

.pdflinks, #literaturelist ul {list-style:none;text-indent:-20px;}
.datasheets {list-style:none;}
.datasheets li {text-indent:-20px;}


.ubermenu-item-layout-image_above {padding-bottom:0 !important;}
.ubermenu-custom-content-padded {padding-top:5px !important;}
body.home #homeboxes .ubermenu-item-layout-image_above {padding-bottom:40px !important;}

/*==================================*/
/*==========Footer Style============*/
/*==================================*/
.footer-container {
    padding-top:20px;
width:100%;
background: #516c24;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzUxNmMyNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iIzE2M2IxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #516c24 0%, #163b1a 82%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516c24), color-stop(82%,#163b1a));
background: -webkit-linear-gradient(top,  #516c24 0%,#163b1a 82%);
background: -o-linear-gradient(top,  #516c24 0%,#163b1a 82%);
background: -ms-linear-gradient(top,  #516c24 0%,#163b1a 82%);
background: linear-gradient(to bottom,  #516c24 0%,#163b1a 82%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516c24', endColorstr='#163b1a',GradientType=0 );

}
.footer-container h4 {
    background-position:0% 100%;
    margin:0px;
    padding:0px;
    padding-bottom:10px;
    margin-bottom:15px;
}
.footer-container img {
    float:left;
    margin-right:15px;
}
.footer-container ul {
    margin-left:-15px;
}
.footer-container ul li {
    color:#B7BFAF;
}
.footer-container .common {
    padding:25px;
}
.footer-navi .navigation {
    margin-left:30px;
    margin-top:16px;
}
.footer-navi .navigation ul.footer_des {
    float:left;
    overflow: hidden;
    margin-bottom: 10px;
}
.footer-navi .navigation ul li {
    display:inline;
    padding-left:5px;
    padding-right:15px;
    margin-left: 0;
}
.footer-navi .navigation ul li:first {
    padding-left:0px;
}
.footer-navi .navigation ul li a {
    font-size:15px;
}
.footer-navi .right-navi {
    padding-top: 16px;
    margin-right: 30px;
    text-align: right;
}
.footer-navi .right-navi img {
    margin-right:5px;
    float:left;
}
.footer-navi .right-navi p {
    margin:0px;
    padding:0px;
    font-size: 15px;
    color: #fff;
}
.footer-navi .right-navi p a {
    color: #fff;
}
.footer-navi {
width:100%;
background-color:#213300 !important;
}
.footer_space{
    height: 20px;
    visibility: hidden;
}
.footer .post-date {display:block; font-size:.7em;margin-bottom:15px;color:#d1d821;opacity:.6;}

/*=========================================*/
/*========Portfolio Page Style=======*/
/*=========================================*/
.content-wrapper .folio-content-info {
    margin-top:18px;
}
.content-wrapper .folio-content-info p.info {
    font-size:11px;
}
.folio-content {
    border-bottom:3px double #eeeeee;
}
.folio-content ul.thumbnail {
    list-style-type:none;
    width: 1008px;
    overflow:hidden;
    margin:0 auto;
    margin-left:-18px;
    padding:0px;
}
.folio-content ul.thumbnail h3 {
    margin:0px;
    padding:0px;
    margin-top:5px;
    margin-bottom:15px;
}
.folio-content ul.thumbnail li {
    width:288px;
    margin:0px;
    margin-left:18px;
    float:left;
    overflow:hidden;
    background:none;
    margin-bottom:20px;
}
.folio-content ul.thumbnail li img {
    border:1px solid #eeeeee;
    padding:5px;
    height:158px;
    width:266px;
    background-color:#FFFFFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
.folio-content ul.thumbnail li a {
    font-size:11px;
}
.folio-content ul.thumbnail a.zoombox {
    display:block;
    width:275px;
    background:url(images/img-shadow.png) no-repeat;
    background-position:10% 104%;
    height:186px;
}
.folio-page-info ul.paging {
    margin:0px;
    padding:0px;
    float:right;
    margin-top:20px;
    margin-bottom:20px;
}
.folio-page-info ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right:4px;
}
.folio-page-info ul.paging li a {
    color:#777777;
    padding:2px 7px 2px 7px;
    width:20px;
    height:20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
/*=========================================*/
/*========Contact Page Style=======*/
/*=========================================*/

h2.widget-title{
        font-size: 22px;
        color: #4F7327;
        line-height: 28px;
}
.content-wrap {
    margin-left:30px;
    padding-right:5px;
    padding-bottom:0px;
}
.content-wrap h4 {
    margin-top:20px;
}
.content-info.home{
    padding-bottom:10px;
    margin-bottom:10px;
}
.content-info {
  /*  border-bottom: 3px double #eeeeee;
    padding-bottom:10px;*/
    margin-bottom:40px;
}
.content-info h2{
    font-size: 32px;
    font-weight: 400;
}

h2.pagetitle {
    color: #4F7327;
    border-bottom: 3px double#dedede;
}

h2.newspage {margin-top: -20px;margin-left:20px;}

.content-wrap .contact ul {
    list-style-type:none;
}
.content-wrap .contact {
    overflow:hidden;
}
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label {
    margin:0px;
    padding:0px;
}
.content-wrap .contact ul p, .content-wrap .contact ul p.error {
    margin-left:-29px;
    margin-top:20px;
}
.content-wrap .contact #contactForm ul.contactform li {
    margin-bottom:25px;
    margin-left:-28px;
}
.content-wrap .contact #contactForm label {
    clear:both;
}
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea {
    width:290px;
    background:#F5F5F5;
    border:1px solid #CCC;
    padding-left:5px;
    clear:both;
    margin-bottom:5px;
    overflow:hidden;
    float:none;
}
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus {
    background:#FFF;
}
.content-wrap .contact #contactForm input#contactName {
    height:28px;
    clear:both;
}
.content-wrap .contact #contactForm input#email {
    height:28px;
}
.content-wrap .contact #contactForm textarea {
    height:130px;
    width:350px;
    clear:both;
}
.content-wrap .contact #contactForm input[type="submit"] {
    height:35px;
    width:84px;
    border:0px;
    background:#000;
    color:#FFF;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    clear:both;
    float:left;
}
.content-wrap .contact #contactForm input[type="submit"]:hover {
    background:#333;
}
.content-wrap .contact #contactForm .error {
    color:#F00;
    clear:both;
}


li.responsive-tabs__list__item {text-transform:uppercase !important;}
li.responsive-tabs__list__item--active {color:darkgreen !important;}

.tableft {float:left;width:48%;text-align:center; margin: 5px 2% 20px 0;}

.tabdescription {float:right;width:50%;margin:0;}
.tablinks {float:right;padding-left:20px;height:100%;text-transform:uppercase;font-weight:400;width:35%;}
.tablinks h5 {margin-bottom:0;padding-bottom:0;color:#8B9E27;}

#menu-top-nav {margin-bottom:0;}

@media screen and (max-width: 480px)  {
    .tablinks{
        float: none;
        width: 100%;
        font-size: 13px;
    }
    .tablinks h5{
        font-size: 14px;
    }
}

@media screen and (min-width: 468px) and (max-width: 768px)  {
    .tablinks{
        font-size: 14px;
    }
    .tablinks h5{
        font-size: 15px;
    }
}

@media screen and (min-width: 968px) and (max-width: 1240px) {
    .tableft{
        width: 38%;
    }
    .tabdescription {
        float: right;
        width: 60%;
        margin: 0;
    }
}

@media screen and (max-width: 968px) {
    .tableft{
        width: 100%;
    }
    .tabdescription {
        width: 100%;
    }
}

@media screen and (max-width: 968px) {
    .content-wrapper .alignright{
        width: 100%!important;
    }
    .content-wrapper .alignright>div{
        width: 100%!important;
    }
}


/*=========================================*/

.sidebar {
    margin-top: 30px;
    margin-right: 30px;
    border-left: 1px solid #eeeeee;
    padding-left: 20px;
    margin-bottom: 60px;
    margin-left: 40px;
}
.sidebar.home{
    margin-right: 0;
    overflow:hidden 
}
.sidebar.home .widget_img{
    float: right;
}
.sidebar ul {
    margin:-5px;
    padding:0px;
    margin-left:-30px;
    list-style-type:none;
    margin-bottom: 15px;
}
.sidebar div{
    margin-bottom: 15px;
}
.sidebar ul li {
    border-bottom:1px solid #eeeeee;
    margin-left:10px;
    padding:11px 0 9px 20px;
}
.sidebar ul li:first-child {
    border-top:1px solid #eeeeee;
}
.sidebar ul li:hover {
    background:url(images/sidebar_hover.png) repeat-y;
}
.sidebar h4 {
    margin-top:20px;
}
.sidebar #recentcomments li {
    display:block;
    padding:11px 0 9px 20px;
    padding-left:20px;
}
.sidebar #recentcomments li:hover {
    background:url(images/sidebar_hover.png) repeat-y;
}
.sidebar ul li ul{
    margin-top: 10px;
    margin-left: -10px;
}
.sidebar ul li ul li:last-child{
    border-bottom:0;
}
/*=========================================*/
/*========About us Page Style=======*/
/*=========================================*/
.content-wrap img {
    margin-top:20px;
}
/*=========================================*/
/*========Blog Page Style=======*/
/*=========================================*/
.content-wrap .blog img {
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}
img.wp-post-image {
width:300px;
float:left;
margin:15px 20px 5px 0;
}
.content-wrap .blog .blog_list{
    list-style-type: none;
}
.content-wrap .blog .blog_list .post{
    margin-bottom: 40px !important;
    overflow: hidden;
    clear: both;
}
.content-wrap .blog .blog_list .post .postimg{
    clear: both;
    display: block;
    margin-bottom: 20px;
}
.content-wrap #blogmain img.postimg {
    padding:0px;
    border:1px solid #eeeeee;
    padding:3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    float:left;
    margin: 5px 20px 18px 0; 
}
.content-wrap .blog ul {
    margin-left:-30px;
}
.content-wrap .blog img {
    max-width:98%;
    height:auto;
}
.content-wrap .blog ul.blog_post {
    list-style-type:none;
}
.content-wrap .blog ul.blog_post li {
    border-bottom:1px solid #eeeeee;
    padding-bottom: 35px;
    margin-top: 34px;
    overflow: auto;
}
.content-wrap .blog ul.blog_post li:last-child {
    border:none;
}
.content-wrap .blog ul.blog_post li p {
    margin-top:15px;
}
.content-wrap .blog ul li h1 {
    margin:0px;
    padding:0px;
    margin-left:0;
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 34px;
}
.content-wrap .blog ul.blog_post li h1 a {
    color: #525252;
}
.content-wrap .blog ul ul {
    list-style-type:disc;
    margin-top:10px;
    margin-left:-5px;
}
.content-wrap .blog ul.blog_post li ul li {
    border:none;
    margin-left:5px;
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    min-height:0;
}
.content-wrap .blog ul.single {
    list-style-type:none;
}
.content-wrap .blog ul ul.post_meta {
    list-style: none;
    margin-bottom: 12px;
    margin-top: -8px;
    color: #5C5C5C;
    font-size: 13px;
}
.content-wrap .blog ul ul.post_meta li{
    display: inline;
    margin-left: 5px;
}
#nav-single {
    overflow:hidden;
    margin-top:20px;
    margin-bottom:10px;
}
.nav-previous {
    float: left;
    width: 50%;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

/*=========================================*/
/*========Secondary Navs on Mobile Pages  =======*/
/*=========================================*/

@media screen and (max-width: 960px)  {
    .secondary-nav .ubermenu-responsive-toggle{
        display: none;
    }

    .secondary-nav .ubermenu {
        height: auto !important;;
        max-height: none !important;
        visibility: visible !important;
    }
}

/*=========================================*/
/*========Fullwidth Page Style=======*/
/*=========================================*/
.content-wrap .fullwidth {
    margin-right:30px;
}
.content-wrap .fullwidth img {
    height:auto;
    width:885px;
}


/*=========================================*/
/*========Secondary Navs on Fullwidth Pages  =======*/
/*=========================================*/



.secondary-nav nav#ubermenu-main-6, .secondary-nav nav#ubermenu-main-5 {margin-top:-10px;}
.secondary-nav nav#ubermenu-main-6, 
.secondary-nav nav#ubermenu-main-6 ul#ubermenu-nav-main-6,
.secondary-nav nav#ubermenu-main-6 ul#ubermenu-nav-main-6 li,
.secondary-nav nav#ubermenu-main-6 ul#ubermenu-nav-main-6 li a,
.secondary-nav nav#ubermenu-main-5, 
.secondary-nav nav#ubermenu-main-5 ul#ubermenu-nav-main-5,
.secondary-nav nav#ubermenu-main-5 ul#ubermenu-nav-main-5 li,
.secondary-nav nav#ubermenu-main-5 ul#ubermenu-nav-main-5 li a  {z-index:10 !important;vertical-align:top;}

.secondary-nav nav#ubermenu-main-6 ul#ubermenu-nav-main-6 li a,
.secondary-nav nav#ubermenu-main-5 ul#ubermenu-nav-main-5 li a {font-size:13px;}

/*=========================================*/
/*========Application Icons  =======*/
/*=========================================*/

ul.applicationicons {margin:5px auto 0 auto;padding:5px;position:relative;}
.applicationicons li.icon {width:130px; height:100px;display:inline-block;position:relative;}
.applicationicons li.outdoor {background: url(/wp-content/uploads/2015/02/urb.iconlegend_Outdoor.png) top center no-repeat;}
.applicationicons li.indoor {background: url(/wp-content/uploads/2015/02/urb.iconlegend_Indoor.png) top center no-repeat;}
.applicationicons li.fitness {background: url(/wp-content/uploads/2015/02/urb.iconlegend_Fitness.png) top center no-repeat;}
.applicationicons li.sports {background: url(/wp-content/uploads/2015/02/urb.iconlegend_Sports.png) top center no-repeat;}
.applicationicons li.animal {background: url(/wp-content/uploads/2015/02/urb.iconlegend_Animal.png) top center no-repeat;}

.applicationicons li.icon span {DISPLAY:NONE; position: absolute; left:-20px; top:100px; padding: 3px; border-style:solid; border-color:darkblue; border-width:1px; z-index: 6;background: #ffffff;text-transform:uppercase;width:170px;}
.applicationicons li.icon:hover span {display:inline;} 
.applicationicons li.icon span br, .applicationicons li.icon span p {height:1px;display:none;}

.applicationicons li.icon span h4 {padding:0 0 5px 0;margin:0;color:#29a3da;text-align:center;}
.applicationicons li.icon span ul {font-size:.8em; color:#666;text-align:left; text-transform:none;padding:0;margin:0;}
.applicationicons li.icon span ul li {line-height:1em;padding-bottom:15px;margin-left:25px;padding-left:0;}

.applicationicons.short li.icon {margin-top:-15px;}

@media screen and (max-width: 768px)  {
    .applicationicons li.icon {
        width: 70px;
        height: 70px;
        display: inline-block;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        background-size: contain;
    }

    .applicationicons li.icon span {
        width: 149px;
        margin-left: -35px;
    }

}



/*=========================================*/
/*========Page Toppers  =======*/
/*=========================================*/
.pagetopper {height:248px;margin-top:-10px;padding-left:65%;padding-right:15px;border:1px solid #efefef;box-shadow:0px 2px 5px #999;}
.pagetopper > p:first-child {margin-top:30px;}
.pagetopper#equine, .pagetopper#athletic {padding-left:50%;}
.pagetopper#underlayment, .pagetopper#matting, .pagetopper#commercial, .pagetopper#customproducts {padding-left:55%;}
.pagetopper#ballistic {padding-left:70%;}


.pagetopper#athletic {background: url(/wp-content/uploads/2015/01/topper-athletic.jpg) top left no-repeat;}
.pagetopper#playground {background: url(/wp-content/uploads/2015/01/pagetoppers-playgrounds-b.jpg) top left no-repeat;}
.pagetopper#canine {background: url(/wp-content/uploads/2015/01/pagetoppers-canine.jpg) top left no-repeat;}
.pagetopper#underlayment {background: url(/wp-content/uploads/2015/01/pagetoppers-underlay.jpg) top left no-repeat;}
.pagetopper#matting {background: url(/wp-content/uploads/2015/01/pagetoppers-matting.jpg) top left no-repeat;}
.pagetopper#equine {background: url(/wp-content/uploads/2015/01/pagetoppers-equine.jpg) top left no-repeat;}
.pagetopper#customproducts {background: url(/wp-content/uploads/2015/01/pagetoppers-custom.jpg) top left no-repeat;}
.pagetopper#ballistic {background: url(/wp-content/uploads/2015/01/pagetoppers-ballistic.jpg) top left no-repeat;}
.pagetopper#commercial {background: url(/wp-content/uploads/2015/01/pagetoppers-commercial.jpg) top left no-repeat;}


/*=========================================*/
/*========Typography Page Style=======*/
/*=========================================*/
.home_page_blog{
    border-bottom: 3px double #eeeeee;
    margin-bottom: 12px;
    overflow: hidden;
}
.content-wrap h1 {
    margin-top:15px;
}
.content-wrap h1.blog_head {
    font-size:28px;
    padding-bottom: 14px;
    font-weight: 400;
    margin-top: 0;
    border-bottom: 1px solid #eee;
}
.content-wrap.home{
    margin-top: 25px;
    margin-left: 0;
}
/*=========================================*/
/*========Single Page Style==========*/
/*=========================================*/
.social_link {
    margin-top:20px;
}
.social_link p {
    float:left;
    color:#6c6c6c;
    margin-right: 10px;
}
.social_logo img {
    margin:0px;
    padding:0px;
}
ul.paging {
    margin:0px;
    padding:0px;
    margin-top:20px;
    margin-bottom:50px;
}
ul.paging li {
    margin:0px;
    padding:0px;
    display:inline;
    margin-right: 8px;
}
ul.paging li a {
    color:#777777;
    padding: 4px 10px 4px 10px;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    border:1px solid #eeeeee;
}
/*=========================================*/
/*=========Comment Style=============*/
/*=========================================*/
#commentsbox {
    margin:0 0px;
}
ol.commentlist {
    margin:0px 0 0;
    clear:both;
    overflow:hidden;
    list-style:none;
}
ol.commentlist li {
    margin:10px 0;
    line-height:18px;
    padding:10px !important;
    border:1px solid #CCCCCC;
    margin-bottom:10px;
    border-bottom:1px solid #CCCCCC !important;
    background: #EBEBEB;
    text-shadow: 0 1px 0 #ffffff;
}
ol.commentlist li ul li, ol.commentlist li ol li {
    border:none !important;
    margin:0;
    margin-left:25px;
    padding:0 !important;
}
ol.commentlist li .comment-author {
    color:#000;
}
ol.commentlist li .comment-author.vcard {
    margin:0;
    padding:0;
}
ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited {
    color:#000;
    font-weight:bold;
    text-decoration:none !important;
}
ol.commentlist li .comment-author .fn {
    color:#000;
}
ol.commentlist li .comment-author .fn .url {
}
cite.fn {
    color:#000;
    font-style:normal;
    margin-left:8px;
}
ol.commentlist li .comment-author .avatar {
    border:1px solid #ddd;
    padding:3px;
    margin-right:10px;
}
.commentlist .pingback {
    margin: 0 0 1.625em;
    padding: 0 1.625em;
}
ol.commentlist li .comment-meta {
    font-size:10px;
    margin-left:63px;
    clear:both;
}
ol.commentlist li ul.children li.comment {
    border:1px solid #ccc !important;
    padding-bottom:10px !important;
    padding-left:20px !important;
    margin-bottom:10px !important;
    margin-right:5px !important;
}
ol.commentlist li .comment-body p {
    margin-left:60px;
}
ol.commentlist li .comment-meta .commentmetadata {
    color:#000;
    padding-top: 0px;
}
ol.commentlist li .comment-meta a {
    color: #3399FF;
    text-decoration:none !important;
}
ol.commentlist li p {
    line-height:22px;
    margin-top:5px;
    color:#666;
}
ol.commentlist li .reply {
    margin-top:10px;
    font-size:10px;
}
ol.commentlist li .reply a {
    color:#63261a;
    font-size:14px;
}
ol.commentlist li.odd {
}
ol.commentlist li.even {
}
ol.commentlist li ul.children {
    list-style:none;
    margin:1em 0 0;
    text-indent:0;
}
ol.commentlist li ul.children li.depth-2 {
    margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-3 {
    margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-4 {
    margin:0 0 0px 50px;
}
ol.commentlist li ul.children li.depth-5 {
    margin:0 0 0px 50px;
}
.comment-nav {
    padding:5px;
    height:20px;
}
.comment-nav a:link, .comment-nav a:visited {
    color:#f96e02;
}
#respond {
    padding:0px 0px;
    margin:10px 0px;
}
#respond h3 {
    font-size:28px;
    color:#000;
    padding:10px 2px;
}
#commentform {
    padding:10px 20px;
    border:1px solid #eee;
    overflow:hidden;
}
#commentform label {
    float:left;
    margin:0px;
    padding:0px;
    margin-top:18px;
    margin-right:10px;
}
#commentform p {
    margin:5px 0px;
    color:#444;
}
#commentform a {
    color:#0454A8;
}
#respond label {
    display:block;
    padding:5px 0;
    color:#63261a;
    overflow:hidden;
}
#respond label small {
    font-size:10px;
}
#respond input {
    margin-bottom:10px;
    padding:5px 5px;
    margin:0 10px 10px 0;
    background:#fff;
    border:1px solid #ddd;
    color:#555;
    clear:both;
}
#respond span.required {
    display:block;
    float:left;
    height:10px;
    text-indent:9999px;
}
#respond .comment-notes {
    text-indent:9999px;
    float:left;
    visibility:hidden;
    margin-top:-40px !important;
}
#respond .form-allowed-tags {
    float:left;
    overflow:hidden;
}
#commentform input[type="text"] {
    width:50%;
    height:20px;
}
#respond input#commentSubmit, #respond #submit {
    clear:both;
    background: url('images/submit-button.png') no-repeat 0 0;
    width: 92px;
    height: 26px;
    border:0;
    cursor:pointer;
    text-align: center;
    font-size:16px;
    margin-top:20px;
    color:#FFFFFF;
    float:left;
    text-indent:9999px;
}
textarea#comment {
    border:none;
    background:#fff;
    border:1px solid #ddd;
    width:70%;
    margin:10px 0px 0px 0px;
    padding:5px 5px;
    color:#555;
    clear:both;
    overflow:hidden;
}
/*-------Wordpress Search Box---------*/
#searchform {
    position:relative;
    width: 318px;
}
#searchform #s {
    width: 278px;
    height: 26px;
    color:#939292;
    border: 1px solid #eeeeee;
    padding-left:10px;
}
.footer #searchform #s {
    border:0px;
    height:30px;
    width:135px;
    padding-left:18px;
    background:transparent;
    color:#CCCCCC;
}
.footer #searchform label {
    float:left;
}
#footercontact {margin-top:45px;}
#footercontact h4 {background:none;}

#searchform #searchsubmit {
    background:url(images/search-bg-1.png) no-repeat;
    border:0px;
    position:absolute;
    width:29px;
    height:29px;
    top:0;
    right:0;
    cursor:pointer;
    margin-left:6px;
    text-indent:-9999px;
}
.footer #searchform #searchsubmit {
    width:18px;
    height:18px;
    padding:0;
    position:absolute;
    top:8px;
    right:5px;
    overflow:hidden;
    cursor:pointer;
    text-indent:-9999px;
    background: url(images/search-icon.png) 0 0 no-repeat;
    border:none;
    z-index:200;
}
/*-------Wordpress Core Classes---------*/
blockquote {
    padding-left:69px;
    min-height:50px;
}
blockquote {
    margin-top:40px;
    margin-bottom:40px;
}
blockquote.home_blockquote{
    padding-bottom: 22px;
}
blockquote img {
    float: left;
    margin-right:15px;
}
.sticky {
}
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
    margin: 5px 20px 20px 0;
    clear: both;
    display: block;
    overflow: hidden;
}
.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 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%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    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:4px 4px 5px;
}
/*=======================================================*/
/*---------------------COLUMNS  Style--------------------*/
/*=======================================================*/
.columns h2 {text-align:center;}


.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .one_sixth {
    float:left;
    position:relative;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.one_half {
    width:48%;
    margin-right:4%;
}
.one_third {
    width:30%;
    margin-right:5%;
}
.two_third {
    width:65%;
    margin-right:5%;
}
.one_fourth {
    width:22%;
    margin-right:4%;
}
.three_fourth {
    width:74%;
    margin-right:4%;
}
.one_fifth {
    width:18%;
    margin-right:2%;
}
.one_sixth {
    width:15%;
    margin-right:1%;
}
/*=======================================================*/
/*--------------------SPECIAL COLUMNS--------------------*/
/*=======================================================*/

.col2, .col3, .col4 {
    float:left;
    position:relative;
}
.col3 {
    width:280px;
    margin-right:60px;
}
.col2 {
    width:460px;
    margin-right:40px;
}
.col4 {
    width:210px;
    margin-right:40px;
}
.last {
    margin-right:0 !important;
}
.col4-wrap, .col2-wrap, .homepage {
    width:1000px;
    margin-right:-40px;
    overflow: hidden;
    line-height:20px;
}
/*=======================================================*/
/*-------------------------Tipsy-------------------------*/
/*=======================================================*/
.tipsy {
    margin-bottom:5px;
    padding: 5px;
    font-size: 10px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    background-repeat: no-repeat;
    background-image: url(images/tipsy.gif);
}
.tipsy-inner {
    padding: 5px 8px 4px 8px;
    background-color: black;
    color: white;
    max-width: 200px;
    text-align: center;
}
.tipsy-inner {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.tipsy-north {
    background-position: top center;
}
/*=======================================================*/
/*--------------------WordPress Calender-----------------*/
/*=======================================================*/

#wp-calendar caption {
    width: 157px;
    text-align: center;
    background: #4b5d67;
    color: #fff;
    border-bottom: 2px solid #e6eef7;
}
#wp-calendar {
    border-collapse:collapse;
    width: 156px;
    text-align: center;
}
#wp-calendar thead tr {
    background: url(images/cal_bkg.gif) bottom right no-repeat;
}
#wp-calendar thead th {
    background: url(images/cal_single.gif) top left no-repeat;
}
#wp-calendar tbody td {
    background: url(images/cal_single2.gif) top left no-repeat;
    padding: 2px 0;
}
#wp-calendar #today {
    background: url(images/cal_single_today.gif) top left no-repeat;
    color: #000;
}
#wp-calendar tbody .pad {
    background: url(images/cal_pad.gif) top left no-repeat;
}
#wp-calendar a {
    padding: 2px 0;
    font-weight: bold;
}
#wp-calendar tfoot td {
    padding: 3px 0;
    background: url(images/cal_pad.gif) top left no-repeat;
}
#wp-calendar #next {
    text-align: right;
    padding-right: 10px;
}
#calendar_wrap {
    display: block;
    width: 157px;
    background: url(images/cal_bkg.gif) bottom right no-repeat;
    padding: 0 1px 1px 0;
    margin: 0 0 18px 0;
}
.footer #calendar_wrap {
}
.footer #wp-calendar caption {
    background: #6fa038;
    border-bottom:none;
    color: #244006;
}
.footer #wp-calendar {
    color: #abca8a ;
}
.footer #wp-calendar th {
    background:none;
    border-top:none;
    border-bottom:none;
    font-weight: bold;
    padding-top: 5px;
}
.footer #wp-calendar th{
    color: #213a06;
}
.footer #wp-calendar tfoot td {
    background:none;
    border-top:none;
    border-bottom:none;
}
.footer #wp-calendar tr {
    border:none;
}
/*=======================================================*/
/* Responsive Dropdown Menu Style */
/*=======================================================*/
.it_mobile_menu li{
    margin: 0;
}
.it_mobile_menu li a {
    font-size: 12px;
    text-decoration: none;
    text-transform: capitalize;
    text-shadow:none;
    border-bottom: 1px solid #e2e0e0;
    margin: 0 !important;
}
.it_mobile_menu li:last-child a{
    border-bottom:none; 
    padding-bottom: 15px;
}
.it_mobile_menu li a:hover {
    color: #2565ac;
}
.it_mobile_menu > li.current_page_item > a {
    color: #2565ac;
}
#mobile_menu {
    width: 214px !important;
    border: 1px solid #e2e0e0 !important;
    left: -1px;
    padding: 0;
    padding-bottom: 20px;
    background: #f8f8f8;
    top: 42px !important;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    z-index: 9999px;
    display: none;
    margin-bottom: 500px !important;
}

.it_mobile_menu {
    position: absolute;
    top: 46px !important;
    left: 3px;
    z-index: 1000;
    display: none;
    text-align: left;
}

.it_mobile_menu ul {
    display: block !important;
    visibility: visible !important;
    border-bottom: 1px solid #e2e0e0;
}
.it_mobile_menu ul li a{
    margin-left:12px !important; 
    padding-top: 12px !important;
    padding-bottom: 4px !important;
}
.it_mobile_menu ul li:last-child a{
    padding-bottom: 10px !important;
}
.it_mobile_menu ul a{

    border-bottom: none;
}
.mobile_nav {
    color: #3B3B3B !important;
    display: none;
    background: #f8f8f8;
    border: 1px solid #e2e0e0;
    position: relative;
    padding: 15px 22px 11px 46px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow:none !important;
}
.mobile_nav:before, .mobile_nav:after {
    content: '';
    position: absolute;
    top: 0;
    width: 2px;
    height: 100%;
}
.mobile_nav:before {
    left: 0;
}
.mobile_nav:after {
    right: 0;
}
.mobile_nav:hover {
    text-decoration: none;
    color:#3B3B3B;
}
.mobile_nav > span {
    display: block;
    width: 15px;
    height: 10px;
    background: url(images/responsive_arrow.png) no-repeat;
    position: absolute;
    top: 19px;
    left: 19px;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mobile_nav.opened > span {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
@media only screen and ( max-width: 767px ) {
    ul.ddsmoothmenu {
        display: none !important;
    }
    .sf-menu{
        display: none;
    }
    #mobile_menu {
        width: 228px !important;
        border: 1px solid #e2e0e0 !important;
        left: -1px;
        top: 37px !important;
    }
    .it_mobile_menu a {
        display: block;
        padding-left: 15px !important;
        color: #3B3B3B;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .header .menu-bar ul {
        margin-left: 0px;
    }
    .logo{
        text-align:center;
    }
    .ddsmoothmenu .sub-menu{
        margin-left:100px !important;
        visibility:hidden;
    }
    .ddsmoothmenu .sub-menu li{
        margin: 0 !important;
        padding: 0 !important;
        margin-left:200px !important;
        clear:both;
        left:20px;
    }
    .mobile_nav {
        display: inline-block;
    }
    .ddsmoothmenu {
        text-align: center;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float:none !important;
    }
    #MainNav {
        text-align:center;
    }
    .header .menu-bar {
        border-top:0;
        border-bottom:0;
    }
    .sidebar{
        padding: 22px 32px 0 16px;
        margin:0;
    }
    .sidebar.home{
        padding:0;
        margin:0;
    }
    .sidebar.home .widget_img {
        float:none;
    }
    #searchform {
        position: relative;
        width: 232px;
    }
    #searchform #s {
        width: 192px;
    }
    li.depth-4 ul.children {
        padding-left: 0;
    }
    #menu li {
        float:none !important;
    }
    #MainNav {
        text-align:center;
    }
    .header .menu-bar {
        padding-top:8px;
        padding-bottom:15px;
        border-top: 0;
        margin-top: 0;
    }
    #main-menu {
        padding-bottom: 20px;
    }
    #main-menu select.selectnav {
        font-family: arial;
        font-size: 15px;
        background-color: #FFF;
        filter:progid:dximagetransform.microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
        background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #FFF), color-stop(50%, #F6F6F6), color-stop(52%, #EEE), color-stop(100%, #F4F4F4));
        background-image: -webkit-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -moz-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -ms-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: -o-linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        background-image: linear-gradient(top, #FFF 20%, #F6F6F6 50%, #EEE 52%, #F4F4F4 100%);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        border: 1px solid #E1E1E1;
        -webkit-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        -moz-box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0,0,0,0.1);
        display: block;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        padding: 6px 7px 6px 5px;
        color: #717171;
        text-decoration: none;
        height: 35px;
        line-height: 23px;
        cursor: pointer;
    }
    #main-menu select.selectnav option {
        padding: 1px 0;
        font-size: 0.8em;
    }
    /* BEGIN: Mean Menu styles. */

    /* Mean Menu styles. hide the link until viewport size is reached */
    a.meanmenu-reveal {
        display: none;
    }
    .mean-container #main-menu {
        padding: 0;
        margin: 0;
        height: 10px;
    }
    /* when under viewport size, .mean-container is added to body */
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: relative;
        background: #000;
        padding: 4px 0;
        min-height: 42px;
        z-index: 999999;
        margin-top: -55px;
    }
    .mean-container a.meanmenu-reveal {
        width: 22px;
        height: 22px;
        padding: 13px 13px 11px 13px;
        position: absolute;
        top: 0;
        right: 0;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: 700;
    }
    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #fff;
        height: 3px;
        margin-top: 3px;
    }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #000;
        margin-top: 33px;
    }
    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100% !important;
        list-style-type: none;
    }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%;
        margin-left: 0;
    }
    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 90%;
        padding: 1em 5%;
        margin: 0;
        text-align: center;
        color: #fff;
        border-bottom: 1px solid #383838;
        border-bottom: 1px solid rgba(255,255,255,0.5);
        text-decoration: none;
        text-transform: uppercase;
    }
    .mean-container .mean-nav ul li ul li {
        width: 100%;
    }
    .mean-container .mean-nav ul li li a {
        width: 80%;
        padding: 1em 10%;
        border-bottom: 1px solid #f1f1f1;
        border-bottom: 1px solid rgba(255,255,255,0.25);
        opacity: 0.75;
        filter: alpha(opacity=75);
        text-shadow: none !important;
        visibility: visible;
    }
    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: none;
        margin-bottom: 0;
    }
    .mean-container .mean-nav ul li li li a {
        width: 70%;
        padding: 1em 15%;
    }
    .mean-container .mean-nav ul li li li li a {
        width: 60%;
        padding: 1em 20%;
    }
    .mean-container .mean-nav ul li li li li li a {
        width: 50%;
        padding: 1em 25%;
    }
    .mean-container .mean-nav ul li a:hover {
        background: #252525;
        background: rgba(255,255,255,0.1);
    }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 26px;
        height: 26px;
        border: none !important;
        padding: 12px !important;
        text-align: center;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: none;
    }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }
    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
}

.header .menu-bar ul li {position:relative;}
.header .menu-bar ul li ul {width:200px;padding-right:10px;}
.header .menu-bar ul li ul li {display:list-item;}
.header .menu-bar ul li ul li:before {content:'»';color:#fff;margin-left:-0.85em;padding-left:0.85em;}
.header .menu-bar ul li ul li a {border-left:0;font-size:0.85em;}

.sf-menu {position:relative;}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
margin-top:-20px;
margin-left:25px;
list-style:none;
padding:5px 2px;
z-index:999999 !important;
}
.sf-menu li:hover ul li, .sf-menu li.sfHover ul li {
margin-left:5px !important;
}
.sf-menu li:hover ul li a:hover, .sf-menu li.sfHover ul li a:hover, .sf-menu li.sfHover ul li.current_page_item a {color:#fff;}

.child-thumb {float:right;}

/* Mobile and Desktop Menu Visualization Settings */
@media only screen and ( max-width: 960px ) {

    .mobile-nav{
        display: block;
    }

    .desktop-nav{
        display: none;
    }

    .top-nav{
        display: none;
    }
}

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

    .mobile-nav{
        display: none;
    }

    .desktop-nav{
        display: block;
    }
    .top-nav{
        display: block;
    }
}


h4.green {color:#8B9E27;margin-bottom:0;padding-bottom:0;border-bottom:1px solid #333;}
body.home #homeboxes .ubermenu .ubermenu-target-with-image>.ubermenu-target-text {font-size:80%;}
body.home #homeboxes .ubermenu .ubermenu-item.ubermenu-item-level-0 {float:left;}
body.home #homeboxes {margin-top:25px; margin-bottom:30px;}
body.home #content {display:none;}
body.home #homeboxes .ubermenu .ubermenu-target {padding:5px 5px 35px 5px;}

.featurelist li {line-height:1.3em !important;padding-bottom:10px !important;}

.gallery-caption {font-size:70%;}


/*Find A Distributor*/

.rep-card {
    width: 300px;
    /*min-height: 275px;*/
    background-color: #efefef;
    margin: 0 13.33px 15px 0;
    float: left;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border-radius: 3px;
}

.rep-heading {
    padding: 10px;
    background-color: #1B5732;
    color: white;
border-radius: 3px 3px 0 0;
}

.rep-content {
    padding: 10px;
}

.rep-info {
    margin-bottom: 8px;
}

h4.rep {
    font-size: 22px;
        margin: 35px 0 0 0;
}


.rep-select select {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 2px solid #648E3D;
    border-radius: 0;
	-webkit-appearance: none;
    font-size: 16px;
    min-width: 155px;
	width: 100%;
    padding: 0 0 0 10px;
    height: 50px;
    line-height: 36px;
background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
}

.dist-column-one {
    width: 300px;
    float: left;
    border-right: 1px solid gray;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	min-width: 300px;
}

.dist-column-two {
    width: 66%;
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


input#rep-submit {
    background-color: #648E3D;
    color: white;
    border: none;
    padding: 8px 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    height: 45px;
    border-radius: 22px;
    width: 100px;
    cursor: pointer;
}

input#rep-submit:hover {
    background-color: transparent!important;
    border: 2px solid #648E3D;
    color: #648E3D;
}

@media all and (max-width: 768px) {
	.dist-column-one, .dist-column-two {
		width: 100%;
		border: none;
	}
	.dist-column-one {
		border-bottom: 1px solid gray;
	}
}

@media all and (min-width: 769px) and (max-width: 960px) {
	.dist-column-two {
		width: 57%;
	}
}

span.required { margin:0px 5px 0px 5px; font-size:9px; }
div.message-validator{
    background: transparent url('//securenetgate9.com/images/msg_arrow.gif') no-repeat scroll left center;
    padding-left: 7px;
}
div.error-validator{
    background-color:#F3E6E6;
    border-color: #924949;
    border-style: solid solid solid solid;
    border-width: 2px;
    padding: 5px;
}

#form-918 input {
    clear: none;
    height: 30px;
    margin: 10px 0;
    width: 100%;
padding:5px;
}
#form-918 textarea {width:100%;}
#form-918 label {
    float: left;
    margin: 25px 15px 0 0;
}

#field-1471458497-text {width:25px !important;clear:both !important;float:none !important;}

.wpsisac-slider-nav .slick-image-nav {height:60px !important;}
.wpsisac-slick.wpsisac-prodesign-5 .wpsisac-slick-image-slide .wpsisac-slide-wrap .wpsisac-slide-title {
   background: none !important;float: none !important; width:100% !important; text-align:center;
}

.wpsisac-slick-slider .wpsisac-slide-title, .wpsisac-slick-carousal .wpsisac-slide-title {margin-top: 20px !important;margin-right: auto !important; margin-left: auto !important;}

div.wpsisac-slider-nav-4.wpsisac-slider-nav.prodesign-5.slick-initialized.slick-slider > div > div > div > img {margin-top:0;}

.feature {border:1px solid darkgreen;border-radius:10px;width:60%;margin:0 auto 20px auto;padding:20px 20px 5px 20px;}
.feature .fa {font-size:70px;float:left;padding-right:15px;color:darkgreen;margin-top:15px;}

#imageData #caption {
    font-size: 25px;
margin:15px auto;
display:block !important;
    color: green;
}

.wpsisac-slick.wpsisac-prodesign-14 .wpsisac-slider-content {padding:0 !important;}
.wpsisac-slick.wpsisac-prodesign-14 h4.wpsisac-slide-title, .wpsisac-slick.wpsisac-prodesign-14 h4.wpsisac-slide-title a {line-height: normal !important;}

.tabcontent > h1 {margin-top:0;}