/*
Theme Name: Medical
Description: Fashion Design Wordpress Theme is a unique custom designed fashion portfolio and blog template for creative web designers and fashion designers that require a high impact web presence. But this template can also be used for any other type of artistic portfolios ( photogprahy, art, web design).
Author: Design by Fatih Baytekin, Coded by Mahamat Sartbaev
Author URI: http://www.imperialthemes.com
Version: 1.0
Tags: fashion, design, custom post types, portfolio, showcase, models, red, fixed-width
*/

/* =Reset default browser CSS. 
-------------------------------------------------------------- */

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, font, 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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
  font-family: 'Open Sans', sans-serif;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* ------------------------------------------------------- */

/* LAYOUT */

html,body{
	height:100%;
	background:url(images/dark-background.png) fixed #616161 no-repeat;
/* \*/
	height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
	font:normal 12px/16px Tahoma;color:#333;
}
.clearfix:after {
    content:""; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* General styles */
a {text-decoration:none;color:#fff}

h1 {font:20px/28px 'Open Sans', Tahoma, Arial, sans-serif;color:#fff}
h2 {font:18px/26px 'Open Sans', Tahoma, Arial, sans-serif;color:#fff}
h3 {font:16px/24px 'Open Sans', Tahoma, Arial, sans-serif;color:#fff}
h4 {font:14px/22px 'Open Sans', Tahoma, Arial, sans-serif;color:#fff}
h5 {font:12px/20px 'Open Sans', Tahoma, Arial, sans-serif;color:#fff}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none!important}


/* Text elements */
p {
	margin-bottom: 12px;
}
ul {
	list-style: disc;
	margin: 0 0 12px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 12px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 18px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 12px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
	clear:both;
	white-space: pre;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 0px;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}


.calculator br {
display:none;
}

/* =Images
--------------------------------------------------------------*/

#mainContent img,
#content-2 img {
	margin: 0;
	height: auto;
	max-width: 710px;
        width:auto;
}
#mainContent .attachment img,
#content-2 .attachment img {
	max-width: 680px;
}
#mainContent img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#mainContent img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#mainContent img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#mainContent img.alignleft,
#mainContent img.alignright,
#mainContent img.aligncenter {
	margin-bottom: 12px;
}
#mainContent .wp-caption {
	background: #000;
	color:#FFFFFF;
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}
#mainContent .wp-caption img {
	margin: 5px 5px 0;
}
#mainContent .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
#mainContent .wp-smiley {
	margin: 0;
}
#mainContent .gallery {
	margin: 0 auto 18px;
}
#mainContent .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#mainContent .gallery img {
	padding:0;
}
#mainContent .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#mainContent .gallery dl {
	margin: 0;
}

#mainContent .gallery br+br {
	display: none;
}
#mainContent .attachment img { /* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

.image-frame {padding:5px;background:url(images/overlay80.png);} */

.alignright {float:right}
.alignleft {float:left}
.aligncenter {float:none;margin-right:auto;margin-left:auto}
.clear {clear:both}

.padding5{padding:5px!important}
.padding10{padding:10px!important}
.padding15{padding:15px!important}
.padding20{padding:20px!important}

input{
    font-size: 11px;
    color:#fff;
    background:#8cb61d;
}

.calculator input, table.location_search input {
    color:#333;
}
.calculator input.button {
    color:#fff;
}
select{font:normal 11px Tahoma, Arial, sans-serif;color:#000}
textarea{font:normal 11px Tahoma, Arial, sans-serif;color:#000}

/*general layout*/
#wrapper{
  position:relative;z-index:1;width:998px;margin:0 auto;
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapp\65	r{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
  height:auto; /*** For moz to stop it fixing height to 100% ***/
}
/* \*/
* html #wrapper{
  height:100%;
}

#content {margin:50px 0 20px 0}
#mainContent{width:720px;padding-right:20px;float:left}
#sidebar {width:258px;float:left}
#footer{width:998px;height:107px;margin:0 auto;margin-top:-107px;position:relative;z-index:1}
#topbar {width:100%;height:5px;background:#000;position:absolute;top:0;left:0;z-index:100;overflow:hidden}
#bottombar{width:100%;height:5px;background:#000;position:relative;z-index:100;margin-top:-5px;overflow:hidden}
.footer_clear{height:107px}


/* shortcodes */
.dropcap1, .dropcap2 {
	float:left;
	overflow:hidden;
	text-align:center;
}

.dropcap1 {font-size:34px;height:34px;line-height:38px;width:30px;text-align:left;}
.dropcap2 {font-size:28px;height:38px;line-height:38px;width:38px;margin-right:7px;background:#fff;color:#000;text-shadow:none;
          -moz-border-radius:4px;-webkit-border-radius:4px;}

blockquote {font-style:italic;line-height:18px;margin:15px 0 15px 20px;}
blockquote.alignleft {float:left;margin:10px 10px 10px 0;width:200px;}
blockquote.alignright {float:right;margin:10px 0 10px 10px;width:200px;}

.one_half, .one_half_last {float:left;width:48%;margin:0 4% 18px 0;overflow:hidden;}
.one_half_last {margin:0 0 18px 0;}

.video_frame, .google_map{margin-bottom:10px}

/*background image*/
#background-img {position:fixed;top:0;left:0;z-index:1;width:100%;min-width:998px;min-height:840px}
#background_img_wrap{position:absolute;top:0;left:0;z-index:1;width:100%;overflow:hidden;}

/*background image changer*/
#bg_changer {z-index:10;margin-left:0px}
#bg_changer li{list-style:none;float:left;padding:0 5px 5px 0}

#bg_changer li a{position:relative;display:block}
#bg_changer li .overlay{position:absolute;top:0;left:0;background:url(images/bg_notactive.png) no-repeat;display:block;width:100px;height:100px;}
#bg_changer li a:hover .overlay{background:url(images/bg_active.png) no-repeat}

#bg_changer .bg_wrap{
        background:url(images/overlay80.png);
        padding:5px 0 0 100px;
        height:104px;
}
#bg_changer .bg_top{background:url(images/overlay80.png);height:3px;overflow:hidden}
#bg_changer .bg_top span{
        display:block;
        width:70%;
        height:3px;
        background:#8cb61d; 
  }
#bg_changer .header{
	margin-left:20px;
	font-size:20px;
        line-height: 28px;
	color:#fff;
	display:block;
        text-transform:lowercase;
	height:28px;
	}
#bg_changer-lnk{
	margin-top:28px;
	width:110px;
	height:109px;
	background:url(images/nav-arrow.png) bottom right no-repeat #000;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	border-top:3px solid #8cb61d;
	z-index:50;
	cursor:pointer;
	}

/*header style*/
#header{
	height:132px;
	z-index:25;
	}
#header .logo{
	float:left;
	margin-top:21px
	}
	
#header .logo-interior-wrap {
	float:left;
	margin-top:15px;
	margin-left:-75px;
	width:135px;
}
.logo-small {
	float:left;
	padding-left:2px;
}
.logo-tagline {
	text-transform:capitalize;
	font-size:44px;
	float:left;
	text-align:left;
	margin-top:6px;
	}
#header .search-box{float:right}

/*header search box*/
.search-box {
	padding:21px 5px 5px 5px;
	background:#626262;
	z-index:1000;
  width:182px;
}
.cc-login {
        float:left;
        width:173px;
        height:24px;
	border:1px solid #a8a8a7;
	border-width:1px 1px 1px 1px;
}
.cc-login:hover {
        background:#8cb61d;
}
.search-box input {
	color:#a8a8a7;
	padding:5px 5px 5px 14px;
	height:14px;
	background:none;
        left:0;
        margin:0;
	}
.search-box form {
	float:left;    
}
.search-box fieldset {
        border:none;
        padding:0px;
        margin:0px;
}
.search-box #username {
	border:1px solid #a8a8a7;
	border-width:1px 1px 1px 1px;
	}
.search-box #password {
	border:1px solid #a8a8a7;
	border-width:1px 1px 1px 0px;
	}	
.search-box .search input {
        float:left;
	border:1px solid #a8a8a7;
	border-width:0px 0 1px 1px;
}	
	
.search-box #btn-submit {
        float:right;
	background:url(images/seach-box-btn.png) no-repeat;
	width:35px;
	height:25px;
	border-width:0px 1px 1px 0;
	cursor:pointer
	}
.search-box-right {
        display:none;
	position:absolute;
	left:998px;
	top:5px;
	background:#626262;
	opacity: .8;filter:Alpha(Opacity=80);
	height:72px;
	z-index:100
	}
.search-box-clear{
	clear:both;
	height:13px
	}

/*primary navigation*/
#primary-nav {
	background:#fff;
	height:42px;
	position:relative;
	z-index:1000;
	} 
.main {
        list-style:none;
        margin:0;
        padding:0;
        float:left;
}
.main li{
	float:left;
	width:199px;
	height:42px;
	padding:0px 0px 0 0px;
	background:#FFF; 
	position:relative;
	display:block;
	cursor:pointer;
	}

.main li:hover {
	background:url(images/nav-arrow.png) bottom right no-repeat #8cb61d;
	color:#8cb61d;
	}
.main li a{
	font-size:14px;
	color:#666;
	line-height:54px;
	padding-left:10px;
	margin-top:-12px;
	cursor:pointer;
	display:block;
	}


/*primary navigation highlighted */
.main li:hover a,
.main li:active a{
	color:#fff;
	}	


.main li ul {
	position: absolute;
	left: -999em;
}

.main li:hover ul {
	left: auto;
}

/*dropdowns */

.main li:hover>ul {
	display:block;
	float:right;
	width:172px;
	height:auto;
	z-index:500;
	margin-left:17px;
	position:absolute;
	padding: 3px 5px 3px 5px;
	background: #5e5e5e;
	opacity: .9;
	filter:Alpha(Opacity=90);
}
.main li ul li {
	width:172px;
	height:34px;
	margin-bottom: 3px;
	background: #5e5e5e;
	}
.main li ul li:hover {
	background:url(images/nav-arrow.png) bottom right no-repeat #444444;
	color:#fff;
	opacity:1;
}
	
.main li ul li a {
	margin-top: -6px;
  	font: Tahoma;
	font-size: 12px;
	line-height: 37px;
	color: #ccc;
}

.main li ul ul {
	position: absolute;
	left: -999em;
}

.main li:hover ul ul {
	left: auto;
}

/*2nd level dropdowns */

.main ul li ul {
    overflow:hidden;
	height:0;
	opacity:0;
}
.main ul li:hover>ul {
	display:block;
	width:172px;
	height:auto;
	z-index:1000;
	position:absolute;
	margin-left:175px;
	margin-top: -34px;
	padding: 3px 5px 3px 5px;
	background: #444543;
	opacity: 1;
	filter:Alpha(Opacity=100);
}

.main ul ul li {
	width:100%;
	height:34px;
	margin-bottom: 3px;
	background: #444543;
	}
.main ul ul li:hover {
	background:url(images/nav-arrow.png) bottom right no-repeat #8cb61d;
	color:#fff;
	opacity:1;
}
.main ul ul li:hover a,
.main ul ul li:active a{
	color:#fff;
	}	
.main ul ul li a {
	margin-top: -6px;
  	font: Tahoma;
	font-size: 11px;
	line-height: 37px;
	color: #ccc;
}

/*models sub menu navigation */
.scroll-pane{position:absolute;top:71px;left:0;z-index:100}

#primary-nav .scroll-content {overflow:hidden;width:998px;position:relative;background:url(images/nav-li-active-sub.png) repeat-x;}
#primary-nav .scroll-content ul{background:url(images/nav-li-active-sub.png) repeat-x;height:101px;position:relative;display:block}
#primary-nav .scroll-content li{float:left;display:block;height:50px;background:none;padding:10px 10px 0 10px;width:310px}
#primary-nav .scroll-content li img{border:1px solid #fff;margin-right:15px;margin-top:0px;}
#primary-nav .scroll-content li a{font:9px/11px Tahoma, Arial, sans-serif;color:#919191;}
#primary-nav .scroll-content li a strong{font:13px/20px Tahoma, Arial, sans-serif;color:#666;font-weight:600;}
#primary-nav .scroll-content li a:hover span{text-decoration:underline}

.slider-wrap{width:884px;padding:0 57px;height:29px;background:url(images/slider-wrap.png) repeat-x;text-align:left;margin-top:-3px;}
.ui-slider{position:relative;}
.ui-slider-handle {position:absolute;top:0;width:114px;height:9px;cursor:pointer;margin-left:-57px;display:block}

#nav-below {clear:both}

/*general box content styles*/
#content {color:#969696;line-height:14px}
#content p{padding:6px 0; margin:0;}
#content p strong{color:#fff}
#content li{list-style-type:disc;list-style-position:inside;padding-left:5px}

#content-2{margin:50px 0 117px 0}
#content-2.search {
        margin-bottom:255px;
}
#content-2 .content-list p {
	color: #fff;
	font-size: 11px;
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 0px;
  	font:Tahoma;
}
#content-3 {margin:40px 0 5px 0}
.content-list {
    margin:50px 0 20px 0;
	}
.content-list h1{
	margin-bottom:40px;
	font-size:14px;
	padding-left:10px;
	text-transform:uppercase;
	}
.content-list.showcase h1{
	margin-bottom:10px;
	margin-top:84px;
	font-size:20px;
	padding-left:0px;
	text-transform:uppercase;
	}
.box {width:326px;height:527px;position:relative;overflow:hidden}
.box_wrap{position:absolute;bottom:0;z-index:100;}
.box.box_aboutus {width:399px}
.box.box_aboutus .dk_grey_box{padding:5px 5px 5px 15px}
.box.box_aboutus .scrollPane{height:517px}
.box.box_aboutus h1{ margin-top:8px}
.box.box_aboutus p{ margin-right:10px;}

.box.box_contact {width:399px}
.box.box_contact .dk_grey_box{padding:15px 10px 10px;height:517px}

.box.alignleft{margin-right:10px}
.box_top {background:url(images/overlay80.png);height:3px;overflow:hidden}
.box_top span{background:#8cb61d;display:block;width:200px;height:3px}
.box_thumb img{height:200px;overflow:hidden;margin-top:0px;display:block}
.box_footer a{background:url(images/box-footer.png) no-repeat 0 -23px;height:23px;display:block}
.box .dk_grey_box {
	margin-bottom:0px; 
	padding:20px 30px 20px 20px ;
	}
#content .box .dk_grey_box p {
	font-size:11px;
   	color:#b2b3b4;
  	font:Tahoma;
	}
.dk_grey_box {
	background:#3a3c39;
	padding:10px;
	margin-bottom:10px;
	color:#fff;
	}
.dk_grey_box h1{
	color:#fff;
	font-size:18px;
	line-height:normal;
	text-transform:uppercase;
	margin-bottom:14px;
}
.dk_grey_box h3{
	color:#fff;
	font-size:14px;
	line-height:normal;
	text-transform:uppercase;
	margin-bottom:24px;
	}
.dk_grey_box a{text-decoration:underline}

.lt_grey_box {
	background:#626262;
	padding: 10px;
	color:#fff;
	margin-bottom:10px;
	}
.lt_grey_box h3{
	color:#fff;
	font-size:14px;
	line-height:normal;
	text-transform:uppercase;
	margin-bottom:24px;
	}
.lt_grey_box a{text-decoration:underline}

/*long text page content boxes style*/

.long-text-sidebar-left {
	float:left;
	width:120px;
	height: 555px;
	background:none;
}

.quick-links,
.related-items {
        margin-top:50px;
        width: 120px;
}
.quick-links h4,
.related-items h4,
.featured-news h4 {
        font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
        margin-bottom:2px;
        text-shadow: #000 0px 2px 2px;
	} 
.long-text-sidebar-right h3.widget-title {
        font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	margin-top: 20px;
        margin-bottom:2px;
        text-shadow: #000 0px 2px 2px;
	} 
.widget .quick-links ul,
.widget .related-items ul {
        margin:0;
        padding:0;
}
.widget .quick-links ul li,
.widget .related-items ul li {
        width:115px;
        /* height:17px; */
        margin-bottom:2px;
        display:block;
        list-style:none;
        padding-left:5px;
        font-family: "lucida console", monaco, sans-serif;
        color:#fff;
        text-transform:uppercase;
        background:#3a3c39; 
}
.widget .quick-links ul li a,
.widget .related-items ul li a {
        line-height:17px;
        font-size:11px;
        padding-top:2px;
        }
.widget .quick-links ul li:hover,
.widget .related-items ul li:hover {
        background: #8cb61d;
}     

.long-text-sidebar-right {
	float:right;
	width:168px;
	min-height: 555px;
	background:none;
	}

.featured-news {
        margin-top:20px;
        width:168px;
}

.widget .featured-news ul {
        margin:0;
        padding-top:5px;
        min-height:167px;
        background: #a2a2a2;
}

.widget .featured-news ul li {
        width:163px;
        display:block;
        list-style:none;
        padding-left:5px;
        font-family: "lucida console", monaco, sans-serif;
        font-size:11px;
        color:#fff;
        text-transform:uppercase;
        background:none; 
}

.widget .featured-news ul li.time a {
        font-size:9px;
        padding-bottom:0px;
        background:none;
        color:#fff;
        }
.widget .featured-news ul li.news {
        margin-bottom:8px;
        padding-left:5px;
}
.widget .featured-news ul li.news a {
        font-size:9px;
        background:none;
        color:#fff;
        text-align:left;
        }

#long-text-box-wrap {
	background:url(images/long-page-bkgrd.png) #fff bottom no-repeat;
	float:left;
	margin-left:10px;
	margin-right:20px;
	padding:12px 44px 12px 12px;
	width: 624px;
	min-height: 531px;
}
.breadcrumb-bar {       
	width:100%;
	height:17px;
	margin-bottom:18px;
	float:left;
	background: none;
        margin-left:-5px;
        padding-left:0;
}
.breadcrumb-bar li {
        display:inline;
        list-style:none;
        height:17px;
        font-family: "lucida console", monaco, sans-serif;
        font-size:9px;
        color:#fff;
        padding-left:5px;
        text-transform:uppercase;
}

.breadcrumb-bar li a {
        padding: 3px 5px 3px 5px;
        font-family: "lucida console", monaco, sans-serif;
        color:#fff;
        margin-right: 2px;
        text-transform:uppercase;
        background:#3a3c39;
}
.breadcrumb-bar li a:last-child  {
        background:#8cb61d;
    }
	
.long-text-sidebar-inside {
	float:left;
	width:160px;
	min-height:472px;
	background: none;
}
.long-text-sidebar-inside img {
        margin-bottom:20px;
}
.interior-graphics {}
.widget .interior-graphics {
        max-width:160px;
        margin-bottom:20px;
}

.long-text-content {
	float:left;
	margin-left: 18px;
	width:442px;
}
.long-text-content.right {
        float:right;
}
.long-text-content-header {
	float:none;
	width:442px;
	height:61px;
	margin-bottom:20px;
	background: #8cb61d;
}
.long-text-content h3 {
        font-size:12px;
	line-height:16px;
  	font: Tahoma;
	font-weight: bold;
	color: #5d5d5d;
	margin: 0;
	padding: 0 0 0 10px;
}
.long-text-content h3.news-time {
        padding-bottom:10px;
}
.long-text-content p {
        font-size:12px;
	line-height:16px;
  	font: Tahoma;
	font-weight: normal;
	color: #5d5d5d;
	margin: 0;
	padding: 0 0 25px 10px;
}
.long-text-content img {
        margin-bottom:10px;
}
.calc-p {
        font-size:13px;
	line-height:normal;
  	font: Tahoma;
	font-weight: normal;
	color: #5d5d5d;
	margin: 0;
	padding: 0 0 0px 5px;
}
.long-text-content ul {
        padding:0;
        margin-left:25px;
        margin-bottom:10px;
        margin-top:-15px;
}
.long-text-content ul li {
        list-style:none;
        display:block;
        font-size:12px;
	line-height:16px;
  	font: Tahoma;
	font-weight: normal;
	color: #5d5d5d;
}
.long-text-content-header h1, 
.long-text-content-header p {
    font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
        padding-left:10px;
	}

/*Additional Calendar styles
--------------------------------------------------------*/
#wp-calendar {
       background-color:none;
}
#event-calendar h3.widget-title,
#wp-calendar a#ec3_publish {
        display:none;
}
#wp-calendar table.nav tr {
        background:none;
        border:none;
}
#event-calendar #wp-calendar table#ec3 {
        width:168px;
}
#wp-calendar #prev {
        background:url(images/calendar-prev-btn.png) top left no-repeat;
}
#wp-calendar #next {
        background:url(images/calendar-next-btn.png) top right no-repeat;     
}
#wp-calendar a#ec3_prev  {
        top:-2px;
        margin-left:12px;
        color:#4b4c4a;
        font-size:11px;
	text-transform:uppercase;
        position:relative;
        text-shadow: #000 0px 2px 2px;
 }
#wp-calendar a#ec3_next  {
        top:-2px;
        margin-right:12px;
        color:#4b4c4a;
        font-size:11px;
	text-transform:uppercase;
        position:relative;
        text-shadow: #000 0px 2px 2px;
}
#wp-calendar caption {
        width:168px;
        margin-top:2px;
        margin-bottom:6px;
        text-align:left;
        background:none;
}
#wp-calendar caption a {
        font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
        margin-bottom:2px;
        text-shadow: #000 0px 2px 2px;
        }
#wp-calendar thead {
        height:26px;
        background:none;
}
#wp-calendar thead th {
        font-size:11px;
  	font: Tahoma;
	font-weight: normal;
        line-height:25px;
	color: #fff;
        text-shadow: #000 0px 2px 2px;
        background:none;
}
.long-text-sidebar-right #wp-calendar table tbody {
        background-color: none;
        margin-top:10px;
}
#wp-calendar tbody td {
        font-size:11px;
  	font: Tahoma;
	font-weight: normal;
	color: #5d5d5d;
        background-color:none;
}
#wp-calendar tbody tr{
        height:26px;
        background:#3a3c39;
        border-bottom: 1px solid #a8a8a8;
}
#wp-calendar .ec3_eventday  {
        color:#fff !IMPORTANT;
        background:#8cb61d;
        height:26px;
}
.long-text-sidebar-right #wp-calendar table #today {
        border:none;
        background:#515251;
}


/*general box content styles*/
#content {color:#969696;line-height:14px}
#content p strong{color:#fff}

.content-list {margin:20px 0}

#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6 {
	margin-bottom:5px
}


#mainContent table {border: 1px solid #e7e7e7;margin: 0 -1px 24px 0;text-align: left;width: 100%;}
#mainContent tr th,
#mainContent thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#mainContent tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
#mainContent tr.odd td {
	background: #f2f7fc;
}

.box {width:326px;height:527px;position:relative;overflow:hidden}
.box_wrap{position:absolute;bottom:0}
.box.box_aboutus {width:399px}
.box.box_aboutus .grey_box{padding:5px 5px 5px 15px}
.box.box_aboutus .scrollPane{height:517px}
.box.box_aboutus h1{ margin-top:8px}
.box.box_aboutus p{ margin-right:10px;}

.box.box_contact {width:399px}
.box.box_contact .grey_box{padding:15px 10px 10px;height:517px}

.box.alignleft{margin-right:10px}
.box_top {background:url(images/overlay80.png);height:3px;overflow:hidden}
.box_top span{display:block;width:200px;height:3px}
.box_thumb img{height:200px;overflow:hidden;margin-top:0px;display:block}
.box_footer a{background:url(images/box-footer.png) no-repeat 0 -23px;height:23px;display:block;width:326px;}
.box .grey_box {margin-bottom:0px; padding-bottom:13px;}

.grey_box {background:url(images/overlay80.png);padding:15px 20px 10px;margin-bottom:10px}
.grey_box h3{color:#d3d3d3}
.grey_box a{text-decoration:underline}

.red_box {background:url(images/redoverlay80.png);padding:15px 20px 10px;color:#eda2a7;margin-bottom:10px}
.red_box h3{color:#fadadb}
.red_box a{text-decoration:underline}

/*blog post style*/
.attachment-thumbnail {padding:0 20px 0 0}
.entry-utility a{text-decoration:none;color:#969696}
.entry-utility .entry-date{background:url(images/icon-entrydate.png) no-repeat 0 2px;padding:0 14px}
.entry-utility .cat-links {background:url(images/icon-tags.png) no-repeat 0 2px;padding:0 14px}
.entry-utility .tag-links {background:url(images/icon-tags.png) no-repeat 0 2px;padding:0 14px}
.entry-utility .comments-link {background:url(images/icon-comments.png) no-repeat;padding:0 16px}

.post-content {padding:5px}

.post-content .entry-content {padding:0 10px 5px;border-bottom:1px solid #363432;}
.post-content .entry-title{padding:10px 10px 0;}
.entry-author {padding:10px;border-bottom:1px solid #363432;}

.author-avatar {width:68px;margin-right:15px;float:left}
.author-detail {width:400px;float:left}
.author-displayname {font-size:20px;color:#636363;line-height:28px}
.entry-twitter {float:right;width:70px}

/*comments style*/
.h2comments, .commentsForm {font:16px/54px Tahoma, Arial, sans-serif; padding:0 10px; border-bottom:1px solid #363432; margin-bottom:5px; color:#363432;}
.commentsForm a {color:#a8a8a7;}
.commentlist {margin:0}
.commentlist li{padding:10px 0 0 10px!important; list-style-type:none}
.commentlist .children {padding-left:10px}
.commentlist .children .children{padding-left:0}
.commentlist .children li{padding-left:0!important}
.commentlist .comment-detail{border-bottom:1px solid #363432;padding-bottom:10px}
.commentlist .comment-meta strong{font-size:12px;line-height:28px;color:#636363}
.commentlist .comment-reply-link{font-size:14px;line-height:28px;color:#636363;text-decoration:none}
.commentlist .comment-avatar{width:68px;margin-right:15px;float:left}
.commentlist .comment-detail{width:408px;float:left}
.commentlist .children .comment-detail{width:373px;float:left}
.commentlist .comment-text ul li{list-style:disc;padding:0!important}
.commentlist .comment-text ol li{list-style:decimal;padding:0!important}

.nopassword,.nocomments {display: none;}

.breadcrumb {height:38px;line-height:38px;border-bottom:1px solid #363432;margin:0 5px;padding:0 10px}
.breadcrumb a{background:url(images/icon-arrow.png) no-repeat center right;padding-right:16px;margin-right:10px}
.breadcrumb .comments-link {padding:0 0 0 16px}
.breadcrumb .comments-link a{background:none;padding:0;margin:0}

/*widget styles
.widget h2{font:20px/28px Tahoma, Arial, sans-serif;color:#fff;border-bottom:1px solid #838383;padding-left:9px;margin-bottom:5px}
.widget ul {padding-top:11px;margin-left:0}
.widget ul li{list-style-type:none!important;padding-left:10px!important;margin-bottom:0px}
.widget ul li a{background:#000;color:#858585;text-decoration:none;padding:2px 4px}
.widget ul li a:hover{text-decoration:none;padding:2px 4px}*/

/*.widget table{background:none;color:#858585;width:90%;margin:0 auto}
.widget table caption{background:none;color:#fff;line-height:20px}
.widget th, .widget td{padding:2px;text-align:center}*/

.widget_twitter ul{padding-top:0!important}
.widget_twitter li{margin-bottom:10px!important}
.widget_twitter li span{background:#000;color:#858585;text-decoration:none;padding:1px 0 1px 4px}
.widget_twitter li span a{text-decoration:none;padding:1px 4px}

/*home page content boxes hidden content style*/
.box.closed .box_top span{display:none}
.box.closed .box_thumb {height:100px;overflow:hidden;}
.box.closed .box_footer a{background-position:0 0}

/*models detail style*/
.models_info {position:absolute;bottom:0;left:0;z-index:10}
.models_info_top {background:url(images/arrow-up.png) no-repeat right;height:10px;margin-right:10px}
.models_info_wrap{background:#000;padding:15px 20px;opacity:0.8;filter:Alpha(Opacity=80)}

/*index detail style*/
.index_info {
	position:absolute;
	bottom:0;
	z-index:10;
	}
.index_info_top {
	background:url(images/arrow-up.png) no-repeat right;
	height:10px;
	margin-right:10px;
	}
	
.index_info_wrap{
	background:url(images/index-info-wrap-grey.png) no-repeat;
	width: 286px;
	height:28px;
	padding:15px 20px;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	}
	
.index_info_wrap:hover{
	background:url(images/index-info-wrap-black.png) no-repeat;
	width: 286px;
	height:85px;
	padding:15px 20px;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	}	
.index_info h1 {
	margin: 5px 0px 0px 0px;
}

#content .index_info p {
        padding:0px 0 6px 0;
        font:Tahoma;
        font-size:11px;
}


/*showcase list style*/
.showcase-list {
        margin:0;
        padding:0
}
.showcase-list li {
	float:left;
	margin:10px 10px 0 0;
	height:170px;
	width:158px;
	position:relative;
	padding:0!important;
	list-style:none!important;
	background:url(images/media-circle-big.png) center no-repeat #3a3c39;
	}
.showcase-list li.last {margin-right:0}

#content-2 .showcase-list li .showcase-info {
	overflow:hidden;
	height:0;
	opacity:0;
}
#content-2 .showcase-list li:hover>.showcase-info{
	display:block;
	background:url(images/showcase-info-black.png) no-repeat;
	opacity:0.7;
	filter:Alpha(Opacity=70);
	position:absolute;
	bottom:0;
	padding:16px 10px 6px 10px!important;
	color:#b6b5b4;
	width:138px;
	height:60px;
        float:left;
        margin:0px;
	}
#content-2 .showcase-list li .showcase-info li {
	color:#b6b5b4;
	height:16px;
	width:138px;
	background:none;
	margin:0px;
        padding-bottom: 2px;
   	font: Tahoma;
        font-size:10px;
	}
#content-2 .showcase-list li .showcase-info li a:hover {
	color:#fff;
	height:16px;
	width:138px;
	background:none;
        text-decoration:underline;
	margin:0px;
        padding-bottom: 2px;
   	font: Tahoma;
        font-size:10px;
	}

.years a{
	display:block;
	padding:5px;
	background:#3c3e39;
	color:#fff;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	float:left;
	margin-right:1px;
	width:107px;
	height:17px;
	font-family: "lucida console", monaco, sans-serif;
	}
.years .active{
	background:#8cb61d;
	color:#FFF;
	opacity:0.8;
	filter:Alpha(Opacity=80)
	}

/*showcase list style
.showcase-list {margin:0}
.showcase-list li {float:left;margin:10px 10px 0 0;height:170px;position:relative;padding:0!important;list-style:none!important}
.showcase-list li.last {margin-right:0}
.showcase-list li p{background:#000;opacity:0.7;filter:Alpha(Opacity=70);position:absolute;bottom:0;left:0;margin-bottom:0;padding:6px 10px!important;color:#b6b5b4}
.showcase-list li a.playicon .image_overlay{cursor:pointer;position:absolute;width:100%;height:100%;overflow:hidden;top:0;left:0;background:url(images/image_overlay_play.png) no-repeat 50% 50%}*/

.catalog-list {margin:0}
.catalog-list li{float:left;list-style:none!important;padding:0!important;margin:0 2px 0 0}
.catalog-list a{
	display:block;
	padding:5px;
	background:#3c3e39;
	color:#fff;
	opacity:0.8;
	filter:Alpha(Opacity=80);
	float:left;
	margin-right:1px;
	width:107px;
	height:17px;
	font-family: "lucida console", monaco, sans-serif;
	}
.catalog-list a:hover {
       	background:#8cb61d;
	opacity:0.8;
	filter:Alpha(Opacity=80);
}
.catalog-list .current-cat a{
	background:#8cb61d;
	color:#FFF;
	opacity:0.8;
	filter:Alpha(Opacity=80)
	}

/*form style*/
.form input{color:#a8a8a7;padding:5px 14px;height:14px;border:1px solid #4f4f4e;background:none;width:154px;margin-right:10px}
.form .error {background:url(images/redoverlay20.png)}
.form textarea{color:#a8a8a7;padding:5px 14px;border:1px solid #4f4f4e;background:none;width:300px;height:65px}
.form a {color:#a8a8a7;}
.form p {position:relative;float:left}
.form p.last input {margin-right:0}
.form label{display:inline;position:absolute;top:6px;left:14px}

.form-submit input{font-size:12px;height:33px;color:#fff;padding:0 15px 2px;border:0;cursor:pointer;width:auto}

/*styling for select list used in contact form */
.newListSelected {width:184px;margin-right:10px}
.newListSelected  .selectedTxt {padding:5px 14px;height:14px;border:1px solid #4f4f4e;cursor:pointer} 
.newListSelected .newList li{list-style:none!important;padding-left:0!important}
.newListSelected .newList li a{color:#a8a8a7;text-decoration:none;display:block;padding:5px 14px;height:14px;border:1px solid #4f4f4e;border-width:0 1px 1px 1px;white-space:nowrap}
.newListSelected .newList {position:absolute;width:100%;height:100px!important;z-index:9999;top:22px!important;overflow:auto!important}
.newListSelected .newList {left:-9999px;}

/*pagination*/
.pagination {
	background:#3a3c39;
	margin-left:890px;
	width: 32%;
	position:absolute;
        margin-top:20px;
}
.pagination a{
	line-height:20px;
	padding:0 5px;
	color:#fff;
	display:block;
	float:left;
  	font:Tahoma;
	}
.pagination a.active {
	background:url(images/paging_active.png) no-repeat;
	line-height:30px;
	width:12px;
	margin-top:-5px;
	margin-right:-5px;
	color:#fff;
	}

/*tooltip style*/
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #000;
	padding:3px 5px;
	opacity: 0.85;
	font-size:9px;
}
#tooltip h3, #tooltip div {margin:0;font-size:11px;padding:0;line-height:16px}

/*footer*/
.footer-nav {
	background:#3A3C39; 
	border-bottom: solid #fff 5px; 
	height:27px;
	width:998px;
        margin:0;
        padding:0;
        list-style:none;
        float:left;
	}
.footer-menu {
        margin:0;
        padding:0;
}
.footer-menu li{
	float:left;
	font-size:10px;
	line-height:25px;
        list-style:none;
	}
.footer-menu li:hover, .footer-menu li.active span{
	border-bottom:5px solid #8cb61d;
	color:#fff;
	}
.footer-menu li.last a{border-right:none}
.footer-menu li a{
	padding:0px 20px 0px 20px;
	color:#fff;
	border-right: solid #ccc 1px;
	font-family: "lucida console", monaco, sans-serif;
}

.social-media-icons {
        float:left;
        padding:0;
        top:50px;
        left:-16px;
        width:150px;
        height:30px;
        position:absolute;
}
.social-media-icons li {
        display:inline;
        padding:0;
        width:30px;
        height:30px;
        float:left;
}
.social-media-icons li.rss {
        padding-right:5px;
 }
.social-media-icons li.fb {
        padding-right:5px;
 }
.social-media-icons li.tw { }




.icon-sound{
	float:left;
        background:url(images/soundon.gif) no-repeat right center;
	padding-right:15px;
	margin-right:40px;
	padding-top:1px;
	}
.soundoff {background:url(images/soundoff.gif) no-repeat right center}
.icon-fscreen{
	float:left;
	background:url(images/icon-fscreen.png) no-repeat right center;
	margin-left:193px;
	margin-top:5px;
	font-size:10px;
	width:80px;
	}
#footer .icon-fscreen a {
        color:#fff;
}

/*footer social links*/
.social {margin:0}
.social {list-style:none;margin-top:20px}
.social li{float:left;margin-right:5px}

/*fixed position related style*/
.fixed-top /* position fixed Top */{position:fixed;bottom:auto;top:200px;}
.fixed-left /* position fixed Left */{position:fixed;right:auto;left:0px;}


/*salesforce form*/
.salesforceform ul
{
    font-size:100%;
    list-style-type:none;
    margin:0;
    padding:0;
    width:100%;
}

.salesforceform li
{
    display:block;
    margin:0;
    padding:4px 5px 10px 9px;
    position:relative;
}

.salesforceform li:after
{
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

.salesforceform li div {
    color: #444444;
    margin: 0 4px 0 0;
    padding: 0 0 8px;
}

.salesforceform li span {
    color: #444444;
    float: left;
    margin: 0 4px 0 0;
    padding: 0 0 8px;
}

.salesforceform .requiredfield {
    color:red !important;
    float:none !important;
    font-weight:700;
}

.salesforceform label {
    display: block;
    border: none;
    color: #444444;
    font: Tahoma;
    font-size: 10px;
    line-height: 9px;
    margin: 0;
    padding-top: 0px;
}
.salesforceform label.description {
    font-size:95%;
    font-weight:700;
    line-height:150%;
    padding:0 0 1px;
}

.salesforceform label.error {
    background:url(images/redoverlay20.png);
    height:14px
}

.salesforceform input, .salesforceform textarea {
    padding: 3px;
    color: #5d5d5d;
    font-size: 1.4em;
    margin: 0px 0px 5px 0px;
    border: 1px solid #ccc;
}

.salesforceform .small {
    width: 25%;
}

.salesforceform .medium {
    width: 49%;
}

.salesforceform .large {
    width: 99%;
}

.salesforceform textarea {
    height: 40px;
    width: 99%;
}

.salesforceform textarea:focus, .salesforceform input:focus {
    border: 1px solid #900;
}

.salesforceform input[type="submit"] {
    color: #ffffff;
}

.salesforceform input .submit-button {
    width: 100px;
    float: right;
}

// Spam free wordpress comment form
#sfw-respond form p {margin:0;padding: 0 0 25px 10px;}
#sfw-respond form label,#sfw-respond form input {color:#5d5d5d;}
#sfw-respond element.style {text-indent: 0px;}
#sfw-reply-title, #sfw-reply-title a, #sf-reply-title small {color: #5d5d5d;}
.sfw-logged-in-as a {color: #5d5d5d;}
.sfw-comment-meta a {color: #5d5d5d;}
.comment-reply-link {color: #5d5d5d;}
#nav-above a {color: #5d5d5d; font-weight:bold;}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}


#pardot-form p {
    clear: left;
    line-height: normal;
    margin: 3px 5px;
    padding: 5px 2px;
}

#pardot-form p label {
    width: 190px;
}

#pardot-form input,select {
    height: 25px;
    margin-left: 225px;
    color: #333333;
}

#pardot-form p.submit input {
    background: #8cb51d;
    color: #ffffff
}

#pardot-form p label.inline {
    line-height: 1.2em;
}

#pardot-form p span.description {
    line-height: 1.2em;
    margin-left: 300px;
    position: relative;
    bottom: 35px;
}



/* theme updates 10/2015 */

/* 1) Gray text is difficult to read,
   2) Typeface is small, also making it hard to read */
.long-text-content p {
    color: #333333;    
    font-size: 14px;
    line-height: 150%;
}

/* titles should be larger than text in content */
.long-text-content-header h1, 
.long-text-content-header p {
    font-size: 17px;
}

/* fixed white link in content */
p a {
    color: inherit;
    text-decoration: underline;
}
p a:hover {
    text-decoration: none;
}

/* fixed broken search form */
.search-box .search input {
    width: 120px;
}

/* new product category listing */
.border-box , 
.border-box * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}
.product-category-title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: -20px;
}
.product-category-title h1 {
    color: black;
    font-size: 28px;
}
.product-left-sidebar {
    clear: both;
    float: left;
    width: 180px;
}
.product-left-sidebar img ,
#content-2 .product-left-sidebar img {
    width: 100%;
    height: auto;
}
.product-left-sidebar ul.menu ,
.product-left-sidebar ul.menu li ,
.product-left-sidebar ul.menu li a {
    float: left;
    width: 100%;
    padding: 0px;
    list-style: none;
    margin: 0px;
}
.product-left-sidebar ul.menu  {
    margin-bottom: 25px;
}
.product-left-sidebar ul.menu li a {
    display: block;
    padding: 15px 35px 20px 15px;
    background: white;
    color: black;
    font-size: 24px;
}
.product-left-sidebar ul.menu li a:before {
    content: "Product line";
    color: #a9a9a9;
    font-size: 11px;
    width: 100%;
    display: inline-block;
}
.product-left-sidebar ul.menu li a:hover {
    background-color: #eaeaea;
}
.product-left-sidebar ul.menu li.current-cat a {
    background: #8cb61d url(images/active-menu-arrow.png) no-repeat 90% 44px;
    color: white;
}
.product-left-sidebar ul.menu li.current-cat a:before {
    color: white;
}
.product-right-content {
    float: left;
    padding-left: 12px;
    width: 817px;
}
.product-right-content .product-list-title {
    float: left;
    width: 100%;
    background: white;
    margin-bottom: 14px;
    padding: 15px 20px 15px 20px;
}
.product-right-content .product-list-title h2 {
    color: #99ba40;
    font-size: 15px;
    font-weight: bold;
    float: left;
}
.product-right-content .product-list-title .product-filter {
    float: right;
}


.product-right-content .product-list-title .product-filter p,
.product-right-content .product-list-title .product-filter .p-choice {
    float: left;
    color: #666666;
}
.product-right-content .product-list-title .product-filter p {
    font-size: 14px;
    margin: 0px;
    line-height: 18px;
    margin-top: 5px;
}
.product-right-content .product-list-title .product-filter .p-choice  {
    margin-left: 20px;
    font-size: 12px;
    margin-top: 5px;
}
.product-right-content .product-list-title .product-filter .p-choice input {
    margin: 0px;
    width: 0px;
    height: 0px;
    float: left;
}
.product-right-content .product-list-title .product-filter input:before {
    content: "";
    width: 16px;
    height: 16px;
    border: 1px solid #c5c5c5;
    display: block;
    cursor: pointer;
}
.product-right-content .product-list-title .product-filter input:checked:before {
    background: url(images/checkarrow.png) no-repeat 50% 50%;
} 
.product-right-content .product-list-title .product-filter label {
    float: left;
    margin-left: 25px;
    line-height: 18px;
    cursor: pointer;
}
.product-right-content .product-list {
    float: left;
    width: 100%;
    clear: both;
}
.product-right-content .product-list .single-product-box {
    float: left;
    width: 33.333%;
    /*padding-right: 7px;
    padding-left: 7px;*/
    margin-bottom: 14px;
    /*position: relative;*/
    padding-bottom: 46px;
    /*overflow: hidden;*/
    width: 100%;
    max-width: 259px;
    position: relative;
}
.product-right-content .product-list .single-product-box:before {
    position: absolute;
    top: 0px;
    left: 0px;
    background: white;
    /*width: calc(100% - 7px - 7px);*/
    width: 100%;
    height: 200%;
    content: "";
    left: 7px;
    left: 0px;
    z-index: -1;
}
.product-right-content .product-list .single-product-box .inner {
    background: white;
    float: left;
    width: 100%;
    height: 100%;

}
.product-right-content .product-list .single-product-box .image-wrapper {
    float: left;
    width: 100%;
    height: 260px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}
.product-right-content .product-list .single-product-box .image-wrapper a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.product-right-content .product-list .single-product-box .text-wrapper {
    float: left;
    width: 100%;
    padding: 20px;
}
.product-right-content .product-list .single-product-box .text-wrapper h3 {
    color: #a9a9a9;
    font-size: 12px;
}
.product-right-content .product-list .single-product-box .text-wrapper h2 {
    color: black;
    font-size: 24px;
    margin-bottom: 20px;
}
.product-right-content .product-list .single-product-box .text-wrapper p {
    color: #676666;
}
.product-right-content .product-list .button-wrapper {
    clear: both;
    float: left;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 7px;
    max-width: 259px;
}
.product-right-content .product-list .button-wrapper a {
    display: inline-block;
    float: left;
    width: 100%;
    text-align: center;
    background: #99ba40 url(images/active-menu-arrow.png) no-repeat 95% 25px;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    padding: 15px 20px 15px 20px;
}
.product-right-content .product-list .button-wrapper a:hover {
    background-color: #82a22c;
}

.r-cont {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
.r-cont .row {
    margin-left: -15px;
    margin-right: -15px;
    width: 100%;

}
.r-cont .row .single-product-box:first-child {
    padding-left: 0px;
}
.r-cont .row .single-product-box:last-child {
    padding-right: 0px;
}
.no-padding {
    padding-left: 0px;
    padding-right: 0px;
}
.tbl {
    width: 100%;
}
.tbl .row {
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: 15px;
    display: table;
    width: calc(100% + 7px + 7px);
}
.tbl .col {
    display: table-cell;
    vertical-align: top;
    padding-left: 7px;
    padding-right: 7px;
    float: none;
    width: 33.333%;
    position: relative;
    overflow: hidden;
}


.new-bc {
    clear: both;
    width: 100%;
    float: left;
    margin: 35px 0px 35px 0px;
}
.new-bc a {
    color: #797979;
    font-size: 14px;
    /*font-weight: bold;*/
}
.new-bc a:after {
    content: " / ";
}
.new-bc a:last-child {
    color: #8cb61d;
}
.new-bc a:last-child:after {
    display: none;
}
.single-product-content-wrapper {
    clear: both;
    float: left;
    width: 100%;
}
.single-product-content-wrapper .sp-content-left {
    float: left;
    width: 727px;
    background: white;
    font-size: 14px;
    color: #676666;
}
.single-product-content-wrapper .sp-content-left h1 {
    color: white;
    font-size: 34px;
    font-weight: bold;
    background: #8cb61d;
    padding: 25px 30px 25px 30px;
    line-height: 130%;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery {
    float: left;
    width: 100%;
    height: 364px;
    overflow: hidden;
    background: #f4f4f4;
    border-bottom: 1px solid #e1e1e1;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery .flickity-prev-next-button {
    display: none;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery .flickity-page-dots {
    bottom: 15px;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery  .flickity-page-dots .dot {
    opacity: 1;
    background: #dcdcdc;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery  .flickity-page-dots .dot.is-selected {
    background: #8cb61d;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery .flickity-slider .flickity-page-dots  {
    display: none;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery .media-box {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}
.single-product-content-wrapper .sp-content-left .product-media-gallery .media-box a {
    display: block;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.single-product-content-wrapper .sp-content-left .product-desc {
    float: left;
    width: 100%;
    padding: 35px 45px 0px 45px;
}
.single-product-content-wrapper .sp-content-left .product-desc p,
.page-layout .page-wide-left .page-content p  {
    line-height: 150%;
    margin-bottom: 30px;
}
.single-product-content-wrapper .sp-content-left .product-desc h2 ,
.page-layout .page-wide-left .page-content h2 {
    background: #f4f4f4;
    color: #222222;
    font-size: 24px;
    font-weight: bold;
    padding: 25px 45px 25px 45px;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
    clear: both;
    width: 100%;
    margin-left: -45px;
    margin-bottom: 35px;
    text-transform: uppercase;
}
.page-layout .page-wide-left .page-content h2 a {
    color: #222222;
}
.single-product-content-wrapper .sp-content-left .product-desc ul,
.page-layout .page-wide-left .page-content ul {
    margin-bottom: 35px;
}
.single-product-content-wrapper .sp-content-left .product-desc ul li ,
.page-layout .page-wide-left .page-content ul li {
    margin-bottom: 15px;
}
.single-product-content-wrapper .sp-content-left .product-desc ul li:last-child ,
.page-layout .page-wide-left .page-content ul li:last-child {
    margin-bottom: 0px;
}
.single-product-content-wrapper .sp-content-left .product-desc ul li p,
.page-layout .page-wide-left .page-content ul li p {
    margin: 0px;
}
.single-product-content-wrapper .sp-content-left .product-desc ul li strong ,
.page-layout .page-wide-left .page-content ul li strong {
    color: #8cb61d;
    font-weight: bold;
}
.single-product-content-wrapper .sp-content-left .product-desc table {
    margin-bottom: 35px;
}
.single-product-content-wrapper .sp-content-left .product-desc table tr td {
    padding-top: 5px;
    padding-bottom: 5px; 
}
.single-product-content-wrapper .sp-content-left .product-desc table tr td + td {
    padding-left: 20px;
}
.single-product-content-wrapper .sp-content-left .product-desc img.bottom-banner {
    margin-left: -45px;
    width: 100%;
    height: auto;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
}
.single-product-content-wrapper .sp-content-left .product-desc .alignright {
    float: right;
    margin-left: 20px;
}
.single-product-content-wrapper .sp-content-left .bottom-banner {
    clear: both;
    float: left;
    width: 100%;
    line-height: 1px;
}
.single-product-content-wrapper .sp-content-left .bottom-banner img {
    width: 100%;
    height: auto;
}

.single-product-content-wrapper .sp-sidebar-right {
    float: right;
    width: 259px;
}
.page-sidebar .long-text-sidebar-left,
.page-sidebar .long-text-sidebar-right,
.single-product-content-wrapper .sp-sidebar-right .long-text-sidebar-left ,
.single-product-content-wrapper .sp-sidebar-right .long-text-sidebar-right {
    height: auto;
    width: 100%;
}
.single-product-content-wrapper .sp-sidebar-right .quick-links ,
.single-product-content-wrapper .sp-sidebar-right .related-items ,
.single-product-content-wrapper .sp-sidebar-right .featured-news,
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts,

.page-sidebar  .quick-links , 
.page-sidebar  .related-items ,
.page-sidebar  .featured-news ,
.page-sidebar  .widget_relatedproducts {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
}
.single-product-content-wrapper .sp-sidebar-right .quick-links h4,
.single-product-content-wrapper .sp-sidebar-right .widget_relateditems h4 ,
.single-product-content-wrapper .sp-sidebar-right .featured-news h4 ,
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts h4,

.page-sidebar  .quick-links h4, 
.page-sidebar  .related-items h4,
.page-sidebar  .featured-news h4,
.page-sidebar  .widget_relatedproducts h4 {
    width: 100%;
    color: white;
    font-size: 18px;
    background: #3a3a3c;
    padding: 20px;
    text-shadow: none;
    text-transform: none;
    margin: 0px;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relateditems h4,
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts h4,

.page-sidebar .widget_relateditems h4,
.page-sidebar .widget_relatedproducts h4 {
    background: #8cb61d;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news h4,
.page-sidebar .featured-news h4  {
    background: #7b7b7b;
}
.single-product-content-wrapper .sp-sidebar-right .quick-links ul,
.single-product-content-wrapper .sp-sidebar-right .widget_relateditems ul,
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul,

.page-sidebar  .quick-links ul,
.page-sidebar  .widget_relateditems ul,
.page-sidebar  .widget_relatedproducts ul {
    float: left;
    width: 100%;
    background: white;
    padding-top: 15px;
    padding-bottom: 15px;
    list-style: none;
    margin: 0px;
}
.single-product-content-wrapper .sp-sidebar-right .quick-links ul li ,
.single-product-content-wrapper .sp-sidebar-right .widget_relateditems ul li ,
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li,

.page-sidebar .quick-links ul li ,
.page-sidebar .widget_relateditems ul li ,
.page-sidebar .widget_relatedproducts ul li {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    background: transparent;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li ,
.page-sidebar .widget_relatedproducts ul li {
    padding-left: 20px;
    padding-right: 30px;
    margin-bottom: 25px;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li:last-child ,
.page-sidebar .widget_relatedproducts ul li:last-child {
    margin-bottom: 0px;
}
.single-product-content-wrapper .sp-sidebar-right .quick-links ul li a,
.single-product-content-wrapper .sp-sidebar-right .widget_relateditems ul li a,

.page-sidebar .quick-links ul li a,
.page-sidebar .widget_relateditems ul li a {
    color: #353535;
    font-size: 18px;
    display: block;
    float: left;
    width: 100%;
    text-transform: none;
    padding: 12px 10px 12px 40px;
    background: transparent url(images/menuarrow.png) no-repeat 18px 15px;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li a,
.page-sidebar  .widget_relatedproducts ul li a {
    display: block;
    float: left;
    width: 100%;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li a span ,
.page-sidebar  .widget_relatedproducts ul li a span {
    display: block;
    float: left;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li a span.image ,
.page-sidebar .widget_relatedproducts ul li a span.image{
    width: 40%;
    height: 60px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li a span.text ,
.page-sidebar  .widget_relatedproducts ul li a span.text {
    color: #3a3a3c;
    font-size: 14px;
    width: 60%;
    padding-left: 10px;
    padding-top: 10px;
}
.single-product-content-wrapper .sp-sidebar-right .widget_relatedproducts ul li a:hover span.text,
.page-sidebar .widget_relatedproducts ul li a:hover span.text  {
    text-decoration: underline;
}
.single-product-content-wrapper .sp-sidebar-right .quick-links ul li a:hover,
.single-product-content-wrapper .sp-sidebar-right .widget_relateditems ul li a:hover,

.page-sidebar .quick-links ul li a:hover,
.page-sidebar .widget_relateditems ul li a:hover  {
    background-color: #f4f4f4;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar:before,
.page-sidebar  #wp-calendar:before  {
    content: "Events";
    display: block;
    width: 120%;
    color: white;
    font-size: 18px;
    background: #7b7b7b;
    padding: 20px;
    margin: -12px 0px 20px -12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar,
.page-sidebar #wp-calendar  {
    background: white;
    padding: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar thead th,
.page-sidebar #wp-calendar thead th  {
    color: #b0b0b0;
    font-size: 12px;
    text-shadow: none;
}
/*
.single-product-content-wrapper .sp-sidebar-right #wp-calendar table {
    border: 1px solid #cdcdcd;
}
*/
.single-product-content-wrapper .sp-sidebar-right #wp-calendar table td ,
.page-sidebar #wp-calendar table td {
    background: white;
    border: 1px solid #cdcdcd;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #3e3e3e;
    font-size: 13px;
    padding: 0px;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar table.nav ,
.page-sidebar  #wp-calendar table.nav {
    border: 0px;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar table.nav td ,
.page-sidebar  #wp-calendar table.nav td {
    border: 0px;
    width: auto;
    height: auto;
    line-height: inherit;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar .ec3_eventday ,
.page-sidebar #wp-calendar .ec3_eventday {
    background: #8cb61d;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar table #today,
.page-sidebar  #wp-calendar table #today  {
    background: #759a15;
    color: white;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar caption ,
.page-sidebar  #wp-calendar caption{
    width: 100%;
    margin: 0px 0px 10px 0px;
    text-align: center;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar table caption a ,
.page-sidebar #wp-calendar table caption a {
    text-shadow: none;
    text-align: center;
    color: #3e3e3e;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar #prev,
.single-product-content-wrapper .sp-sidebar-right #wp-calendar #next,

.page-sidebar #wp-calendar #prev,
.page-sidebar #wp-calendar #next  {
    background: none;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar #prev a,
.single-product-content-wrapper .sp-sidebar-right #wp-calendar #next a,

.page-sidebar #wp-calendar #prev a,
.page-sidebar #wp-calendar #next a {
    text-shadow: none;
    text-indent: -9999px;
    display: inline-block;
    width: 12px;
    height: 9px;
    top: inherit;
    margin: 0px;
    text-align: left;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar #prev a,
.page-sidebar #wp-calendar #prev a {
    background: url('images/calendar-prev-arrow.png') no-repeat 50% 50%;
}
.single-product-content-wrapper .sp-sidebar-right #wp-calendar #next a,
.page-sidebar #wp-calendar #next a {
    background: url('images/calendar-next-arrow.png') no-repeat 50% 50%;
}
.single-product-content-wrapper .sp-sidebar-right .textwidget ,
.page-sidebar .textwidget {
    margin-bottom: 15px;
}
.single-product-content-wrapper .sp-sidebar-right .textwidget img ,
.page-sidebar .textwidget img {
    width: 100%;
    height: auto;
}
.single-product-content-wrapper .sp-sidebar-right .textwidget span img ,
.page-sidebar  .textwidget span img {
    width: auto;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ,
.page-sidebar .featured-news {
    background: white;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul ,
.page-sidebar  .featured-news ul{
    background: transparent;
    padding: 20px 30px 30px 20px;
    width: 100%;
    float: left;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li,
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li a,

.page-sidebar .featured-news ul li,
.page-sidebar .featured-news ul li a,

.page-sidebar .widget .featured-news ul li.news a {
    font-size: 14px;
    color: #313131;
    width: 100%;
    float: left;
    padding: 0px;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li.time ,
.page-sidebar  .featured-news ul li.time {
    color: #676666;
    font-size: 12px;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li.news ,
.page-sidebar  .featured-news ul li.news {
    margin-bottom: 25px;
    padding: 0px;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li a ,
.page-sidebar .featured-news ul li a {
    font-weight: bold;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li a:hover ,
.page-sidebar  .featured-news ul li a:hover {
    text-decoration: underline;
}
.single-product-content-wrapper .sp-sidebar-right .featured-news ul li:last-child,
.page-sidebar  .featured-news ul li:last-child  {
    margin-bottom: 0px;
}
.box-title {
  background-color: #8EC243;
  color: #ffffff;
  padding: 7px 10px;
  margin-top: 40px;
}

h1.with-bg {
    background-color: #8EC243;
    font-weight: bold;
    font-size: 34px;
    padding: 20px 30px 20px 30px;
}

.videos-list {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 20px;
}
.videos-list ul {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}
.videos-list ul li {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}
.videos-list .video-item {
    display: block;
    float: left;
    width: 100%;
    background: black;
}
.videos-list .video-item span {
    display: block;
}
.videos-list .video-item span.img-wrapper {
    float: left;
    width: 100%;
    height: 228px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: relative;
}
.videos-list .video-item span.img-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: black;
    opacity: 0.27;
}
.videos-list .video-item span.img-wrapper span.play {
    display: block;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    width: 130px;
    height: 130px;
    margin: -65px 0px 0px -65px;
    background: url(images/btn-play.png) no-repeat 50% 50%;
}
.videos-list .video-item span.video-desc {
    height: 85px;
    float: left;
    width: 100%;
    padding: 20px 15px 20px 25px;
    position: relative;
}
.videos-list .video-item span.video-desc span.video-title {
    float: left;
    font-size: 19px;
    padding-right: 130px;
    line-height: 130%;
    font-weight: bold;
}
.videos-list .video-item span.video-desc span.video-meta {
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.videos-list .video-item span.video-desc span.video-meta span.network-icon {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    line-height: 20px;
}
.videos-list .video-item span.video-desc span.network-icon.icon_youtube {
    background-image: url(images/icon-youtube.png);
}
.videos-list .video-item span.video-desc span.network-icon.icon_vimeo {
    background-image: url(images/icon-vimeo.png);
}
.videos-list .video-item span.video-duration {
    float: left;
    color: #8d8d8d;
    font-size: 13px;
    padding-left: 26px;
    line-height: 20px;
    background: url(images/video-duration.png) no-repeat 0px 50%;
}
.videos-list ul li:nth-child(odd) {
    padding-right: 5px;
    clear: both;
}
.videos-list ul li:nth-child(even) {
    padding-left: 5px;
}

.page-layout {
    clear: both;
    float: left;
    width: 100%;
}
.page-layout .page-wide-left {
    float: left;
    background: white;
    width: 727px;
}
.page-layout .page-wide-left img.alignleft.size-full {
    width: 100%;
    float: none;
    height: auto;
}
.page-layout .page-wide-left h1 {
    background: #8cb61d;
    width: 100%;
    float: left;
    font-weight: bold;
    color: white;
    font-size: 34px;
    padding: 25px;
    line-height: 120%;
}
.page-layout .page-wide-left .page-content {
    clear: both;
    float: left;
    width: 100%;
    padding: 35px 45px 35px 45px;
    font-size: 14px;
    color: #676666;
}
.page-layout .page-wide-left .page-content img {
	width: 100%;
	height: auto;
}
.page-layout .page-wide-left .page-content.no-top-padding {
    padding-top: 0px;
}

.page-layout .page-wide-left.blog .page-content p.p_empty {
    display: none;
}

.page-layout .page-wide-left .page-content .post-content {
    padding: 0px;
}
.page-layout .page-wide-left .page-content .long-text-content-header {
    width: 100%;
    background: transparent;
    margin: 0px;
    height: auto;
}
.page-layout .page-wide-left ul.files-list {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
    width: 100%;
}
.page-layout .page-wide-left ul.files-list li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dddddd
}
.page-layout .page-wide-left ul.files-list li a {
    display: block;
    width: 100%;
    float: left;
    padding: 30px;
    position: relative;
}
.page-layout .page-wide-left ul.files-list li a:hover {
    background: #f6f6f6;
}
.page-layout .page-wide-left ul.files-list li a span {
    display: block;
}
.page-layout .page-wide-left ul.files-list li a span.icons {
    float: left;
    width: 46px;
    min-height: 62px;
    position: absolute;
}
.page-layout .page-wide-left ul.files-list li a span.icons.pdf {
    background: url(images/icon-pdf.png) no-repeat 50% 50%;
}
.page-layout .page-wide-left ul.files-list li a span.desc {
    float: left;
    width: 100%;
    padding-left: 80px;
    min-height: 62px;
}
.page-layout .page-wide-left ul.files-list li a span.desc span.title {
    color: #2d2d2d;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;   
    line-height: 130%;
}
.page-layout .page-wide-left ul.files-list li a span.desc span.lead-text {
    color: #969696;
    font-size: 13px;
    line-height: 140%;
}
.page-layout .page-wide-left .inner-pagination {
    clear: both;
    width: 100%;
    float: left;
    margin: 30px 0px 30px 0px;
    text-align: center;
}
.page-layout .page-wide-left .inner-pagination a {
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 37px;
    background: #e0e0e0;   
    font-size: 13px;
    color: #757575;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.page-layout .page-wide-left .inner-pagination a.prev {
    text-indent: -9999px;
    background-image: url(images/nav-arrow-prev.png);
}
.page-layout .page-wide-left .inner-pagination a.page {

}
.page-layout .page-wide-left .inner-pagination a:hover {
    background-color: #f1f0f0;
}
.page-layout .page-wide-left .inner-pagination a.current,
.page-layout .page-wide-left .inner-pagination a.current:hover {
    background: #8cb61d;
    color: white;
}
.page-layout .page-wide-left .inner-pagination a.next {
    text-indent: -9999px;
    background-image: url(images/nav-arrow-next.png);
}
.page-layout .page-sidebar {
    float: right;
    width: 259px;
}

#header .logo-interior-wrap {
    display: none;
}
.new-top-menu {
    clear: both;
    float: left;
    width: 100%;
    background: white;
}
.new-top-menu .site-logo {
    float: left;
    display: block;
    height: 100px;
    width: 215px;
    background: url(images/lf-site-logo.png) no-repeat 50% 50%;
}
.new-top-menu .menu-cont {
    float: right;
    width: 100%;
    max-width: 783px;
    padding-top: 44px;
    padding-right: 20px;
}
.new-top-menu .menu-cont div {
    display: inline;
}
.new-top-menu .menu-cont ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: right;
}
.new-top-menu .menu-cont ul ul {
    display: none;
    position: absolute;
    top: 57px;
    left: 0px;
    background: #333335;
    width: 216px;
    padding: 20px;
    z-index: 500;
}
.new-top-menu .menu-cont ul li:hover ul {
    display: block;
} 
.new-top-menu .menu-cont ul li {
    float: left;
    position: relative;
}
.new-top-menu .menu-cont ul li a {
    display: inline-block;
    color: #5c5c5c;
    font-size: 16px;
    height: 57px;
    line-height: 57px;
    padding-left: 20px;
    padding-right: 20px;
}
.new-top-menu .menu-cont ul ul li {
    margin-bottom: 18px;
    float: left;
    width: 100%;
}
.new-top-menu .menu-cont ul ul li:last-child {
    margin-bottom: 0px;
}
.new-top-menu .menu-cont ul ul a {
    padding: 0px;
    line-height: 130%;
    color: #bdbdbd;
    font-size: 14px;
    height: auto;
    background: transparent;
    float: left;
    width: 100%;
}
.new-top-menu .menu-cont ul li:hover a,
.new-top-menu .menu-cont ul li.current_page_parent > a,
.new-top-menu .menu-cont ul li.current_page_item > a,
.new-top-menu .menu-cont ul li.current-menu-ancestor > a,
.new-top-menu .menu-cont ul li.current-menu-parent > a,
.new-top-menu .menu-cont ul li.current_page_parent > a, 
.new-top-menu .menu-cont ul li.current_page_ancestor > a {
    background: #222224;
    color: white;
}
.new-top-menu .menu-cont ul li:hover ul a {
    background: transparent;
    color: #bdbdbd;
}
.new-top-menu .menu-cont ul li ul a:hover {
    color: white;
}


/* /theme updates 10/2015 */


/* theme updates 2/2017 */
img.alignright { float: right; margin: 0 0 0 1em; }
img.alignleft { float: left; margin: 0 1em 0 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { font-size:90%; color: black }
.alignright .wp-caption-text { margin-left: 10px; }
/* theme updates 2/2017 */


/* ----------------- making theme responsive 07/2014 (additional markup on desktop version + media queries) ------------------*/

.desktop-only {
}
.mobile-only {
  display: none;
}

a.btn_demo {
    display: inline-block;
    display: none;
    
    clear: both;
    float: left;
    width: 100%;
    color: #8ec243;
    font-size: 15px;
    text-transform: uppercase;
    border: 1px solid #2b2829;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    position: relative;
    
    background: #606060; /* Old browsers */
    background: -moz-linear-gradient(top, #606060 0%, #252222 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606060), color-stop(100%,#252222)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #606060 0%,#252222 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #606060 0%,#252222 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #606060 0%,#252222 100%); /* IE10+ */
    background: linear-gradient(to bottom, #606060 0%,#252222 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606060', endColorstr='#252222',GradientType=0 ); /* IE6-9 */
}
a.btn_demo span.arrow {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #3d3c3c url(images/demo_arrow.png) no-repeat 50% 50%;
    width: 32px;
}
a.btn_demo span.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: url(images/btn_overlay.png) repeat 0px 0px;
}
a.btn_demo span.text {
    position: relative;
    z-index: 100;
}
a.btn_demo:hover {
    color: white;
}

.hidden_on_mobile {
    display: none;
}

.su-spoiler-title {
  color: #ffffff;
  background-color: #A6A5A5;
}

.su-spoiler-title span {
  top: 0;
  height: 100%;
  line-height: 31px;
  width: 30px;
  vertical-align: middle;
  background-color: #747474;
  color: #8EC243;
}

div.su-spoiler-title {
  padding-left: 38px !important;
}

.su-accordion .su-spoiler {
  margin-bottom: 1px !important;

}

.su-other-shortcodes-loaded #long-text-box-wrap {
  padding: 0;
}


#pardot-form p.Lead_Type label {
    width: auto;
    position: inherit;
    padding-right: 20px;
}
#pardot-form p.Lead_Type {
    width: auto;
}
#pardot-form p.Lead_Type select {
    margin: 0px;
}

@media (min-width: 999px){
    .entry-excerpt.hidden_on_mobile {
        display: none !important;
    }  
}




@media (max-width: 1020px){
/*@media (max-width: 998px){*/
    
    * {
    	box-sizing:border-box;
    	-moz-box-sizing:border-box;
    	-webkit-box-sizing:border-box; 
    }
    body {
        /*padding-left: 40px;
        padding-right: 40px;*/
        overflow-x: hidden;
    }
    
    /* global */
    #wrapper ,
    #wrapper #footer,
    .footer-nav {
        width: 100%;
    }
    #wrapper {
        padding-left: 40px;
        padding-right: 40px;
    }
    
    /* header */
    #header .logo-interior-wrap {
        margin: 0px;
    }
    .logo-small {
        background: url(images/logo_tablet.png) no-repeat 0px 50%;
        width: 248px;
        height: 100px;
    }
    .logo-small img {
        display: none;
    }



    /* main menu */
    #primary-nav ul.main {
        width: 100%;
    }
    #primary-nav ul.main li {
        width: 20%;
    }
    #primary-nav .main li ul {
        overflow: hidden;
    }
    #primary-nav ul.main li li {
        width: inherit;
    }
    /* /main menu */
    
    /* header search */
    #header .search-box {
        background: none;
        opacity: 1;   
        padding-left: 0px;
        padding-right: 0px;
        margin-right: -5px;
    }
    .search-box-clear {
        height: 1px;
    }
    .search-box-right {
        display: none !important;
    }
    .search-box .search input {
        background: #565656;
        height: 25px;
        width: 139px;
        border: 0px;
        
    }
    .search-box #btn-submit {
        background-color: #565656;
        border: 0px;
    }
    
    /* background */
    #background_img_wrap {
        height: 100% !important;
    }
    
    /* homepage */
    .box {
        width: 32.8%;
        margin-right: 0.5% !important;
        margin-bottom: 100px;
        overflow: hidden;
        height: 450px;
    }
    .box.closed .box_thumb {
        height: auto;
    }
    .box_thumb img,
    .box.closed .box_thumb img {
        width: 100%;
        height: auto;
    }
    .box_thumb img.old_img ,
    .box.closed .box_thumb img.old_img  {
        
    }
    .box_thumb img.true_img ,
    .box.closed .box_thumb img.true_img  {
        opacity: 0;        
        position: inherit;
        display: none;
    }
    /*
    .box.alignleft:first-child img.true_img {
        display: inline-block;
    }
    .box.alignleft:first-child .box_thumb {
        position: relative;
    }
    .box.alignleft:first-child .box_thumb img.old_img {
        opacity: 0;   
    }
    .box.alignleft:first-child .box_thumb img.true_img {
        opacity: 1;
        width: 700px;
        height: auto;

        position: absolute;
        right: 0px;
        top: 0px;
        
    }
    */
    .box .box_footer {
        display: none;
    }
    .box .entry-excerpt {
        display: none;
        width: 100%;
        clear: both;
        float: left;
        background: #4a4d4c;
        padding: 10px;
    }
    .box .entry-excerpt p {
        margin: 0px;
        padding: 0px;
    }
    .box .dk_grey_box {
        padding: 0px;
        width: 100%;
        height: 46px;
        overflow: hidden;
        display: table;
    }
    .dk_grey_box h1 {
        width: 100%;
        display: table-cell;
        vertical-align: middle;
        cursor: pointer;
        border-bottom: 6px solid black;
        padding: 0px 10px 0px 45px;
        height: 46px;
        font-size: 13px;
        background: #4a4d4c url(images/arrow_down.png) no-repeat 0px 0px;
        
    }
    .box.expanded .dk_grey_box h1 {
        background: #4a4d4c url(images/arrow_up.png) no-repeat 0px 0px;
    }
    /* /homepage */
    
    
    /* text page */
    .long-text-sidebar-left ,
    .long-text-sidebar-right {
        display: none;
    }
    .single-product-content-wrapper .sp-content-left,
    .page-layout .page-wide-left {
        width: 70%;
    }
    .single-product-content-wrapper .sp-sidebar-right ,
    .page-layout .page-sidebar {
        width: 30%;
        padding-left: 20px;
    }
    .sp-sidebar-right .long-text-sidebar-left ,
    .sp-sidebar-right .long-text-sidebar-right,
    
    .page-layout .long-text-sidebar-left ,
    .page-layout .long-text-sidebar-right {
        display: block;
    }
    a.btn_demo {
        display: inline-block;
        margin-top: 20px;
    }
    #long-text-box-wrap {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        background: white;
        padding-right: 25px;
        overflow: hidden;
    }
    #long-text-box-wrap img {
        width: 100%;
        height: auto;
    }
    .calculator input, 
    table.location_search input {
        min-width: 150px;
        padding: 10px;
        margin-bottom: 5px;
    }
    #content-3.for_blog {
        margin-top: 0px;
    }
    .for_blog #long-text-box-wrap {
        background: transparent;
        padding: 0px;
    }
    .for_blog .breadcrumb-bar {
        display: none;
    }
    .for_blog .post-content {
        padding: 0px;
        background: white;
        /*padding-left: 15px;
        padding-right: 15px;*/

    }
    .for_blog .post-content.first {
        background: transparent;
        padding: 0px;
    }
    .for_blog #nav-above {
        clear: both;
        float: left;
        width: 100%;
    }
    .for_blog #nav-above a {
        color: white;
    }
    .for_blog a.open_close_link.hidden_on_mobile  {
        clear: both;
        float: left;
        width: 100%;
        display: block;
        height: 38px;
        line-height: 38px;
        color: white;
        font-size: 12px;
        margin-bottom: 15px;
        padding-left: 45px;
        background: #a6a5a5 url(images/arrow_down2.png) no-repeat 0px 0px;
    }
    .for_blog a.open_close_link.hidden_on_mobile.opened {
        background: #a6a5a5 url(images/arrow_up2.png) no-repeat 0px 0px;
    }
    
    .for_blog .post-content.first  br {
        display: none;
    }
    .for_blog .long-text-content-header {
        height: auto;
        background: none;
        float: left;
        margin: 0px;
       /* margin-bottom: 15px;*/
    }
    .for_blog .long-text-content-header h1 {
        background: #8ec243;
        font-size: 17px;
        text-transform: none;
        padding-left: 10px;
        height: 35px;
        line-height: 35px;
        margin-bottom: 15px;

    }
    .for_blog .entry-utility {
        width: 100%;
    }
    .for_blog .post-content .long-text-content-header h1.entry-title {
        margin: 0px;
        padding: 0px;
        background: none;
        height: auto;
        line-height: 140%;
        /*margin-left: -15px;*/
        width: 100%;
        margin-bottom: 15px;
    }
    .for_blog .mobile_wrapper {
        display: none;
        float: left;
        width: 100%;
        background: white;
        padding: 15px;
    }
    
    .for_blog .post-content .long-text-content-header h1.entry-title a {
        display: block;
        float: left;
        width: 100%;
        color: white;
        font-size: 16px;
        line-height: 140%;
        background: #565656;
        padding: 15px;
    }
    #searchForm LABEL,
    #searchForm input#addressInput {
        height: 33px;
        line-height: 33px;
        margin-bottom: 10px;
    }
    #searchForm input#addressSubmit {
        height: 33px;
        font-size: 16px;
        line-height: 33px;
    }
    #searchForm SELECT {
        padding: 10px;
        height: auto;
    }
    .long-text-sidebar-inside {
        float: left;
        width: 25%;
    }
    .long-text-content p {
        padding-left: 0px;
    }
    .widget .interior-graphics {
        max-width: 100%;
    }
    .long-text-sidebar-inside img {
        width: 100%;
        height: auto;
    }
    .long-text-content-header {
        width: 100%;
    }
    .single-page-our-product .long-text-content-header h1 {
        font-size: 20px;
    } 
    .long-text-content {
        float: left;
        width: 75%;
        margin-left: 0px;
        padding-left: 20px;
    }
    
    .content-list {
        background: white;
        margin: 0px;
        padding: 12px;
    }
    .content-list.showcase h1 {
        color: #333;
        margin: 0px 0px 20px 0px;
    }
    .content-list.showcase .showcase-list {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    .content-list.showcase .showcase-list li {
        float: left;
        width: 20%;
        height: auto;
        margin: 0px;
        padding: 0px 10px 0px 0px !important;
        margin-bottom: 10px;
        background: none;
        overflow: hidden;
    }
    .content-list.showcase .showcase-list li a {
        display: block;
        float: left;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .content-list.showcase .showcase-list li img {
        width: 100%;
        height: auto;
    }
    /* /text page */
    
    
    /* footer */
    .footer_clear {
        height: 30px;
    }
    .home #wrapper .footer_clear ,
    #wrapper #footer {
        height: 160px;
    }
    #footer {
        width: 100%;
        margin-top: 30px;
        clear: both;
    }
    #wrapper #footer {
        clear: none;
        overflow: hidden;
        width: 100%;
        margin-left: -40px;
        margin-top: -107px;
        /*padding-left: 40px;*/
    }
    #footer .alignright  {
        display: none;
    }
    .social-media-icons li {
        margin-right: 20px;
    }
    #bottombar {
        display: none;
    }
    .footer-nav {
        background: #8ec243;
        color: white;
        border: 0px;
        height: auto;
        padding-left: 40px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .footer-menu li a {
        font-size: 13px;
    }
    .footer-menu li:first-child a {
        padding-left: 0px;
    }
    .footer-menu li:hover {
        border: 0px;
    }
    #footer .social-media-icons,
    #wrapper #footer .social-media-icons {
        margin: 0px;
        margin-top: -15px;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        /*background: url(images/social_bg.png) repeat 0px 0px;*/
        /*background-color: #A8A8A6;*/
        left: inherit;
        height: auto;
        padding-left: 40px;
        /* Gradient */
        background: rgb(125,128,128); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(125,128,128,1) 54%, rgba(148,148,146,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(54%,rgba(125,128,128,1)), color-stop(100%,rgba(148,148,146,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(125,128,128,1) 54%,rgba(148,148,146,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(125,128,128,1) 54%,rgba(148,148,146,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(125,128,128,1) 54%,rgba(148,148,146,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(125,128,128,1) 54%,rgba(148,148,146,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d8080', endColorstr='#949492',GradientType=0 ); /* IE6-9 */
    }
    .additional-m-menu {
        display: block;
        clear: both;
        float: left;
        background: #565656;
        margin-top: 48px;
        width: 120%;
        padding-left: 40px;
        height: 80px;
    }
    .additional-m-menu ul {
        margin-top: 25px;
    }
    .additional-m-menu li {
        display: none;
    }
    .additional-m-menu li a {
        border: 0px;
    }
    .additional-m-menu li:first-child {
        display: inline;
    }
    /* /footer */
    
    .product-left-sidebar {
        width: 20%;
    }
    .product-right-content {
        width: 80%;
    }
    .product-right-content .product-list .button-wrapper  {
        width: calc(100% - 7px - 7px); 
    }
    .product-right-content .product-list .single-product-box .text-wrapper {
        padding: 10px;
    }
    .product-right-content .product-list .single-product-box .image-wrapper {
        height: 180px;
    }    
    .product-left-sidebar ul.menu li a {
        font-size: 20px;
    }
    
    .videos-list .video-item span.video-desc {
        height: auto;
    }
    
    #header .logo-interior-wrap {
        display: inherit;
    }
    .new-top-menu {
        display: none;
    }
    .new-top-menu .menu-cont {
        padding-right: 0px;
    }
    .new-top-menu .menu-cont {
        width: auto;
    }
    .new-top-menu .menu-cont ul li a {
        padding-left: 10px;
        padding-right: 10px;
    }
    #mobile-nav {
        display: block;
        float: left;
        width: 100%;
    }
    #mobile-nav a.mobile_menu_trigger {
        display: block;
        float: left;
        width: 100%;
        color: #747679;
        font-size: 16px;
        height: 42px;
        line-height: 42px;
        padding-left: 10px;
        background: white url(images/ham.png) no-repeat 100% 50%;        
    }
    #mobile-nav ul.main {
        width: 100%;
        background: white;
        display: none;
    }
    #mobile-nav ul.main li {
        position: inherit;
    }
    #mobile-nav ul.main li ,
    #mobile-nav ul.main li li,
    #mobile-nav ul.main li a {
        width: 100%;
        float: left;
        margin: 0px;
        line-height: inherit;
        padding: 0px;
        height: auto;
        color: gray;
    }
    #mobile-nav ul.main li a {
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 16px;
    }
    #mobile-nav ul.main li,
    #mobile-nav ul.main li li {
        padding-left: 10px;
    }
    #mobile-nav ul.main li li a {
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #mobile-nav ul.main li:hover,
    #mobile-nav ul.main li a:hover {
        background: none;
        color: inherit;
    }
    #mobile-nav ul.main li:hover > ul {
        padding: 0px;
        width: 100%;
        margin: 0px;
        float: left;
        padding-left: 18px;
    }
    #mobile-nav ul.main ul {
        position: inherit;
    }
    
    

}


@media (max-width: 850px){
    
    .new-bc a,
    .new-bc a:last-child {
        color: white;
    }
    .single-product-content-wrapper .sp-content-left,
    .single-product-content-wrapper .sp-sidebar-right {
        width: 100%;
        padding: 0px;
    }
    .single-product-content-wrapper .sp-content-left,
    .page-layout .page-wide-left {
        margin-bottom: 30px;
    }

    .product-left-sidebar ,
    .product-right-content,
    .page-layout .page-wide-left,
    .page-layout .page-sidebar {
        width: 100%;
        padding: 0px;
    }

    .product-left-sidebar ul.menu li {
        width: 50%;
    }
    .product-left-sidebar img {
        display: none;
    }
    
    .tbl .col {
        width: 100%;
        float: left;
        display: block;
    }
    .product-right-content .product-list .single-product-box  {
        padding-bottom: 10px;
    }
    .product-right-content .product-list .single-product-box ,
    .product-right-content .product-list .button-wrapper {
        max-width: 100%;
    }
    .product-right-content .product-list .single-product-box .image-wrapper {
        height: 250px;
    }
    .product-right-content .product-list .button-wrapper {
        position: inherit;
        left: 0px;
        width: 100%;
    }

    .tbl .col {
        margin-bottom: 10px;
        padding: 0px;
    }
    .tbl .col.is-empty {
        display: none;
    }
    .tbl .row {
        display: inline;
        width: 100%;
        margin: 0px;
    }

    
}


@media (max-width: 780px){
    
    #content-3 {
      margin-top: 20px;
    }
    .mobile-only {
      display: block;
    }
    .desktop-only {
      display: none;
    }
    /* header */
    #primary-nav {
        display: none;
    }

    
    .content-list.showcase .showcase-list li {
        float: left;
        width: 33.3%;
    }
    
    /* footer */
    #wrapper #footer .footer-menu {
        margin-left: -20px; 
    }
    #footer .footer-menu li:first-child {
        display: none;
    }
    #footer .additional-m-menu .footer-menu {
        margin-left: 0px;
    }
    #footer .additional-m-menu .footer-menu li:first-child {
        display: inline;
    }
    
    
    #long-text-box-wrap iframe {
        width: 100%;
    }
    .long-text-content p.list_p {
        padding-left: 40px !important;
        /*text-indent: 5px;*/ 
    }
    .long-text-content p.list_p span {
        margin-left: -25px;
        display: inline-block;
        position: relative;
        width: 20px;
        margin-right: 2px;
    }
    .long-text-content p.list_p span span {
        margin: 0px;
        width: auto;
        display: inline;
    }
    
    h1.with-bg {
        padding: 20px;
        font-size: 28px;
    }
    .videos-list ul li,
    .videos-list ul li:nth-child(odd),
    .videos-list ul li:nth-child(even) {
        width: 100%;
        padding: 0px;
    }
    .videos-list .video-item span.video-desc span.video-title {
        padding: 0px 0px 20px 0px;
    }
    
    
    
}

@media (max-width: 650px){
    
    /* homepage */
    #content {
        margin-top: 30px;
        overflow: hidden;
    }
    .box {
        height: auto;
        width: 100%;
        float: left;
        margin: 0px 0px 20px 0px !important;
        padding: 0px;
        position: inherit;
    }
    .box .box_wrap {
        float: left;
        width: 100%;
        position: inherit;
        overflow: hidden;
    }
    /*
    .box.alignleft:first-child .box_thumb {
        height: 170px;
        overflow: hidden;
    }
    .box.alignleft:first-child .box_thumb img.true_img {
        width: 560px;
    }*/
    .box .box_top ,
    .box.closed .box_thumb,
    .box .dk_grey_box {
        position: inherit;
    }
    .box .entry-excerpt {
        background: white;
        color: #6e7071;
        font-size: 13px;
    }
    .box .entry-excerpt a {
        color: #8ec243;
    }
    
    .box.expanded .box_footer {
        display: block;
        width: 100%;
        border-bottom: 6px solid #202020;
        float: left;
        background: #f4f4f4;
        height: 25px;
    }
    .box.expanded .box_footer a {
        display: none;
    }
    
    
    /* text page */
    .long-text-sidebar-inside {
        display: none;
    }
    .long-text-content {
        width: 100%;
        padding-left: 0px;
    }
    .long-text-content img {
        width: 100%;
        height: auto;
    } 
    .long-text-content p,
    .calculator  {
        font-size: 15px;
        line-height: 140%;
    }
    /* /text page */
    
    /* footer */
    #wrapper #footer {
        width: 140%;
    }

    
}


@media (max-width: 540px) {
    
    /* header */
    #wrapper {
        padding-left: 20px;
        padding-right: 20px;
    }
    #header .search-box {
        display: none;
    }
    #header .logo-interior-wrap {
        float: left;
        width: 100%;
    }
    #header .logo-interior-wrap a {
        display: inline-block;
        float: left;
        width: 100%;
        height: 99px;
        background: url(images/mobile_logo_bg.jpg) no-repeat 100% 50%;
    }
    .logo-small {
        height: 99px;
        float: left;
        width: 100%;
        margin-left: -20px;
        position: absolute;
        /*background: #8ec243 url(images/logo_mobile.png) no-repeat 0px 0px;*/
        background: url(images/mobile_logo_bg.jpg) no-repeat 100% 50%;
    }
    .logo-small:before {
        display: block;
        content: " ";
        width: 154px;
        height: 98px;
        background: url(images/lf_mobile.png) no-repeat 0px 50%;
        margin-left: 20px;
    }

    .home #mobile-nav {
        margin-top: 117px;
    }
    #mobile-nav {
        margin-top: 25px;
    }
        
    
    /* search - footer */
    .search-box.hidden_on_mobile {
        display: block;
        background: none;
        float: left;
        margin-bottom: 30px;
        width:100%;

        padding: 0px;
    }

    .search-box.hidden_on_mobile {
        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }
    #wrapper .search-box.hidden_on_mobile {
        margin-top: 0px;
        border: 1px solid #cccccc;
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-box.hidden_on_mobile .search input {
        width: 100%;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
        background: white;   
    }
    .search-box.hidden_on_mobile form {
        width: 100%;
    }
    .search-box.hidden_on_mobile .cc-login {
        display: none;
    }
    .search-box.hidden_on_mobile #btn-submit {
        margin-top: -35px;
        height: 35px;
        background: white url(images/mobile_s_button.png) no-repeat 0px 50%;
        width: 30px;
    }
    
    .single-product-content-wrapper .sp-content-left .product-desc ,
    .page-layout .page-wide-left .page-content  {
        padding-left: 10px;
        padding-right: 10px;
    }
    .single-product-content-wrapper .sp-content-left .product-media-gallery {
        height: 200px;
    }
    .single-product-content-wrapper .sp-content-left h1 {
        font-size: 28px;
        padding: 20px 10px 20px 10px;
    }
    .single-product-content-wrapper .sp-content-left .product-desc h2 ,
    .page-layout .page-wide-left .page-content h2  {
        margin-left: -10px;
        padding-left: 20px;
        padding-right: 0px;
        font-size: 20px;
    }
    .page-layout .page-wide-left .page-content h2  {

    }
    #long-text-box-wrap iframe ,
    .single-product-content-wrapper .sp-content-left .product-desc iframe,
    .page-layout .page-wide-left .page-content iframe {
        width: 220px;
        height: 200px;
    }
    
    /* footer */
    .footer_clear {
        display: none;
    }
    #wrapper #footer ,
    .footer-nav,
    .social-media-icons,
    .additional-m-menu {
        margin-left: 0px;
        margin: 0px ;
        width: 100%;
        height: auto;
        position: inherit;
    }
    .social-media-icons {
       left: inherit;
       top: inherit;
    }
    .additional-m-menu {
        padding-bottom: 25px;
    }
    .footer-nav {
        padding-top: 0px;
    }
    .footer-menu li {
        /*width: 50%;*/
        width: 33%;
        text-align: left;
        margin-bottom: 10px;
    }
    .footer-menu li a {
        padding: 0px;
        border: 0px;
    }
    
    
    .product-right-content .product-list-title h2 {
        display: none;
    }

}

@media (max-width: 530px){
    
    #addy_in_radius ,
    #radius_in_submit {
        width: 100% !important;
        margin-bottom: 20px;
        float: left;
        clear: both;
        padding-right: 0px !important;
    }
    div#map , #slp_tagline {
        clear: both;
        float: left;
    }
    #searchForm select {
        margin-bottom: 10px;
    }
    
    #address_search, 
    #searchForm select ,
    #searchForm input#addressSubmit,
    #searchForm LABEL, 
    #searchForm input#addressInput {
        width: 100% !important;
        text-align: left !important;
        min-width: 0px !important;
    }
    
    
    .calculator table td {
        display: block;
        width: 100%;
        text-align: left !important;
    }
    
    #pardot-form p {
        width: 100%;
    }
    form.form p.comments label,
    form.form p.required label, 
    form.form span.required label {
        width: auto;
        position: inherit;
        text-align: left;
    }
    #pardot-form input, #pardot-form  select {
        width: 100%;
        margin: 0px;
    }
    
    
    
    
}

@media (max-width: 500px) {
    
    #menu-footer-navigation-1 li {
        width: 100%;
    }
    #pardot-form input, select {
        margin-left: 0px;
    }
    .salesforceform .required {
        width: auto;
    }
    .salesforceform li span {
        float: left;
        width: 100% ;
        clear: both;
        
    }
    .salesforceform input {
        width: 100%;
        padding: 0px;
        color: #565656;
        font-size: 13px;
        height: 33px;
        line-height: 33px;
        background: white;
        padding-left: 10px;
        padding-right: 10px;
    }
    .salesforceform input[type="submit"] {
        width: 209px;
        height: 34px;
        background: white url(images/submit_btn.png) no-repeat 0px 0px;
        text-align: left;
        font-size: 14px;
        cursor: pointer;
        
    }
    .salesforceform textarea {
        background: white;
        padding-left: 10px;
        padding-right: 10px;
        width: 100%;
        color: #565656;
        font-size: 13px;
    }
    
    /* products */
    .content-list.our_products {
        background: transparent;
        padding: 0px;
    }
    .content-list.our_products h1 {
        background: #8ec243;
        font-size: 17px;
        text-transform: none;
        padding-left: 10px;
        height: 35px;
        line-height: 35px;
        margin-bottom: 15px;
        color: white;
    }
    .content-list.showcase.our_products .showcase-list li {
        width: 100%;
        margin: 0px 0px 20px 0px;
        padding: 0px !important;
    }
    .content-list.showcase.our_products .showcase-list li a {
        line-height: 1px;
        height: 130px;
        overflow: hidden;
        display: inline-block;
        float: left;
        width: 100%;
    }
    #content-2 .content-list.showcase.our_products .showcase-list li ul.showcase-info {
        display: block;
        margin: 0px;
        opacity: 1 ;
        width: 100%;
        height: 100px;
        background: white;
        position: relative;
        left: inherit;
        top: inherit;
        height: 46px;
        overflow: hidden;
        border-bottom: 6px solid #b4b3b3;
        clear:both;
        float: left;
        
        margin: 0px !important;
        padding: 0px !important;

    }
    #content-2 {
        margin-bottom: 30px;
    }
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li {
        float: left;
        width: 100%;
        height: 39px;
        margin: 0px !important;
        padding: 0px !important;
    }
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_title {
        
    }
    /*
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_meta1,
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_meta2 {
        display: none;
    } */
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_meta1,
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_meta2 {
        position: absolute;
        top: 5px;
    }
    
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_meta1 {
        left: 10px;
        color :black;
    }
    #content-2 .content-list.showcase.our_products .showcase-list li .showcase-info li.p_meta2 {
        left: 150px;
        color: #565656;
        
    }
    #content-2 .content-list.showcase.our_products .showcase-list li ul.showcase-info li a {
        display: block;
        width: 100%;
        height: 39px;
        color: #8ec243 !important;
        font-size: 14px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 100;
        /*line-height: 39px;*/
        padding: 25px 0px 0px 10px;
        background: url(images/p_details.png) no-repeat 100% 0px;
        
    }
    /* /products */
    
}

@media (max-width: 420px) {
    /*
     .for_blog .post-content .long-text-content-header h1.entry-title {
        width: 130%;
        padding-right: 40px;
     }*/
    
    .content-list.showcase .showcase-list li {
        float: left;
        width: 50%;
    }
    
}
/* ----------------- /making theme responsive 07/2014 (additional markup on desktop version + media queries) ------------------*/


/* new top nav */
#network-menu ,
#network-menu * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; 
}
#network-menu {
    background: #3a3a3c;
    width: 100%;
    float: left;
    color: white;
    font-size: 13px;
    font-family: Arial;
    text-transform: uppercase;
    position: relative;
    z-index: 50;
    margin-bottom: 20px;
}
#network-menu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    float: left;
}
#network-menu ul li {
    float: left;
}
#network-menu .inner-wrapper {
    margin: 0px auto;
    width: 998px;
}
#network-menu .network-logo {
    float: left;
    width: 110px;
    margin-right: 50px;
}
#network-menu .network-logo a {
    display: inline-block;
    float: left;
    height: 54px;
    text-indent: -9999px;
    width: 100%;
    background: url(images/nav-new-logo.png) no-repeat 3px 50%;
}
#network-menu .network-sites {
    float: left;
}
#network-menu .network-sites li {
    margin-right: 20px;
}
#network-menu .network-sites li:last-child {
    margin-right: 0px;
}
#network-menu .network-sites a {
    display: inline-block;
    float: left;
    height: 54px;
    font-size: 12px;
    color: #a0a0a0;
    padding: 20px 10px 20px 10px;
}
#network-menu .network-sites a:hover {
    color: white;
}
#network-menu .network-sites li.selected-site a {
    font-weight: bold;
    color: white;
    border-bottom: 3px solid #8cb61d;
}
#network-menu .right-col {
    float: right;
}
#network-menu .site-search {
    float: left;
    width: 65px;
    height: 54px;
    position: relative;
}
#network-menu .site-search a.search-button {
    display: inline-block;
    width: 100%;
    height: 54px;
    background: url(images/nav-search-button.png) no-repeat 50% 50%;
}
#network-menu .site-search .form-cont {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 54px;
    background: #3a3a3c;
    padding: 10px;
    z-index: 10;
    width: 0px;
    visibility: hidden;
    overflow: hidden;
    transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out; 
}
#network-menu .site-search.form-expanded .form-cont  {
    width: 150px;
    visibility: visible;
    transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out; 
}
#network-menu .site-search .form-cont #kword {
    height: 34px;
    line-height: 34px;
    background: #5e5e5f;
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
#network-menu .site-search .form-cont #btn-submit {
    display: none;
}
#network-menu .contact-us-button {
    float: left;
}
#network-menu .contact-us-button a {
    display: inline-block;
    float: left;
    color: #d3d2d2;
    font-size: 12px;
    height: 54px;
    padding: 20px;
    background: #040404;
}
#network-menu .contact-us-button a:hover {
    background: #1e1e1e;
}
#network-menu .login-corner {
    float: left;
}
#network-menu .login-corner a {
    display: inline-block;
    float: left;
    color: white;
    background: #8cb61d;
    padding: 20px;
    height: 54px;
}
#network-menu .login-corner a span {
    display: inline-block;
    padding-right: 20px;
    background: url(images/top-nav-arrow.png) no-repeat 100% 40%;
}
#network-menu .login-corner a:hover {
    background-color: #6c961d;
}
#header .search-box,
.search-box-right {
    display: none !important;
}
@media (max-width: 1020px){
    #network-menu .inner-wrapper {
        width: 100%;
    }
    #network-menu .network-logo {
        display: none;
    }
}
@media (max-width: 860px){
    #network-menu .contact-us-button {
        display: none;
    }
}
@media (max-width: 750px){
    #network-menu .login-corner {
        display: none;
    }
}
@media (max-width: 550px){
    #network-menu .network-sites ,
    #network-menu .right-col ,
    #network-menu ul,
    #network-menu .site-search{
        width: 100%;
    }
    #network-menu .network-sites li {
        width: 50%;
        margin: 0px;
    }
    #network-menu .network-sites li  a {
        width: 100%;
        text-align: center;
    }
    #network-menu .site-search a.search-button {
        width: 54px;
        float: right;
    }
    #network-menu .site-search .form-cont {
        right: 50px;
    }
    #network-menu .site-search.form-expanded .form-cont {
        width: 250px;
    }
}
/* /new top nav */