@charset "utf-8";
@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,400italic,300italic,300');
@import url('https://fonts.googleapis.com/css?family=Palanquin');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text');

* { font-family: Palanquin; font-weight:300; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); }
body { backface-visibility:hidden; background-color:#ecebf0; } 
.g:after { content: ""; display: table; clear: both; }
img { width: 100%; } 
p { font-family: 'Palanquin'; line-height:1.5; margin-bottom:20px; }
h1,h2,h3,h4,h5,h6 { font-family: 'Crimson Text'; padding-bottom:15px; } 
.inner-container { max-width:1500px; margin: 0 auto; }	
.lcol { width:50%; float:left;padding-top:0; }
.lcol span { width:34%; }
.rcol {	width:50%; float:right; text-align:left; }
h2 {font-size:35px;}
.store-info h1.hp.blue {font-size: 45px; padding:10px 20px;margin-left: -31px;line-height: 1.3; margin-bottom: 15px;border-bottom: 1px solid #ddd; text-align:center;}
.store-info h2.hp {font-size:25px; color:#15a1cc; margin-left: -31px; line-height: 1.2; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding: 10px 20px; margin-top:50px; text-align:center;}
.store-info p {font-family: 'Palanquin'; line-height:1.5; margin-bottom:20px; font-size: 20px; color:#555;}
h3{font-size:25px; color:#15a1cc;} 
.blue { color: #011c9f; /*border-left: 3px solid; padding-left: 30px; margin-left: -30px; */  }
.green {color:#00965e;}
.teal {color:#1494b2;}
.row {margin-bottom:30px;}
.row .inner-container {background:#fff;}
img.team-header {display:block; margin: 0 auto;width:70%;}
/*************   Navigation Menu   **************/
.prods li a:hover { color:#1494b2 }
.prods li a:hover svg { fill:#1494b2; }
.prods li a, .prods li a svg { transition:all .2s ease; }
.menu { background-color:#ecebf0; border-bottom:1px solid #ccc; }
.menu a { text-decoration:none; }
.menu ul li a:hover { color:#1494b2; } 
.menu ul li a:hover svg { fill:#1494b2; }
.menu-button .inner-container { position:relative; } 
.menu-button .inner-container a { right: 0; position: absolute; width: 83px; height: 83px; border-radius: 50%; z-index: 10; text-transform:capitalize;}
.menu-button a:hover { cursor:pointer; } 
.menu-btn { position: fixed; width: 83px; height: 83px; border-radius: 50%; background-color: #fff; box-shadow:0px 0px 20px rgba(0,0,0,.1); border:1px solid #ddd;	text-align:center; text-transform:uppercase; font-size:15px; color:#022092;}
.menu-btn:before { content: ""; display: block; margin: 7px auto; margin-bottom: 25px; width: 45%; height: 0.35em; background: #022092; box-shadow: 0 .65em 0 0 #022092, 0 1.3em 0 0 #022092; margin-top: 21px; }
.left-nav { float:left; }
.left-nav .slogo { fill:#012093; stroke:#012093; height: 66px;}
.slogo { width: 195px; margin-top:10px; margin-bottom:10px; float:left; }
.menu-icon { width:24px; fill:#021a4a; margin-bottom:5px; height: 28px; }
.left-nav img, .left-nav ul, .left-nav ul li { display:inline-block; vertical-align:middle; text-align:center;} 
.left-nav ul li a { display:inline-block; text-transform:uppercase; color: #021a4a; border-right:1px solid #ccc; padding: 20px 25px 18px 25px; vertical-align:bottom; font-size:13px; font-weight:900; transition:all .2s ease-in} 
.left-nav ul li a svg {transition:all .2s ease-in; height: 28px;}
.right-nav { float:right; text-align:right; margin-right:100px; line-height:30px; margin-top:10px; } 
.right-nav p { margin-bottom:0; font-family:'Fira Sans'; line-height:1; margin-top: 20px; } 
.right-nav p span { font-weight:600; font-size:21px;  margin-left:15px; } 

span.mcity a{color:#000; font-size:16px;}
span.hide-mphone {color:#000;}
svg.mphone{display:none;}
span.mcity {display:inherit;}
.line-break {display:none;}
/*************   End Navigation Menu   **************/


/*************   Expanded Menu   **************/
.menu-expanded { background: linear-gradient(to right, #00f 50%, #ecebf0 50%, #ecebf0); position: fixed; height: calc(100vh+85px); width: 100%; z-index: 10; top:0; max-width:0px; overflow:hidden; transition: .5s all ease; transform:rotateY(90deg);}
.left-side { background: #012093; text-align: center;  width: 50%; padding-top:35vh; }
.left-side, .right-side { height: 100vh; float: left; width:50%; }
.right-side { background:#ecebf0; text-align:center; overflow-y:scroll; } 
.right-side::-webkit-scrollbar { width:0; }
.left-side .slogo { fill:#fff; stroke:#fff; width:100%; width:300px; height: 100px; }
.social li { width: 5vw; height: 5vw; display: inline-block; margin: 1vw; border-radius: 50%; max-width:40px; max-height:40px;}
.left-side > div { margin:0 auto; padding-right:30px; display:inline-block;} 

.social li:first-child { margin-left:0; }
.social li:last-child { margin-right:0; }

.right-side h2 { text-align:center; margin-bottom:20px; padding-bottom:0; width:100%;}
.right-side h2:first-child { padding-bottom:0; padding-top:30px; } 

.right-side a { text-decoration:none; color:#021a4a; padding:41px 45px; display:inline-block; }

.right-side .democlick { color: #fff; background: #fe8f1b; padding: 15px 50px; border-radius: 5px; font-style: italic; border:1px solid transparent; font-family:'Fira Sans'; font-weight: 400; font-size: 20px; }
.right-side .democlick:hover { color:#fe8f1b; border:1px solid #fe8f1b; }

.right-side .prods { border-top:1px solid #cfced3; border-bottom: 1px solid #cfced3; margin-bottom:10px; padding-right:3%; } 
.right-side .prods li { display:inline-block; } 
.right-side .prods li:not(:first-child) { border-left:1px solid #cfced3; }

.expandables { margin-top:20px; font-size:20px; font-weight:600; } 
.expandables ul li a:before { padding-right:20px; font-weight:600; }
.expandables ul li a{ padding:10px 0 10px 25%; transition: all .2s ease; }
.expandables ul li a:hover { color:#1494b2; background: rgba(255,255,255,.4); }
.expandables ul li a:hover svg { fill:#1494b2; }
.expandables a { width:100%; text-align:left; } 
.expandables > ul li > ul a{ padding-left:30%; font-size:16px; }
.expandables > ul li > ul li > ul a{ padding-left:35%; }
.expandables > ul { border-top:1px solid #ccc; margin-top:45px; }
.expandables li a { border-bottom:1px solid #ccc; font-weight:600; }
.expandables ul li ul { transition: all .4s ease; }

.expandables > ul li ul { overflow: hidden; max-height: 0; }

.expandables > ul > li { cursor:pointer; }

.expandables svg { width: 50px; height: 12px; fill: #828a8f; margin-right: -10px; }
.expandables svg rect { transition: .3s ease all; } 
.expandables .cur > a > svg > #vertplus { transform-origin:50% 50%; fill: transparent; }

.cur > ul { max-height:2500px!important; display:block; }
.mh { display:block; }
.deskmo { display:block; }
.ms { display:none; }
#demobile { display:none; }

.btn_trsprt { transition: .2s all ease; }
.btn_trsprt:hover { background:transparent; }

.rex { max-width:none; transform:rotateY(0deg); }

.menu-spin { transform: rotateZ(180deg); background: transparent!important; box-shadow: none!important; border: 1px solid transparent!important; }
.menu-spin:before {	margin-top: 30px; box-shadow: none!important; transform: rotateZ(-45deg); top: 10px; position: relative; }
.menu-spin:after { content: ""; display: block; margin: 7px auto; margin-bottom: 25px; width: 45%; height: 0.30em; background: #022092; transform: rotateZ(45deg); bottom: 20px; position: relative; }
.menu-spin span { width:0; display:none; }
.menu-btn { transition: 1s all ease; } 
.menu-btn span { transition: .5s all ease-in; }

.menu-btn:before, .menu-btn:after { transition:.5s all ease; }

.menu-expanded .soc-med { margin-top:15px; clear:both; }
.menu-expanded .soc-med a { position: relative; display: inline-block; border-radius: 50%; line-height: 60px; height: 60px; width: 60px; margin-left:16px; }
.menu-expanded .soc-med a:first-child { margin-left:0; }
.menu-expanded .soc-med a:last-child { margin-left:18px; }
.soc-med a:hover svg{ fill:#fff; opacity:.5; }

.menu-expanded .soc-med svg { height:30px;}
.soc-med a svg{ fill:#fff;transition:all .2s ease; opacity:1;}

/*************   End Expanded Menu   **************/

/*************  Top-img urls *************/
.darker { width:100%; height:100%; -webkit-filter:brightness(60%); filter:brightness(60%); background-size:cover; transform:scale(1.05); }
.darken-blur { width: 100%; height:100%; -webkit-filter:brightness(60%); filter:brightness(60%); background-size:cover; transform:scale(1.05); }

.darker, .darken-blur{ background-position: 50%; }

.prod-doors { background-image:url(/_assets/images/top-images/doors-top-image.jpg); }
.prod-edoor { background-image:url(/_assets/images/top-images/entry-door-top-image.jpg); } 
.prod-gutters { background-image:url(../images/top-images/gutters-top-image.jpg);}

.prod-shutters { background-image:url(/_assets/images/top-images/shutters-top-image.jpg); } 

.prod-siding-main { background-image:url(/_assets/images/top-images/vinyl-siding-top-image-main.jpg);}

.prod-sunroom { background-image: url(../images/top-images/patio-and-screen-room-top-image.jpg); }

.prod-windows { background-image:url(../images/top-images/windows-top-image.jpg); } 
.prod-stormdoors {background-image:url(../images/top-images/storm-door-top-image.jpg);}
.prod-garagedoors { background-image:url(../images/top-images/garage-door-top-image.jpg); }
.prod-hingedpatio { background-image:url(/_assets/images/top-images/hinged-patio-door-top-image.jpg); }
.prod-slidingpatio { background-image:url(/_assets/images/top-images/sliding-door-top-image.jpg); }

.prod-casement { background-image:url(/_assets/images/top-images/casement-top-image.jpg); }
.prod-dh { background-image:url(/_assets/images/top-images/double-hung-window-top-image.jpg); }
.prod-bay-bow { background-image:url(/_assets/images/top-images/bay-and-bow-top-image.jpg);} 
.prod-gardenwindows { background-image:url(/_assets/images/top-images/garden-window-top-image.jpg); }
.prod-hoppers { background-image:url(/_assets/images/top-images/hopper-window-top-image.jpg); }
.prod-picturewindows { background-image:url(/_assets/images/top-images/picture-window-top-image.jpg); }
.prod-privacywindows { background-image:url(/_assets/images/top-images/privacy-window-top-image.jpg); }
.prod-sliding { background-image:url(/_assets/images/top-images/sliding-window-top-image.jpg); }

.prod-boardbatten { background-image:url(../images/top-images/shutters-bnb-top-image.jpg); }
.prod-combo { background-image:url(../images/top-images/shutters-comb-top-image.jpg); }
.prod-louvered { background-image:url(../images/top-images/shutters-lou-top-image.jpg); }
.prod-raisedpanel { background-image:url(../images/top-images/shutters-rp-top-image.jpg); }

.prod-siding {background-image:url(/_assets/images/top-images/vinyl-siding-top-image.jpg);}
.prod-1000 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-1500 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-2000 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-accents { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-insulatedsiding { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-reinforcedplus { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-reinforced { background-image: url(/_assets/images/image-placeholder.jpg); }

.careers { background-image:url(/_assets/images/top-images/careers-top-image.jpg); }
.energy-eff { background-image:url(/_assets/images/top-images/energy-efficiency-top-image.jpg); }
.financing { background-image:url(../images/top-images/finance-top-image.jpg); } 
.testimon { background-image:url(../images/top-images/testimonials-top-image.jpg); }
.free-est { background-image:url(/_assets/images/top-images/free-estimate-top-image.jpg); }
.installation { background-image:url(/_assets/images/top-images/installation-top-image.jpg); }
.warrant { background-image:url(/_assets/images/top-images/warranty-top-image.jpg); }
.resources { background-image:url(/_assets/images/top-images/resources-top-image.jpg); }
.abouts { background-image:url(/_assets/images/top-images/about-top-image.jpg); }
.gallery {background-image:url(/_assets/images/top-images/gallery-top-image.jpg);}
.privacy-p {background-image:url(/_assets/images/top-images/privacy-p-top-image.jpg);}
.jdp-page {background-image:url(/_assets/images/top-images/double-hung-window-top-image.jpg);}
/*************   Cold-weather-installation.php   **************/
.cold-weather {background-image:url(../images/top-images/cold-weather-top-image.jpg);}
.column-1-1.cw-video {padding:30px; text-align:center;}

/*************   Carousel   **************/
.carousel { height: 535px; background-image: url('/_assets/images/index-banner/jdp.jpg'); border-bottom:4px solid #fff;} 
.carousel { height:0; overflow:hidden; transition: all .5s ease-out; border:none;  position:relative; width:100%!important; }
.carousel.main { height:100%; width:100%!important;} 
.carousel p { font-size:13px; }
.jdpower-2018 { background-image: url('/_assets/images/index-banner/2018-jdpower-websitebanner_1600x537.jpg'); }
.quad {background-image: url('/_assets/images/index-banner/davenport-award.jpg');}
.jdp {background-image: url('/_assets/images/index-banner/jdp.jpg');}
.weather {background-image:url(/_assets/images/index-banner/cold-weather.jpg);}
.sliding {background-image: url(/_assets/images/sliding-windows.jpg);}
.siding {background-image: url(/_assets/images/vinyl-siding-reinforced-energy-plus.jpg);}
.shutters {background-image:url(/_assets/images/index-banner/shutters-banner.jpg);}
.casement { background-image:url(/_assets/images/index-banner/casement.jpg); }
.entry { background-image:url(/_assets/images/index-banner/entry.jpg); }
.bow {background-image:url(/_assets/images/index-banner/bow.jpg); }
.finan {background-image:url(/_assets/images/index-banner/financing.jpg)}
.fifteenMillion {background-image: url(/_assets/images/index-banner/15MM-WindowsSold-Banner-1600x537.jpg);}
/*call to action*/
.right, .left { width:490px; margin-top:100px; background-color:rgba(255,255,255, 0.9); padding:30px;}
.left { margin-left: 100px; float:left; } 
.right { margin-right: 100px; float:right; }
.left a { display:inline-block; font-size:20px; font-style:italic; padding:15px 16px;}
.call-to-action {font-family: 'Fira Sans'; text-decoration:none; color:#fff; padding:10px 15px; border-radius:5px; font-weight:400; }
.image { position:relative; height:535px; border-bottom: 4px solid #fff; } 
.gs { text-align:center; min-height:100px; background:linear-gradient( #02194f, #012190 ); max-height:100px; overflow:hidden; transition: all .5s ease;}
.tabbed .tab .gs { margin-left: -15px; width: calc(100% + 30px); }
.gs p { font-size:44px; line-height:.5; } 
.full-grade { width:100%; background: linear-gradient(#091a4e, #012190 100px, #3594b4); } 
.demo-head, .demo-full { font-size:35px; font-style:italic; }  
.demo-head p, .demo-full p { display:inline-block; margin:40px 0px; color:#fff; font-family:'Fira Sans'; }
.demo-head p { margin-bottom: 0; } 
.demo-head p span, .demo-full p span { font-weight:400;  font-family:'Fira Sans'; }
/*green bar*/
.gs.green.g {
    background: linear-gradient( #2ecc7d, #17663e );
	border-top: 1px solid #fff;border-bottom: 2px solid #fff;}
 /* green button - gradient*/
.gbtn { display: inline-block; margin-top: 10px; padding: 15px 30px; font-size: 18px; text-decoration: none; border-radius: 5px; position: relative;  background-image:linear-gradient(to bottom, #666, #000); z-index: 1; }
.gbtn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background-image:linear-gradient(to bottom, #15a1cc, #00965e); transition: opacity 0.5s ease; z-index: 2; opacity: 0; }
.gbtn:hover:after { opacity: 1; }
.gbtn span { color:#fff; position: relative; z-index: 3; font-family:'Fira Sans'; font-weight:400; font-size:20px; font-style:italic;}

.timer { position:absolute; top:-1px; border-left:5px solid #ececef; height:0%; transition:all .2s ease; z-index:1; }
.selection { position:absolute; height:100%; z-index:2; }
.sliderButtons ul li { width:25px; height:25px; border:2px solid rgba(255,255,255,.6); border-radius:50%; cursor:pointer; transition:all .2s ease; background:transparent; }
.sliderButtons ul li.current { background:rgba(0,0,0,.4); } 
.sliderButtons { width:30px; position:absolute; z-index:3; left:10px; bottom:10px}
ul.hp-links {/*list-style:square;*/margin-bottom:20px;}
ul.hp-links li {line-height:1.9;}
i.fa.fa-caret-right{margin-left:20px;padding-right:10px;} 

 /*************   DEMO FORM   **************/

/* sweep to right -  start now button*/
.hvr-sweep-to-right {position: relative;}
a.hvr-sweep-to-right span {position:relative;z-index:3;}
.hvr-sweep-to-right:before {content: "";position: absolute;top: 0;left: 0; right: 0; bottom: 0;background:#FF8F1C;transform: scaleX(0);transform-origin: 50%;
transition:all .2s ease-out;border-radius:5px;z-index:2; opacity:0;}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {color: white;}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {-webkit-transform: scaleX(1);transform: scaleX(1); opacity:1;}
.demo-head a { text-decoration:none; padding: 15px 25px; background:#fff; border-radius:5px; display:inline-block; text-transform:uppercase; color:#00238d; font-size:21px; cursor: pointer; border:2px solid #fff;transition:all .2s ease-in; margin-left:20px; margin-bottom:4px; vertical-align:text-bottom; }
.demo-head a span { font-weight:600;} 
.demo-full { display:none; } 
.demo-show { max-height:500px; }
.demo-form select#referral { vertical-align:top; margin-right:5%; padding-left:16px;} 
select option { background: #ececef; color:#000; }

.demo-form input[type=checkbox] { position:absolute; } 


.option-group.field { display:inline-block; margin-top: -5px; vertical-align: top; text-align:left; } 
.full-grade span.checkbox { width: 20px; height: 20px; border: 2px solid rgba(255,255,255,.6); display: inline-block; vertical-align: top; margin-top: -3px; margin-right: 6px; transition: all .3s ease; }
.option.block { color: #fff; } 

.home-demo div input[type="text"], .home-demo div select { background: transparent; font-size: 20px; padding: 0px 20px; width: 20%; font-weight: 300; border: 1px solid #fff; display: inline-block; color:#fff; margin-bottom:30px; border-radius:0px 5px 5px 0px; height:50px; border-left:none; }
.home-demo div input[type="text"]:focus { background: linear-gradient(rgba(0,255,255,.1),rgba(0,0,0,.0)); border: none; border-bottom: 1px solid #fff; border-top: 1px solid #0266B1; border-right:1px solid transparent; }
.home-demo div input[type="text"]:nth-of-type(odd) { margin-right:5%; } 
.home-demo div label { display: inline-block; vertical-align: middle; border-radius: 5px 0px 0px 5px; cursor:pointer; width:50px; height:50px;} 
.home-demo > div { display:inline-block; width:100%; margin-bottom:17px; text-align:center;} 
.home-demo input[type="submit"] { font-family: 'Fira Sans'; color: #fff; background: rgba(255,255,255,.2); border: 2px solid transparent; padding: 0px 35px; font-size: 25px; border-radius: 5px; margin-bottom: 45px; margin-top:-15px; cursor:pointer; height:58px; transition:.3s all ease-in; font-style:italic; font-weight:400; }
.home-demo input[type="submit"]:hover { border-color:#fff; background: #fe8f1b; }
.home-demo svg, .tab .home-demo svg { width:100%; fill:#fff; border-radius: 5px 0px 0px 5px; height: 50px; } 
::-webkit-input-placeholder {color: #fff;}
:-moz-placeholder { /* Firefox 18- */color: #fff;  }
::-moz-placeholder {  /* Firefox 19+ */color: #fff;  }
:-ms-input-placeholder {  color: #fff;  }

.ttcont { position:relative; display:inline; width:0; } 
.tt { display: inline-block; position: absolute; background: #fff; padding: 0px; border-radius: 5px 5px 0 0; top:13px; height:0; overflow:hidden; left:50px; transition:all .2s ease; background:rgba(0,0,0,.7); line-height:1.2; max-width:170px; width:134px; }

.tt p { font-size: 10px; } 

.demo-full .demo-form div.input-container { display: inline!important; width: 49%!important; padding: 0!important; margin: 0!important; }

.tt.upped { top:-27px; height:40px;  } 

.tt.upped p { padding: 0; margin: 0; line-height: 1; vertical-align: middle; color:#fff; font-size:10px; height:40px;     
	position: absolute;
    top: 11px;
    width: 100%;
    left: 0;} 
	
.address { display:none; } 


/* additional styles foe referral / interests */

.smart-forms input:checked + .checkbox, .smart-forms input:checked + .radio { border-color: #6BC868!important; }


.demo-form input:checked + .checkbox:before, .demo-form input:checked + .radio:before { display: block; }
span.checkbox { width: 20px; height: 20px; border: 2px solid red; display: inline-block; vertical-align:sub; }
.checkbox:before { border-color: #6BC868!important; width: 11px; height: 5px; 

    position: relative;
    top: 4px;
    left: 3px;
    width: 6px;
    height: 3px;
    border: solid #ff8f1c;
    -webkit-border-width: 0 0 3px 3px;
    -moz-border-width: 0 0 3px 3px;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);


}
.demo-form .opt { width: calc(20% + 50px)!important;display: inline-block; max-width: calc(20% + 50px)!important; }
.demo-form .opt h3 { width: 99%; text-align: left; display: inline-block; vertical-align: top; margin-top: -10px; color: #fff; padding-top: 6px; }

label.option.block { display: inline; font-size:14px; cursor:pointer; } 
.demo-form .checkbox:before, .demo-form .radio:before {
    content: '';
    display: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;

}

.demo-form input:checked + .checkbox, .demo-form input:checked + .radio {
    border-color: #6BC868;
}
demo-form.css:567
.demo-form input:hover + .checkbox, .demo-form input:hover + .radio {
    border-color: #6BC868;
}
demo-form.css:544
.demo-form input:checked + .checkbox, .demo-form input:checked + .radio {
    border: 3px solid #ff8f1c;
}
(index):116
.demo-form .checkbox {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
demo-form.css:495
.demo-form .checkbox, .demo-form .radio {
    position: relative;
    margin-right: 2px;
    background: #fff;
    display: inline-block;
    border: 3px solid #CFCFCF;
    margin-bottom: 0;
    margin-top: 0;
    height: 21px;
    width: 21px;
    top: 4px;
}




/*************  End DEMO FORM   **************/


/*************   Testimonial Slider   **************/
.bkgq {background:#fff;}	
.quote-top svg { padding-top:20px;padding-left:100px; height:130px;fill:#ececef;position:absolute;}
.cd-testimonials-wrapper { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; z-index: 1; padding-bottom:20px; }
.flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after { background-color: #ff8f1c;}
.cd-testimonials {color: #02194c; text-align: center;}
.cd-testimonials::after { clear: both; content: ""; display: table;}
.cd-testimonials > li {position: absolute; opacity: 0;}
.cd-testimonials > li:first-child {position: relative; opacity: 1;}
.cd-testimonials p {margin:0 auto;font-family: 'Palanquin', serif;margin-bottom: 1em;padding: 20px;color:#02194c;border-top: 1px solid;border-bottom: 1px solid;width:60%;margin-top:20px;}
.cd-testimonials p:after {content:""; position:absolute; left:800px; bottom:39px; width:30px; height:30px; background:#fff; border-left:2px solid #02194c; border-bottom:1px solid #02194c; transform:skew(45deg) rotate(-45deg); }
ul.cd-author-info li{display:inline;}
.cd-author{clear:both; float:right; padding-right:200px;}
.cd-author img, .cd-author .cd-author-info { display: inline-block; vertical-align: middle;}
.cd-author img {width: 32px;height: 32px;border-radius: 50%;margin-right: 5px;border:2px solid #fff;}
.cd-author .cd-author-info {text-align: left; line-height: 1.2;}
.cd-author .cd-author-info li:first-child {font-size: 14px;font-size: 0.875rem;}
.flex-direction-nav li { position: absolute;height: 100%;width: 40px;top: 0;}
.flex-direction-nav li:first-child { left: 0;}
.flex-direction-nav li:last-child { right: 0;}
.flex-direction-nav li a { display: block;height: 100%;width: 100%;/* image replacement */overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;}
.no-touch .flex-direction-nav li a:hover {}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {/* left and right arrows in css only */ content: '';position: absolute;left: 50%;top: 50%;width: 2px;height: 13px;background-color: #6b6b70;}
.flex-direction-nav li a::before {-webkit-transform: translateY(-35px) rotate(45deg);-moz-transform: translateY(-35px) rotate(45deg);-ms-transform: translateY(-35px) rotate(45deg);-o-transform: translateY(-35px) rotate(45deg); transform: translateY(-35px) rotate(45deg);}
.flex-direction-nav li a::after { -webkit-transform: translateY(-27px) rotate(-45deg);-moz-transform: translateY(-27px) rotate(-45deg);-ms-transform: translateY(-27px) rotate(-45deg);-o-transform: translateY(-27px) rotate(-45deg); transform: translateY(-27px) rotate(-45deg);}
.flex-direction-nav li:last-child a::before {-webkit-transform: translateY(-35px) rotate(-45deg);-moz-transform: translateY(-35px) rotate(-45deg);-ms-transform: translateY(-35px) rotate(-45deg);-o-transform: translateY(-35px) rotate(-45deg);transform: translateY(-35px) rotate(-45deg);}
.flex-direction-nav li:last-child a::after {-webkit-transform: translateY(-27px) rotate(45deg);-moz-transform: translateY(-27px) rotate(45deg);-ms-transform: translateY(-27px) rotate(45deg);-o-transform: translateY(-27px) rotate(45deg);transform: translateY(-27px) rotate(45deg);}
.cd-see-all {position: absolute;z-index: 1;left: 0;bottom: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;text-transform: uppercase;color: #6b6b70;font-weight: 700;font-size: 12px;font-size: 0.75rem;-webkit-transition: color, 0.2s;-moz-transition: color, 0.2s;transition: color, 0.2s;}
.no-touch .cd-see-all:hover {color: #012093;}
.cd-author .cd-author-info li:last-child {font-size: 12px;font-size: 0.75rem;color: #02194c;}
/*************   End Testimonial Slider   **************/

/*************   Colors Section   **************/

.colors-box .inner-container > div { height:865px; width:31.8%; float:left; position:relative;}
.colors-box h2 { font-family: 'Fira Sans'; font-size: 29px; border-bottom: 1px solid rgba(255,255,255,.4); margin-bottom: 15px; font-weight: 400; }
.colors-box p { font-family: 'Palanquin'; line-height: 22px; margin-bottom: 20px; font-size: 17px; font-weight: 300; }
.colors-box a { position:absolute; right:30px; bottom:30px; background: #fff;font-size: 20px; font-style: italic; padding: 15px 16px;border:1px solid; transition:all .2s ease-in;}
.eew a { color:#d86f43; }
.wwf a { color:#42b3d1; }
.dc a, .jdpower a { color:#bd51ef; }
.svg-content { height:465px; padding:15px; color:#fff; } 
.image img { width:100%; }
.colors-box .inner-container > div:last-child { float:right; }
.colors-box .inner-container > div:nth-of-type(2) { margin-left:2.2%; margin-right:2.2%; } 
.eew { background: linear-gradient( #eda93e, #d76d43); }
.wwf { background: linear-gradient( #33ab7e, #43b4d6);  }
.dc, .jdpower { background: linear-gradient( #7f4afe, #c051ee); }
.orange_btn{ font-family: 'Fira Sans'; text-decoration:none; color:#fff; padding:10px 15px; border-radius:5px; font-weight:400; }
.green_btn{ font-family: 'Fira Sans'; text-decoration:none; color:#fff; padding:10px 15px; border-radius:5px; font-weight:400; }
.purple_btn { font-family: 'Fira Sans'; text-decoration:none; color:#fff; padding:10px 15px; border-radius:5px; font-weight:400; }
.orange_btn:hover{ background:#d86f43; color:white;border:1px solid #fff; }
.green_btn:hover{ background:#42b3d1; color:white;border:1px solid #fff; }
.purple_btn:hover{ background:#bd51ef; color:white;border:1px solid #fff; }
.components {fill:#fff;}
.svg-img > .components { position:absolute; top: 0px; }
.svg-img { position:relative; padding-bottom: 84%; }
/*************   End Colors Section   **************/


/*************   Store Info   **************/	
.store-info { margin-top:20px; }
.hop.store-info { padding: 0 30px; } 
.store-info a:not(.bbtn) { text-decoration: none; border-bottom: 1px dotted #666;font-size:16px; } 
.store-info a:hover { text-decoration:none; color:#000; border-color:transparent; } 
.store-info .inner-container { background:none; }
.hp .lcol { padding:30px; width:70%;padding-top:0; margin: 0 auto; float: none;}
 /*Blue Button - Gradient Wizardry*/
.bbtn { display: inline-block; margin-top: 10px; padding: 15px 30px; font-size: 18px; text-decoration: none; border-radius: 5px; position: relative;  background-image: linear-gradient(to right, #1494b2, #0542cc); z-index: 1; }
.bbtn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background-image: linear-gradient(to bottom, #0542cc, #1494b2); transition: opacity 0.5s ease; z-index: 2; opacity: 0; }
.bbtn:hover:after { opacity: 1; }
.bbtn span { color:#fff; position: relative; z-index: 3;font-family:'Fira Sans';font-weight:400; font-size:20px; font-style:italic;}
.left-nav img, .left-nav ul, .left-nav ul li { display:inline-block; vertical-align:middle;} 
.left-nav ul li:first-child a{ border-left:1px solid #ccc; margin-left:15px;} 
.testimonials, .colors-box, .store-info { margin-bottom:30px; } 
.testimonials { margin-top:30px; } 

/*************  store info Icons ***************/

ul.hp-links { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; height: 212px; }

ul.hp-links li { line-height: 1.2; display: inline-block; margin-left: 10px; background: linear-gradient(-45deg, #fff, transparent, #fff); white-space: normal; width: 180px; margin-right: 10px; border-radius:5px; vertical-align:top; }
.hp-links li a > svg { margin-top: 20px; width: 100%; height: 60px; line-height:1; }

.hp-links li a { height: 185px; display: block; width: 60px; width: 100%; text-align: center; display: inline-block; border-radius: 5px; position:relative; border-bottom: none!important; color:#021a4a; }
	
	
ul.hp-links li:last-of-type {
    /* margin-right: 200px; */
}
.hp-links li a > span { display:block; margin:0 auto; position:absolute; bottom:25px; width:100%; text-align:center; }
.hp-links li a > span > span { border-radius: 50%; line-height: 0; background:#fff; transition: all .4s ease; margin: 0!important; bottom: -18px; width:40px; height:40px; padding:0; padding-top:20px; padding-right:2px; }

ul.hp-links li a:hover span.gbtn:after  { background: #021a4a; }
ul.hp-links li a:hover span.gbtn span { color:#fff; } 
 
span.gbtn span { color:#000; } 

.gbtn span svg { width: 10px; margin: 0; padding: 0; position: relative; bottom: 8px; left: 3px; fill:#021a4a; transition: all .4s ease; }

.hp-links a:hover .gbtn svg { fill: #fff; } 
.hp-links li a .gbtn:after { border-radius:50%; background-image:none;} 
.hp-links li a:hover .gbtn:after { opacity:1; background-image:none; } 
ul.hp-links::-webkit-scrollbar { background: #ccc; height: 6px; padding: 0; border-raidus:10px; }

ul.hp-links::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    width: 25px;
}	

/*************  End Icons **********************/

/*************   End Store Info   **************/


/*************   Partners - Accredit Row   **************/
.accredit h2 { text-align:center; color:#03184d; font-family:'Fira Sans'; font-size:36px; padding-top:30px; } 
.partners { width:100%; text-align:center; margin-top:-20px; }
.partners .part { display:inline-block; width:24%; text-align:center; vertical-align:middle;}
.partners svg {width:90%;}
.partners img { width:52%; } 
/*************   End Partners Row   **************/


/*************   Footer   **************/
.footer { background:linear-gradient(#1494b2 20%, #012093); padding:20px; font-family: 'Fira Sans', sans-serif; border-top:10px solid #fff;}
.footer h2 { color: #fff; } 
.footer a {color:#fff;}
.footer h3 {display:inline;color:#fff;font-family:'Fira Sans';}
div.tabbed {top: 40px;left: 40px;background-color:transparent;height:400px;}
.tab svg { width:17px; height: 17px; fill: #fff; margin-right:5px; vertical-align:middle; }
.phone, .faz { float:left; margin-top:5px; } 
.tabs ul { border-bottom: 1px solid rgba(255,255,255,.4); } 
.tabs ul li { display:inline-block; color: #fff; background-color:transparent;  padding: 0px 10px; height:45px; line-height:45px; position:relative; }
.tabs ul li:first-of-type { margin-left:15px; } 
li.active {border:1px solid rgba(255,255,255,.4);border-bottom: none;border-radius: 5px 5px 0px 0px; background:linear-gradient(#1CAACE, #1494b2, #1494b2);top:2px; }
.tabs ul li:not(.active) { line-height: 0; height: 20px; cursor: pointer;  border-right: 1px solid rgba(255,255,255,.3);}
.tab { transition: all .2s ease; padding:15px 0px 0px 15px } 
.tab img { width:initial; } 
.tab > div { color:#fff; display: none; padding-right:15px; }
div.active { display:block!important; } 
table.fhours {font-size:18px; color:#fff; margin-top: 5px; }
table.fhours tr { height: 50px; line-height: 50px;display:inline-block; border-radius:5px;width:80%; }
td:nth-child(2) {width:100%}
table.fhours tr td { padding: 0px 20px; }
table.fhours tr:nth-of-type(odd) { background-color: rgba(255,255,255,.1); }
.fhours tr td:nth-of-type(even) { text-align:right; } 
div #location1, div #location2{padding-top:25px;}
.map img {width:80%;}

.footer .map a:first-of-type { display:none; } 
.footer .map a:last-of-type { display:block; }

/*Second footer*/
.second-footer {background:#022166; color:#fff; text-align:center;padding-top:20px;padding-bottom:25px;}
.second-footer span {color:#1761e2;}
.second-footer h1 {font-family: 'Fira Sans'; font-size:30px; padding-bottom:0; }
.soc-med { margin-top:7px; } 
.soc-med svg{ height:40px;}
.soc-med a{width:60px; display:inline-block;}
use path#line { stroke: #009966;}
.links a {color:#fff; text-transform:uppercase; letter-spacing:2px; text-decoration:none; border-bottom:1px solid #fff; font-size:12px; padding-top:10px; display:inline-block; padding-bottom:5px; }
.links a:hover {border-color:transparent; }
.copy {color:#02194c;font-family: 'Palanquin';text-align:center; background:#ececef;padding-top:30px; padding-bottom:30px; line-height:20px; font-size:14px;}
.copy a {color:#02194c; border:1px solid #02194c; border-top: none; border-right: none;border-left: none; text-decoration:none; }
.copy a:hover {border-color:transparent; }


/*************   End Footer   **************/


/*************   Products Page   **************/
.back-to-top {z-index:1;position: fixed; width: 77px; height: 65px; border-radius: 50%; background-color: #fff; box-shadow:0px 0px 20px rgba(0,0,0,.1); border:1px solid #ddd;	text-align:center; text-transform:uppercase; font-size:15px; color:#022092; padding-top:14px;transition: 1s all ease;}
.back-to-top:before, .back-to-top:after { transition:.5s all ease; }
.smooth-scroll .back-to-top{float:right; margin-right:20px;}
.top-image{margin-bottom:30px;position:relative; overflow:hidden; border-bottom:4px solid #fff; height: 265px;}
.top-image h1{color:#fff; text-align:center; font-size:40px;text-shadow: 0px 1px 1px #000;}
.top-image p {color:#fff; text-align:center; margin-bottom:0; }
.top-image img {width:100%;max-height:360px; transform: scale(1.05);}
.top-copy {position:absolute;bottom:40%;margin:0 auto;width:100%;}
.top-links {text-align:center;}
.top-links a {color:#fff; text-transform:uppercase; letter-spacing:2px; text-decoration:none; border-bottom:1px solid #fff; font-size:12px; display:inline-block; }
.top-links a:hover {border-bottom:transparent;-webkit-transition:all .4s ease;}
.top-links span {color:#fff;letter-spacing: 3px;}
.product{margin-bottom:30px; position:relative; overflow:hidden; }
.product > .inner-container { margin-bottom:-3px; }
.p-copy {width:440px;float:left; margin-left:150px; padding:60px; background:linear-gradient(to bottom, #ececef 50%, #a2a2ae);z-index:1; position:relative;}
.p-copy p{position:relative; color:#022166; font-size: 13px; }
p span.first-word{color:#022166;font-size:22px;font-weight:900;}
.mp-title { display:none; } 
.p-title{width:54%; position: absolute; bottom:-12px; right:0; z-index:1;}
.p-title h2{position:relative;color:#fff;font-size:80px; text-transform:uppercase; line-height:.7;}
.p-title h2 span{font-size:107px; font-family: 'Crimson Text';}
h2 span.top-word{font-size:80px;position:relative; bottom: -34px; display:block; padding-bottom:32px; }
span.top-word span{font-size:107px; font-family: 'Crimson Text'}
.product img {max-height:537px;-webkit-filter:brightness(75%);}
.product:nth-child(even) .inner-container .p-title { margin:0; left:9%; }
.product:nth-child(even) .inner-container .p-copy { float:right; margin-right:19%; }
/*product page button*/
.p-copy .bbtn { display: inline-block; margin-top: 50px; padding: 15px 30px; font-size: 18px; text-decoration: none; border-radius: 5px; position: relative;  background-image: linear-gradient(to right, #1494b2, #0542cc); z-index: 1; }
.p-copy .bbtn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 5px; background-image: linear-gradient(to bottom, #0542cc, #1494b2); transition: opacity 0.5s ease; z-index: 2; opacity: 0; }
.p-copy  .bbtn:hover:after { opacity: 1; }
.p-copy .bbtn span { color:#fff; position: relative; z-index: 3;font-family:'Fira Sans';font-weight:400; font-size:14px; font-style:italic;}
.product .inner-container > div { position:relative; max-width:1500px; width: 100%; height:500px; } 
.p-copy, .p-copy > p { height: 100%; } 
.product { max-height: 500px; } 
.prod-content ul li.showmore { padding: 0; background: transparent; margin-left: 40px; border-bottom: 1px solid #020199; color: #020199; line-height: 1.3; cursor: pointer; }

/*ACCORDIAN Products Mobile Menu*/
/**Windows**/


#double-hung .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/double-hung.jpg);}


#sliding-window .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/sliding.jpg);}
#casement-and-awning .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/case-awn.jpg);}
#picture .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/picture.jpg);}
#bay-and-bow .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/bay-and-bow.jpg);}
#garden .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/garden.jpg);}
#privacy .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/privacy.jpg);}
#hopper .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/hopper.jpg);}
/**Doors**/
#entry .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/entry.jpg);}
#sliding .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/sliding-patio.jpg);}
#hinged .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/hinged.jpg);}
#garage .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/garage.jpg);}
#storm .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/storm.jpg);}
/*Shutters*/
#board-and-batten .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/bnb.jpg);}
#combo .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/combo.jpg);}
#louvered .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/louvered.jpg);}
#raised-panel .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/raised.jpg);}
/*Vinyl-Siding & Accents*/
#vinyl .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/vinyl-s.jpg);}
#accents .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/accents.jpg);}

.accordian-container {
	height: 120px;
	vertical-align: middle;
	display: none;
		cursor:pointer;
}
.accordian-opener {
	height: 30px;
	width: 30px;
	background: #fff;
	display: inline-block;
	margin-top: 45px;
	margin-left: 15px;
	border-radius: 50%;
	position: relative;
}
.accordian-goto {
	float: right;
	padding: 15px 20px;
	background: orange;
	color: white;
	font-weight: 600;
	border-radius: 5px;
	margin-right: 15px;
	margin-top: 38px;
	border: 2px solid #fff;
	font-size: 10px
}
.product > .inner-container > div:after {
	content: "";
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.9));
	width: 100%;
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}


/*****PRODUCTS PAGE Main IMAGES****/
/*****WINDOWS****/

#double-hung > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/double-hung-windows.jpg); }

#sliding-window > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/sliding-windows.jpg); }
#casement-and-awning > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/casement-and-awning-windows.jpg); }
#picture > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/picture-windows.jpg);  }
#bay-and-bow > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/bay-and-bow-windows.jpg) }
#garden > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/garden-windows.jpg) ;}
#privacy > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/privacy-windows.jpg); } 
#hopper > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/hopper-windows.jpg) ;} 

/*****DOORS****/
#entry > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/entry-doors.jpg); }
#sliding > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/sliding-patio-doors.jpg); } 
#hinged > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/hinged-doors.jpg); } 
#garage > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/garage-doors.jpg); } 
#storm > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/storm-doors.jpg); } 
/*****SHUTTERS****/
#board-and-batten > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/bnb-shutters.jpg); }
#combo > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/combo-shutters.jpg); } 
#louvered > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/louvered-shutters.jpg); } 
#raised-panel > .inner-container > div { background-image:linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.2)), url(/_assets/images/raised-panel-shutters.jpg); } 

.additionals .showmore { display:none!important; } 

.prod-content .additionals h3 { margin-bottom: 0;padding-bottom: 0;margin-top: 15px; }
.prod-content .additionals ul { height: auto;width: 100%; } 
.prod-content .additionals ul li { display: inline; width: 33%; float: left; background:transparent; padding:0; margin-top:0; }
.prod-content .additionals a { background: transparent; transition: all .2s ease; line-height: 1; padding: 15px 20px 10px 20px; }
.prod-content .additionals a:hover { background:transparent; transform: scale(1.1) }
.prod-content .additionals a { min-width:100px; } 
.prod-content .additionals span { display: block;text-align: center;margin: 0; color: #0201a9; font-size:15px; }


/*****SIDING****/
#insulated > .inner-container > div  {}
/*************   End Products Page   **************/



/*************   Testimonial Page   **************/
.blue-bkg {background:#02194c;}
.testimonial {-webkit-column-count:3; -moz-column-count:3; column-count:3;}
.testimonial-quote {background:#fff; border:1px solid #fff; /* width:84%; */ display:inline-block;box-shadow: 3px 3px 0px rgba(0,0,0,.1);padding:30px;margin:5px;-webkit-column-break-inside: avoid;margin-bottom:30px;} 
.testimonial-quote h2{color:#022166; font-family: 'Palanquin';}
.testimonial-quote h2 {font-size:28px;font-weight:900;font-family: 'Palanquin';}

p.author span { font-weight:700;}

.sidebar-box { transition: all .4s ease; }
.sidebar-box { max-height: 260px; position: relative; overflow: hidden; }
.sidebar-box .read-more { position: absolute; bottom: 0; left: 0; width: 100%;  text-align: center; padding:54px 0px  6px 0px; margin: 0; background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,1)); }
.button{color:#fff;padding:5px 10px; transition: .5s all ease;font-size:14px;background:#022166;-webkit-box-shadow:rgba(0,0,0,.4) 0 1px 0;}

svg.quote-top-testimonial {width:30px; height:30px; fill:#022166;}
/**** Video Testimonials *****/
.testimonial-background {background:linear-gradient(#02194c, #012093);}
.video-testimonials h1 {font-size:45px; color:#fff; text-align:center;font-family: 'Palanquin';padding-top:20px;padding-bottom:20px;}
.video-testimonials .column-1-2 {width:50%;float:left;padding:30px; padding-left:0px;}
.video-testimonials .column-1-2 img {width:95%;}
.column-1-5 h3 {color:#fff;width:16%; font-size:20px; font-family: 'Palanquin';text-align:center; padding-top:10px;}/*Watch Video Link*/
.video-display .video-title-m, .video-title-m h3 { display:block; }
.video-title-m h3{font-family: 'Palanquin'; background: #fff; text-align:center; padding:10px;}
.vid-author-info{background:#fff; width:100%;}
.videos a { display:none; } 
.videos .video-title-m:not(:first-child) { display:none; } 
.testimonial-thumbs li { cursor: pointer; } 
.videos video { background-size:cover; cursor:pointer; background-repeat:no-repeat; } 
h3.watch-vid-link {font-size:25px;}
h3.watch-vid-link a{cursor:pointer; color:rgb(21,161,204); vertical-align:middle; padding-left:10px;font-size:20px; }
.row-1-3 a {width:32%;display:inline-block;}
.row-1-3 ul li {display:inline;}
.row-1-3 img {width:100%;}
.row-1-3 img:hover {opacity: 0.4;}
.video-display img { display:none; } 
/*************   End Testimonial Page   **************/


/************** Youtube Video Embeds *************/
.ytvid { position: relative; padding-bottom: 28.12%; padding-top: 25px; height: 0; width:50%; margin: 0 auto; }
.ytvid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*************   About-us Page   **************/
/* side navigation */
.accred-heading {font-size:23px;}
.partner-heading {font-size:23px;}
#sidemenu {margin: 0; padding: 0; width:100%; float: left; background: #fff; }
.hidden {display:none;}
#sidemenu li { display: block; border-top: 1px solid #fff; font-size: 1.1em; }
#sidemenu li a { display: block;padding: 10px; color: #555; text-decoration: none; height:51px; }
#sidemenu li a:hover { color:#02194c;}
#sidemenu li a strong { display: block; margin-top: 5px; text-align: left; padding-left: 15px;font-size: 23px; font-family: 'Crimson Text'; font-weight: normal;}
#sidemenu li a.open { color:#fff;background:url(/_assets/images/about-us-arrow-svg.svg) no-repeat #02194c right; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.inner-container.g.sidemenu-bkg { background: #fff;}
div#history-content .column-1-2 img {width:50%; float:right; padding:20px;padding-top:0px;}
/*.awards img:hover{opacity: 0.4;}*/
div.row.awards {display: inline-flex;}
.row.awards img {width:50%;}
i.fa.fa-history { display:none;}i.fa.fa-trophy { display:none;}i.fa.fa-star-o { display:none;}i.fa.fa-users { display:none;}
div#content .column-1-2 {width:75%;}
div#content .column-1-2 a {display:inline-block;}
div#accreditations-content .column-1-2 {width:50%;padding-bottom:0;}
.column-1-2.accred-part-row {margin-left: 25%;}
.column-1-2.first-row{padding-bottom:0; /*width:75%;float:none;*/}
div#partnerships-content .column-1-2.first-row{width:75%; margin-left: 25%;/*float:none;*/}
div#partnerships-content .column-1-2 {width:50%;padding-bottom:0;}
.column-1-4.epa-no {text-align:center;}
h2.prod-accred-title {margin-left: 25%;padding-left: 30px;}
h2.busi-accred-title {margin-left: 0;padding-left: 0;}
.column-1-4.accred-part-img img{width:90%;}
.column-1-4.accred-part-img {text-align:center;}
/*************   End About-us Page   **************/



/*************  Entry Doors Page ******************/
.prod-info .tab { background:#fff; }
.prod-info .tab > div > h2 { text-align:center; } 
.prod-info .column-1-3 { padding:25px; } 

.prod-info .tabbed .tab > div > div { position:relative; z-index:1; } 	  
.prod-info h2 { color:#000; } 
.prod-info .tabbed .tab > div > div:nth-last-child(3) { min-height:250px; background:url('/_assets/images/doors/products-entry-door-enduring-2x.jpg'); background-repeat:no-repeat; opacity: .4; z-index: 0; position: relative; -webkit-filter: blur(5px); height:500px; left:40%; top:100px; }
.prod-info .tabbed .tab > .fiber-classic > div:nth-last-child(3) { background:url('/_assets/images/doors/products-entry-door-parameters-2x.jpg'); }
.prod-info .tabbed .tab > .smooth-star > div:nth-last-child(3) { background:url('/_assets/images/doors/products-entry-door-durasmooth-2x.jpg'); }
.prod-info .tabbed .tab > .hinged-patio > div:nth-last-child(3) { background:url('/_assets/images/doors/products-hinged-patio-door-2x.jpg'); }
.prod-info .tabbed .tab > .french-patio > div:nth-last-child(3) { background:url('/_assets/images/doors/products-french-patio-door-2x.jpg'); }
.prod-info .tabbed .tab > .sliding-patio > div:nth-last-child(3) { background:url('/_assets/images/doors/products-sliding-patio-door-2x.jpg'); }
.prod-info .tabbed .tab > .vented-sidelite > div:nth-last-child(3) { background:url('/_assets/images/doors/products-vented-sidelite-2x.jpg'); }
.prod-info .tabbed .tab > .strm-door > div:nth-last-child(3) { background:url('/_assets/images/doors/products-doors-storm-main-2x.jpg'); }
.prod-info .tabbed .tab > .garage-door > div:nth-last-child(3) { background:url('/_assets/images/doors/garage-door-main-2x.jpg'); }

/*Windows*/
.prod-info .tabbed .tab > .dh-window > div:nth-last-child(3) { background:url('/_assets/images/windows/products-windows-dh-2000-2x.jpg'); }
.prod-info .tabbed .tab > .sliding-window > div:nth-last-child(3) { background:url('/_assets/images/windows/sliding-main-2x.jpg'); }
.prod-info .tabbed .tab > .casement-windows > div:nth-last-child(3) { background:url('/_assets/images/windows/products-windows-casement-2x.jpg'); }
.prod-info .tabbed .tab > .awning-windows > div:nth-last-child(3) { background:url('/_assets/images/windows/products-windows-awning-2x.jpg'); }
.prod-info .tabbed .tab > .bay-bow-window > div:nth-last-child(3) { background:url('/_assets/images/windows/products-windows-bow-2x.jpg'); }
.prod-info .tabbed .tab > .pic-window > div:nth-last-child(3) { background:url('/_assets/images/windows/products-picture-window-2x.jpg'); }
.prod-info .tabbed .tab > .garden-window > div:nth-last-child(3) { background:url('/_assets/images/windows/products-windows-garden-2x.jpg');}
.prod-info .tabbed .tab > .hopper > div:nth-last-child(3) { background:url('/_assets/images/windows/products-hopper-window-2x.jpg'); }
.prod-info .tabbed .tab > .privacy > div:nth-last-child(3) { background:url('/_assets/images/windows/products-windows-hylite-2x.jpg'); }
/*Siding*/
.prod-info .tabbed .tab > .vinyl-siding > div:nth-last-child(3) { background:url('/_assets/images/siding/vinyl-siding-main-2x.jpg'); }

.prod-info .tabbed {height:auto; }
.prod-info .tab > div > h2 { font-size:50px; padding-bottom:0; margin-bottom:-15px; } 

div:not(.footer) >.inner-container .tabbed .tabs ul li { background: #82878b; line-height: 45px; height: 45px; border-radius: 5px 5px 0 0; border:1px solid transparent; }

div:not(.footer) >.inner-container .tabbed .tabs ul li.active { background:#fff!important; color:#012093;}
.prod-info .tab { background: linear-gradient(#fff, #ececef); }
.finish-opt { background:#fff; padding:30px; padding-bottom:25px; width:100%; display:inline-block; width: calc(100% + 30px); margin-left:-15px; transition:all .3s ease; }
.finish-opt h2 { text-align:center; }

.prod-option { text-align: right; position: relative; top: 230px; right: -55px; padding:0;}
.dpo h3 { font-size: 20px; padding: 0; text-align: left; color:#000; margin-bottom:5px; }
.dpo { position: initial; float: right; text-align: right; width: 288px; }
.dpo img { margin: 2px; width: 140px; float:right; padding:0!important; }
.column-1-2 .dpo { display:none; width:100%; text-align:center; }
.column-1-2 .dpo img { width:150px; float:none; }  
.tab .dpo .fancybox { padding:0; } 
.dpo .fancybox img { box-shadow:none; border:none; } 
.column-1-3 .dpo .fancybox { width:49%; } 
.dpo.sides:first-of-type img { height:148px; } 
.column-1-2 .dpo.sides img{ height:148px!important; } 
.dpo.sides img { width:288px; } 
.product-info .column-1-2 img { width: 510px; border:5px solid #fff; } 
.product-info .column-1-2 { padding-left:0; padding-top:0; } 
.prod-content { float:left; }
.prod-content p { color: #000; } 
.prod-components .inner-container > div { text-align:center; } 
.prod-components > .inner-container > div > div { width: 325px; display: inline-block; margin: 30px 15px;  margin-top:0; background: #fff; padding: 30px; border-radius: 5px; border: 1px solid #ccc; text-align: center; }
.prod-info .inner-container { overflow: hidden; }

.prod-info, .dec-glass { margin-bottom:30px; } 

.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 40px; }
.finish-opt .inner-container .stains > div > div, .finish-opt .colors > div { display:inline-block; position:relative; overflow:hidden; } 
.finish-opt h2 { padding-bottom:30px; } 

.finish-opt img { width:140px; } 

.finish-opt .colors > div { height:150px; width:150px; border-radius:50%; transition:transform .2s ease, bottom .2s ease; transform:scale(1); border:2px solid transparent; bottom:0; margin: auto -34px; border: 2px solid rgba(0,0,0,.2); }

.finish-opt .colors > div:hover { z-index:40; transform:scale(1.2); cursor:pointer; }
 
.finish-opt .colors > div > div { height:100%; width:100%; position:absolute; } 
.finish-opt .colors img { width:100%; } 
.d-mahog { background: rgba(255,0,0,.5); width:100%; height:100%; position:absolute; -webkit-filter: brightness(28%); filter:brightness(28%); }
.d-brow { background: rgba(48,32,19,.6); width: 100%; height: 100%; position: absolute; -webkit-filter: brightness(0%); filter: brightness(50%); }

.colors-red { background:rgb(215,14,14); }
.colors-yellow { background:rgb(240, 240, 0); }
.colors-blue { background:rgb(14,14,215); } 
.colors-green { background: rgba(14, 215, 14, .5); } 


.prod-content ul { transition: all .3s ease; } 
.prod-content li { margin: 10px 0; background: url('/_assets/svgs/check-icon.svg') no-repeat left top; padding-left: 40px; color: black; line-height:1.4; background-size:23px; }

.prod-content a { color: white; background: linear-gradient(#eaa83a, #d87242); padding: 25px 50px; font-size: 24px; font-style: italic; float: left; border-radius: 5px; margin-top: 16px; margin-bottom: 20px; }
.prod-content a:hover { background: linear-gradient(#d87242, #eaa83a); }

.patio.prod-option { top:100px; } 
.prod-option .dpo img { float:right; } 


.column-1-3.patio-1 img { width:100%; } 
.column-1-3.patio-1 { top:30px; } 


.dpo.g.patio-1 { margin:0 auto; float:none; text-align:center; margin-bottom:20px; width:300px; } 
.dpo.g.patio-1 img { float:left; margin:1px; } 
.dpo.g.patio-1 img:first-of-type { margin-left:20px; } 


.dec-glass { position:relative; background:#fff; height:300px; }
.dec-glass .inner-container > div { position:absolute; width: 100%; top:82px; font-size:47px; left:20%; }
.dec-glass .inner-container div p {  background: #fff; margin:0; text-align:center; width:57%; padding:30px; line-height:1; font-size:38px; } 
	
.dec-glass > div:not(.inner-container) { width: 100%; display: inline-block; margin: 0; padding: 0; float: left; height:100%; }

.dec-glass > div:not(.inner-container) > div { margin-left: 1px; display: inline-block; width: calc(50% - 2px); margin: 0; padding: 0; height:100%; background-size:cover; }

.dec1 { background-image: url(/_assets/images/doors/dec-glass-1.jpg); }
.dec2 { background-image: url(/_assets/images/doors/dec-glass-2.jpg); } 

.finances { color: rgba(21,161,204, 1); }
.finances svg { fill: url(#grad1); }



.warranty { color: #001d8b; }
.warranty svg { fill: url(#grad2); } 
.prod-components > .inner-container > div > div a, .siding-options a { padding: 15px 30px; background: #ececef; color: #666; border: 1px solid rgba(102,102,102,0.2); border-radius: 5px; font-size: 19px; font-style: italic; display: inline-block; margin: 0; }
.prod-components > .inner-container > div > div a:hover, .siding-options a:hover { background: #666; color: #ececef; border: 1px solid rgba(236,236,239, .02); }
.prod-components a, .siding-options a { transition: all .2s ease; } 
.prod-components { margin-bottom:50px; } 
.dec-glass { overflow: hidden; } 
/***************** End Entry Door Page ***********/


/**************** Contact Us Page ****************/
.map, .map > iframe { width:100%; height:400px; } 

.contact-head { margin: 0 auto; width: 100%; text-align: center; }
.arr img {  position: absolute; width: 64px; left: 32px; top: 32px; }

.steps img { width: 75px; display: inline-block; }

.steps { width: 32%; height: 200px; display: inline-block; }
.ez h3, .ez h2 { text-align:center; } 
.ez h3 { font-weight: bold; color: #646478; font-size: 18px; }
.ez h2 {     font: bold 40px 'Roboto', sans-serif; background-color: #4d4e54; color: transparent; text-shadow: 2px 2px 3px rgba(255,255,255,0.4); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; padding:10px 15px; ; }
.ez { text-align: center; padding-top: 20px; border-top: 4px solid #ddd; }

.step-process .inner-container { background:#ececef; }
.dem-forms .inner-container, .tb .inner-container { background:transparent; max-width:1000px; } 

.dem-forms { margin-top:0; background:#ececef url(/_assets/images/foobg.png) top left repeat-x; padding-top:20px; }
.arr { position: relative; width: 0px; height: 0px; z-index: 1; }

.tb { background: #02194c url(/_assets/images/testimonial-bg.jpg) top left repeat; }
.tm { padding: 35px; color: #fff; }
.tm p { font-family: 'Crimson Text'; font-style: italic; font-size: 20px; text-align: center; line-height: 1.5; padding: 25px; border-top: 1px dotted rgba(255,255,255,.4); }
.terr { float:left; } 
.hop h2 { text-align: center; } 
.hop svg { width:17px; height: 17px; vertical-align:middle; fill:#021A4A; } 
.hop .fhours { color:black;text-align:center;} 
.hop .fhours tr:nth-of-type(odd) { background-color: rgba(2, 33, 102, .05); }
.hop .phone, .hop .faz, .hop .email { width:100%; display:block; margin-top:0; font-size:16px;}
.hop  .fhours { margin-top:5px; } 
.lcol.in { padding:0; } 

.disclaimer { color:#999; margin-bottom:0; } 
.terr .disclaimer em { float:left;color:#999; font-size:16px;padding-bottom:15px;}

strong { font-weight: bold; }

.top-image.map, .map > iframe { width:100%; height:265px; margin-bottom:0; background:#fff; margin-bottom:0; } 

.contact-head { margin: 0 auto; width: 100%; text-align: center; }
.arr img {  position: absolute; width: 64px; left: 32px; top: 32px; }

.steps img { width: 75px; display: inline-block; }
.steps .bimg { width:100px; } 

.steps { width: 32%; height: 200px; display: inline-block; }
.ez h3, .ez h2 { text-align:center; } 
.ez h3 { font-weight: bold; color: #646478; font-size: 18px; }
.ez h2 {     font: bold 40px 'Roboto', sans-serif; background: #4d4e54;color: transparent; text-shadow: 2px 2px 3px rgba(255,255,255,0.4); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; padding-bottom: 0; }
_:-ms-fullscreen, :root .ez h2 { color:#333; background:none; }
.ez { text-align: center; padding-top: 20px; border-top: 4px solid #ddd; }

.step-process .inner-container{ background:#ececef; }
.dem-forms .inner-container, .tb .inner-container { background:transparent; max-width:1000px; } 
.dem-forms { margin-top:0; background:#ececef url(https://www.windowworld.com/replacement-window-installation/_assets/images/foobg.png) top left repeat-x; padding-top:20px; }
.arr { position: relative; width: 0px; height: 0px; z-index: 1; }

.steps h3 { font-family: 'Palanquin'; padding-bottom:0; } 
/****************** End Contact Page *************/



/**************Contact Thanks Page *************/
.contact-thanks { background:linear-gradient(to bottom, #012093, #00e4ff 65%, #fff 65%, #fff 100% ); height:100%; }
.top-image.thanks { margin-bottom: 0; } 
.top-image.thanks h1 { font-size: 40px; padding: 17px 0px; }
.top-copy.ct p { color: #fff; text-align: center; font-size: 18px; margin-bottom: 12px; width:80%; margin:0 auto; } 
.top-copy.ct { top:0; } 

.ct h1:last-of-type { color: #33be75; font-size: 95px; padding: 0; margin-top: 30px; } 

.process { background: #ececef url(/_assets/images/foobg.png) top left repeat-x; }
.ez { border-top: none; } 
/************* End Contact Thanks Page ***********/


/****************** Gallery/FancyBox *************/
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}
.fancybox img{max-width:200px; max-height:150px; display:inline-block;padding: 0;border:1px solid #fff;box-shadow: 0 8px 6px -6px black;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: auto; width:auto; height:auto;}
/*Gallery Page*/
.row.gallery-bkg {background:#022166; margin-bottom:0;}
.column-1-1.fb-gal {text-align:center;padding-right:0; padding-left:0;background:#022166;}
/*.fancybox img:hover {opacity: 0.5;}*/
a.fancybox {margin-right: 0;display:inline-block;padding:10px;}
.panel {width: 200px;height: 150px;font-size: .8em;-webkit-perspective: 600px;perspective: 600px;}
.panel .front {float: none;position: absolute;top: 0;left: 0;z-index: 900;width: inherit;height: inherit;text-align: center;-webkit-transform: rotateX(0) rotateY(0);transform: rotateX(0) rotateY(0);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;/*box-shadow: 0 1px 5px rgba(0,0,0,0.9);*/}
.panel .back {float: none;position: absolute;top: 0;left: 0;z-index: 800;width: inherit;height: inherit;background:#fff; /*#02194c;*/-webkit-transform: rotateY(-179deg);transform: rotateY(-179deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-backface-visibility: hidden;backface-visibility: hidden;/* -- transition is the magic sauce for animation -- */ -webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;box-shadow: 0 8px 6px -6px black;}
.panel .front-copy {padding: 0 0;}.front-copy {position: relative;width:100%;}
.panel .back-copy {padding: 0 0;}.back-copy {position: absolute;width:100%;}
.panel.flip .front { z-index: 900;-webkit-transform: rotateY(179deg);transform: rotateY(179deg);}
.panel.flip .back {z-index: 1000;background:#0230b2;-webkit-transform: rotateX(0) rotateY(0);transform: rotateX(0) rotateY(0);height:150px; width:200px;}
/* -- X axis rotation for click panel -- */.click .front {cursor: pointer;-webkit-transform: rotateX(0);transform: rotateX(0);}
.back-copy h2 {position: absolute;padding: 20px;font-family: 'Fira Sans';color:#fff; font-size:15px;height:150px;width:100%; text-align:center;}
i.fa.fa-search-plus { display:block; font: normal normal normal 29px/1 FontAwesome;color:#fff;padding-top:60px;}
i.fa.fa-caret-down{margin-left:10px;padding-right:10px;}

#accordion-gallery {background:#fff;}
.accordion-toggle {cursor: pointer;color:#1761e2;background:#fff; padding:20px; font-size:20px;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}
.accordion-toggle:hover{color:#000;}



/****************** End Gallery Page *************/		


/****************** Resource Center Page *************/
.column-1-1.expandables { padding:0; }
.column-1-1.expandables h2 { padding:15px 0px 0px 15px; }
.expandables ul li > div { height:0%; overflow:hidden; }
.expandables .cur > div { height: 100%; }
.expand-collapse dl dt { border-bottom: 2px solid #ececef; padding: 15px; font-size: 21px; cursor: pointer; color: #000; transition: all .4s ease; }
.expand-collapse > p { padding:15px; } 
.expand-collapse dl dd dl dd ol { margin-top:0; padding-right:15px; }
.highlight #vertplus { opacity:0;   }

.expand-collapse dl * { line-height:1.2; } 

.expand-collapse svg { margin-left:-15px; }

.expand-collapse dl dt:hover { background: rgba(237,237,239, .7); }
.expand-collapse dl dt.highlight { color: #1494b2; }
.expand-collapse dl dt.highlight svg { fill: #1494b2; }

.expand-collapse { border-top: 2px solid #ececef; margin-top:15px;}

.expand-collapse dl dd { padding: 15px 0px; margin:0px 25px; border-left: 6px solid #011c9f; border-right:6px solid #011c9f; height:100%; border-radius:15px; margin-top:15px; margin-bottom:5px; }
div#video{display:inline-block;}
.expandables .video-btn{ padding: 15px 30px; background: #ececef; display: inline-block; width: auto; border-radius: 5px; border: 1px solid #ccc; color: #1494b2; transition: all 0.2s ease; margin:15px; text-align:center; }
.video-btn:hover { color:#ececef; background:#1494b2; }
dl p { margin: 10px 15px; } 
.res li { margin: 10px 15px; }
/****************** END Resource Center Page *************/


/************   Locations Pages   *********************/
.top-image.top-image-lp{margin-bottom:0px;}
ul.lp-links {list-style-type: square;}
.lp-links li a {text-decoration:underline;}
.lp-links li a:hover {color:#000; text-decoration:none;-webkit-transition: all .4s ease;}
ul.lp-links li {margin-left:20px;padding:3px;}
.row.lp-row {margin-top:30px;}
.boynton-lp {background-image:url(/_assets/images/top-images/boynton-beach-top-image.jpg);}
.boca-raton-lp {background-image:url(/_assets/images/top-images/boca-raton-top-image.jpg);}
/************   End Locations Pages   *********************/


/*************   General Page Template   **************/
.column-1-1 .inner-container {background-color:#fff; }.column-1-1 {padding: 30px}.column-1-1 img {width:100%;}
.column-1-2 .inner-container {background-color:#fff; }.column-1-2 {width:50%;float:left; padding: 30px; }.column-1-2 img {width:100%;}
.column-1-3 .inner-container { background-color:#fff;}.column-1-3 {width:33%; float:left;padding: 30px;}
.column-1-4 .inner-container { background-color:#fff;}.column-1-4 {width:25%; float:left;padding: 30px;}.column-1-4 img{width:100%;}
.column-1-5 .inner-container { background-color:#fff;}.column-1-5 {width:20%; float:left;padding: 30px;}.column-1-5 img{width:100%;}
/*************   End General Page Template   **************/


/*******Back-To-Top Button*******/
.top-button{position:absolute; } 
a {color: #1761e2;text-decoration: none;}
.arrow-up .inner-container { position:relative; } 
.arrow-up .inner-container a { right: 0; position: absolute; }
.arrow-up a:hover { cursor:pointer; } 
.to-top  { background: rgba(2, 25, 76, 0.8) url(/_assets/images/cd-top-arrow.svg); width: 60px; height: 60px; display: block; position: fixed; bottom: 0; margin: 0; padding: 0; background-repeat: no-repeat; text-indent: 100%; background-position: center; }
.cd-top { width:60px; z-index:40; visibility:hidden; } 
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition: opacity .3s 0s, visibility 0s 0s;-moz-transition: opacity .3s 0s, visibility 0s 0s;transition: opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {/* the button becomes visible */visibility: visible;opacity: 1;}
.cd-top.cd-fade-out {/* if the user keeps scrolling down, the button is out of focus and becomes less visible */opacity: .5;}
.cd-top:hover {background-color: #1761e2; opacity: 1;}
/*******End Back-To-Top Button*******/

/****************404 ERROR PAGE ***************/
/*.broken-glass{ background-image:url(/_assets/images/broken-glass.png);height:630px;width:100%;padding-top:30px;background-repeat:no-repeat;} */
.broken-glass {position:relative;width:100%;margin:0 auto;}
.broken-glass img {position:absolute;width:50%;margin-left:30%;}
.f04-copy {position:absolute; height:200px;width:50%;margin:0 auto; top:400px;margin-left:30%;}
.hm-page {background:rgb(255,143,28);padding:5px 10px;color:#fff;transition: all .2s ease; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16);font-size:14px;display:inline-block;}
a.hm-page:hover{background:rgba(255,143,28,0.7);transition: all .2s ease; }
.f04-copy ul li {font-size:25px;color:#021a4a;text-align:left;line-height:2.5;}
.f04-copy ul li.f04-small {font-size:16px;color:#9c9a90;}


/** cubdates **/
.addgal { width: 200px; display: inline-block; margin: 10px; }
.addgal a:hover { filter: brightness(120%); color:#1494b2; }
.addgal p { border-bottom: 1px solid; display:inline-block; padding-bottom:2px; }
.addgal a:hover p { border-bottom: none; }
.top-image > .inner-container { margin: 0 auto; }


/*************************************** MEDIA QUERIES ****************************************************************************/

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

.carousel { background-size:cover; } 		
}

@media only screen and (max-width: 1560px) {
body > div > .inner-container { margin:0px 30px; } 
.dem-forms .inner-container, .tb .inner-container { margin:0 auto;} 

.ytvid { padding-bottom: 56.25%; width:100%; } 

}

@media only screen and (max-width: 1320px) {
.product:nth-child(even) .inner-container .p-copy { margin-right:10%; } 
.p-copy { padding:30px; margin-left:10%; } 
.product .p-title { right:-72px; } 
.p-title h2 span { font-size:92px; } 
.p-title h2, .p-title h2 .top-word { font-size:65px; } 
span.top-word span { font-size:92px; } 
	
}

@media only screen and (max-width: 1170px){ 
p span.first-word { font-size:16px; } 
.p-copy p { font-size:15px; line-height:1.5; } 
.p-copy .bbtn { margin-top:20px; } 
.product:nth-child(even) .inner-container .p-title { left:5%; } 
.p-title h2 { line-height:0.7; } 

.cd-testimonials p:after { width: 20px; height:20px; bottom:38px; left: 54%; }	
}


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

.cd-testimonials-wrapper::after {/* quotation mark visible */ display: block;}
.cd-testimonials p {font-size: 26px;font-size: 1.4rem;line-height: 1.6;}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {background-color: #5e5e63;-webkit-transition: background-color 0.2s;-moz-transition: background-color 0.2s;transition: background-color 0.2s;} 
.f04-copy {top:390px;}	 
}

@media only screen and (max-width: 1024px){
.lcol.in { width:100%; }	

/************* About-Us-page**************/
.sidemenu-mobile{width:100%;}
#sidemenu {width:100%; text-align:center; border-bottom: 1px solid #ddd; }
#sidemenu li a.open { color:#02194c; background:transparent;height: 50px; width:100%;}
#sidemenu li a strong {display:none;}
#sidemenu li {display:inline-block; padding: 20px; }
.column-1-4.sidemenu-mobile {padding-bottom: 0px;}
div#content .column-1-2 {width:100%;}
div#content .column-1-2 .row.awards a { display:inline } 
div#content .column-1-2 .row.awards img { width:32%; } 
	div.row.awards {display: inline;}
div#history-content .column-1-2 img {padding:0 0 10px 0; width:100%;}
div#partnerships-content .column-1-4 {width:75%;}
div#accreditations-content .column-1-4 {width:50%;}
div#partnerships-content .column-1-2.first-row {width:100%;margin-left:0;}
.column-1-2.accred-part-row {margin-left:0;}
i.fa.fa-history {display:block; font: normal normal normal 40px/1 FontAwesome;}i.fa.fa-trophy { display:block; font: normal normal normal 40px/1 FontAwesome;}
i.fa.fa-star-o { display:block; font: normal normal normal 40px/1 FontAwesome;}i.fa.fa-users { display:block; font: normal normal normal 40px/1 FontAwesome;}
.arr img { left: 0; } 
#sidemenu li a.open i.fa.fa-history {border-bottom:1px solid #02194c;font: normal normal normal 45px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-trophy {border-bottom:1px solid #02194c;font: normal normal normal 45px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-star-o {border-bottom:1px solid #02194c;font: normal normal normal 45px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-users  {border-bottom:1px solid #02194c; font: normal normal normal 45px/1 FontAwesome;}   
#sidemenu li a.open i.fa.fa-history, #sidemenu li a.open i.fa.fa-trophy, #sidemenu li a.open i.fa.fa-star-o, #sidemenu li a.open i.fa.fa-users  {padding-bottom:21px;}
.cd-testimonials-wrapper {padding: 50px 50px 50px;  }
.cd-testimonials p { font-size: 15px; }
.cd-testimonials p:after { bottom: 36px; left:46%; transform: skew(-45deg) rotate(-45deg); border-left-width:1px; border-bottom-width:2px; }
.cd-author .cd-author-info { line-height: 1.4; }
.cd-author .cd-author-info li:first-child { font-size: 16px; font-size: 1rem; }
.cd-author .cd-author-info li:last-child { font-size: 14px; font-size: 0.875rem; }
.cd-author { width:100%; text-align:center; padding-right:0px; } 
.flex-direction-nav li { width: 50px; }
h2.prod-accred-title {margin-left: 0;padding-left: 30px;}
.product .p-title { right:-20%; } 
.p-title h2 { font-size:35px; } 
.p-title h2 span { font-size:60px; } 
.p-title h2 .top-word { line-height:.8; font-size:35px; } 
.p-title h2 .top-word span { font-size:60px; } 

/***** Contact Thanks Page *****/
.top-copy.ct p { font-size:13px; } 
.ct h1:last-of-type { margin-top:47px; } 

/*404 ERROR Page*/
.f04-copy {top:270px;}	
}
@media only screen and (max-width: 950px) {
.left-nav ul li a { padding: 20px 15px 18px 15px; }
.right-nav p { font-size:12px; }	
.right-nav p span { font-size:13px; margin-left:10px;} 
.dec-glass .inner-container div p { font-size:30px; line-height:1.5; } 
.gs p { line-height:1; font-size:31px; } 

/*404 ERROR Page*/
.f04-copy {top:260px;}	
}
@media only screen and (max-width: 895px) {
.rcol {width:100%;}
.video-testimonials .column-1-2 {width:100%;padding:30px;padding-bottom:0px;} 
.video-testimonials .column-1-4 {display:none;} 
.video-container{width:100%;padding:30px;}
.row-1-3 a {width:100%; padding-bottom:30px;}
.video-title-m {width:100%; display:block;}
.video-title-m h3{color:#012266; background:#fff;display:block;padding:10px;}
.testimonial-thumbs { display:none; } 	
.video .video-title-m { display:block!important; margin-bottom:30px;} 
.video-display { padding:0!important; } 

/*404 ERROR Page*/
.f04-copy {top:250px;}	

label.option.block { font-size:11px; } 

}

@media only screen and (max-width: 876px) {
.right-side a { padding: 25px 30px; } 
.tab .column-1-3.prod-option { display:none; } 
.product-info .column-1-2 { text-align:center; padding:0; margin-bottom:20px; } 
.product-info .column-1-2 img { max-width:510px; width:100%;}
.tab .column-1-2 { width:100%; padding: 0px; }  
.prod-info .tab > div > h2 { margin-bottom: 10px; font-size:30px; }
.column-1-2 .dpo { display:block; margin-bottom:20px; } 
.column-1-2 .dpo img { width:125px; } 
.prod-content > div > a { display: inline-block; padding: 15px 40px; float: none; text-align:center; }
.prod-content > div { text-align:center; } 
.prod-content > div p, .prod-content > div > ul { text-align:left; }
.dec-glass > div:not(.inner-container) > div { width:100%; height:50%; }  
.dec-glass .inner-container div { left:10%; top:calc(50% - 60px); } 
.dec-glass .inner-container div p { width:80%; line-height:1.5; }
#privacy > .inner-container > div { background-position-x:-720px; } 
/*404 ERROR Page*/
.f04-copy {top:240px;}	
.menu{border-bottom:none;}
}

@media only screen and (max-width: 810px) {
.mp-title { text-align: center; background: #021a4a; color: #fff; font-size: 30px; margin: 0; padding: 15px; display:block; }
.top-image.map { display:none; }
.dem-forms { background: #ececef!important; } 

#casement-and-awning > .inner-container > div { background-position-x: -733px!important; } 
#bay-and-bow > .inner-container > div { background-position-x: -670px!important; } 
#garden > .inner-container > div { background-position-x: -341px!important; } 
#hopper > .inner-container > div { background-position-x: -398px!important; } 

#entry > .inner-container > div { background-position-x: -579px; } 
#sliding > .inner-container > div { background-position-x: -200px; } 
#hinged > .inner-container > div { background-position-x: -599px; } 
#garage > .inner-container > div { background-position-x: -210px; } 
#storm > .inner-container > div { background-position-x: -500px; } 

#louvered > .inner-container > div { background-position-x: -800px; } 
#board-and-batten > .inner-container > div { background-position-x: -800px; } 

.product > .inner-container > div { background-image:none!important; background-color:#022166!important; } 
.product .p-title { display:none; } 
.p-copy { background:#ececef; }

.store-info.hp h1.hp.blue { font-size:25px; } 
.store-info.hp h2.hp { font-size:20px; } 
.store-info h1.blue {font-size:23px;}
.store-info h2 {font-size:20px; }
.hop.store-info .inner-container > .lcol:first-of-type h2 { font-size:30px; } 
.store-info p {font-family: 'Palanquin'; line-height:1.5; margin-bottom:20px;font-size:14px;}
.store-info.hp .rcol { display:none; }

.second-footer span {color:#1761e2;padding:5px;}

.soc-med a{width:60px; padding: 10px 0 10px 0; }

.second-footer h1 {font-family: 'Fira Sans'; font-size:25px; text-transform:uppercase;}

/*Resource Center*/
.expand-collapse dl * { line-height:1.2;font-size:13px; } 
.expand-collapse dl dt.highlight { color: #1494b2;font-size:17px; }
.expand-collapse dl dd { padding: 5px 0px; margin:0px 25px; border-left: 3px solid #011c9f; border-right:3px solid #011c9f; height:100%; border-radius:15px; margin-top:15px; margin-bottom:5px; }
.expand-collapse dl dt { padding:10px;font-size: 17px;}

.product .p-copy, .product:nth-child(even) .inner-container .p-copy  { float:none; margin:0 auto; width:90%; }
.product .inner-container > div { background:none; } 

.process .ez h2 { font-size:20px; } 

.to-top { top:0px; right:10px; } 	

.left, .right { margin:0 auto; margin-top:100px; float:none; }
	
.mh { display:none;	}
#deskmo {display:none; }
.ms { display:block; }
#demobile { display:inline-block; }	
.left-side { padding-top:0px; height:70px; }
.left-side > div { padding-right:0; } 
.left-side, .right-side { width:100%; }
.right-side { height:90vh; padding-bottom: 100px; } 
.menu-expanded { transform: rotateX(90deg); } 
.rex { transform: rotateX(0deg); }
.left-side .slogo { max-width:150px; float: none; } 
.expandables { margin-top:10px; padding-bottom: 100px;}

.expandables ul li a { padding: 10px 0 10px 0%; }
.expandables > ul li > ul a { padding-left: 20px; } 
.expandables > ul li > ul li > ul a { padding-left: 40px; }

.soc-med { clear: both; }
.menu-expanded .soc-med { display: none; }
.right-side .democlick { transition: all .2s ease; }
.right-side .democlick:hover { background: transparent; }
.expandables > ul { margin-top: 15px; }
.right-side .prods { margin-bottom: 15px; }
.menu-spin, .menu-btn { background:#fff!important; bottom: 10px; right: 10px; border: 1px solid #ddd!important; box-shadow: 0px 0px 20px rgba(0,0,0,.1)!important;}
.left-nav ul { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%; }
body > div > .inner-container { margin: 0px; }
.left-nav ul li:first-child a { margin: 0px; border-left: none; }
.left-nav ul li:last-child a { border-right: none; }
.slogo { float: none; width: auto; height: 50px; }
.left-nav ul li a { padding: 10px; width: auto; }
.left-nav { text-align:center; float: none; }
.right-nav { margin-right: 0px; margin-top: 0px; margin-bottom: 5px; text-align:center; float: none; clear: both; }
.right-nav p, .right-nav p span { font-size: 12px; /*line-height: 20px; */color:#fff;}
.left-nav ul { background:#fff; }
.left-nav .menu-icon { width: 15px; height: 18px; }
.colors-box .inner-container > div, .colors-box .inner-container > div:nth-of-type(2) { height: auto; width: calc(50% - 10px); margin:5px; display:inline-block; float: left; vertical-align:middle;}
.wwf { display: none!important; }

.colors-box .inner-container > div p { display: none; }
.svg-content { height: 150px; text-align:center; }
.colors-box h2 { font-size: 20px; border-bottom: none; }
.colors-box a {     position: absolute; font-size: 13px; padding: 10px 10px; display: inline-block; width: auto; right: 0; left: 0; margin: 20px; bottom: 0; }
.wwf h2:before { content:"Window World "; }
.lcol { width: 100%!important; }
/************* Testimonials-page**************/
.testimonial {column-count:2;}
/*Testimonial double-quotes*/ .cd-testimonials p:after {left:31%;bottom:36px;}

.column-1-4.accred-part-img {padding:0;}
.column-1-2 {width:100%;}

/*Footer*/
span.abbr-days {display:none;}

/*Prod Components Finance and Warranty*/

.prod-components > .inner-container > div > div {position:relative;height:auto; width: calc(50% - 10px); float:left; vertical-align:middle; display: inline-block; margin:5px; background: #fff; padding:0; border-radius: 5px; border: 1px solid #ccc; text-align: center; margin-bottom:30px;}
.prod-components h2 {font-size:20px;margin:5px;font-weight:400;padding:10px;}
.prod-components > .inner-container > div > div a, .siding-options a {font-size:13px;padding:10px 20px; margin:20px; width:auto; right:0; left:0; bottom:0;}
.finances svg{margin:15px;}

#double-hung > .inner-container > div { background-position-x:-145px; }
#sliding > .inner-container > div { background-position-x:-531px; }
#picture > .inner-container > div { background-position-x:-145px; }

/*Responsive Top Images*/
.jdpower-2018 { background-image:url(/_assets/images/index-banner/2018-jdpower-websitebanner_800x537.jpg); }
.careers { background-image:url(/_assets/images/top-images/careers-top-image-s.jpg); }
.energy-eff { background-image:url(/_assets/images/top-images/energy-efficiency-top-image-s.jpg); }
.financing { background-image:url(/_assets/images/top-images/finance-top-image-s.jpg); } 
.testimon { background-image:url(/_assets/images/top-images/testimonials-top-image-s.jpg); }
.free-est { background-image:url(/_assets/images/top-images/free-estimate-top-image-s.jpg); }
.installation { background-image:url(/_assets/images/top-images/installation-top-image-s.jpg); }
.warrant { background-image:url(/_assets/images/top-images/warranty-top-image-s.jpg); }
.resources { background-image:url(/_assets/images/top-images/resources-top-image-s.jpg); }
.abouts { background-image:url(/_assets/images/top-images/about-top-image-s.jpg);}
.gallery {background-image:url(/_assets/images/top-images/gallery-top-image-s.jpg);}
.quad {background-image: url(../images/index-banner/davenport-award-s.jpg);}
.fifteenMillion {background-image: url(/_assets/images/index-banner/15MM-WindowsSold-Banner-800x537.jpg);}
/*Responsive Top Images for Product Pages*/
.prod-doors { background-image:url(/_assets/images/top-images/doors-top-image-s.jpg); }
.prod-edoor { background-image:url(/_assets/images/top-images/entry-door-top-image-s.jpg); } 
.prod-gutters { background-image:url(/_assets/images/top-images/gutters-top-image-s.jpg); }

.prod-shutters { background-image:url(/_assets/images/top-images/shutters-top-image-s.jpg); } 

.prod-siding { background-image:url(../images/top-images/vinyl-siding-top-image-s.jpg);}

.prod-sunroom { background-image:url(/_assets/images/top-images/patio-and-screen-room-top-image-s.jpg); }

.prod-windows { background-image:url(/_assets/images/top-images/windows-top-image-s.jpg); } 
.prod-stormdoors {background-image:url(/_assets/images/top-images/storm-door-top-image-s.jpg);}
.prod-garagedoors { background-image:url(/_assets/images/top-images/garage-door-top-image-s.jpg); }
.prod-hingedpatio { background-image:url(/_assets/images/top-images/hinged-patio-door-top-image-s.jpg); }
.prod-slidingpatio { background-image:url(/_assets/images/top-images/sliding-door-top-image-s.jpg); }

.prod-casement { background-image:url(/_assets/images/top-images/casement-top-image-s.jpg); }
.prod-dh { background-image:url(/_assets/images/top-images/double-hung-window-top-image-s.jpg); }
.prod-bay-bow { background-image:url(/_assets/images/top-images/bay-and-bow-top-image-s.jpg); } 
.prod-gardenwindows { background-image:url(/_assets/images/top-images/garden-window-top-image-s.jpg); }
.prod-hoppers { background-image:url(/_assets/images/top-images/hopper-window-top-image-s.jpg); }
.prod-picturewindows { background-image:url(/_assets/images/top-images/picture-window-top-image-s.jpg); }
.prod-privacywindows { background-image:url(/_assets/images/top-images/privacy-window-top-image-s.jpg); }
.prod-sliding { background-image:url(/_assets/images/top-images/sliding-window-top-image-s.jpg); }

.prod-boardbatten { background-image:url(../images/top-images/shutters-bnb-top-image-s.jpg); }
.prod-combo { background-image:url(../images/top-images/shutters-comb-top-image-s.jpg); }
.prod-louvered { background-image:url(../images/top-images/shutters-lou-top-image-s.jpg); }
.prod-raisedpanel { background-image:url(../images/top-images/shutters-rp-top-image-s.jpg); }

.prod-1000 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-1500 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-2000 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-accents { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-insulatedsiding { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-reinforcedplus { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-reinforced { background-image: url(/_assets/images/image-placeholder.jpg); }

.boynton-lp {background-image:url(/_assets/images/top-images/boynton-beach-top-image-s.jpg);}
.boca-raton-lp {background-image:url(/_assets/images/top-images/boca-raton-top-image-s.jpg);}
.cold-weather {background-image:url(../images/top-images/cold-weather-top-image-s.jpg);}
.jdp-page {background-image:url(/_assets/images/top-images/double-hung-window-top-image-s.jpg);}

/*.finish-opt .colors > div { width:100px; height:100px; margin:auto -24px; } */
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 170px; }	

.footer .inner-container > h2 { font-size:30px; } 

/*ACCORDIAN Mobile Menu*/
.accordian-container {
	display: block;
}
.mp-title {
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin: 0;
	padding: 15px;
	display: inline-block;
	position: relative;
	top: -9px;
	background: transparent;
}
.product {	margin-bottom: 0; }
.product > .inner-container { max-height:0; transition:all .5s ease-out; } 
.product.open > .inner-container {	max-height: 500px; display:block; }
.product .accordian-container {	border-top: 2px solid #fff; }
.product > .inner-container > div { border-top: 2px solid #fff; }
.product:last-of-type .accordian-container { border-bottom: 2px solid #fff; }
.product > .inner-container > div { z-index: 1; }
.product > .inner-container > div:after { content: ""; background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.4)); width: 100%; position: absolute; height: 100%; left: 0; top: 0; z-index: -1; }
span.accordian-opener:before { content: ""; width: 24px; border-top: 2px solid #000; position: absolute; left: 3px; top: 14px; }
span.accordian-opener:after { content: ""; height: 24px; position: absolute; border-left: 2px solid #000; top: 3px; left: 14px; }
.terr .disclaimer em {font-size:14px;}
/*404 ERROR Page*/
.f04-copy {top:230px;}	
.f04-copy ul li {font-size:16px;}

span.mcity {display:inline-block; background-image:linear-gradient(to right, #00965e, #15a1cc);height:35px; min-width:175px; border-radius:20px; padding:10px;color:#fff;margin-bottom:8px;}
span.mcity a{color:#fff;}
svg.mphone{display:inline-block; height:18px; margin:auto;vertical-align:top;padding-left:5px;}
span.hide-mphone {display:none;}
.line-break {display:block;}
}

@media only screen and (max-width: 800px) {
.prods { padding-right:6%; }
/*.finish-opt .colors > div { width:100px; height:100px; margin:auto -24px; } */
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 160px; }	
/*Testimonial double-quotes*/ .cd-testimonials p:after {left:31%;bottom:36px;}	
/*404 ERROR Page*/
.f04-copy {top:220px;}	
}





@media only screen and (max-width: 768px) {
.steps h3 { font-size:12px; } 	
.smart-forms .form-header h4 { font-size:22px!important; }	
.arr img { left: 0px; top: 62px; }
.wrap-3 { max-width:100%!important; } 
.smart-wrap { padding: 0!important; }

.store-info.dem-forms > .inner-container { padding:0 10px; } 

.tm { padding: 35px 0px!important; } 
.tb > .inner-container { padding: 0px 10px!important; } 
.tb p { padding: 10px!important; margin-bottom:0!important; } 

.top-copy.ct p { font-size:10px; } 
.ct h1:last-of-type { margin-top:55px; font-size:70px;} 

.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 150px; }
/*Testimonial double-quotes*/ 
.cd-testimonials p:after {left:30%;bottom:36px;}
 /*404 ERROR Page*/
.f04-copy {top:200px;}	
}

@media only screen and (max-width:730px){
/****Home page demo form ******/
.demo-head, .demo-full { line-height:15px; } 
.demo-head p, .demo-full p { width:100%; font-size:15px; margin-top:5px; margin-bottom:5px; } 
.demo-head a { margin-top:5px; }
.demo-full p { margin-top: 25px; margin-bottom: 25px; }

.home-demo > div { width:50%; display:block; margin: 0 auto;  }
.home-demo div input[type="text"], .home-demo select { width: calc(95% - 60px)!important; float:left; font-size:13px; }
.home-demo div input[type="submit"] { width: calc(95% - 10px); float:left; margin-top:0px; } 
.home-demo div label { float:left; } 

.ttcont { display:inline-block!important; width:calc(95% - 10px); float:left; } 
.demo-ic:first-of-type .ttcont:first-of-type { margin-top:20px; } 
.tt { top: 1px; left:auto; right:0; width:65px; border-radius:5px; } 
.tt.upped { padding-top:5px; top:1px; right:1px; height:25px; }
.tt.upped p { margin-top:-4px; } 
.home-demo { margin-top:-30px; } 
	
/********end home page dem form *****/	
.cd-author img { display:block; margin:0 auto; } 	
.cd-author ul li { display:block; } 	
.cd-testimonials p:after { bottom:77px; left: 52%; } 
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 130px; }	
/*404 ERROR Page*/
.f04-copy {top:190px;}	


.demo-show { max-height: 715px	; } 
.demo-form .section.colm.col6.opt { width:100%!important; max-width:100%!important }
.demo-form .opt h3 { width:100%;  } 

.demo-form .opt .option.block { width:100%; display:inline-block; float:left; height:35px; text-align:left; font-size:14px;  } 

.demo-form .option-group.field { width:100%; } 
}

@media only screen and (max-width:600px) {
.home-demo div input[type="submit"] { font-size:20px; } 
/*404 ERROR Page*/
.f04-copy {top:180px;}	

.footer .map a:last-of-type { display:none; } 
.footer .map a:first-of-type { display:block; }

}

@media only screen and (max-width:530px) {
.right, .left { width:calc(100% - 40px); margin:20px; }

.top-image .top-copy:not(.ct) h1 { font-size:25px; } 
.top-image .top-links span { font-size: 5px; } 
.top-image .top-links a { font-size: 9px; } 

.dec-glass .inner-container div p { font-size:20px; line-height:1.5; } 
.finish-opt .colors > div { width:100px; height:100px; margin:auto -24px; } 
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 100px; }	
	
.column-1-2 .dpo img {width:118px;}	
.footer div.map { height:auto; margin-bottom:30px;  } 
.accredit h2 { font-size:30px; 
}
/*404 ERROR Page*/
.f04-copy {top:170px;}	

.selection { width:100%; pointer-events:none;} 
.sliderButtons { width: 50%; } 
.sliderButtons ul { width: 100%; pointer-events:all;} 
.sliderButtons ul li { display:inline-block; } 

}
@media only screen and (max-width:425px){
.finish-opt .colors > div { width:100px; height:100px; margin:auto -26px; } 
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 50px; }	

div:not(.footer) >.inner-container .tabbed .tabs ul li { font-size:12px; } 

.carousel h2 { font-size: 25px; } 
.carousel p { font-size: 15px; } 
.left a, .right a { font-size:15px; } 

span.phone, span.faz, span.email { display: inline-block; width: 100%; float: left; margin: 10px 0px; }
.footer div.map { height:auto; margin-bottom:30px;  } 
span.email, .footer .map { margin-bottom: 30px; } 
table.fhours tr { width: 100%; font-size:13px; } 

.column-1-2 .dpo:not(.patio-1) img {width:91px;}	

.accredit h2 { font-size:20px; }

/*home page dem form **/
.demo-head a { margin-bottom:20px; } 
.home-demo > div { width:85%; max-width:260px;  } 

/* home page demo form **/
.testimonial {column-count:1;}
.video-testimonials h1 {padding:20px;}
.testimonial {-webkit-column-count:1;column-count:1;}
/*Testimonial double-quotes*/ 
.cd-testimonials p { width:85%; } 
.cd-testimonials p:after {width: 15px;height: 15px; bottom:72px; }

.cd-author img { width: 30px; height: 30px; } 
.cd-author .cd-author-info li:first-child { font-size:15px; } 
.cd-author .cd-author-info li:last-child { font-size: 10px; } 

/*About-us-page*/
.sidemenu-mobile{width:100%;}
#sidemenu {width:100%; text-align:center;}
#sidemenu li a.open { color:#02194c; background:transparent;height: 50px; width:100%;}
#sidemenu li a strong {display:none;}
#sidemenu li {display:inline-block; padding: 10px;}
.column-1-4.sidemenu-mobile {padding-bottom: 0px;}
div#history-content .column-1-2 img {padding:0px 0px 10px 0px;}
div#awards-content .column-1-2 {width:100%;-webkit-column-break-after: avoid;}
div#partnerships-content .column-1-4 {width:100%;}
div#partnerships-content .column-1-2.first-row {width:100%;}
div#accreditations-content .column-1-4 {width:100%;}
.row.awards {text-align:center;}
.awards img:hover{opacity: 0.4;}
i.fa.fa-history {display:block; font: normal normal normal 29px/1 FontAwesome;}i.fa.fa-trophy { display:block; font: normal normal normal 29px/1 FontAwesome;}
i.fa.fa-star-o { display:block; font: normal normal normal 29px/1 FontAwesome;}i.fa.fa-users { display:block; font: normal normal normal 29px/1 FontAwesome;}

#sidemenu li a.open i.fa.fa-history {border-bottom:1px solid #02194c;font: normal normal normal 33px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-trophy {border-bottom:1px solid #02194c;font: normal normal normal 33px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-star-o {border-bottom:1px solid #02194c;font: normal normal normal 33px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-users  {border-bottom:1px solid #02194c; font: normal normal normal 33px/1 FontAwesome;} 

/*Responsive Top Images*/
.jdpower-2018 { background-image:url(/_assets/images/index-banner/2018-jdpower-websitebanner_425x537.jpg); }
.careers { background-image:url(/_assets/images/top-images/careers-top-image-m.jpg); }
.energy-eff { background-image:url(/_assets/images/top-images/energy-efficiency-top-image-m.jpg); }
.financing { background-image:url(/_assets/images/top-images/finance-top-image-m.jpg); } 
.testimon { background-image:url(/_assets/images/top-images/testimonials-top-image-m.jpg); }
.free-est { background-image:url(/_assets/images/top-images/free-estimate-top-image-m.jpg); }
.installation { background-image:url(/_assets/images/top-images/installation-top-image-m.jpg); }
.warrant { background-image:url(/_assets/images/top-images/warranty-top-image-m.jpg); }
.resources { background-image:url(/_assets/images/top-images/resources-top-image-m.jpg); }
.abouts { background-image:url(/_assets/images/top-images/about-top-image-m.jpg);}
.gallery {background-image:url(/_assets/images/top-images/gallery-top-image-m.jpg);}
.quad {background-image: url(../images/index-banner/davenport-award-m.jpg);}
.fifteenMillion {background-image: url(/_assets/images/index-banner/15MM-WindowsSold-Banner-425x537.jpg);}

/*Responsive Top Images for Product Pages*/
.prod-doors { background-image:url(/_assets/images/top-images/doors-top-image-m.jpg); }
.prod-edoor { background-image:url(/_assets/images/top-images/entry-door-top-image-m.jpg); } 
.prod-stormdoors {background-image:url(/_assets/images/top-images/storm-door-top-image-m.jpg);}
.prod-garagedoors { background-image:url(/_assets/images/top-images/garage-door-top-image-m.jpg); }
.prod-hingedpatio { background-image:url(/_assets/images/top-images/hinged-patio-door-top-image-m.jpg); }
.prod-slidingpatio { background-image:url(/_assets/images/top-images/sliding-door-top-image-m.jpg); }

.prod-gutters { background-image:url(/_assets/images/top-images/gutters-top-image-m.jpg); }

.prod-shutters { background-image:url(/_assets/images/top-images/shutters-top-image-m.jpg);} 
.prod-boardbatten { background-image:url(../images/top-images/shutters-bnb-top-image-m.jpg); }
.prod-combo { background-image:url(../images/top-images/shutters-comb-top-image-m.jpg); }
.prod-louvered { background-image:url(../images/top-images/shutters-lou-top-image-m.jpg); }
.prod-raisedpanel { background-image:url(../images/top-images/shutters-rp-top-image-m.jpg); }

.prod-siding { background-image:url(../images/top-images/vinyl-siding-top-image-m.jpg);}

.prod-sunroom { background-image:url(/_assets/images/top-images/patio-and-screen-room-top-image-m.jpg); }

.prod-windows { background-image:url(../images/top-images/windows-top-image-m.jpg); } 
.prod-casement { background-image:url(/_assets/images/top-images/casement-top-image-m.jpg); }
.prod-dh { background-image:url(/_assets/images/top-images/double-hung-window-top-image-m.jpg); }
.prod-bay-bow { background-image:url(/_assets/images/top-images/bay-and-bow-top-image-m.jpg); } 
.prod-gardenwindows { background-image:url(/_assets/images/top-images/garden-window-top-image-m.jpg); }
.prod-hoppers { background-image:url(/_assets/images/top-images/hopper-window-top-image-m.jpg); }
.prod-picturewindows { background-image:url(/_assets/images/top-images/picture-window-top-image-m.jpg); }
.prod-privacywindows { background-image:url(/_assets/images/top-images/privacy-window-top-image-m.jpg); }
.prod-sliding { background-image:url(/_assets/images/top-images/sliding-window-top-image-m.jpg); }

/*
.prod-1000 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-1500 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-2000 { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-accents { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-insulatedsiding { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-reinforcedplus { background-image: url(/_assets/images/image-placeholder.jpg); }
.prod-reinforced { background-image: url(/_assets/images/image-placeholder.jpg); }
*/

.boynton-lp {background-image:url(/_assets/images/top-images/boynton-beach-top-image-m.jpg);}
.boca-raton-lp {background-image:url(/_assets/images/top-images/boca-raton-top-image-m.jpg);}

.cold-weather{background-image:url(../images/top-images/cold-weather--top-image-m.jpg);}
.jdp-page {background-image:url(/_assets/images/top-images/double-hung-window-top-image-m.jpg);}
/*ACCORDIAN Products Mobile Menu @media 425*/
/**Windows**/

#double-hung .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/double-hung-m.jpg);}

#sliding-window .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/sliding-m.jpg);}
#casement-and-awning .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/case-awn-m.jpg);}
#picture .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/picture-m.jpg);}
#bay-and-bow .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/bay-and-bow-m.jpg);}
#garden .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/garden-m.jpg);}
#privacy .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/privacy-m.jpg);}
#hopper .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/hopper-m.jpg);}
/**Doors**/
#entry .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/entry-m.jpg);}
#sliding .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/sliding-patio-m.jpg);}
#hinged .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/hinged-m.jpg);}
#garage .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/garage-m.jpg);}
#storm .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/storm-m.jpg);}
/*Shutters*/
#board-and-batten .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/bnb-m.jpg);}
#combo .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/combo-m.jpg);}
#louvered .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/louvered-m.jpg);}
#raised-panel .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/raised-m.jpg);}
/*Vinyl-Siding & Accents*/
#vinyl .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/vinyl-s-m.jpg);}
#accents .accordian-container {background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0.3)), url(/_assets/images/accents-m.jpg);}
/*404 ERROR Page*/
.f04-copy {top:120px;}
.f04-copy ul li {font-size:16px; line-height:1.9;}	
}

@media only screen and (max-width: 414px){.column-1-2 .dpo:not(.patio-1) img{width:77px;}}

@media only screen and (max-width: 368px){
.finish-opt .colors > div { width:100px; height:100px; margin:auto -24px; } 
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 40px; }		
	
.right-side a { padding: 25px 15px; }
.video-testimonials h1 {padding:20px;}
.testimonial {-webkit-column-count:1;column-count:1;}
.column-1-2 .dpo:not(.patio-1) img {width:74px;}
/*About-us-page*/	
.sidemenu-mobile{width:100%;}
#sidemenu {width:100%; text-align:center;}
#sidemenu li a strong {display:none;}
#sidemenu li {display:inline-block; padding: 10px;}
div#history-content {text-align:center;}
div#partnerships-content .column-1-2.first-row.g {width:100%;}
.column-1-4.sidemenu-mobile {padding-bottom: 0px;}
i.fa.fa-history {display:block; font: normal normal normal 29px/1 FontAwesome;}i.fa.fa-trophy { display:block; font: normal normal normal 29px/1 FontAwesome;}
i.fa.fa-star-o { display:block; font: normal normal normal 29px/1 FontAwesome;}i.fa.fa-users { display:block; font: normal normal normal 29px/1 FontAwesome;}

#sidemenu li a.open i.fa.fa-history {border-bottom:1px solid #02194c;font: normal normal normal 33px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-trophy {border-bottom:1px solid #02194c;font: normal normal normal 33px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-star-o {border-bottom:1px solid #02194c;font: normal normal normal 33px/1 FontAwesome;} #sidemenu li a.open i.fa.fa-users  {border-bottom:1px solid #02194c; font: normal normal normal 33px/1 FontAwesome;} 
/*404 ERROR Page*/
.f04-copy {top:110px;}	
}

@media only screen and (max-width: 358px) {
.finish-opt .colors > div { width:100px; height:100px; margin:auto -24px; } 
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 20px; }	
.arr img { width:30px; top:99px; } 	
.f04-copy {top:100px;}	
}

@media only screen and (max-width: 320px){
.column-1-4.sidemenu-mobile{padding:15px;}
.column-1-2 .dpo:not(.patio-1) img {width:63px;}
	
.finish-opt .colors > div { width:90px; height:90px; margin:auto -24px; } 
.finish-opt .inner-container > div { text-align: center; width:100%; padding:15px 20px; }
.f04-copy {top:90px;}	
}