/*
Theme Name: Landes Child Theme
Description: A custom Child Theme for Landes Heating and Air Conditioning made by <a href="http://www.estlanddesign.com">Estland Design</a> in Harrisonburg.
Version: 1.0
Author: Estland Design
Author URI: http://www.estlanddesign.com
Template: enfold
*/

/******************************
Table of Contents =TOC
/******************************

Color Guide
Fonts
Header
Below Header Menu
Home, Top Slider
Home, Below Top Slider
Footer
Secondary Pages
Forms
Fixed Tab
Mobile Styles

*/

/******************************
=Color Guide

landes-red: #ec1c26;
landes-blue: #193a6a;
landes-tan: #dfded5;
light-tan-bg: #efece3;

******************************/

/******************************
=Fonts
******************************/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script|Montserrat');


{
    font-weight: 100 !important;
}

{
    font-weight: 400 !important;
}
body {-webkit-font-smoothing: antialiased;}

.mont {font-family: 'Montserrat', sans-serif;}
.script {font-family: 'Dancing Script', cursive;}

/******************************
=Header
******************************/
/*.logged-in #wrap_all {padding-top: 0px !important;}*/

div#tpbr_topbar {
    background: #EC1C26 !important;
    max-height: 55px;
    padding: 7px 20px 8px !important;
    min-height: 55px;
}

#tpbr_box {
    /*line-height: 20px !important;*/
}

#tpbr_box p {
    display: inline-block;
    padding: 8px 0px 10px !important;
    margin: 0px !important;
    font-size: 20px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 20px;
}

#tpbr_box p span {font-size: 16px; font-style: italic;}
.logo img {padding: 15px;}

/*Menu*/
.header_color .sub_menu>ul>li>a, 
.header_color .sub_menu>div>ul>li>a, 
.header_color .main_menu ul:first-child > li > a, 
#top .header_color .sub_menu li ul a {font-size: 15px;}

/*Sub Menu*/
#top .av-main-nav ul {background-color: #fff;}
#top .av-main-nav ul a {
    border: 0;
    background-color: #dddcd3;
    color: #333333;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

#top .header_color .main_menu .menu ul .current_page_item > a, 
#top .header_color .main_menu .menu ul .current-menu-item > a,
#top .header_color .main_menu .menu ul li>a:hover {
    color: #ffffff;
    background-color: #9b8264;
}

.header_color .header_bg {
    background: rgba(230,222,202,1);
    background: -moz-linear-gradient(-45deg, rgba(230,222,202,1) 0%, rgba(152,126,97,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(230,222,202,1)), color-stop(100%, rgba(152,126,97,1)));
    background: -webkit-linear-gradient(-45deg, rgba(230,222,202,1) 0%, rgba(152,126,97,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(230,222,202,1) 0%, rgba(152,126,97,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(230,222,202,1) 0%, rgba(152,126,97,1) 100%);
    background: linear-gradient(135deg, rgba(230,222,202,1) 0%, rgba(152,126,97,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6b898', endColorstr='#987e61', GradientType=1 );
}

/*Shrinking Header*/
.header-scrolled .logo a img {
    visibility: hidden;
}
.header-scrolled .logo a {
    background: url(/wp-content/themes/landes-enfold-child/images/landes-sm.png) no-repeat top center;
    width: 260px;
    background-size: 100%;
    margin-top: 9px;
}

/******************************
=Home, LayerSlider
******************************/
span.ls-text-outer {
    text-decoration: line-through;
    color: #fff;
}

span.ls-text-inner {color: #ec1c26;}

/******************************
=Home, Below LayerSlider
******************************/
#after_layer_slider_1 > div > div {
    background: #fff;
    display: block;
    margin-top: -55px;
    position: relative;
    z-index: 100;
    padding: 15px;
}

.middle-nav {
    background-color: #dfded5;
    height: 130px;
}

.left-title {
    display: inline-block;
    position: relative;
    width: 25%;
    float: left;
    color: #193a6a;
    background-color: #dfded5;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    height: 100%;
    padding: 7px 12px;
}

.right-menu {
    display: inline-block;
    position: relative;
    width: 75%;
}

.right-menu > div {
    display: inline-block;
    position: relative;
    float: left;
    width: 20%;
    background-color: #fff;
    height: 130px;
    padding-left: 13px;
    border-left: 1px solid #193a6a;
}

.right-menu div a {
    font-size: 18px;
    color: #193a6a;
    font-weight: bold;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.right-menu div a:hover {
    color: #ec1c26;
    text-decoration: none;
}

.right-menu div span {
    display: block;
    position: relative;
    width: 100%;
    text-align: left;
}
.right-menu div span span {}

html body .right-menu [data-av_iconfont='entypo-fontello']:before {
    font-weight: bold;
}

/******************************
=Home Section 2
******************************/
.main_color .middle-widgets h2{
    font-size: 28px;
    line-height: 1.1;
    margin: 0px 0px 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    color: #fff;
    text-transform: none;
}

.main_color .middle-widgets h2 a {
    display: block;
    padding: 20px;
    color: #fff;
    background-color: #ec1c26;
    text-decoration: none;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}

.main_color .middle-widgets h2 a:hover {background-color: #c50009;}

.middle-widgets p {
    font-size: 16px;
    color: #193a6a;
    font-weight: bold;
}


/******************************
=Footer
******************************/

.angie, .fandm {
    display: block;
    width: 50%;
    float: left;
}

.bbb {
    width: 100%;
    display: block;
}

.bbb img {
    display: block;
    margin: 0 auto;
}

.footer_color a.footer-button{
    text-align: center;
    display: block;
    background-color: #666;
    color: #fff;
    padding: 10px 0;
    width: 55%;
}

.footer-callout {font-size: 16px;}

.footer-callout span {
    /*color: #ec1c26;*/
    color: #901319;
    font-weight:bold;
}

/******************************
=Secondary Pages
******************************/
strong {font-weight: bolder !important; color: inherit !important;}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {text-transform: none;}

#top .alternate_color.title_container .main-title a {
    padding: 20px 40px;
    text-decoration: none;
    color: #fff;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    font-size: 32px;
}

#top.secondary-page #main > div.main_color.container_wrap_first.container_wrap > div {
    margin-top: -100px;
    background: #fff;
    padding: 25px;
}

#top.secondary-page #main > div.main_color.container_wrap_first.container_wrap {background: transparent;}

#top.secondary-page #main {background-color: #fff; }

#top.secondary-page main, #top.secondary-page aside {padding-top: 0;}

/*#top.secondary-page main {padding: 10px;}*/

#top.secondary-page .title_container .container {top: 100px;}

#top .title_container .breadcrumb {
    display: inline-block;
    position: relative;
    right: auto;
}
#top .title_container h1.entry-title a {
    padding-left: 0px !important;
}

.alternate_color .breadcrumb, .alternate_color .breadcrumb a, 
#top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a {
    color: #ffffff;
}

.main_color .widget_nav_menu ul:first-child>.current-menu-item, 
.main_color .widget_nav_menu ul:first-child>.current_page_item, 
.main_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.widget_nav_menu ul:first-child>.current-menu-item>a, 
.widget_nav_menu ul:first-child>.current_page_item>a {
    background: #b1171f;
}

.main_color .widget_nav_menu ul:first-child>.current-menu-item, 
.main_color .widget_nav_menu ul:first-child>.current_page_item {
    box-shadow: none;
    padding-left: 0px; 
    left: 0px; 
    top: 0px; 
    margin: 0px; 
}

.widget_nav_menu ul:first-child>.current-menu-item>a, 
.widget_nav_menu ul:first-child>.current_page_item>a {border-bottom: 1px solid;padding-right: 0;}

.main_color .footer_color .widget_nav_menu ul:first-child>.current-menu-item, 
.main_color .footer_color .widget_nav_menu ul:first-child>.current_page_item, 
.main_color .footer_color .widget_nav_menu ul:first-child>.current-menu-ancestor,
.footer_color .widget_nav_menu ul:first-child>.current-menu-item>a, 
.footer_color .widget_nav_menu ul:first-child>.current_page_item>a,
.footer_color #menu-quick-links a:hover {
    background: #c6b898;
    font-weight: bolder;
}

#top .gform_wrapper ul li.gfield.gf_inline {width: 25% !important;}

.promoform .gform_wrapper .gform_footer {
    text-align: center;
    margin-top: 0;
    padding: 5px 0 0 0;
}

/*default*/
.title_container {
    background: #dfded5 none no-repeat 50% 50%;
    background-size: cover;
    background-image: url(/wp-content/themes/landes-enfold-child/images/bg_default_section_header.jpg);
    height: 300px;
}

.main_color .av_promobox {
    background-color: #e4dfd3;
    border-color: #c6b898;
    color: #574532;
}

.promoform .gform_wrapper {
    background-color: #dcd5c4;
    border: 1px solid #c6b898;
    padding: 10px 5px 15px 20px;
}

.promoform .gform_wrapper h3.gform_title {
    color: #b1171f;
    font-size: 26px;
    text-align: center;
}

#top .main_color .promoform .input-text, 
#top .main_color .promoform input[type='text'], 
#top .main_color .promoform input[type='input'], 
#top .main_color .promoform input[type='password'], 
#top .main_color .promoform input[type='email'], 
#top .main_color .promoform input[type='number'], 
#top .main_color .promoform input[type='url'], 
#top .main_color .promoform input[type='tel'], 
#top .main_color .promoform input[type='search'], 
#top .main_color .promoform textarea, 
#top .main_color .promoform select {border-color: #c6b898;}

#top .promoform form {
    margin-bottom: 0px;
}

.promoform .gform_wrapper .gform_footer input.button, 
.promoform .gform_wrapper .gform_footer input[type=submit] {
    background-color: #b1171f;
    font-size: 20px;
    padding: 12px 60px;
}

.promoform .gform_wrapper .gform_footer input.button:hover, 
.promoform .gform_wrapper .gform_footer input[type=submit]:hover {background-color: #d23a42;}

.promoform .gform_wrapper .gform_heading {margin-bottom: 8px;}

/*services and contact*/
#top.page-id-398 .title_container, #top.page-id-386 .title_container {background-image: url(/wp-content/themes/landes-enfold-child/images/toy_truck_color1.jpg);}

/*About Landes*/
#top.page-id-381 .title_container {background-image: url(/wp-content/themes/landes-enfold-child/images/sheet_metal_shop.jpg);}

.team-img-container {border-radius: 0;}
.team-img-container img {border-radius: 0;}

#top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon {font-size: 72px;}

.iconbox .iconbox_content p strong {font-size: 22px;}

.header_color .avia-tt, .header_color .avia-tt .avia-arrow, .header_color .avia-tt .avia-arrow {
    background-color: #866b4e;
    color: #6e6d64;
    border: 0;
}

#top .header_color input[type='text'] {color: #6e6d64;}

#top .av_minimal_header #s::-webkit-input-placeholder {color: #6e6d64;}
#top .av_minimal_header #s:-moz-placeholder {color: #6e6d64;} 
#top .av_minimal_header #s::-moz-placeholder {color: #6e6d64;}
#top .av_minimal_header #s:-ms-input-placeholder {color: #6e6d64;} 

#scroll-top-link {
    color: #ffffff;
    border: 1px solid #ffffff;
    bottom: 90px;
}

#top .main_color .avia-color-theme-color {
    color: #ffffff;
    border-color: #90050d;
    font-size: 16px;
    padding: 12px 30px;
}

/******************************
=Product Main Page - Lennox, Trane
******************************/
.section-header {
    height: 180px;
    display: block;
    position: relative;
}

.section-header a {
    color: #fff;
    font-size: 3.5em;
    position: absolute;
    bottom: 40px;
    left: 50px;
}

#products-app .breadcrumb-nav li {display: inline-block;}

/*.products-header .content {
    padding: 20px;
    background-color: #efece3;
    margin-bottom: 20px;
}*/
div.main-content {width: 95%;}

.highlights h3 {margin-top: 10px;}

.highlights ul {
    list-style: none;
    margin: 0px 0px 28px;
}

.highlights ul li {
    list-style: none;
    position: relative;
    margin-left: 25px;
    font-size: 15px;
}

.highlights ul li:before {
    position: absolute;
    left: -17px;
    font-size: 1.2em;
    line-height: 1.2em;
    content: '\25AA';
    color: #ec1c26;
}

.tabbed-content {
    display: block;
    position: relative;
    clear: both;
    overflow: hidden;
    border: 1px solid #dddcd3;
}

.tabbed-content > ul.tabs {
    display: block;
    position: relative;
    width: 25%;
    float: left;
    margin: 0;
}

.tabs li {padding: 10px 0px 10px 10px;}

.tabs li.active {background-color: #dddcd3; font-weight: bold;}

.tabbed-content .tab-content {
    display: none;
    position: relative;
    width: 75%;
    float: left;
    background-color: #dddcd3;
    padding: 20px;
    height: auto;
    min-height: 250px;
}

.tabbed-content .tab-content.active {display: block;}

.main_color .tab-content b {    color: #19396a;}

/*END LENNOX PAGES*/

/*Trane Product Pages*/
.main-content #product_content li {
    display: inline-flex;
    width: 33%;
    position: relative;
}

.main-content #product_content li a {
    display: block;
    width: 100%;
    min-height: 220px;
    padding-top: 40px;
}

.main-content #product_content li a img {
    display: block;
    margin: 0 auto;
}

.main-content #product_content li a p {
    display: block;
    text-align: center;
}

.trane-products-area #product_content {
    margin-right: 6%;
}
.trane-products-area #product_content .product_categories {margin: 0;}

.trane-products-area #product_content .product_categories li:nth-child(2),
.trane-products-area #product_content .product_categories li:nth-child(5),
.trane-products-area #product_content .product_categories li:nth-child(8),
.trane-products-area #product_content .product_categories li:nth-child(11),
.trane-products-area #product_content .product_categories li:nth-child(13){
    border-color: #dedede !important;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    margin-left: -5px;
}

.trane-products-area #product_content .product_categories li:nth-child(1),
.trane-products-area #product_content .product_categories li:nth-child(4),
.trane-products-area #product_content .product_categories li:nth-child(7),
.trane-products-area #product_content .product_categories li:nth-child(10),
.trane-products-area #product_content .product_categories li:nth-child(13){
    border-color: #dedede !important;
    border-left: 1px solid;
    border-top: 1px solid;
}

.trane-products-area #product_content .product_categories li:nth-child(3),
.trane-products-area #product_content .product_categories li:nth-child(6),
.trane-products-area #product_content .product_categories li:nth-child(9),
.trane-products-area #product_content .product_categories li:nth-child(12){
    border-color: #dedede !important;
    border-right: 1px solid;
    border-top: 1px solid;
    margin-left: -4px;
}

.trane-products-area #product_content .product_categories li:nth-child(13) {margin-left: 0;}
.trane-products-area #product_content .product_categories li:nth-child(11),
.trane-products-area #product_content .product_categories li:nth-child(12),
.trane-products-area #product_content .product_categories li:nth-child(13) {border-bottom: 1px solid;}


.trane-products .typetitle {
    font-size: 14px;
    font-weight: bold;
    color: #193a6a;
}

#selectunit {
    width: 95% !important;
    background-color: #6e6d64;
    color: white;
    font-size: 22px;
    display: block;
    padding: 20px;
    font-weight: bold;
    margin-top: 50px;
}

#typesholder {
    display: block;
    width: 95% !important;
}

#typesholder > .typeholder {
    display: block; 
    float: left;    
    padding: 15px 20px;
    width: 100% !important;
}

#typesholder > .typeholder:nth-child(odd) {
    background-color: #dddcd3 !important;
}

#typesholder > .typeholder:nth-child(even) {
    background-color: #eeeeee !important;
}

.typeholderinner br {
    display: none !important;
}

.typeholderinner br:nth-child(2),
.typeholderinner br:nth-child(4) {
    display: block !important;
}

.typeholderinner a {
    display: inline-block;
    padding-right: 5%;
}

.typetext::after {
    content: ":";
}

/*END TRANE PAGES*/




/*Lennox Page Sidebar*/

.secondary-links {
    background-color: #b1171f;
    padding: 20px;
}

.secondary-links ul {margin: 0;}

.main_color .sidebar .secondary-links a {
    display: block;
    color: #fff;
    font-size: 1.5em;
    padding: 6px 0;
    border-bottom: 1px solid #fff;
}

.main_color .sidebar .secondary-links a:hover {
    text-decoration: none;
    font-weight: bolder;
}

.main_color .sidebar .secondary-links li:last-child a {border:0;}

.secondary-links a:after,
.main_color .sidebar .widget_nav_menu a:after {
    content: '\E879';
    font-family: 'entypo-fontello';
    font-size: 15px;
    color: #fff;
    margin-left: 4px;
    float: right;
}



/******************************
=Sidebars
******************************/
.inner_sidebar {
    margin-left: 0px;
}

/*Widgets*/
.sidebar .widget:first-child, .content .sidebar .widget:first-child {padding-bottom: 0;}

.primary-action {
    color: #fff;
    /*background-color: #ec1c26;*/
    background-color: #E7131D;
    padding: 25px;
}

.primary-action p {
    margin: 0px;
    font-size: 30px;
    line-height: 32px;
}

.primary-action p span {
    display: block;
}

.primary-action p .line-2 {
    font-size: 43px;
    line-height: 43px;
}

.primary-action .line-3 {
    font-size: 35px;
    line-height: 35px;
    margin-top: 10px;
}

.primary-action .location {
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    /*color: rgba(255, 255, 255, .7);*/
    font-weight: bold;
}
.main_color .primary-action a, .main_color .primary-action a:hover {color: #fff}

.sidebar section.widget_nav_menu {
    background-color: #b1171f;
    padding: 25px;
}

.main_color .sidebar .widget_nav_menu a {
    color: #fff;
    font-size: 18px;
    padding: 9px 0;
    border-bottom: 1px solid #fff;
}

.main_color .sidebar .widget_nav_menu a:hover {font-weight: bolder;}

#top .sidebar .widget_nav_menu li:last-child a {border-bottom: 0;}

.emergency-callout p {
    padding: 5px 25px 0px;
    /*color: #ec1c26;*/
    color: #E7131D;
    font-size: 22px;
    line-height: 28px;
}
.emergency-callout p span.line-2 {
    font-size: 32px;
    line-height: 32px;
    margin-top: 10px;
    display: block;
}

.main_color .emergency-callout a {color: #ec1c26;}

#text-8 .textwidget {
    border-bottom: 1px solid #444;
    padding-bottom: 5px;
}
#text-8 {padding-bottom: 0px;}
.facts-head {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    background-color: #6e6d64;
    padding: 25px;
    margin: 0;
}

.sidebar > div > p,
.facts-body p {
    font-size: 18px;
    line-height: 28px;
    color: #3e3e3e;
    background-color: #dddcd3;
    padding: 25px;
    margin: 5px 0 0 0;
}

#text-8 {padding-bottom: }

/*****************************
=Forms
*****************************/
#gform_wrapper_6 input#input_6_10 {
    border: none;
    background: transparent !important;
}

/* Make form label styles */
#field_6_12.landes-billpay-invoice-number label.gfield_label.gform-field-label,
#field_6_11.landes-billpay-receipt-email label.gfield_label.gform-field-label,
#field_6_9.landes-billpay-payment-amount label.gfield_label.gform-field-label {
    display: block;
    font-weight: normal;
    font-size: 1.2em;
}

#field_6_12.landes-billpay-invoice-number,
#field_6_11.landes-billpay-receipt-email, 
#field_6_9.landes-billpay-payment-amount {
    margin-bottom: 20px;
}

#input_6_6_2_cardinfo_left legend.gform-field-label.gform-field-label--type-sub {
    font-weight: bold;
    font-size: 0.92em;
}

input#input_6_6_3 {
    height: 33px;
}

@media only screen and (min-width: 641px) {
    span#input_6_6_2_cardinfo_right{
        margin-top: -15px;
    }
    #input_6_6_2_cardinfo_right label.gform-field-label.gform-field-label--type-sub {
        margin-top: -35px;
    }
}



/******************************
=Fixed Tab
******************************/
#side-tabs a.support {
    opacity: 0.9;
    font-size: 16px;
    background: #b1171f;
    left: -35px;
    bottom: 25%;
    height: 38px;
    width: 99px;
    margin: 0;
    padding: 10px;
    position: fixed;
    z-index: 999;
    display: block;
    color: #fff;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: 50% 51%;
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

#side-tabs a.support:hover,
#side-tabs a.support:focus {
    text-decoration: none;
    opacity: 1;
}

/******************************
=Mobile Styles
******************************/
#mobile-advanced, 
#mobile-advanced  a, 
#mobile-advanced .mega_menu_title {
    background-color: #fff;
    color: #193a6a;
    border-color: rgba(61, 89, 117, 0.5);
}

#mobile-advanced li > a:before, 
.html_header_mobile_behavior #mobile-advanced span > a:before, 
#mobile-advanced .mega_menu_title:before {color: #ec1c26;}

 html body #advanced_menu_hide[data-av_iconfont='entypo-fontello']:before,
 #advanced_menu_hide {
    background-color: #ec1c26;
    color: #fff;
    border-color: #ec1c26;
}

/*Smaller than 1159*/
@media only screen and (max-width: 1159px) { 

}

/*tablet and larger*/
@media only screen and (min-width: 768px) {

}

/*special sidebars fix*/
@media only screen and (min-width: 1190px) and (max-width: 1222px) {
    .main_color .sidebar .widget_nav_menu a {width: 95%;}
}

@media only screen and (max-width: 822px) {
   #tpbr_box p {font-size: 14px;}
}

/*tablet only */
@media only screen and (min-width: 768px) and (max-width: 989px) {
    .middle-nav {height: 100%;}
    .left-title {
        display: block;
        text-align: center;
        width: 100%;
        float: none;
        font-size: 26px;
        line-height: 26px;
        background-color: #dfded5;
    }
    .right-menu {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .right-menu > div {
        display: block;
        float: none;
        width: 100%;
        padding-left: 0;
        border-left: 0px solid #193a6a;
        height: 100%;
        border-bottom: 1px solid #193a6a;
        padding-bottom: 10px;
    }

}

/*smartphone & tablets*/
@media only screen and (max-width: 767px) {
    #after_layer_slider_1 > div > div {
        margin-top: 0;
        padding: 0;
    }
    .left-title {
        display: block;
        text-align: center;
        width: 100%;
        float: none;
        font-size: 26px;
        line-height: 26px;
        background-color: #dfded5;
    }
    .right-menu {
        display: block;
        width: 85%;
        max-width: 85%;
        margin: 0 auto;
        padding-top: 25px;
    }
    .right-menu > div {
        display: block;
        float: none;
        width: 100%;
        padding-left: 0;
        border-left: 0px solid #193a6a;
        height: 100%;
        border-bottom: 1px solid #193a6a;
        padding-bottom: 10px;
    }
    .responsive #top #wrap_all #after_layer_slider_1 > div.container {width: 100%; max-width: 100%;}
    .middle-nav {background-color: #fff;}
    .middle-nav {height: 100%;}
    .ls-circles {
        left: 30px !important;
        top: 5px !important;
        width: 145px !important;
        height: 145px !important;
    }
    .toptext {
        font-size: 14px !important;
        line-height: 1 !important;
        left: 57px !important;
        top: 60px !important;
        background-color: #fff;
    }
    .bottomtext {display: none !important;}
    .title_container, .section-header {height: 100px;}
    #top.secondary-page #main > div.main_color.container_wrap_first.container_wrap.sidebar_right > div {
        margin-top: 0px;
        background: #fff;
        padding: 20px 10px 0px 0px;
    }
    #top.secondary-page .title_container .container {top: 15px;}
    #top .alternate_color.title_container .main-title a {
        padding: 0;
        text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
    }
    /*Make sidebar appear on mobile*/
    .responsive #top #main .sidebar {
        display: block;
        float: left;
    }
    #products-app ul.list a.thumbnail img { display: block; margin: 0 auto; }
    /*Product Pages*/
    .section-header a {
        font-size: 2.5em;
        left: 0px;
    }
    #typesholder, #selectunit {width: 100% !important;}
    #top .gform_wrapper ul li.gfield.gf_inline {width: 100% !important;}
    .promoform .gform_wrapper .gform_footer input.button, .promoform .gform_wrapper .gform_footer input[type=submit] {width: 55%;padding: 0;}
    .promoform .gform_wrapper {padding: 10px 20px 20px 20px;}

    #top.secondary-page #main > div.main_color.container_wrap_first.container_wrap > div {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 633px) {
    div#tpbr_topbar {
        max-height: 85px;
    }
    /*#top.topbar-active #wrap_all {
        padding-top: 84px !important;
    }
    #top.logged-in #wrap_all {
        padding-top: 0px !important;
    }*/
    div#tpbr_topbar #tpbr_box a#tpbr_calltoaction {
        display: block;
        width: 60%;
        margin: auto;
    }
}
@media only screen and (max-width: 496px) {
    div#tpbr_topbar {
        max-height: 105px;
        padding: 10px 5px !important;
    }
    #tpbr_box p {line-height: 20px;font-size: 16px;}
    #tpbr_box p span {line-height: 30px; }

    /*#top.topbar-active #wrap_all {
        padding-top: 104px !important;
    }
    #top.logged-in #wrap_all {
        padding-top: 0px !important;
    }*/
    div#tpbr_topbar a#tpbr_calltoaction {
        /*margin-top: 10px !important;*/
    }

    .title_container, .section-header {
        height: 180px;
    }
    .title_container .main-title {
        font-size: 12px;
    }
    #top #menu-item-search {display: none;}

}
/*iPhone 6*/
@media only screen and (max-width: 376px) {


}









