/*
CSS STYLESHEET
INFINITY DRAIN
by GCAGENCY
*
*
*
*
*/


/*
GLOBAL LAYOUT STYLES
*/
* {
    outline: none;
}


[class*="block-grid-"] > li {
    padding-bottom: 0;
}
ul {
    list-style-type:none;
    padding: 0;
    margin: 0;
}
li {
    padding: 0;
    margin: 0;
    text-align: left;
}

.bullets {
    line-height: .9rem;
    /*list-style: square url("bullet.png");*/
}
.bullets li {
    color: #000;
    padding: 0;
    line-height: 1.3rem;
}


img {
    max-width: auto;
}
.row-5 {margin-bottom:5px !important;}
.row-10 {margin-bottom:10px !important;}
.row-15 {margin-bottom:15px !important;}
.row-20 {margin-bottom:20px !important;}
.row-25 {margin-bottom:25px !important;}
.row-30 {margin-bottom:30px !important;}
.row-35 {margin-bottom:35px !important;}
.row-40 {margin-bottom:40px !important;}
.row-45 {margin-bottom:45px !important;}
.row-50 {margin-bottom:50px !important;}
.row-60 {margin-bottom:60px !important;}
.row-70 {margin-bottom:70px !important;}
.row-80 {margin-bottom:80px !important;}
.row-90 {margin-bottom:90px !important;}
.row-100 {margin-bottom:100px !important;}
.row-125 {margin-bottom:125px !important;}
.row-150 {margin-bottom:150px !important;}
.row-175 {margin-bottom:175px !important;}
.row-200 {margin-bottom:200px !important;}

.top-5 {margin-top:5px !important;}
.top-10 {margin-top:10px !important;}
.top-15 {margin-top:15px !important;}
.top-20 {margin-top:20px !important;}
.top-25 {margin-top:25px !important;}
.top-30 {margin-top:30px !important;}
.top-35 {margin-top:35px !important;}
.top-40 {margin-top:40px !important;}
.top-45 {margin-top:45px !important;}
.top-50 {margin-top:50px !important;}
.top-60 {margin-top:60px !important;}
.top-70 {margin-top:70px !important;}
.top-80 {margin-top:80px !important;}
.top-90 {margin-top:90px !important;}
.top-100 {margin-top:100px !important;}
.top-125 {margin-top:125px !important;}
.top-150 {margin-top:150px !important;}
.top-175 {margin-top:175px !important;}
.top-200 {margin-top:200px !important;}

/* ALIGNMENT */
.align-left {text-align:left !important;}
.align-center {text-align:center !important;}
.align-right {text-align:right !important;}
.uppercase {text-transform:uppercase !important;}
.underline {text-decoration:underline !important;}

/* WIDTHS */
.width-50 {width: 50px !important;}
.width-60 {width: 60px !important;}
.width-70 {width: 70px !important;}
.width-75 {width: 75px !important;}
.width-80 {width: 80px !important;}
.width-85 {width: 85px !important;}
.width-100 {width:100px !important;}
.width-125 {width:125px !important;}
.width-150 {width:150px !important;}
.width-175 {width:175px !important;}
.width-200 {width:200px !important;}
.width-225 {width:225px !important;}
.width-250 {width:250px !important;}
.width-275 {width:275px !important;}
.width-300 {width:300px !important;}
.width-325 {width:325px !important;}
.width-350 {width:350px !important;}
.width-375 {width:375px !important;}
.width-400 {width:400px !important;}
.width-425 {width:425px !important;}
.width-450 {width:450px !important;}
.width-475 {width:475px !important;}
.width-500 {width:500px !important;}
.width-600 {width:600px !important;}
.width-700 {width:700px !important;}
.width-800 {width:800px !important;}
.width-900 {width:900px !important;}
.width-1000 {width:1000px !important;}

.row {
    position: relative;
    max-width: 1000px;
}
/*  override foundation width */
.full-width {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.content-container {
    min-height: 100%;
    z-index: 1;
    text-align: center;
    padding-top: 100px;
    margin-bottom: -330px; /* accomodate sticky footer */
}
dep.content-container:after { /* accomodate sticky footer */
    content: ' ';
    display: block;
    height: 330px;
    z-index: 1;
}
.push {
    height: 330px;
}


divider {
    display: block;
    width: 100%;
    max-width: 1300px;
    height: 1px;
    background: -webkit-linear-gradient(left, #fff, #d1d1d1, #d1d1d1, #fff); /* For Safari 5.1 to 6.0 */ /* For Opera 11.1 to 12.0 */ /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #fff, #d1d1d1, #d1d1d1, #fff); /* Standard syntax */
    margin: 50px auto;
}
/*
end GLOBAL LAYOUT STYLES
*/


.stretch-to-fill {
    width: 100%;
    max-width: 100%;
}
.stretch-to-fill img {
    width: 100%;
    height: auto;
}



/*
PAGE SPECIFIC LAYOUT
*/
body.product_nav_on .content-container {
    padding-top: 280px;
}
body.home .content-container {
    padding-top: 90px;
}
.dropdown_on .content-container {
    padding-top: 260px;
}

body.home divider {
    margin-top: 60px;
    margin-bottom: 100px;
}

/*
end PAGE SPECIFIC LAYOUT
*/




/*
GLOBAL TEXT STYLES
*/
body {
    /*font-family: 'Open sans', 'sans serif';*/
	font-family:"Microsoft YaHei";
    font-weight: 300;
    line-height: 1.6rem;
    -webkit-font-smoothing: subpixel-antialiased;
    color: #333333;
    font-size: .88rem;
}
p {
    /*font-family: 'Open sans', 'sans serif';*/
	font-family:"Microsoft YaHei";
    font-weight: 300;
    font-size: 1rem;
}
ul {
    font-size: inherit;
}
a,a:active,a:visited,a:link {
    color: #1360B6;
}
a:hover {
    color: #1360B6;
}
a.button {
    display: inline-block;
    color: #FFF;
}
a.button.secondary:hover {
    background: #1360B6;
    color: #FFF;
}
h1, h2, h3, h4, h5, h6, h7, h8, h9, h10 {
    /*font-family: "Open Sans";*/
	font-family:"Microsoft YaHei";
}
h1 {
    font-weight: 100;
    font-size: 40px;
    line-height: 2.8rem;
    margin-bottom: 20px;
    color: #000;
}
h2 {
    font-weight: 100;
    font-size: 2rem;
    color: #262626;
}
h3 {
    font-weight: 100;
    font-size: 20px;
    line-height: 1.5rem;
    color: #8C8C8C;
}
h4 {
    font-weight: 100;
    line-height: 26px;
    font-size: .9rem;
    letter-spacing: 0;
    color: #8C8C8C;
}
h5 {
    font-weight: 600;
    line-height: 1.8em;
    font-size: .9rem;
    color: #000;
    margin: 0;
}
h6 {
    font-weight: 100;
    line-height: 40px;
    font-size: .8rem;
    color: #8C8C8C;
    margin: 0;
}
h7 {
    font-weight: 100;
    line-height: 40px;
    font-size: 1.1rem;
    margin: 0;
}
h8 {
    font-weight: 400;
    line-height: 1.6em;
    font-size: 1.2rem;
    color: #000;
    margin: 0;
}
h10 {
    font-size: .8rem;
    color: #404040;
    font-weight: 600;
    display: block;
} 
@media all and (max-width: 420px) {
    h1 {
        line-height: 2.8rem;
    }
    h2 {
        font-size: 10vw;
        font-weight: 200;
        line-height: 2.4rem;
    }
}
@media all and (max-width: 335px) {
    h2 {
        font-size: 9.5vw;
    }
}
/*
end GLOBAL TEXT STYLES
*/




/*
GLOBAL INPUTS STYLES
*/
select, input[type="text"], input[type="password"], textarea, .editable {
    display: block;
    box-sizing: border-box;
    border: none;
    border-radius: 0;
    padding: 0 .2rem;
    width: 100%;
    background-color: #efefef;
    font-size: .8rem;
    color: #262626;
    text-align: left;
    box-shadow: none !important;
}
.input-field {
    margin-bottom: 2rem;
}

input[type="text"].special-text {
	background: #FFF;
	border-bottom: 1px solid #e7e7e7;
}
.search-glass {
	font-size: 1.7rem;
	color: #0085ef;
	position: absolute;
	top: 6px;
	left: 20px;
	width: 16px;
	height: 16px;
	padding-right: 5px;
	background: transparent url('hg@2x.png') no-repeat 0 0;
	background-size: 16px 16px;
}

input[type="text"].special-text {
	text-indent: 32px;
	color: #999999;
	font-size: 1.2rem;
	font-weight: 300;
}


input[type="text"].special-text:focus {
	
}

/* material style input animation */
input.special-text {
  	border:none;
  	border-bottom:1px solid #f7f7f7;
  	margin-bottom: 0;
  	padding-bottom: 8px;
}
input:focus { outline:none; }


/* active state */
input:focus ~ label, input:valid ~ label 		{
	top:-20px;
	font-size:14px;
	color:#5264AE;
}

/* BOTTOM BARS ================================= */
.bar { position:relative; display:block; width:100%; }
.bar:before, .bar:after {
	content:'';
	height:1px; 
	width:0;
	bottom: 1px; 
	position:absolute;
	background:#0085ef; 
	transition:0.45s ease all; 
	-moz-transition:0.45s ease all; 
	-webkit-transition:0.45s ease all;
}
.bar:before {
	left:0%;
}


/* active state */
input:focus ~ .bar:before {
	width:100%;
}








.button {
    padding: .7rem 2.5rem;
    color: #fff;
    font-size: 1rem;
    line-height: 1.2em;
    background: #1360B6;
    font-weight: 300;
    border-radius: .25rem !important;
}
.button:hover {
    background: #000;
    color: #fff;
}
input[type="checkbox"] + label, input[type="radio"] + label {
    margin-left: 0;
}
/*
end GLOBAL INPUT STYLES
*/




/* 
NAVIGATION BAR
*/
#logo {
    position: relative;
    display: block;
    width: 614px;
    height: 100%;
    text-indent: -100000px;
    background: url('logo1.png') no-repeat left;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    #logo {
        background: url('logo-mobile.png') no-repeat left;
    }
}
/** MOBILE NAV LOGO **/
@media all and (max-width: 980px) {
    #logo {
        width: 193px;
        height: 100%;
        background: url('logo-mobile.png') no-repeat left;
    }
}
@media (max-width: 980px) and (-webkit-min-device-pixel-ratio: 1.3),
(max-width: 980px) and (min--moz-device-pixel-ratio: 1.3),
(max-width: 980px) and (min-device-pixel-ratio: 1.3),
(max-width: 980px) and (min-resolution: 1.3dppx)  {
    #logo {
        background: url('logo-mobile-x2.png') no-repeat left;
        background-size: 118px 33px;
    }
}
.contain-to-grid {
    background: #000;
}
#main-nav-container {
    position: fixed;
    height: 90px;
    width: 100%;
    background: #000;
    z-index: 5;
    text-align: center;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
}
#main-nav-cover {
    position: absolute;
    top: 0;
    left: 0;
    height: 90px;
    width: 100%;
    background: #000;
    z-index: 5;
}
#main-nav {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 90px;
    z-index: 10;
    margin: 0 auto;
    background: #000;
    padding-left: 5%;
    padding-right: 5%;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
}
#main-nav ul {
    position: relative;
    z-index: 10;
    padding-right: 20px;
}
#main-nav ul li {
    display: inline;
    
}
#main-nav ul li a {
    position: relative;
    display: inline-block;
    height: 90px;
    color: #fff;
    padding: 0 8px;
    line-height: 90px;
    background: #000;
    font-weight: 400;
    font-size: 18px;
}
#main-nav ul li a:hover, #main-nav ul li.active a {
    color: #FFFFFF;
}
.full-dropdown {
    position: absolute;
    top: -160px;
    left: 0;
    width: 100%;
    height: 160px;
    text-align:center;
    background: #F5F5F5;
    overflow: hidden;
    z-index: 1;
    transition: .5s;
    -webkit-transition: .5s;
    text-align:center;
    box-shadow: 0px 0.5px 2px 1px rgba(209,209,209,1);
    
}
.full-dropdown:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    
}
.full-dropdown img {
    display: inline-block;
    max-width: 150px;
    height: auto;

}
.full-dropdown.over {
    top: 90px;
    transition: .5s;
    -webkit-transition: .5s;
}
body.dropdown_on .full-dropdown {
    top: 90px;
    transition: .5s;
    -webkit-transition: .5s;
}

@media all and (min-width: 1024px) {
    body.collapsed_nav .full-dropdown {
        height: 60px;
        line-height: 10px;
        -webkit-transition: all 350ms linear;
        transition: all 350ms linear;
    }
    body.collapsed_nav .full-dropdown img {
        display: none;
        -webkit-transition: all 350ms linear;
        transition: all 350ms linear;
    }
    body.collapsed_nav .full-dropdown .title {
        font-size: .9rem;
    }
    body.collapsed_nav #main-nav-container, body.collapsed_nav #main-nav, body.collapsed_nav #main-nav ul li a, body.collapsed_nav #main-nav-cover {
        height: 60px;
        -webkit-transition: all 350ms linear;
        transition: all 350ms linear;
    }
    body.collapsed_nav #main-nav ul li a {
        line-height: 60px;
    }
    body.collapsed_nav #nav-cover-bar {
        top: 55px;
        -webkit-transition: all 350ms linear;
        transition: all 350ms linear;
    }
    body.dropdown_on.collapsed_nav .full-dropdown {
        top: 60px;
    }
    body.collapsed_nav #search {
        margin-top: 15px;
        width: 180px;
        height: 25px;
    }
    body.collapsed_nav .full-dropdown.over {
        top: 60px;
        line-height: 10px;
    }
    body.collapsed_nav .dropdown-item-container a {
        padding: 0 25px;
    }    
}
#nav-cover-bar {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    height: 5px;
    background: none;
    z-index: 15;
}
body.dropdown_on #nav-cover-bar {
    background: #7f7f7f;
}
#nav-cover-bar.on {
    background: #7f7f7f;
}
.dropdown-item-container {
    position: absolute;
    width: 100%;
    background: #F5F5F5;
    height: 160px;
    margin: 0 auto;
    display: block;
    z-index: 1;
}
.dropdown-item-container.active {
    z-index: 100;
}
.dropdown-item-container a {
    position: relative;
    display: inline-block;
    padding: 15px 25px;
    color: #7f7f7f;
    height: 155px;
    font-size: .7rem;
    text-align: center;
}
.dropdown-item-container img {
    height: 100px;
}
.dropdown-item-container a>.title.text-center {
    margin: .5rem;
    font-size:16px; font-weight:bold;
}

.collapsed_nav .dropdown-item-container a>.title.text-center {
    margin: 1rem;
}

.dropdown-item-container a:hover {
    color: #191919;
}
.dropdown-item-container a:hover:after, .dropdown-item-container a.on:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: auto;
    right:auto;
    width: 150px;
    height: 2px;
    background: #1360B6;
    z-index: 1000;
}
body.dropdown_on.collapsed_nav .dropdown-item-container a {
    margin-top: 5px;
    height: 50px;
    width: 170px;
    padding: 0;
}
body.dropdown_on.collapsed_nav .dropdown-item-container a:hover:after, body.dropdown_on.collapsed_nav .dropdown-item-container a.on:after {
    width: 170px;
}




body.product_nav_on #product-dropdown {
    display: block;
}
body.install_nav_on #installation-dropdown {
    display: block;
}
#main-nav ul li.active a:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -.25rem;
    bottom: -.25rem;
    width: .48rem;
    height: .48rem;
    background: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#main-nav ul li.active.dd-activator a:after {
    background: #7f7f7f;
    bottom: .1rem;
}
#main-nav-container {
    text-align: center;
}
/* 
end NAVIGATION BAR 
*/



/*
PRODUCT DETAIL PAGE
*/


.share h5 {
    margin-top: 2rem;
}
.product .downloads {
    line-height: .9rem;
}

.product .downloads i {
    display: block;
    font-size: .7rem;
    color: #000;
}
.product .downloads h5 {
    color: #000;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: bold;
    letter-spacing: .05rem;
    margin: 0;
    padding: 0;
}
.product .downloads h6 {
    color: #656565;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.7rem;
}
.product .downloads a {
    color: #1360B6;
    font-size: .8rem;
    font-weight: 100;
    line-height: 1.2rem;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product .downloads a:hover {
    color: #7f7f7f;
}
.product .downloads .share h5 {
}
.product .downloads .share a {
    font-size: 2.2rem;
    color: black;
    padding-right: 12px;
}
.product .downloads .share {
    margin-top: 25px;
}

.product .description ul {
    display: inline;
}

.product .downloads ul li, .product .description ul li, .product .tabs-content ul li,.product .tabs-content ul {
    list-style-type: disc;
/*    margin-left: 18px;*/
    color: #000;
}
.product .tabs-content ul {
    margin-left: 0;
}

.product .downloads ul li, .product .description ul li span {
    font-size: .9rem;
    line-height: 1.4rem;
    
}

.product .tabs {
    max-width: 1000px;
    margin: 0 auto;
}
tabs dd, .tabs .tab-title {
    float: none;
    display: inline-block;
}

.product .tabs-content {
    max-width: 900px;
    margin: 0 auto 100px auto;
    text-align: center;
}
.tab-image {
    padding-bottom: 50px;
}
.product .tabs-content .content {
    text-align: left;
}
.product .tabs-content .content .row {
    margin: 0 auto;
}
.product .tabs-content .content .column-right {
    font-size: .8rem;
    line-height: 1.2rem;
    color: #595959;
}
.product .tabs-content .content .column-right a {
    font-size: .8rem;
    color: #1360B6;
}
.product .tabs-content .content .column-left {
}
.product .tabs .tab-title > a {
    background: none;
    font-size: 1.2rem;
    font-weight: 100;
    color: #808080;
}
.product .tabs .tab-title > a:hover {
    color: #000;
}
.product .tabs-content .content h5 {
    font-weight: 600;
    display: block;
}
.product .tabs .tab-title.active > a {
    color: #1360B6;
}
.product .tabs .tab-title.active > a:after {
    content: '';
    position: absolute;
    bottom: -.95rem;
    margin-left: -5px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    background: #fff;
    z-index: 1;
}

.tabs dd > a, .tabs .tab-title > a {
    font-family: "Open Sans";
}
.tab-divider {
    width: 100%;
    max-width:100%;
    border-bottom: 1px solid #D1D1D1;
}
li#search-field-container {
    line-height: 30px;
    height: 30px;
    margin-top: 30px;
}



/* Product Page Style 1 */

.product.style-1 .gallery {

}

/* end Product Page Style 1 */
@media (max-width: 630px) {
    .tabs .tab-title > a {
        padding: 1rem 0.6rem;
    }
    .product .tabs .tab-title > a {
        font-size: 0.9rem;
    }
}



/*
end PRODUCT DETAIL PAGE
*/







/*  
CONTENT BLOCK TYPE 1 
*/
.content-block-type-1 img {
  min-width: 100%;
  height: auto;
}
/*
end CONTENT BLOCK TYPE 1
*/




/*  
CONTENT BLOCK TYPE 2 
*/
.content-block-type-2 {
    margin: 0 auto;
}
.content-block-type-2 .button.secondary {
	background-color: #e7e7e7;
	color: #1360B6;
}

.content-block-type-2 li {
    padding: 10px;
    border: 3px solid transparent;
    transition: border 0.2s ease;
    -webkit-transition: border 0.2s ease;
}

.content-block-type-2 li:hover {
    border: 3px solid #f2f2f2;
}
.content-block-type-2 li .link {
    color: #1360B6;
}
.content-block-type-2 li:hover .link {
    color: #777;
    background: transparent;
}
.content-block-type-2 p {
    color: #38393b;
    font-weight: 300;
    font-size: 15px;
    line-height: 1.4em;
    padding: 0;
    margin: 0 auto;
}
.content-block-type-2 h2 {
    font-size: 20px;
    color: #38393b;
    font-weight: 100;
    margin-bottom: 20px;
}
.content-block-type-2 h3 {
    color: #38393b;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    padding: .2rem 0;
    margin-bottom: 0;
}
.content-block-type-2 img {
    margin-top: .3rem;
    margin-bottom: 0.8rem;
}
.content-block-type-2 img.no-margin {
    margin: 0; 
}
.content-block-type-2 a {
    font-size: .9rem;
    line-height: 1.3em;
    padding: 0 1px;
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
}
.content-block-type-2.style-2 {
    max-width: 1100px;
}
.content-block-type-2.style-1 h3,
.content-block-type-2.style-2 h3 {
    display: block;
}
.content-block-type-2.style-2 h2 {
    font-weight: 800;
    font-size: 3.5rem;
    line-height: 0.5em;
    color: #E5E5E5;
}
.content-block-type-2 .medium-block-grid-3 > li {
    padding: 10px 50px;
}
.content-block-type-2 .medium-block-grid-5 li {
    padding: 10px 1.5em;
}
.content-block-type-2 .button {
    padding: 12px 30px;
    color: white;
    font-size: .8rem;
    background: #1360B6;
}
.content-block-type-2 .button:hover {
    background: #EDEDED;
    color: #1360B6;
}

/* parts/components */
.parts-block .button {
    font-family: "Open Sans";
    font-size:16px; font-weight:bold;
}
.content-block-type-2.parts-block .medium-block-grid-3 > li {
	padding: 10px 10px;
	/*max-width: 300px; */
}
.products .product-list-components a.row.product-listing {
	padding: 15px 0;
}


/* Block 2 Style 3 - Installation Video Page */
.content-block-type-2.style-3 {
    max-width: 1050px;
    text-align: center;
}
.content-block-type-2.style-3 li {
    width: 24%;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    float: none;
    clear: none;
}
.style-3 a.image-wrap {
    width: 100%;
    margin: 0 auto 1rem auto;
    padding: 0;
    display: block;
    position: relative;
}
.content-block-type-2.style-3 .video-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('id-play-button.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65px 65px;
}
.style-3 .video-thumbnail {
    margin: 0;
}
.content-block-type-2.style-3 h8 {
    font-size: 1.3rem;
}

@media all and (max-width: 768px) {
    .content-block-type-2.style-3 li {
        width: 50%;
    }
    .content-block-type-2.style-3 a {
        font-size: 1rem;
    }
}
@media all and (max-width: 650px) {
    .content-block-type-2.style-3 li {
        width: 100%;
    }
}

@media
(-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .content-block-type-2.style-3 .video-overlay {
        background-image: url('id-play-button@2x.png');
    }
}



/* Style 3 for PRODUCT PAGE TAB */

.product .tabs-content #video {
    text-align: center;
}
.product .content-block-type-2.style-3 {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    float: none;
}
.product .content-block-type-2.style-3 li {
    width: 100%;
}

@media all and (max-width: 850px) {

    .product .content-block-type-2.style-3 {
        width: 30%;
    }
}
@media all and (max-width: 850px) {

    .product .content-block-type-2.style-3 {
        width: 35%;
    }
}
@media all and (max-width: 650px) {

    .product .content-block-type-2.style-3 {
        width: 100%;
    }
    .product .content-block-type-2.style-3 li {
        width: 100%;
    }
}





/* end Block 2 Style 3 */



/* Block 2 Style 4 */

.content-block-type-2.style-4 .medium-block-grid-3 > li {
    padding: 10px 1rem;
}

.content-block-type-2.style-4 p {
    font-size: 0.8rem;
}


/* Block 2 Style 5 */


.content-block-type-2.style-5 .link {
    display: block;
}

/* end Block 2 Style 5 */

/* Block 2 Style 6 - Customer Logo Block */

.content-block-type-2.style-6  {
    padding: 0 50px;
    background-color: #F5F5F5;
}
.content-block-type-2.style-6 li {
    display: inline-block;
    float: none;
    width: 18%;
    padding: 0;
    border: 0;
}
.content-block-type-2.style-6 li:nth-child(6) {
    margin-left: 10%;
}
.content-block-type-2.style-6 li:nth-child(9) {
    margin-right: 10%;
}
.content-block-type-2.style-6 li:nth-child(10) {
    margin-left: 16.75%;
}
.content-block-type-2.style-6 li:nth-child(12) {
    margin-right: 16.75%;
}
.content-block-type-2.style-6 img {
    width: 100%;
}
 
/* end Block 2 Style 6 */

@media all and (max-width: 980px) {
    .content-block-type-2.style-6 {
        padding: 0;
    }
    .content-block-type-2 h2 {
        font-size: 1.2em;
    }
    .content-block-type-2 h3 {
        font-size: .9rem;
    }
    .content-block-type-2 p {
        font-size: .75rem;
    }
    .content-block-type-2 a {
        font-size: .75rem;
    }
}

@media all and (max-width: 640px) {
    .content-block-type-2 {
        max-width: 70%;
    }
    .content-block-type-2.style-1 h2,
    .content-block-type-2.style-2 h2 {
        margin-top: 20px;
    }
    .content-block-type-2.style-6 {
        max-width: 100%;
        padding: 0 30px;
    } 
    .content-block-type-2.style-6 li {
        width: 22%;
    }
    .content-block-type-2.style-6 li:nth-child(6),
    .content-block-type-2.style-6 li:nth-child(9),
    .content-block-type-2.style-6 li:nth-child(10),
    .content-block-type-2.style-6 li:nth-child(12) {
        margin: 0;
    }
}
@media all and (max-width: 500px) {
    .content-block-type-2 {
        max-width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .content-block-type-2.style-6 li {
        width: 48%;
    }
}
/*
end CONTENT BLOCK TYPE 2
*/




/*  
CONTENT BLOCK TYPE 3
*/

 /** SUB TYPE 1 **/

.content-block-type-3.sub-type-1 h2 {
    font-size: 3rem;
    color: #E5E5E5;
    font-weight: 800;
}
.content-block-type-3.sub-type-1 h3 {
    color: #4C4C4C;
    font-weight: 100;
}
.content-block-type-3.sub-type-1 img {
    margin-bottom: 20px;
}
.content-block-type-3.sub-type-1 ul {
    width: 100%;
}
@media all and (max-width: 980px) {
    .content-block-type-3.sub-type-1 h3 {
        font-size: 1.2rem;
    }
    .content-block-type-3.sub-type-1 p {
        font-size: .55rem;
    }
    .content-block-type-3.sub-type-1 a {
        font-size: .65rem;
    }
}
    /** end SUB TYPE 1 **/

/*  
end CONTENT BLOCK TYPE 3
*/




/*  
CONTENT BLOCK TYPE 4 video popup 
*/
.video-thumb-column {
    display: inline-block;
}
.video-thumb-wrap {
    width: 209px;
    height: 114px;
    margin-left: -8px;
    position: relative;
    padding: 5px;
    border: 3px solid transparent;
    transition: border 0.2s ease;
    -webkit-transition: border 0.2s ease;
}
.video-thumb-wrap:hover {
    border: 3px solid #CCC;
}
a.video {
    transition: color 0.2s ease;
    -webkit-transition: color 0.2s ease;   
}
a.video:hover,
.video-thumb-wrap:hover + a.video {
    color: #7f7f7f;
}
.video-thumb-overlay,
.video-thumbmail {
    width: 100%;
    height: 100%;
}
.video-thumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
}
.video-thumb-overlay {
    border: transparent;
    background-image: url('id-play-button.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 65px 65px;
}

.video-outer {
    position: relative;
    max-width: 100%;
    width: 100%;    
}
.video-outer a.video-image-link {
    display: block;
    max-width: 100%;
    width: 100%;
}
img.video-image {
    width: 100%;
    height: auto;
}
.video-text-container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
}
.video-text {
    font-size: 1.6rem;
    line-height: 2em;
    font-weight: 300;
    color: #fff;
}
.video-play {
    font-size: .85rem;
    line-height: 2em;
    font-weight: 300;
    color: #fff;
}
.video-play:after {
    content:'';
    display: inline-block;
    margin-left: .3rem;
    border-left: .6rem solid #fff;
    border-top: .4rem solid transparent;
    border-bottom: .4rem solid transparent;
}
.reveal-modal {
    background: #2D2D2D;
}
.reveal-modal h4 {
    color: white;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,.2);
    z-index: 1;
}
#menu-cover-bar {
    position: absolute;
    top: 90px;
    left: 0;
    height: 5px;
    width: 100%;
    background: #FFFFFF;
    z-index: 15;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { /* toggle image for retina display*/
    .video-thumb-overlay  {
        background-image: url('id-play-button@2x.png');
    }
}
/*
end CONTENT BLOCK TYPE 4 video popup 
*/


/*  
CONTENT BLOCK TYPE 5
*/
.content-block-type-5 {
    padding: 0;
}

.content-block-type-5 a {
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}
.content-block-type-5 a:hover {
    background: #CCC;
    color: #FFF;
}
.row .row {
    margin: 0;
}
.content-block-type-5.background-fill {
    padding: 25px 15px;
    background-color: #f4f4f4;
}
.text-block-center-logo {
    margin-bottom: 0;
}


/*Block 5 Style 2*/
.content-block-type-5.style-2 h2 {
    font-size: 2rem;
}
.content-block-type-5.style-2 h5 {
    font-weight: 100;
    font-size: 1.4rem;
}
.content-block-type-5.style-2 .column-image {
    margin-bottom: 25px;
}
.content-block-type-5.style-2 .column-content:first-child {
    padding-right: 50px;
} 
.content-block-type-5.style-2 .column-content:last-child {
    padding-left: 50px;
}


/*Block 5 Style 3*/
.content-block-type-5.style-3 h2 {
    display: inline;
}
.content-block-type-5.style-3 h5 {
    font-weight: 100;
    font-size: 1.4rem;
    line-height: 1;
    margin-right: 1em;
    margin-bottom: 0.5em;
}
.content-block-type-5.style-3 h7 {
    margin-left: 1rem;
    color: #1360B6;
}
.content-block-type-5.style-3 h9 {
    font-size: 0.8rem;
    line-height: 0.8;
}


/*Block 5 Style 4*/
/*  custom header element developed for the linear drain guide "Fig" elements */
.content-block-type-5.style-4 h6 {
    font-size: 1.4rem;
    font-weight: 100;
    line-height: 1.8em;
    color: #000;
    margin: 0;
    display:inline;
}
.content-block-type-5.style-4 h7 {
	display: inline;
}

.content-block-type-5.style-4 h5 {
    font-weight: 100;
    font-size: 1.4rem;
}
.content-block-type-5.style-4 h7 {
    color: #000;
}

@media only screen and (max-width: 64.063em) {
    .content-block-type-5.style-4 h5 {
        margin-right:0;
        
    }
}

/*Block 5 Style 5*/
.content-block-type-5.style-5 h2 {
    margin-bottom: 1em;
}
@media only screen and (max-width: 64.063em) {
    .content-block-type-5 li {
        max-width: 640px;
        margin: 0 auto;
        float: none;
    }
    .column-image {
        margin-bottom: 30px;
    }
    .content-block-type-5.style-2 .column-content:first-child,
    .content-block-type-5.style-2 .column-content:last-child {
        padding: 1rem 15%;
    }
}
@media only screen and (max-width: 64.063em) {
    .content-block-type-5.style-2 .column-content:first-child,
    .content-block-type-5.style-2 .column-content:last-child {
        padding: 1rem 10%;
    }
}
@media (max-width:400px) {
    .content-block-type-5 {
        padding-left: 5%;
        padding-right: 5%;
    }
}

/*Block 5 Style 6*/
@media all and (max-width: 64.063em) {
    .content-block-type-5.style-6 .column-content {
        margin-bottom: 2rem;
    }
}


/*  
end CONTENT BLOCK TYPE 5
*/




/*  
CONTENT BLOCK TYPE 6 INSTALLATION DIAGRAM 
*/
.diagram-title-column {
    margin-bottom: 25px;
}
.installation-diagram {
    width: 100%;
    max-width: 100%;
    text-align: center;
    background: #f2f2f2;
    margin-bottom: -15px;
}
.installation-diagram .column,
.installation-diagram .diagram-column {
    padding-right: 0;
}
.image-container {
    position: relative;
}
.image-container img {
    width: 100%;
    height: auto;
}
.installation-diagram .products-label {
    display: block;
    text-indent: 0;
    padding: 0;
    color: #656565;
    font-size: .8rem;
    line-height: 1.1rem;
    border: none;
    margin: 0;
}
.installation-diagram .inner {
    margin: 0 auto;
}
.installation-diagram h5, .installation-diagram h6 {
    padding: 0;
    margin-bottom: 20px;
}
.installation-diagram h5 {
    color: #000;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.7rem;
}
.installation-diagram h6 {
    color: #595959;
    font-weight: 200;
    line-height: 1.7rem;
    font-size: 1rem;
}
.image-container .has-tip {
    display: block;
    position: absolute;
    cursor: pointer;
    background: #1360b6;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    text-decoration: none;
    border: 3px solid #f2f2f2;
}
.image-container .has-tip:hover {
    background: #000;
}

@media all and (max-width:639px) {
    .image-container .has-tip {
        width: 17px;
        height: 17px;
    }
}

@media all and (min-width:640px) and (max-width:979px) {
    .image-container .has-tip {
        width: 13px;
        height: 13px;
    }
}
/* 
end CONTENT BLOCK TYPE 6 INSTALLATION DIAGRAM 
*/




/*  
CONTENT BLOCK TYPE 8
*/
.row.content-block-type-8 {
  width: 100%;
  max-width: 100% !important; 
}
.content-block-type-8 img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
/*  
end CONTENT BLOCK TYPE 8
*/




/*
PRODUCTS LAYOUT
*/
.product .full-width .columns {
    padding-left: 0;
    padding-right: 0;
}
.row.product-category {
    max-width: 980px;
}
.product-category h4 {
    color: black;
}
.product-description ul li:before {
    content: '\2022';
    width: 5px;
    height: 5px;
}
.product-description ul li {
    line-height: 1.3rem;
    list-style-type: none;
    color: black;
    font-size: .9rem;
    display: block;
    width: 475px;
    /*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-list {
    border-top: 1px solid #D1D1D1;
    z-index: 1;
    padding-bottom: 40px;
}
ul.small-block-grid-1.medium-block-grid-3 {
	margin: 0 auto;
}



.products {
    z-index: 1;
    padding-bottom: 40px;
}
.products h5 {
    color: #191919;
}

.products .product-list.product-list-components {
	font-size: .8rem;
	line-height: 17px;
}
.products .product-list.product-list-components h5 {
	font-size: 1rem;
}

.content-block-type-2 li:hover .button {
	background: #1360B6;
	color: white;
}



.products p {
    color: #595959;
    font-size: .75rem;
}
.products a.row {
    display: block;
    padding: 8px 0;
    border-bottom: 1px solid #D1D1D1;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.products a.row:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e2e2e2+51,ffffff+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(226,226,226,.4) 51%, rgba(255,255,255,1) 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(226,226,226,.4) 51%,rgba(255,255,255,1) 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(226,226,226,.4) 51%,rgba(255,255,255,1) 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

}
.products a.row .button {
    display: inline;
    background: #f2f2f2;
    color: #1360B6;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.products a.row:hover .button {
    background: #1360B6;
    color: #F5F5F5; 
}
.products img {
    margin-right: 10px;
}
.products .slideshow img {
    margin-right: 0;
}
.products .button {
        margin: 30px auto;
}
.products a.row.product-listing {
    height: 0;
    opacity: 0;


    padding: 0;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
    overflow: hidden;
}
.products a.row.product-listing.on {
   	height: 100%;
    opacity: 1;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
}
#product-counter {
    font-family: 'Open Sans';
    font-weight: 700;
    margin-bottom: 15px;
    font-size: .7rem;
    text-align: left;
    margin-left: 15px;
}
.products .slideshow {
    margin-bottom: 60px;
}
.product-category .list-section {
    margin-top: 5px;
    padding-top: 10px;
    padding-bottom: 15px;
    border-top: 1px solid #D1D1D1;
}
.product-category .list-section:first-child {
    margin-top: 0;
}
.product-sort-options {
    padding-bottom: 2rem;
}
.product-sort-options ul li {
    margin: 0;
    line-height: 1.6em;
}
.product-sort-options ul li label {
    color: #7F7F7F;
    font-size: .7rem;
    margin-left: 0;
    padding-left: 0;
}
.product-sort-options h4 {
    display: block;
    font-size: .8rem;
    font-weight: bold;
    margin-bottom: 5px;
    letter-spacing: 0;
    line-height: 1.2;
}



/*
end PRODUCTS LAYOUT
*/




/*  
DROPDOWN HEADER NAV 
*/
.header-dropdown {
    top: -55px;
    left: 0;
    background-color: #f6f6f6;
    width: 100%;
    z-index: 5;
    transition: .5s;
    -webkit-transition: .5s;
    overflow:hidden;
    display:none;
}
.header-dropdown:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #e3e3e3;
}
body.active-drop-down .header-dropdown {
    display:block;
    transition: .5s;
    -webkit-transition: .5s;
    text-align: center;
    height: 190px;
    text-align: center;
    top: 90px;
}
.header-dropdown .dropdown-items {
    position: relative;
    width: 100%;
    height: 165px;
    margin: 0 auto;
    padding-top: 25px;
}
.dropdown-item {
    display: inline-block;
    font-size: .9rem;
    color: #7f7f7f;
    margin: 0 20px;
    width: 149px;
}
.dropdown-item img {
    float:left;
}
.dropdown-item:hover:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    width: 149px;
    height: 4px;
    background: #c1c1c1;
    z-index: 1;
}
.dropdown-item.on:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    width: 149px;
    height: 4px;
    background: #1360b6;
    z-index: 1;
}
@media all and (max-width: 40.063em) {
    .dropdown-item {
        width: 70px;
    }
    .dropdown-item:hover:after {
        width: 70px;
    }
    .dropdown-item.on:after {
        width: 70px;
    }
    .header-dropdown .dropdown-items {
        height: 125px;
    }
    body.active-drop-down .header-dropdown {
        margin: 0;
        height: 135px;
    }
}
@media all and (max-width: 64.063em) {
    #installation-sub-nav .dropdown-item {
        margin: 0 10px;
    }
    #installation-sub-nav .dropdown-item .title {
        font-size: .9rem;
        line-height: 2.4rem;
    }
    #installation-sub-nav.dropdown-items {
        height: 100px;
        margin: 0;
    }

    #installation-sub-nav.dropdown-items .dropdown-item {
        width: 80px;
    }
    #installation-sub-nav.dropdown-items .dropdown-item:hover:after {
        width: 80px;
    }
    #installation-sub-nav.dropdown-items .dropdown-item.on:after {
        width: 80px;
    }
}
/*  
end DROPDOWN HEADER NAV 
*/




/*  
FOOTER 
*/

footer {
    height: 330px;
    width: 100%;
    padding: 40px 80px 40px 80px;
    background: #f4f4f4;
    overflow: none;
    z-index: 100;
}
footer .row {
    max-width: 1190px;
}
footer .columns:first-child {
    padding-left: 0;
}
footer .columns:last-child {
    padding-right: 0;
    text-align: right;
}
footer .header {
    margin-bottom: .2rem;
    font-weight: 300;
    font-size: 1.313em;
    line-height: 1.5em;
    color: #595959;
}
.footer-menu {
    padding-left: 0;
}
.footer-menu:nth-child(2) {
    margin-left: -10px;
}
.footer-menu ul li a {
    font-size: .90rem;
    line-height: 1.3em;
    font-weight: 400;
    font-size: .8rem;
    color: #1360b6;
}
.footer-menu ul li a:hover {
    text-decoration: underline;
}
.phone {
    color: #7f7f7f;
    font-size:14px;
    line-height: 1.4em;
    font-weight: 300;
}
.icon-bar {
    background: transparent;
    margin-bottom: 25px;
}
.icon-bar a:first-child {
    margin-left: -10px;
}
footer .icon-bar.four-up a.item {
    display: inline-block;
    padding: 0;
    padding-top: 0;
    width: 40px;
    height: 30px;
    text-align: center;
    color: #cccccc;
    font-size: 2.15rem;
}
footer .icon-bar.four-up a.item:hover {
    color: #000;
    background: transparent;
}
a.facebook:hover .wei{ display:block;}


.wei{ display:none;}
footer .icon-bar.four-up a.facebook .wei img{ width:150px; height:150px; display:block; max-width:150px;}

.icon-bar label {
    display: inline-block;
    text-indent: -10000px;
}
.row.bottom-footer {
    padding: 0;
    margin: 80px auto 0 auto;
}
.bottom-footer .tagline, .bottom-footer .copyright, .bottom-footer a {
    font-size: .8rem;
    line-height: 26px;
    color: #3b3b3b;
    display: inline-block;
    margin-right: .3rem;
}
.bottom-footer .copyright{float:right;}
.bottom-footer .logo-wrap {
    display: inline-block;
    margin-right: 10px;
}
.bottom-footer a.logo,
.bottom-footer a.flag {
    width: 45px;
    height: 26px;
    margin: 0 auto;
    display: inline-block;
    text-indent: -10000px;
} 
.bottom-footer a.logo {
    background: transparent url('button-id-footer.png') no-repeat left center;
}

@media
(-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .bottom-footer a.logo {
        background: transparent url('button-id-footer-x2.png') no-repeat left center;
        background-size: 34px 26px;
    }
}

.bottom-footer a.flag {
    background: transparent url('button-flag.png') no-repeat left center;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .bottom-footer a.flag {
        background: transparent url('button-flag-x2.png') no-repeat left center;
        background-size: 48px 26px;

    }
}

@media all and (max-width: 1024px) {
    footer {
        padding: 50px 30px;
    }
    footer .copyright {
        margin-top: 0;
    }
       
    footer .icon-bar>* {
        float: none !important;
        display: inline-block !important;
    }
    footer .columns:first-child {
        padding-left: 0.9375rem;
    }
    footer .columns:last-child {
        padding-right: 0.9375rem;
    }
    .icon-bar a:first-child {
        margin-left: 0px;
    }
    .row.bottom-footer {
        padding-left: 0px;
        margin-top: 10px;
    }
    .bottom-footer .tagline {
        margin-top: 15px;
    }
    .bottom-footer .tagline {
        display: block;
    }
    .bottom-footer .logo-wrap {
        display: block;
        width: 114px;
        margin: 0 auto;
    }
    .bottom-footer a.logo {
        width: 55px;
        background-position: center center;
    }
    .bottom-footer a.flag {
        width: 55px;
        background-position: left center;
    }    
}

@media all and (max-width: 980px) {

}
/*
end FOOTER
*/




/* 
IMAGE GALLERY SLIDESHOW 
*/
.slideshow-outer {
    position: relative;
    width: 100%;
}
.slideshow {
    width: 100%;
    border: none;
    margin-bottom: 100px;
}
.product .slideshow {
    margin-bottom: 30px;
}
.slick-prev,
.slick-next {
    top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
            transition: opacity 0.3s ease;
    z-index: 1000000;
}
.slick-prev:hover,
.slick-next:hover {
    opacity: 1;
}
.slick-prev {
    background-position: left center;
}
.slick-next {
    background-position: right center;
}
.slideshow button {
    background-color: rgba(255,255,255,0.0);
    height: 100%;
}
.slick-dots {
    margin: 1rem 0 2rem 0;
    bottom: -55px;
}
.slick-dots li {
    margin: 1px;
    padding: 2px;
    width: 15px;
    height: 15px;
}
.slick-dots li button::before {
    font-size: 2rem;
    margin: 0;
    font-family: inherit !important;
}
.slideshow-outer a.caption {
    display: none;
    position: absolute;
    background: rgba(0,0,0,.42);
    color: white;
    padding: 5px;
    color: white;
    transition: .5s;
    -webkit-transition: .5s;
}
.slideshow-outer a.caption.on {
    display: block;
    transition: .5s;
    -webkit-transition: .5s;
}
.slideshow-outer.in-page-captions .caption {
    padding: 15px;
}
.slideshow-outer.in-page-captions .caption.left {
    top: 7%;
    left: 7%;
    right: auto;
    text-align: left;
}
.slideshow-outer.in-page-captions .caption.right {
    top: 7%;
    right: 13%;
    left: auto;
    text-align: right;
}
.slideshow-outer.in-page-captions .caption h3 {
    display: block;
    font-weight: 100;
    color: white;
    font-size: 3rem;
    line-height: 3rem;
}
.slideshow-outer.in-page-captions .caption h5 {
    font-weight: 200;
    color: white;
    font-size: 1.15rem;
    line-height: 1rem;
}
.slideshow-outer.bottom-captions a.caption {
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    height: 30px;
    padding: 0;
    text-indent: 7px;
}

.fancybox-title-float-wrap { /* override Fancyboxe's default caption styling */
    bottom: initial;
    padding-top: 10px;
}
.fancybox-opened .fancybox-title { 
    font-weight: 100;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-shadow: none;
    color: #8C8C8C;
    text-align: center;
    background: transparent;
    white-space: initial;
    font-family: 'Open sans', 'sans serif';
}


@media all and (max-width:1023px) {
    .slideshow-outer.in-page-captions .caption {
        padding: 7px;
    }
    .slideshow-outer.in-page-captions .caption h3 {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
    .slideshow-outer.in-page-captions .caption h5 {
        font-size: .6rem;
        line-height: .7rem;
    }
}

@media all and (max-width: 500px) {
    .slideshow {
        margin-bottom: 0;
    }
    .slick-slider {
        margin-bottom: 100px;
    }
    .slideshow-outer.in-page-captions .caption.right,
    .slideshow-outer.in-page-captions .caption.left  {
        top: initial;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding: 10px 30px;
    }
    .slideshow-outer.in-page-captions .caption h3 {
        font-size: 2rem;
    }
    .slideshow-outer.in-page-captions .caption h5 {
        font-size: 0.8rem;
        line-height: 1rem;
    }

}
/* 
end IMAGE GALLERY SLIDESHOW 
*/




/*
DOCUMENT DOWNLOAD LINKS
*/
.downloads {
    font-size: .9rem;
}
.download {
    text-transform: uppercase;
    font-size: .8rem;
    color: #1360B6;
}
a.download:before {
    content: '';
    display: inline-block;
    border-top: 3px solid #BE1E2D;
    background: #DDDDDD;
    width: 10px;
    height: 12px;
    padding: 0;
    margin: 0;
    font-size: 1rem;
    margin-right: 4px;
}
a.download.download-pdf:before {
    border-top: 3px solid #BE1E2D;
    background: #DDDDDD;
}
a.download.download-zip:before {
    border-top: 3px solid #999;
    background: #ddd;
}
/*
end DOCUMENT DOWNLOAD LINKS
*/




/*
SEARCH FIELD AND RESULTS
*/
#mobile-search-link {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 5.75%;
    background-image: url('button-search-white-menu.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;

}
#mobile-search-page .wrapper {
    padding-bottom: 20px; 
}
#mobile-search-page h1 {
    margin: 30px 0;
}
#mobile-search-page {
    padding: 0 20px;
}
#mobile-search-results {
    padding: 30px 20px;
    text-align: left;
}
#mobile-search-results,
#mobile-search-results .columns {
    padding: 0;
}
#mobile-search-results .img-column { 
    padding: 5px;
    margin-left: -15px;
}
#mobile-search-results p {
    font-weight: 200;
    color: #000;
    margin-bottom: 0;
}
#mobile-search-results .row  {
    padding: 5px 10px;
    border-radius: 0px;
}
/*#mobile-search-results .row:focus {
    background: #fefefe;
}*/
#search {
    position: relative;
    margin-top: 30px;
    width: 200px;
    height: 30px;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
}
#search-input,
#mobile-search-input {
    height: 30px;
    line-height: 30px;
    background: #eeeeee;
    background-image: url('button-search.png');
    background-size: 18px;
    background-position: 97% center;
    background-repeat: no-repeat;
    color: #000;
    font-size: .85rem;
    font-weight: 500;
    text-transform: uppercase;
}
#ajax-search-results {
    position: relative;
    top: 0;
    float: right;
    width: 235px;
    background: rgba(255,255,255,.9);
    text-align: left;
    overflow-x: hidden;
    z-index: 5001;
}
#ajax-search-results .row {
    padding: 1em 0;
    -webkit-transition: background 0.3s ease;
            transition: background 0.3s ease;
}
#ajax-search-results .row:hover {
    background: #eeeeee;
}
#ajax-search-results .columns:last-child {
    padding-left: 0;
}
#ajax-search-results h5 {
    font-weight: 600;
}
#ajax-search-results p {
    font-size: 0.6rem;
    font-weight: 400;
    margin-bottom: 0;
    color: #8C8C8C;
}
#ajax-search-results .no-results {
    font-size: 90%;
}
@media all and (max-width:1023px) {
    #search {
        margin-right: 55px;
    }
}

@media
(-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    #mobile-search-link {
        background-image: url('button-search-white-menu.png');
        background-size: 30px;
    }
    
    #search-input,
    #mobile-search-input {
        background-image: url('button-search-x2.png');
        background-size: 18px;
    }
}

/*
end SEARCH FIELD AND RESULTS
*/




/*
DEALER LOCATOR
*/
.dealer-locator {
    margin-top: 50px;
    min-height: 600px;
    font-family: 'Open Sans', sans-serif;
}
.dealer-locator .small-block-grid-2 {
    width: 80%;
    margin-left: 10%;
}
.dealer-locator .small-block-grid-2:after {
    content: ' ';
    display: block;
    clear: both;
}
.dealer {
    max-width: 560px;
    line-height: 1.8rem;
}
.sales-rep-map {
    width: 800px;
    height: 700px;
    margin: 0 auto;
}
.dealer-locator label {
    display: block;
    margin-left: -20px;
    font-size: 0.8rem;
}
#zip_code,
#state_id,
#dealer-zip-submit {
    height: 35px;
    float: left;
}

#dealer-zip-submit {
    margin: 0;
    margin-left: 1%;
    padding: 0 .25rem;
    width: 12%;
    background-color: #1360B6;
}
#dealer-zip-submit .fi-play {
    -ms-transform: rotate(90deg) scale(0.75,1);
    -webkit-transform: rotate(90deg) scale(0.75,1);
    transform: rotate(90deg) scale(0.75,1);
    display: block;
    font-size: 0.1rem;
}
@media all and (max-width: 500px) {
    .dealer-locator .small-block-grid-2 {
        width: 100%;
        margin-left: 0%;
    }
}
@media all and (max-width: 768px) {
    .dealer-locator label {
        margin-left: -23px;
    } 
}
@media all and (max-width: 1023px) {
    .sales-rep-map {
        width: 600px;
        height: 500px;
    }
}

@media all and (max-width: 750px) {
    .sales-rep-map {
        width: 600px;
        height: 500px;
    }
}
/*
end DEALER LOCATOR
*/




/*
CONTACT FORM
*/
.contact-form {
    max-width: 720px;
}
.contact-form-h3 {
    font-size: 1.4em;
    font-weight: 200;
    color: #000000;
}
.contact-form .button,
.contact-form label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
}
.contact-form .button {
    margin-bottom: 40px;
}
#contact-form-feedback-container {
    transition: padding .3s;
    -webkit-transition: padding .3s;
    height: auto;
    color: #0085ef;
    font-size: 1.1rem;
    line-height: 1.4em;
    padding: 1rem .3rem;
    box-sizing: border-box;
    margin-bottom: 2rem;
}

@media all and (max-width: 1025px) {
    .contact-slide-right {
        padding-top: 40px !important;
    }
}
/*
end CONTACT FORM
*/




/*
IMAGE GALLERY
*/

.row.gallery {
/*    min-height: 650px; */
}
.gallery li {
    padding: 5px 5px;
    border: 3px solid transparent;
    transition: border 0.2s ease;
    -webkit-transition: border 0.2s ease;
}
.gallery li:hover {
    border: 3px solid #f2f2f2;
}
.fancybox-overlay,
.fancybox-overlay-fixed {
    background: #fff;
}
/*.gallery-image {
    min-width: 100% !important;
}*/
.fancybox-close {
    width: 38px;
    height: 38px;
    background-image: url('x-close.png');
    background-repeat: no-repeat;
    background-size: 38px 38px;
    position: fixed;
    top: 15px;
    right: 15px;
}
@media
(-webkit-min-device-pixel-ratio: 1.3),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
    .fancybox-close {
        background-image: url('x-close-x2.png');
        background-size: 38px 38px;
    }
}
.fancybox-opened .fancybox-skin {
    position: relative;
    box-shadow: none;
    background: 0;
    padding: 0 !important;
}
.fancybox-nav {
    position: fixed;
}
.fancybox-prev {
    left: 0;
}
.fancybox-next {
    right: 0;
}
.fancybox-prev span,
.fancybox-next span {
    width: 40px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 40px 100px;
    background-position: center center;   
}
.fancybox-prev span {
    background-image: url('button-left-clear.png');
}
.fancybox-next span {
    background-image: url('button-right-clear.png');
}

.sales-rep-fancybox {
    top: 250px !important;
    background: #FFF;
}
.sales-rep-fancybox .fancybox-inner {
    width: auto !important;
    height: 375px !important;
    border: 1px solid #eeeeee;
    padding: 40px;
}

#sales-rep-info {
    overflow: hidden;
}
#sales-rep-info h6 {
    line-height: 1.5;
}
.sales-rep-fancybox .fancybox-close {
    position: absolute;
    top: 15px;
    right: 15px;
}
@media all and (max-width: 768px) {
    .image-container {
        border: 1px solid #eeeeee;
        margin-bottom: 20px;
    }
    .content-block-type-2.parts-block .medium-block-grid-3 > li {
		max-width: 300px;
	}
}
@media all and (max-width: 420px) {
    .sales-rep-fancybox {
        top: 150px !important;
    }
    .sales-rep-fancybox .fancybox-inner {
        padding: 60px 30px 30px 30px;
    }
}
/*
end IMAGE GALLERY
*/




/*
ODDS AND ENDS
*/
.limit-width {
    color: #727272;
    font-size: .85rem;
    margin: 0 auto;
    max-width: 800px;
}
.slide-bullets {
    font-size: .8rem;
    color: black;
}
@media all and (max-width: 640px) {
    .slide-bullets {
        font-size: 1rem;
        text-align: center;
    }
}

.clearing-blackout {
    background: rgba(255,255,255.3);   
}
.item.social {
    float: none;
}
.input-field {
    text-align: left;
}
@media all and (max-width: 1023px) {
    .tooltip > .nub {
        display: none;
        border: none;
    }
}
/*
end ODDS AND ENDS
*/

.jvectormap-label {
    z-index: 8000;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
}


/*
CUSTOM DRAINS DETAIL LAYOUT
*/
.customdrain-features h5 {
    margin-bottom: 10px;

}
.customdrain-download-column {
    padding-left: 25% !important;
}

.customdrain-download-column h5 {
    margin-bottom: 10px;
}
.customdrain-download-column h3 {
    margin-top: 10px;
    margin-bottom: 0px;
}
.customdrain-download-column h3:first-child {
    margin-top: 0;
}
.customdrain-download-column .social-icon {
     font-size: 2.2rem;
     color: black;
     padding-right: 12px;
     display: inline-block;
 }
@media all and (max-width: 1025px) {
   .customdrain-download-column {
        padding-left: 0 !important;
   }
   .customdrain-download-column h5 {
        margin-top: 20px;
   } 
}
/*
end CUSTOM DRAINS DETAIL LAYOUT
*/


.dealer-locator-results {
    margin-bottom: 75px;
}