/* When customizing the theme without Sass you should edit this file. Can be removed if not used. */


/* CUSTOM STYLES */

@import 'font-awesome.css';
@import 'fonts.css';
@import 'foundation.css';

::-webkit-input-placeholder { /* Chrome */
  color: #000;
  opacity: 0.75;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #000;
  opacity: 0.75;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #000;
  opacity: 0.75;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #000;
  opacity: 0.75;
}

a {
    color: #f47920;
    webkit-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -moz-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -o-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    -ms-transition: color 0.2s, background-color 0.2s, border-color 0.2s;
    transition: color 0.2s, background-color 0.2s, border-color 0.2s;
}

a:hover {
    color: #77949e;
}

*:focus {
    outline: 0;
}

select, select:hover, select:focus {
    padding: 0 25px 0 5px !important;
    background-position: 100% 50% !important;
}

select[multiple] {
    -webkit-appearance: normal;
    background-color: #ffffff;
    background-image: none;
}

.tooltip {
    display: none;

    background: #d00;
    border: 1px solid #400;
    border-radius: 10px;
    box-shadow: 0 5px 5px #0006;
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
    padding: 1rem;
    position: absolute;
    z-index: 999999;
}
.tooltip:after, .tooltip:before {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tooltip:after {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #d00;
	border-width: 10px;
	margin-left: -10px;
}
.tooltip:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #400;
	border-width: 11px;
	margin-left: -11px;
}

.top-line {
    background-color: rgba(255, 255, 255, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5000;
    height: 40px;
    margin-bottom: 2px;
    border-bottom: 2px solid rgba(0, 83, 153, 0.75);
}

.top-line .burger-icon {
    height: 40px;
    line-height: 2.5rem;
}

.header-container {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 10px 0;
    position: absolute;
    width: 100%;
    z-index: 101;
    margin-top: 40px;
    border-bottom: 2px solid rgba(0, 83, 153, 0.75);
}

.header-container .logo {
    display: block;
    line-height: 5rem;
    vertical-align: middle;
}

.header-container .logo img {
    width: 90%;
}






/* Small screens */
@media only screen {
  .header-container .logo img {
      width: auto;
	  max-height: 100px;
  }
 }

.nav-container {
    padding-right: 0;
    margin-bottom: 0 !important;
}

.nav-container #nav {
    margin-bottom: 0;
    background: none;
    margin-top: 11px;
    text-align: right;
}

.nav-container #nav li>a {
    display: block;
    padding: 0.5rem .7rem;
    text-transform: uppercase;
    font-family: 'montserratsemibold';
    font-size: 14px;
    letter-spacing: .07rem;
    color: #005399 !important;
    line-height: 2;
    margin-top: 10px;
}

.nav-container #nav ul li>a,
.nav-container #nav li a:hover,
.nav-container #nav li a:focus,
.nav-container #nav li a:active,
.nav-container #nav li.over>a,
.nav-container #nav ul li>a.over>a,
.nav-container #nav ul li>a:hover,
.nav-container #nav ul li>a:focus {
    -webkit-box-shadow: inset 0px 0px 0px 2px #005399;
    -moz-box-shadow: inset 0px 0px 0px 2px #005399;
    box-shadow: inset 0px 0px 0px 2px #005399;
    background: rgba(255, 255, 255, 0.75);
}

.nav-container #nav ul li>a:hover,
.nav-container #nav ul li>a:focus {
    background-color: #f47920;
    color: #fff !important;
}

.slider .tp-dottedoverlay.twoxtwo {
    background: rgba(37, 37, 37, 0.4);
    z-index: 10;
}

.main-container.col2-left-layout, .main-container.col2-right-layout, .main-container.col1-layout {
    padding-top: 12rem;
}
@media only screen and (max-width: 40em) {
  .main-container.col2-left-layout, .main-container.col2-right-layout, .main-container.col1-layout {
      padding-top: 12rem;
  }
}
.cms-home .main-container.col1-layout {
    padding-top: 0;
}
.main-container h1, .main-container h2, .main-container h3, .main-container h4, .main-container h5, .main-container h6 {
    text-transform: uppercase;
}

.tab-title {
    text-align: center;
}

.tabs dd.active a, .tabs .tab-title.active a, .tabs dd>a, .tabs .tab-title>a {
    background: #005399;
    color: #fff;
    padding-bottom: 10px;
    font-family: 'arca_majoraheavy';
    font-size: 12px;
}

.tabs dd.active a:hover, .tabs .tab-title.active a:hover, .tabs dd.active a:focus, .tabs .tab-title.active a:focus, .tabs dd>a:hover, .tabs .tab-title>a:hover, .tabs dd>a:focus, .tabs .tab-title>a:focus {
    text-decoration: none;
}

.tabs dd>a, .tabs .tab-title>a {
    background: none;
    color: #005399;
    text-transform: uppercase;
}

.tab-title.active::after {
    content: "";
    background: url(/skin/frontend/fogento/default/images/tab-after.png);
    background-repeat: no-repeat;
    background-position: top center;
    width: 100%;
    height: 35px;
    position: absolute;
    display: block;
    z-index: 10;
    margin-top: -2px;
}

.tab-title .icon {
    background-position: center -74px;
    background-repeat: no-repeat;
    background-size: cover;
    width: 64px;
    height: 64px;
    margin: 20px auto;
}
.tab-title.active .icon {
    background-position: center 0;
}
.tab-title a.vinyl .icon { background-image: url(/skin/frontend/fogento/default/images/vinylIcon.png); }
.tab-title a.chain-link .icon { background-image: url(/skin/frontend/fogento/default/images/chainlinkIcon.png); }
.tab-title a.aluminum .icon { background-image: url(/skin/frontend/fogento/default/images/aluminumIcon.png); }
.tab-title a.wood .icon { background-image: url(/skin/frontend/fogento/default/images/woodIcon.png); }
.tab-title a.steel .icon { background-image: url(/skin/frontend/fogento/default/images/steelIcon.png); }

.tabs-content {
    margin-top: 1.9rem;
    margin-bottom: 0 !important;
}

.tabContent .panel {
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    padding-top: 30px;
    background: transparent;
}

.tabContent .panel p {
    font-family: 'montserratultra_light';
    font-size: 15px;
    padding: 10px;
    font-weight: 600;
    text-rendering: geometricPrecision;
    text-align: left;
}

.tabContent .panel h3 {
    font-family: 'montserratsemibold';
    color: #f47920;
    text-transform: uppercase;
    line-height: 1.5;
    padding-bottom: 20px;
    font-size: 1.4rem;
}

.tabContent .panel .button {
    text-align: center;
    font-family: 'montserratsemibold';
    color: #f47920;
    border: 3px solid #f47920;
    background: #fff;

}

.tabPaginate .row {
    margin-bottom: 40px;
}

.tabPaginate .pageTabs {
    background: #f47920;
    text-align: center;
}

.tabPaginate .pageSpacer {
    background: #f6f6f6;
    text-align: center;
}

.tabPaginate .pageTabs img {
    top: -2px;
    position: relative;
}

.advertArea {
    margin-bottom: 30px;
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
}

.galleryCallOut {
    padding-left: 0px;
}

.galleryCallOut img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center;
}

.discountCallOutWrapper {
    padding-right: 4px;
}

.discountCallOut {
    text-align: left;
    background: transparent;
}

.discountCallOut h1 {
    font-family: 'montserratsemibold';
    color: #f47920;
    font-size: 2.2rem;
    text-transform: uppercase;
    margin-top: 40px;
}

.discountCallOut h4 {
    font-family: 'montserratsemibold';
    color: #f47920;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    text-rendering: geometricPrecision;
    margin: 0 0 19px 0;
    line-height: 0;
}

.discountCallOut p {
    font-family: 'montserratultra_light';
    font-size: 14px;
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.discountCallOut .button {
    text-align: center;
    float: left;
    font-family: 'montserratsemibold';
    color: #f47920;
    border: 3px solid #f47920;
    background: #fff;
    width: 100%;
}

.footer-container {
    padding-top: 30px;
    padding-bottom: 30px;
    font-family: 'montserratultra_light';
    font-size: 14px;
    margin-top: 30px;
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.footer-container h4 {
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    font-size: 20px;
    color: #f47920;
}

.footer-container ul {
    list-style-type: none;
    margin-left: 0;
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.footer-container ul li {}

.footer-container ul li a {
    color: #000
}

.footer-container ul li a:hover {
    color: #f47920;
}

.bottomFooter {
    background: #005399;
    color: #fff;
    font-family: 'montserratultra_light';
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    letter-spacing: 1px;
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.bottomFooter a {
    color: #fff;
    text-decoration: underline;
}

.bottomFooter a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.bottomFooter i {
    font-size: 1.4rem;
}

.bottomFooter .row .columns {
    margin: 1.25rem 0;
    line-height: 2rem;
}

.bottomFooter ul {
    list-style-type: none;
    margin-left: 0;
    display: inline-flex;
    float: left;
    position: relative;
    margin: 0;
}

.bottomFooter ul li {
    padding: 0 10px;
}

.bottomFooter ul li a {
    color: #fff;
    font-size: 21px;
    opacity: 1.0;
    filter: alpha(opacity=100);
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
}

.bottomFooter ul li a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.bottomFooter .columns:last-child {
    text-align: right;
}

img.bbb_Logo {
    width: 20px;
    position: relative;
    top: -5px;
}

.newsletter h2 {
    font-size: 2.8rem;
}

.newsletter p {
    top: 12px;
    position: relative;
    padding-left: 20px;
}

.newsletter .fa-envelope-o {
    position: absolute;
    float: left;
    color: #f47920;
    z-index: 999;
    font-size: 25px;
    top: -6px;
    left: 20px;
}

.newsletter .large-7 {
    padding: 0;
}

.bottomFooter ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

.houzz-logo {
    margin-bottom: 20px;
}

h2.tabImageHeading {
    font-family: 'montserratsemibold';
    font-size: 20px;
    color: #dbdbdb;
    margin-top: 10px;
    padding-left: 14px;
}

h2.tabImageHeading span {
    font-family: 'montserratsemibold';
    font-size: 20px;
    color: #f47920;
}

.imagePlaceholder {
    padding-right: 0;
}

.imagePlaceholder img {
    height: auto;
}

video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(polina.jpg) no-repeat;
    background-size: cover;
}

.sidebarSocial {
    position: fixed;
    top: 243px;
    right: 0;
    background: #f47920;
    z-index: 200;

}

.sidebarSocial ul {
    display: list-item;
    padding: 12px;
    list-style-type: none;
    color: #fff;
    margin-left: 0;
    margin-bottom: 0;
}

.sidebarSocial ul li {
    text-align: center;
}

.sidebarSocial ul li a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    text-align: center;
}

.sidebarSocial ul li a:hover {
    color: rgba(255, 255, 255, 1);
}

.sliderOverlay {
    position: absolute;
	top: 225px;
    width: 100%;
    z-index: 100;
}

.sliderOverlay .form-list li label, .sliderOverlay p.required {
    /*display: none;*/
    text-align: left;
    margin: 0px 0px 0px 0px;
}

.sliderOverlay .std.webforms-success-text p {
    color: #000 !important;
    font-family: 'montserratsemibold';
    font-size: 2rem;
    text-align: center;
}

.sliderOverlay .std.webforms-success-text {
    display: block;
    color: #000 !important;
    font-family: 'montserratsemibold';
    font-size: 2rem;
    margin-top: 0;
    background: transparent;
    padding: 0;
}

#smallSliderForm {
    visibility: hidden;
    text-align:center; 
    top: -62px;
}

#smallSliderForm p, 
#smallSliderForm label {
    font-size: 0.65rem;
}

#smallSliderForm p.get-a-quote-sub-heading {
    margin-bottom: 0;
}

#smallSliderForm .webforms-success-text p {
    margin-top: 1em;
    font-size: 14px;
}

.center-me {
    text-align: center;
}

.disable-popup-blocker {
    color: #600;
    font-family: 'montserratregular';
    font-weight: bold;
    text-align: center;
}

.sliderOverlay #webform_2_submit_button {
    border: 3px solid #f47920;
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    color: #f47920;
    font-size: .8rem;
    background: transparent;
    width: 100%;
    text-align: left;
    padding: 9px;
}

.sliderOverlay .fieldset {
    border: none;
    background: none;
    padding: 0;
    margin-bottom: 0;
}

.sliderOverlay input[type="text"],
.sliderOverlay input[type="tel"],
.sliderOverlay input[type="email"],
.sliderOverlay input[type="number"],
.sliderOverlay select {
    border: 3px solid #f47920;
    font-family: 'montserratlight';
    color: #000;
    font-size: .8rem;
    background: transparent;
    padding: 5px 0px 5px 5px;
    margin: 0px 0px 5px 0px;
}

.sliderOverlay input[name='city'] {
    padding: 5px 0px 5px 5px;
}

.sliderOverlay select, .sliderOverlay input[type="number"] {
    margin: 0px 0px 5px 0px;
}

.sliderOverlay input.invalid,
.sliderOverlay select.invalid,
.sliderOverlay textarea.invalid {
    border-color: #c00;
    background-color: #c008;
}

.sliderOverlay input:disabled,
.sliderOverlay select:disabled,
.sliderOverlay textarea:disabled,
.sliderOverlay button.button:disabled,
.sliderOverlay button.button:disabled:hover,
.sliderOverlay input:disabled::-webkit-input-placeholder {
    border-color: #f77920;
    color: #666;
    background-color: #6666;
}

.sliderOverlay input:disabled::-webkit-input-placeholder {
    background-color: transparent;
    opacity: 1;
}

.sliderOverlay label.required.info {
    font-size: 11px;
}

.sliderOverlay #smallSliderFormForm {
    padding-bottom: 15px;
}

.sliderOverlay .webforms-fields-quote-name,
.sliderOverlay .webforms-fields-quote-phone {
    width: 48%;
    float: left;
}

.sliderOverlay .webforms-fields-quote-phone {
    float: right;
}

.mainSliderHeading {
    font-size: 35px;
    font-family: 'montserratsemibold';
    color: #f47920;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
/*    margin-top: 200px; REMOVE AFTER NOTICE IS OVER */
    margin-top: 40px;
    border: solid 2px rgba(255, 255, 255, 0.75);
    padding: 20px;
    background: rgba(255, 255, 255, 0.75);
    margin-bottom: 0;
}

.mainSliderHeading:nth-child(1) {
    margin-top: 10%;
}

/* This is the 'Notice', remove the margin from above, and uncomment original
margin when this is done. */
.temp {
    font-size: 20px;
    margin-top: 0px;
}

.smallSliderHeading .button {
    font-size: 18px;
    font-family: 'montserratsemibold';
    color: rgb(255, 255, 255);
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    background-color: #f47920;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    border-style: none;
    font-weight: 600;
    text-rendering: geometricPrecision;
    float: right;
    position: relative;
    top: -41px;
    right: 2px;
}

.smallSliderForm {
    border: solid 2px rgba(255, 255, 255, 0.75);
    padding: 0px 20px 0px 20px;
    background: rgba(255, 255, 255, 0.75);
}

.smallSliderForm button.button {
    width: 100%;
    text-align: left;
    border: solid 4px #f47920;
    background: transparent;
    color: #f47920;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
}

.smallSliderForm .webforms-fields-quote-name .input-box,
.smallSliderForm .webforms-fields-quote-phone .input-box,
.smallSliderForm .webforms-fields-quote-email .input-box,
.smallSliderForm .webforms-fields-quote-message .input-box
{
    position: relative;
}

.smallSliderForm .webforms-fields-quote-email {
    clear: both;
}

/*
.smallSliderForm .webforms-fields-quote-name .input-box:after,
.smallSliderForm .webforms-fields-quote-phone .input-box:after,
.smallSliderForm .webforms-fields-quote-email .input-box:after,
.smallSliderForm .webforms-fields-quote-message .input-box:after
{
    background-position: 7px 7px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-origin: content-box;
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    top: 20px;
    position: absolute;
}

.smallSliderForm .webforms-fields-quote-name .input-box:after {
    background-image: url("/skin/frontend/fogento/default/images/profileIcon.png");
}

.smallSliderForm .webforms-fields-quote-phone .input-box:after {
    background-image: url("/skin/frontend/fogento/default/images/phoneIcon.png");
}

.smallSliderForm .webforms-fields-quote-email .input-box:after {
    background-image: url("/skin/frontend/fogento/default/images/emailIcon.png");
}

.smallSliderForm .webforms-fields-quote-message .input-box:after {
    background-image: url("/skin/frontend/fogento/default/images/starIcon.png");
}
*/

@media screen and (max-width: 639px) {
    .smallSliderForm{
        margin-top: 5%;
        margin-right: 12px !important;
      }
}

@media screen and (max-width: 567px) {
    .sliderOverlay {
        top: 145px;
    }
    .homeTabs {
        margin-top: 25%;
    }
    .smallSliderForm{
        margin-top: 1rem;
        margin-right: 12px !important;
      }
}

@media screen and (max-width: 480px) {
    .smallSliderForm{
        margin-top: 45px;
        margin-right: 12px !important;
      }
}


@media screen and (max-width: 39.9375em) {
    .homeTabs {
        margin-top: 350px;
    }
  
  .tp-bullets.simplebullets.round {
    display: none;
  }
  #financing_call_out {
    margin-top: 20px;
  }

}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .smallSliderForm{
    margin-top: 7%;
    margin-right: 5.5% !important;
    margin-left: 0 !important;
    width: 93%;
    position: relative;
  }
  .homeTabs {
      margin-top: 57%;
  }
  .tp-bullets.simplebullets.round {
    display: none;
  }
}

@media only screen and (min-width: 64.063em) {
  #smallSliderForm.large-4 {
    right: 36px !important;
  }
}

.cms-professional-installation .sliderOverlay {
    position: relative !important;
    top: unset !important;
}

.cms-professional-installation #smallSliderForm {
    top: unset !important;
    right: unset !important;
    width: 100% !important;
    float: unset !important;
}

.cms-professional-installation #smallSliderForm .webforms-success-text {
    border: unset !important;
    padding: unset !important;
    background: unset !important;
    border-radius: unset !important;
}

.cms-professional-installation #smallSliderForm .webforms-success-text p {
    border: 1px solid #ccc;
    padding: 1rem 1.5rem;
    background: #ffd46042;
    border-radius: 5px;
}

.block-subscribe {
    margin-top: 20px;
}

.block-subscribe .input-box, .block-subscribe .actions {
    padding: 0;
}

.block-subscribe .input-box input {
    border: 1px solid #d7d7d7;
    background: #f6f6f6;
    font-size: 18px;
    font-family: 'montserratsemibold';
    color: rgb(254, 255, 255);
    padding: 20px 10px;
}

.block-subscribe .actions button {
    width: 100%;
    display: block;
    background: #f47920;
    font-size: 18px;
    font-family: 'montserratsemibold';
    color: rgb(254, 255, 255);
}

.hvr-sweep-to-right:before {
    background: #3b5660 !important;
}

.blog-post-view .postTitle {
    border: 0;
    margin-bottom: 0;
}

/* Shop By (Layered Navigation) */

div.block-layered-nav.amshopby-filters-left {
    padding: 20px;
}

div.block-layered-nav.amshopby-filters-left div.block-title span {
    font-weight: bold;
}

div.block-layered-nav.amshopby-filters-left div.currently ol {
    background: none;
    padding: 0;
    margin: 0;
}

div.block-layered-nav.amshopby-filters-left div.actions {
    padding-bottom: 1em;
    border-bottom: 1px solid #d6d6d9;
}

div.block-layered-nav.amshopby-filters-left dl#narrow-by-list, div.block-layered-nav.amshopby-filters-left dl#narrow-by-list dd:last-child, div.block-layered-nav.amshopby-filters-left dl#narrow-by-list dd:last-child ol {
    margin-bottom: 0;
}

div.block-layered-nav a .count {
    color: #aaa;
    font-weight: normal;
}

div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover, div.block-layered-nav dd a.amshopby-attr-selected, div.block-layered-nav dd a.amshopby-attr-selected:hover, div.block-layered-nav li.amshopby-cat-multi a {
    color: #666;
    font-size: 0.9em;
    background-image: none;
    margin-left: 0;
    padding-left: 0;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

div.block-layered-nav dd a.amshopby-attr:before, div.block-layered-nav dd a.amshopby-attr-selected:before, div.block-layered-nav li.amshopby-cat-multi a:before, div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:before {
    font-family: "FontAwesome";
    content: "\f096";
    color: #666;
    font-size: 1.25em;
    padding-right: 0.5em;
    vertical-align: -2px;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    width: 2em;
}

div.block-layered-nav dd a.amshopby-attr:hover, div.block-layered-nav dd a.amshopby-attr:hover:before, div.block-layered-nav dd a.amshopby-attr-selected:hover, div.block-layered-nav dd a.amshopby-attr-selected:hover:before, div.block-layered-nav li.amshopby-cat-multi a:hover, div.block-layered-nav li.amshopby-cat-multi a:hover:before, div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:hover, div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:hover:before {
    color: #0597C1;
}

div.block-layered-nav dd a.amshopby-attr-selected:before, div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:before {
    content: "\f14a";
    color: #41a73f;
    font-size: 1.15em;
    vertical-align: -1px;
}

div.block-layered-nav .amshopby-more, div.block-layered-nav .amshopby-less {
    font-size: 0.8em;
}


/* Product Customizations */

.availability {
    display: none;
}

body.catalog-product-view #product-addtocart-button {
    display: none !important;
}
.product-essential ul.add-to-links {
    display: none !important;
}

/* Request for Quote Page Customizations */

body.request4quote-front-quote-index .cart-collaterals {
    margin: 20px auto 0 !important;
}

body.request4quote-front-quote-index .cart-collaterals>div {
    background: none;
}

body.request4quote-front-quote-index .cart-collaterals>div h2 {
    background-image: none;
    padding: 0;
}

/** Hiding Shipping Form, but is enabled on page **/


/*
.cart-rf4-shipping {
  display: none;
}
*/

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details ul.form-list li input + label[for='r4qDetailsIntendToInstall'] {
    display: inline-block;
    margin-left: 10px;
}

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details,
body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-shipping {
    width: 100%;
    float: none;
}

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details h2{
    font-size: 1em;
    margin: 1em 0 2em;
}

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details ul:after,
body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-shipping ul:after {
    content: "";
    display: block;
    clear: both;
}

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details ul li:nth-child(odd),
body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-shipping ul li:nth-child(odd) {
    display: block;
    float: left;
    width: 48%;
    clear: none;
}

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details ul li:nth-child(even),
body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-shipping ul li:nth-child(even) {
    float: left;
    width: 48%;
    clear: none;
}

/* body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details ul li:last-child {
    float: none;
    width: 100%;
    clear: both;
} */

body.request4quote-front-quote-index .cart-collaterals>div.cart-rf4-details ul li:last-child textarea {
    width: 100%;
}


/* MiniQuote Customizations */

.header-miniquote>a {
    float: right;
    padding: 2px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'montserratsemibold';
    font-size: .8rem;
    letter-spacing: .07rem;
    text-align: left;
    text-transform: uppercase;
    background: transparent;
    color: #005399;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
    height: 40px;
    line-height: 2.25rem;
    display: block;
}

.header-login {
	float: right;
	margin-left: 25px;
}

.header-miniquote>a:hover {
    background: rgba(0, 83, 153, .9);
    color: #fff;
	text-decoration: none;
}

.header-miniquote>a.skip-active {
    background: #fff;
    color: #000;
}

.header-miniquote>a .count {
    margin-left: 0.5em;
    color: rgba(170, 170, 170, .9);
}

.header-miniquote>a:hover .count {
    margin-left: 0.5em;
    color: rgba(255, 255, 255, .5);
}

.header-miniquote>a.skip-active .count {
    color: #aaa;
}

#header-quote {
    display: none;
}

#header-quote.skip-active {
    /*position: relative !important;*/
    background: #fff;
    border: 0 !important;
    padding: 10px;
    top: 39px !important;
    box-shadow: 0 2px 2px rgba(37, 37, 37, 0.4);
    margin: 0 0 0 auto;
}

#header-quote .minicart-message {
    display: none;
    margin: 0;
}

#header-quote .block-subtitle {
    display: none;
}

#header-quote .cart-link {
    background-color: #5fc25d;
    border-color: #41a73f;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 0.5em 1em;
    text-decoration: none;
}

#header-quote .cart-link:hover, #header-quote .cart-link:focus {
    background-color: #41a73f;
    color: #fff;
}

#header-quote .mini-products-list {
    float: none !important;
    line-height: 1rem;
}

#header-quote .mini-products-list li.item {
	display: flow-root;
    padding-left: 0;
    padding-right: 0;
    border-bottom: 1px solid #ddd;
    min-height: 0;
	clear: both;
}

#header-quote .mini-products-list li.item .product-details, #header-quote .mini-products-list li.item .product-image {
    padding: 0;
}

#header-quote .mini-products-list li.item a.product-image img {
	width: auto;
	position: relative;
	top: auto;
}

#header-quote .mini-products-list li.item .product-details {
	padding-left: 65px;
}


#header-quote .mini-products-list li.item .product-details a {
    color: #55725c;
    padding-left: 0;
}

#header-quote .mini-products-list .info-wrapper {
    float: left;
    margin-right: 0.5em;
	border: 0;
}

#header-quote .mini-products-list .info-wrapper td {
	padding: 5px 0;
}

#header-quote .mini-products-list .info-wrapper .qty-wrapper th {
    padding: 0.25em 0.5em 0 0;
    font-size: 0.8em;
    color: #888;
}

#header-quote .mini-products-list .info-wrapper .qty-wrapper input.cart-item-quantity {
    width: 50px;
    color: #000;
}

#header-quote .mini-products-list .info-wrapper .qty-wrapper button.quantity-button {
    margin: 0;
    padding: 2px 5px;
    font-size: 0.8em;
    text-transform: uppercase;
}

#header-quote .mini-products-list li.item .product-details a.remove {
    margin: 0;
    padding: 2px 5px;
    font-size: 0.8em;
    text-transform: uppercase;
    background: #666;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    bottom: -35px;
}

/* Web Forms */

.webforms-contact-us-form .form-list .fields { margin: 0; padding: 0; }
.webforms-contact-us-form .form-list .fields .type-select-checkbox { margin: 0; padding: 0; width: 100% !important; }
.webforms-contact-us-form .form-list .fields ul.list-select { margin: 0; padding: 0 !important; }
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) { width: 100% !important; }
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) label,
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) .input-box { display: inline-block; vertical-align: text-top; }
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) .input-box { margin: 0 0 1rem 1rem; }
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) .input-box ul { padding: 0 !important; margin-left: 0 !important; }
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) .input-box ul li { clear: none; float: left; }
.webforms-contact-us-form .form-list .fields:nth-child(3) .field:nth-child(2) .input-box ul li input { margin: 0; position: relative; top: 4px; }

/* MQs */

@media only screen and (max-width: 800px) {
    .nav-container #nav {
        margin-top: 0;
    }
    .cms-home .sliderOverlay .mainSliderHeading {
        font-size: 24px;
    }
    .cms-home .sliderOverlay .smallSliderHeading {
        font-size: 18px;
    }
    .cms-home .sliderOverlay form input, .cms-home .sliderOverlay form button {
        font-size: 18px !important;
    }
}

@media only screen and (max-width: 480px) {
    .cms-home .sliderOverlay {
        top: 180px;
    }
    .cms-home .sliderOverlay .mainSliderHeading {
        font-size: 16px;
    }
    .cms-home .sliderOverlay .smallSliderHeading {
        font-size: 12px;
    }
    .cms-home .sliderOverlay form input, .cms-home .sliderOverlay form button {
        font-size: 10px !important;
    }
    .sidebarSocial {
        display: none;
    }
    .bottomFooter ul {
        margin: 0 auto;
        float: none;
    }
    .bottomFooter ul li:first-child {
        padding-left: 0;
    }
}

nav.breadcrumbs {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 20px;
}

.breadcrumbs>* {
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
    color: #f47920;
}

h1, h2, h3, h4, .block-related .block-title, h5, h6 {
    font-family: 'montserratsemibold';
    color: #f47920;
}

.page-title {
    margin: 0 0 24px 0;
}

p, label, .pager .limiter, div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav li.amshopby-cat-multi a {
    color: #000;
}

p, label, .pager .limiter, div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav li.amshopby-cat-multi a, div.block-layered-nav .amshopby-more, div.block-layered-nav .amshopby-less, .toolbar select, .short-description .std, .product-collateral .std {
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

div.block-layered-nav dd a.amshopby-attr, .toolbar p, .breadcrumbs>*.current {
    color: #000;
}

div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {
    font-size: 14px;
}

.short-description .std {
    margin-bottom: 20px;
    margin-top: 20px;
}

a, a:hover, a:focus {
    color: #f47920;
}

a:hover {
    text-decoration: underline;
}

.sidebar .block-title {
    font-family: 'montserratsemibold';
    color: #f47920;
}

dl dt {
    font-family: 'montserratsemibold';
    color: #f47920;
    font-weight: normal;
}

.toolbar {
    font-size: 0.875rem;
    background: #f6f6f9;
    padding: 20px;
}

.toolbar>div {
    padding: 12px 0 21px 0;
}

.toolbar>div:last-child {
    border-bottom: none;
}

div.block-layered-nav dd a.amshopby-attr:before, div.block-layered-nav dd a.amshopby-attr-selected:before, div.block-layered-nav li.amshopby-cat-multi a:before, div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:before {
    color: #000;
}

.main-container .main .col-left {
    background: #f6f6f9;
}

div.block-layered-nav a .count {
    color: #f47920;
    font-weight: normal;
}

div.block-layered-nav .amshopby-more, div.block-layered-nav .amshopby-less {
    border-top: #d7d7d7 1px solid;
    display: block;
    width: 100%;
    padding-top: 6px;
    margin-top: 10px;
}

.products-grid .product-name {
    font-size: .8rem;
    margin: 20px 0;
}

.button.btn-cart, button.btn-cart {
    background-color: #005399;
    border-color: #005399;
    color: #fff;
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.button.btn-cart:hover, .button.btn-cart:focus, button.btn-cart:hover, button.btn-cart:focus {
    background-color: #f47920;
}

.product-tabs .tabs .active a {
    border-color: #f47920;
}

.data-table tbody th {
    font-family: 'montserratsemibold';
    color: #f47920;
    font-weight: normal;
    text-align: left;
    background-color: #f6f6f9;
    border: 1px solid #fff;
    width: 31%;
    font-size: 13px;
}

.data-table tbody td, .product-view .add-to-links {
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.product-view .add-to-links {
    line-height: 2.6rem;
}

.product-view .product-options-bottom, .product-view .add-to-box {
    background-color: #f6f6f9;
}

.product-view button.btn-cart, .product-view input[name="qty"] {
    font-size: 1.1rem;
    text-align: center;
}

.product-view .product-images li a {
    border: 1px solid #d7d7d7;
    padding: 5px;
    display: block;
}

.product-view .add-to-cart input {
    width: 2.5rem;
    height: 2.56rem;
}

.note-msg {
    color: #fff;
    background: #f47920;
    text-align: center;
    font-size: 17px;
    padding: 10px;
}

div.block-layered-nav dd a.amshopby-attr-selected {
    color: #f47920;
    font-size: 14px;
    font-family: 'montserratregular';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

div.block-layered-nav dd a.amshopby-attr-selected:hover {
    color: #f47920;
    font-size: 14px;
}

div.block-layered-nav dd a.amshopby-attr:hover,
div.block-layered-nav dd a.amshopby-attr:hover:before,
div.block-layered-nav dd a.amshopby-attr-selected:hover,
div.block-layered-nav dd a.amshopby-attr-selected:hover:before,
div.block-layered-nav li.amshopby-cat-multi a:hover,
div.block-layered-nav li.amshopby-cat-multi a:hover:before,
div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:hover,
div.block-layered-nav li.amshopby-cat-multi.amshopby-cat-multiselected a:hover:before {
    color: #f47920;
}

.block-layered-nav .currently ol .label {
    font-family: 'montserratsemibold';
    color: #f47920;
    font-weight: normal;
}

.block-layered-nav .actions {
    text-align: left;
    padding-top: 0.5rem;
    margin-bottom: 1rem;
    margin-top: 20px;
    color: #f47920;
    font-size: 14px;
    font-family: 'montserratregular';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.block-layered-nav .currently ol li {
    color: #f47920;
    font-size: 14px;
    font-family: 'montserratregular';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.panel {
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.panel strong {
    font-family: 'montserratregular';
}

.panel h5 {
    font-size: 16px;
}

.panel .button {
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #005399 !important;
    color: #fff;
    font-weight: normal !important;
    font-size: 1rem;
    padding: 13px !important;
    border: 0 !important;
    text-shadow: none !important;
    width: 100%;
    text-align: left;
}

.button.tiny.recLinks {
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #005399 !important;
    color: #fff;
    font-weight: normal !important;
    font-size: .6rem;
    padding: 13px !important;
    border: 0 !important;
    text-shadow: none !important;
    text-align: left;
}

.tabContent .row .row {
  margin-bottom: 30px;
}

.panel a h5 {
    color: #f47920 !important;
}

#myTabs {
    list-style-type: none;
    margin-left: 0;
    background: rgba(0, 0, 0, 0.04);
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    /*padding: 20px;*/
}

#myTabs li {
    font-size: 14px;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
    /*padding: 12px;*/
}

#myTabs li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#main-content .contactInfo {
    background: none;
    padding: inherit;
}

#main-content .contactInfo li {
    border-bottom: none;
    padding: 5px;
}


/* Home Page & Professional Installation Web Form */

.cms-home .form-list li .field:last-child,
.cms-professional-installation .form-list li .field:last-child {
    float: inherit;
}

.cms-home .form-list li .field,
.cms-professional-installation .form-list li .field {
    width: 50%;
}

.cms-home .form-list li input[type=text],
.cms-professional-installation .form-list li input[type=text] {
    width: 100%;
}

.cms-home .form-list li .field:first-child,
.cms-professional-installation .form-list li .field:first-child {
    float: inherit;
}

.cms-home .form-list li .field,
.cms-professional-installation .form-list li .field {
    width: inherit;
}

.cms-home .form-list li .field,
.cms-professional-installation .form-list li .field {
    width: inherit;
}

.cms-home .form-list li:nth-child(2) div.field.webforms-fields-quote-city,
.cms-professional-installation .form-list li:nth-child(2) div.field.webforms-fields-quote-city {
	width: 60%;
    float: left;
}

.cms-home .webforms-fields-quote-city,
.cms-professional-installation .webforms-fields-quote-city {
	width: 60%;
	float: right;
}

.cms-home .form-list li:nth-child(2) div.field.webforms-fields-quote-zip,
.cms-professional-installation .form-list li:nth-child(2) div.field.webforms-fields-quote-zip {
	width: 30%;
	float: right;
}

.cms-home .webforms-fields-quote-zip,
.cms-professional-installation .webforms-fields-quote-zip {
	width: 30%;
	float: left;
}

.cms-home .form-list li:nth-child(2) div.field.webforms-fields-quote-city input,
.cms-home .form-list li:nth-child(2) div.field.webforms-fields-quote-zip input,

.cms-professional-installation .form-list li:nth-child(2) div.field.webforms-fields-quote-city input, 
.cms-professional-installation .form-list li:nth-child(2) div.field.webforms-fields-quote-zip input {
	padding: 5px 10px;
}

.cms-home .webforms-fields-quote-city option,
.cms-home .webforms-fields-quote-zip input,

.cms-professional-installation .webforms-fields-quote-city option,
.cms-professional-installation .webforms-fields-quote-zip input {
	padding: 5px 10px !important;
}

.cms-home .webforms-fields-quote-homeoor .input-box,
.cms-professional-installation .webforms-fields-quote-homeoor .input-box,
.cms-home .webforms-fields-quote-message,
.cms-professional-installation .webforms-fields-quote-message {
        clear: both;
}

.cms-home .webforms-fields-quote-homeoor .input-box label,
.cms-professional-installation .webforms-fields-quote-homeoor .input-box label {
    float: left;
    padding: 0;
    text-align: left;
    margin-right: 1rem;
    margin-bottom: 0.1rem;
}

.cms-home .webforms-fields-quote-homeoor .input-box label input,
.cms-professional-installation .webforms-fields-quote-homeoor .input-box label input {
    margin: 0;
}

.homePageQuote {
    font-size: 2rem;
    color: #f47920;
    padding-bottom: 5px;
    font-family: 'montserratsemibold';
    text-transform: uppercase;
}

.locations {
    font-size: 14px;
    color: #222;
    font-family: 'montserratultra_light';
    font-weight: 600;
    text-rendering: geometricPrecision;
}

.locations ul {
    float: left;
    width: 31%;
}

.locations ul li {
    margin-left: 10%;
}

.locations ul li:first-child {
    font-size: 1.6875rem;
    color: #f47920;
    font-family: 'montserratsemibold';
    list-style-type: none;
    margin-left: 0;
}

.clearfix {
    overflow: auto;
    zoom: 1;
}

.radio {
    float: left;
    margin-right: 0.5rem !important;
    line-height: 1.5em;
}

#testimonialForm label {
    display: block;
    padding-bottom: 0;
    margin-bottom: 0;
    clear: both;
}

button, .button {
    padding: 0.5rem 1.125rem 0.5rem 1.125rem;
    background-color: rgb(0, 83, 153);
}

button:hover, .button:hover {
    background-color: rgb(0, 133, 203);
}

.cta {
    text-align: center;
    padding: 30px 0;
    font-size: 2.0rem;
    font-family: 'montserratsemibold';
    color: #f47920;
    text-transform: uppercase;
}

div#webform_2_form {
    background: rgba(255, 255, 255, .9);
    padding: 15px;
}

.callTEL.button {
    background: #f47920;
    margin-bottom: 0;
}

.recentPostsCallOut {
    background: url(/skin/frontend/fogento/default/images/recent-callout-bg.jpg);
    background-size: cover;
    height: 350px !important;
    padding: 0;
}

.recentPostsCallOut .postTitle {
    background: #f47920;
    color: #fff;
    font-size: 1.3rem;
    width: 100%;
    padding: 10px;
    position: relative;
    margin: 0;
    left: 0;
    text-align: center;
    border-bottom: 0;
    margin-top: 261px;
}

.recentPostsCallOut .postReadMore.button {
    font-family: 'montserratsemibold';
    background: #f47920;
    color: #fff;
    font-size: .8rem;
    width: 100%;
    padding: 10px;
    position: relative;
    bottom: 0;
    margin: 0 auto;
    text-align: center;
    border-bottom: 0;
    left: 0;
}

.link-compare {
    display: none;
}

#shopping-cart-table thead {
    display: none;
}

#shopping-cart-table .a-left {
    display: none;
}

.locationMoreInfo {
    display: none;
}

.top-line .top-line-section .large-7 {
    padding-left: 0 !important;
}

.top-line .top-line-section .large-5 {
    padding-right: 0 !important;
}

.top-line ul.topHeaderLinks {
    margin-left: 0;
    list-style-type: none;
    display: inline;
    font-family: 'montserratsemibold';
    float: left;
    position: relative;
}
.topHeaderLinkSubMenu {
  display: none;
}
.topHeaderLinks li:hover > .topHeaderLinkSubMenu {
    display: block;
    float: none !important;
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    margin: 0;
    border: 2px solid rgba(0, 83, 153, 0.75);
    border-top: 2px solid rgba(255, 255, 255, 0.25);
    padding: 2px;
    top: 38px;
}
.topHeaderLinks .topHeaderLinkSubMenu li {
    display: block;
    padding: 0;
}
.topHeaderLinks .topHeaderLinkSubMenu li a {
    padding: 10px;
}
.topHeaderLinks .topHeaderLinkSubMenu li a:hover {
    background: rgba(0, 83, 153, 0.75);
    color: #fff;
}
.top-line ul li a {
    font-family: 'montserratsemibold';
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 1px;
    color: #005399;
    text-transform: uppercase;
}

.top-line ul {
    float: left !important;
}

.top-line ul.topHeaderLinks > li:first-child a {
    padding-left: 0 !important;
}

.navCTAWrap {
    font-family: 'montserratsemibold';
    font-size: .8rem;
    font-weight: lighter;
    letter-spacing: 1px;
    color: #005399;
    text-align: right;
}

.navCTAWrap img {
    width: 20%;
    position: relative;
    top: -2px;
}

.products-grid li.item {
    height: auto !important;
    padding-bottom: 20px !important
}

.ctct-custom-form {
    min-width: 0 !important;
}

.categoryBannerRow .columns img {
    padding: 10px 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel .block-related .block-title, .block-related .panel .block-title, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #005399;
}

.panel.brochure {
    text-align: center;
    min-height: 220px;
}

.testimonials-list .testimonial .message {
    border-bottom: 1px solid #005399 !important;
    border: 1px solid #005399 !important;
}

.testimonials-list .testimonial .message:before {
    border-color: transparent #005399 !important;
}

.testimonials-list .testimonial .author-info {
    font-weight: bold;
    font-style: italic;
    display: block;
    border-top: 1px solid #f47920;
    padding-top: 10px;
    margin-top: 20px;
    display: block;
    clear: both;
}

.testimonials-list .button.tiny {
    background-color: #f47920;
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    font-size: .6rem;
    font-weight: lighter;
    letter-spacing: 1px;
    font-style: normal;
    position: relative;
    float: right;
    clear: both;
    margin-bottom: 0;
    margin-top: 10px;
}

.testimonials-list .testimonial .author-info {
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: normal !important;
    letter-spacing: 1px;
    font-style: normal !important;
    color: rgba(0, 0, 0, 0.5);
}

.testimonials-list .testimonial .testimonial-date {
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    font-size: 9px !important;
}

.submit-testimonial .button, .testimonials-list .more-button a {
    font-family: 'montserratsemibold';
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #005399 !important;
    color: #fff;
    font-weight: normal !important;
    font-size: .6rem;
    padding: 13px !important;
    border: 0 !important;
    text-shadow: none !important;
}

.panel .contactInfo {
    list-style-type: none;
    margin-left: 0;
}

/* Define mobile styles */

@media only screen and (max-width: 35.500em) {
    .homePageQuote {
        font-size: 1.5rem;
    }
    /* .mainSliderHeading {
        display: none;
    } */
    .cta {
        font-size: 1rem;
    }
    .tab-title.active::after {
        background: none;
    }
    .imagePlaceholder {
        padding-right: inherit;
    }
    .galleryCallOut {
        padding-left: inherit;
    }
    .tabContent .panel h3 {
        font-size: 1rem;
    }
    .discountCallOutWrapper {
        padding-right: inherit;
    }
    .panel h5 {
        word-wrap: break-word;
    }
    .testimonials-list .testimonial .message {
        margin-left: 0 !important;
    }
    .testimonials-list .testimonial .message:before {
        display: none !important;
    }
    .testimonials-list .page-title button {
        float: none;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
        background: #f47920;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .testimonials-list .testimonial .message:after {
        display: none !important;
    }
    .header-miniquote>a {
        width: 100%;
    }
    .header-minicart.header-miniquote {
        display: block;
        width: 50%;
        float: right;
        position: relative;
    }
    .aboutUsCallOut, .reviewsCallOut {
        padding: 0;
        text-align: center;
    }
    .recentPostsCallOut {
        height: 350px !important;
        padding: 10px;
        margin-bottom: 40px;
    }
}


/* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 41.688em) {
    .top-line ul li a {
        font-size: .5rem !important;
    }
    .navCTAWrap {
        font-size: .5rem !important;
    }
    .header-miniquote>a {
        font-size: .5rem !important;
    }
    .top-line .top-line-section .large-7 {
        padding-right: 0 !important;
    }
    .header-miniquote>a {
        padding: 2px 2px 2px 0 !important;
    }
    .navCTAWrap .callUsToday:after {
        left: 7px !important;
    }
}

@media only screen and (max-width: 46.000em) {
    .top-line ul li a {
        font-size: .5rem !important;
    }
    .navCTAWrap {
        font-size: .5rem !important;
    }
    .header-miniquote>a {
        font-size: .5rem !important;
    }
    .top-line .top-line-section .large-7 {
        padding-right: 0 !important;
    }
    .header-miniquote>a {
        padding: 2px 2px 2px 0 !important;
    }
    .navCTAWrap .callUsToday:after {
        left: 7px !important;
    }
}

@media only screen and (min-width: 35.500em) and (max-width: 40em) {
    .homePageQuote {
        font-size: 1rem;
    }
    /* .mainSliderHeading {
        display: none;
    } */
    .cta {
        font-size: 1rem;
    }
    .tab-title.active::after {
        background: none;
    }
    .imagePlaceholder {
        padding-right: inherit;
    }
    .galleryCallOut {
        padding-left: inherit;
    }
    .tabContent .panel h3 {
        font-size: 1rem;
    }
    .discountCallOutWrapper {
        padding-right: inherit;
    }
    .panel h5 {
        word-wrap: break-word;
    }
    .testimonials-list .testimonial .message {
        margin-left: 0 !important;
    }
    .testimonials-list .testimonial .message:before {
        display: none !important;
    }
    .testimonials-list .page-title button {
        float: none;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
        background: #f47920;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .testimonials-list .testimonial .message:after {
        display: none !important;
    }
    .header-container {
        padding: 0;
    }
    .header-container .logo img {
        width: 28%;
    }
    .sliderOverlay {
        top: 121px;
    }
    .cms-home .sliderOverlay form input, .cms-home .sliderOverlay form button {
        font-size: 12px !important;
    }
    #rev_slider_3_1_wrapper {
        height: 530px !important;
    }
    .calloutArea .small-12 {
        width: 33%;
    }
    .footer-container .small-12 {
        width: 50%;
    }
    .footer-container .small-12:first-child {
        width: 100%;
    }
    .footer-container .small-12:last-child {
        width: 100%;
    }
    .header-minicart.header-miniquote {
        display: inline !important;
        float: right;
        margin-right: 15px;
    }
    .recentPostsCallOut {
        height: 200px !important;
    }
    .recentPostsCallOut .postTitle {
        background: #f47920;
        color: #fff;
        font-size: .7rem;
        width: 100%;
        padding: 10px 0;
        position: relative;
        margin: 0;
        left: 0;
        text-align: center;
        border-bottom: 0;
        margin-top: 91px;
    }
    .aboutUsCallOut, .reviewsCallOut {
        padding: 0;
        text-align: center;
    }
}

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

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
    .nav-container #nav li>a {
        padding: 0.5rem .4rem;
        font-size: 12px;
    }
    .sliderOverlay {
        top: 112px;
    }
    #rev_slider_3_1_wrapper {
        height: 530px !important;
    }
    .cms-home .sliderOverlay form input, .cms-home .sliderOverlay form button {
        font-size: 12px !important;
    }
    #rev_slider_3_1_wrapper {
        height: 570px !important;
    }
    .tabContent .panel h3 {
        font-size: 1rem;
    }
    .nav-container #nav {
        top: 22px;
    }
    .footer-container h4 {
        font-size: 13px;
    }
    div#webform_2_form {
        width: 60%;
        float: right;
    }
    .top-line ul li a {
        font-size: .6rem;
        padding-left: .16rem;
        letter-spacing: 0;
    }
    .navCTAWrap {
        font-size: .6rem;
        letter-spacing: 0;
    }
    .header-miniquote>a {
        font-size: .6rem;
        letter-spacing: 0;
		text-align: right;
    }
    .aboutUsCallOut, .reviewsCallOut {
        padding: 0;
        text-align: center;
    }
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* min-width 1025px, large screens */

@media only screen and (min-width: 64em) and (max-width: 89em) {
    .nav-container #nav {
        top: 0;
    }
    .cta {
        font-size: 1.6rem;
    }
    div#webform_2_form {
        width: 100%;
        float: right;
    }
    .top-line ul li a {
        font-size: 14px;
    }
    .navCTAWrap {
        font-size: .7rem;
    }
    .header-miniquote>a {
        font-size: .7rem;
    }
    .products-grid li.item {
        height: auto !important;
        padding-bottom: 20px !important
    }
}


/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {
    .products-grid li.item {
        height: auto !important;
        padding-bottom: 20px !important
    }
}


/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .products-grid li.item {
        height: auto !important;
        padding-bottom: 20px !important
    }
}


/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {
    .products-grid li.item {
        height: auto !important;
        padding-bottom: 20px !important
    }
}


/* min-width 1921px, xxlarge screens */

/* ***********************************
** slck carousel styling ***
*************************************/
.slick-btn{
  text-align: center;
    font-family: 'montserratsemibold';
    color: #f47920;
    border: 3px solid #f47920;
    background: #fff;
    padding: 1rem;
}
.selection_slick_carousel img{
  width: 100% !important;
}
h3.os_h3 {
    font-family: oswald;
    color: #222;
    font-size: 1rem;
    font-weight: 100;
    padding-top: 1.5rem;
}
#Our_Selection {
  padding-top: 3rem;
}

/***********************************
** END slick carousel slider ******
**********************************/

.categoryBannerRow .small-12.medium-4.large-4.columns {
    padding-bottom: .3rem;
}
.application-btn{
    background: #005399;
    padding: 1rem;
    border-radius: 10px;
    font-family: 'montserratsemibold';
    color: #f47920;
}
table {
    border: 1px solid #ccc;
}
td{
  color: #222;
  font-weight: 300;
  font-family: oswald;
  font-size: 1.2rem;
}
table thead {
    background: #F5F5F5;
}
.btn-orange-white{
  font-size: 18px;
  font-family: 'montserratsemibold';
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #f47920;
  border-width: 0px;
  border-color: rgb(0, 0, 0);
  border-style: none;
  font-weight: 600;
  text-rendering: geometricPrecision;
}
.btn-2{
  font-size: 18px;
  font-family: 'montserratsemibold';
  color: rgb(255, 255, 255);
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  background-color: #f47920;
  border-width: 0px;
  border-color: rgb(0, 0, 0);
  border-style: none;
  font-weight: 600;
  text-rendering: geometricPrecision;
  width: 90%;
    text-align: left;

    padding: 5px;
}
.btn-2:hover{
color: #000 !important;
}
.bg-1{
  background:url(/media/images/fence-outlet-bg.jpg) repeat;
}
ul.loc-callout-ul {
    background: rgb(0, 83, 153) !important;
	list-style: none;
	padding: 25px;
	margin-left: 0;
}
ul.loc-callout-ul > li{
padding: 0 !important;
 text-align: right;
}
ul.loc-callout-ul > li > h2{
  color:#fff;
}
ul.loc-callout-ul > li > h3{
  color:#fff;
}
img.financing-badge {
    position: absolute;
    bottom: 30px;
    left: 25px;
}
.fence-services h4 {
    font-size: 1.3rem;
    font-family: oswald;
    padding-top: 1rem;
    min-height: 56px;
}

/****************************************
location pages form style
****************************************/
#estimate-form .fieldset {
    float: none !important;
    clear: none !important;
    background: none !important;
    border: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#estimate-form .fieldset > ul {
    background: none !important;
    padding-bottom: 0 !important;
}
#estimate-form li.fields > div {
    width: 48%;
    display: inline-block;
    vertical-align: top;
}
#estimate-form .buttons-set {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}
#estimate-form .g-recaptcha {
    display: inline-block !important;
    width: 48% !important;
    vertical-align: top !important;
}
#estimate-form p.required {
    display: none;
}
#estimate-form {
    padding-bottom: 2rem;
}
#estimate-form ul li ul {
    margin-left: 0px !important;
}
#estimate-form ul.list-select li {
    float: left;
    clear: none;
}
#estimate-form ul.list-select li label {
    display: inline-block;
    position: relative;
    top: -5px;
}

@media only screen and (max-width: 540px) {
    #estimate-form li.fields > div {
        width: 100%;
    }
}

.g-recaptcha iframe {
  transform: scale(.666);
  transform-origin: left;
}

/***********************************
header phone numbers style
***********************************/
.header-phone-numbers {
  font-family: 'montserratbold';
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 0 !important;
}
.header-phone-numbers p {
  font-family: 'montserratbold';
  margin: 0;
  padding: 0;
  font-size: 0.8rem;
  line-height: 1.3;
}
.header-phone-numbers a {
  color: #005399 !important;
  font-weight: 400;
}
.foo-location-styles a {
  color: #000 !important;
}

/***********************************
contact us page style
***********************************/
.cms-contact-us .store-img { width: 100%; margin-bottom: 10px; }
.cms-contact-us .map-iframe { border: 0; width: 100%; min-width: 100%; max-width: 100%; height: 75vh; margin: 0 0 20px 0; }
.cms-contact-us .locations > div { min-height: 150px; }
.cms-contact-us .locations [class*="column"] + [class*="column"]:last-child { float: left !important; }

/***********************************
careers page style
***********************************/
/*.cms-careers .webforms-careers-form .fieldset.phone ul li { float: left; width: 33%; clear: none; }*/
/*.cms-careers .webforms-careers-form .fieldset.phone ul li input { width: 100%; }*/
.cms-careers .webforms-careers-form .webforms-calendar input { background-position: 99% 9px !important; }
.cms-careers .webforms-careers-form .list-select[role=radiogroup] li,
.cms-careers .webforms-careers-form .list-select[role=group] li { display: inline-flex; flex-direction: row; margin-bottom: 0; }
.cms-careers .webforms-careers-form .list-select[role=radiogroup] li input,
.cms-careers .webforms-careers-form .list-select[role=group] li input { margin: 0 0 1.5em 0 !important; }
.cms-careers .webforms-careers-form .webforms-fields-dr-anyrecords .input-box { display: flex; flex-direction: column; }
.cms-careers .webforms-careers-form .webforms-fields-dr-anyrecords .input-box > ul { order: 2; }
.cms-careers .webforms-careers-form .webforms-fields-dr-anyrecords .input-box > p { order: 1; padding-left: 0.95em; }

/***********************************
promotions form
************************************/
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) { width: 100% !important; }
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) label,
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) .input-box { display: inline-block; vertical-align: text-top; }
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) .input-box { margin: 0 0 1rem 1rem; }
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) .input-box ul { padding: 0 !important; margin-left: 0 !important; }
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) .input-box ul li { clear: none; float: left; }
.webforms-promotionsForm .form-list .fields:nth-child(5) .field:nth-child(1) .input-box ul li input { margin: 0; position: relative; top: 4px; }

/***********************************
professional installation page style
***********************************/
/*.cms-professional-installation .webforms-installationForm .field { clear: both; }*/

/**********************************
holiday notice style
**********************************/
#holidayNotice {
    background:#005399;
    padding: 20px;
    text-align: center;
    margin: 0;
}
#holidayNotice h2,
#holidayNotice p {
    color: #fff;
    letter-spacing: 1px;
}
#holidayNotice p {
    font-size: 1rem;
    line-height: 2;
    text-transform: uppercase;
}

/**********************************
footer form style
**********************************/
.webforms-footer-form .fieldset {
    background: none !important;
    border: 0 !important;
}

.webforms-footer-form .fieldset .fields .field {
    width: calc(50% - 5px) !important;
    float: left !important;
    margin-right: 5px;
}

.webforms-footer-form .form-list .fields:nth-child(3) .field {
    width: 100% !important;
}

.webforms-footer-form .form-list .fields:nth-child(3) .field label,
.webforms-footer-form .form-list .fields:nth-child(3) .field .input-box {
    display: inline-block;
    vertical-align: text-top;
}

.webforms-footer-form .form-list .fields:nth-child(3) .field .input-box {
    margin: 0 0 1rem 1rem;
}

.webforms-footer-form .form-list .fields:nth-child(3) .field .input-box ul li {
    clear: none;
    float: left;
}

.webforms-footer-form .form-list .fields:nth-child(3) .field .input-box ul li input {
    margin: 0;
    position: relative;
    top: 4px;
}

.webforms-footer-form-success {
    margin: 15px 0;
    font-size: 200%;
    border: 1px solid #41a73f;
    color: #004400;
    background: #fff;
    padding: 15px;
}

/* Home Page Alert Slider */
.home-page-alert-container {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.home-page-alert-container,
.home-page-alert-container .home-page-alert,
.home-page-alert-container .home-page-alert .slide {
    min-height: 300px;
    max-height: 300px;
    height: 300px;
}
.home-page-alert-container .home-page-alert .slide {
    background: url('/skin/frontend/fogento/default/images/home-page-alert-hurricane-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;

    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;

    min-width: 100vw;
    max-width: 100vw;
    width: 100vw;
}
.home-page-alert-container .home-page-alert .slide p {
    color: #fff;
    font-family: 'montserratsemibold';
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 0 10%;
    text-shadow: 0 0 10px #000;
    vertical-align: middle;
}
.home-page-alert-container .home-page-alert .slide.slide-2 p {
    font-size: 0.75rem;
}
.home-page-alert-container .orbit-bullets-container {
    margin-top: -2.5rem;
}
.home-page-alert-container .orbit-timer {
    display: none;
}
.home-page-alert-container .orbit-prev,
.home-page-alert-container .orbit-next {
    margin-left: 10px;
    margin-right: 10px;
}
.home-page-alert-container .orbit-bullets li {
    box-shadow: 0 0 5px #000;
}
.home-page-alert-container .orbit-bullets li.active {
    background: #fff;
}

@media only screen and (min-width: 40.0625em) {
    .home-page-alert-container .home-page-alert .slide p {
        font-size: 1rem;
        padding: 0 15%;
    }
    .home-page-alert-container .home-page-alert .slide.slide-2 p {
        font-size: 0.75rem;
    }    
}

@media only screen and (min-width: 64.0625em) {
    .home-page-alert-container .home-page-alert .slide p {
        font-size: 1.25rem;
        padding: 0 10%;
    }    
    .home-page-alert-container .home-page-alert .slide.slide-2 p {
        font-size: 1rem;
    }    
}

table.fence-in-a-box-contents-table {
    width: 100%;
}

table.fence-in-a-box-contents-table * {
    border: 1px solid #ccc !important;
    color: #222;
    font-size: 0.75rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 0.5rem;
}

table.fence-in-a-box-contents-table thead tr th:nth-child(-n+2),
table.fence-in-a-box-contents-table tbody tr td:nth-child(-n+2) {
    text-align: center;
}

table.fence-in-a-box-contents-table thead tr th:nth-child(3),
table.fence-in-a-box-contents-table tbody tr td:nth-child(3) {
    text-align: left;
}

table.fence-in-a-box-contents-table thead tr th:nth-child(n+4),
table.fence-in-a-box-contents-table tbody tr td:nth-child(n+4) {
    text-align: right;
}

table.fence-in-a-box-contents-table tfoot tr td {
    text-align: right;
    font-weight: bold;
}