/*   
Theme Name: Peninsula Glass Website WP
Description: New Website WP Template for Peninsula Glass
Author: Admin
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { background: transparent; border: none; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; text-decoration:none; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
:focus { outline: 0; }
img { vertical-align: bottom; max-width: 100%; height: auto; width: auto\9;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
*{ padding:0 0 0 0; margin:0 0 0 0; }
html, body { height: 100%;}
body {
    background: #fff;
    color: #111;
    font-size: 16px;
    font-family: 'poppinsregular';
    position:relative;
}
h2,h3,h4,h5,h6 { font-weight:normal; margin-bottom:15px;}
p {margin: 0 0 20px 0;line-height: 1.6em; }
p.emptyp { margin:0}
element { cursor:pointer; }

/*** CSS IDs ***/
#top { position:relative; z-index:991}
#top .covid-notice {  padding:15px;background:lightyellow;text-align:center; font-size:20px}
#top .covid-notice span b { color:#da1a39!important; font-style:normal; display:inline-block; vertical-align:-1px; font-size:25px; color:#cc0000}
#top .covid-notice a { color:#111; font-family:'poppinsbold';}
#top.topfixed .covid-notice { display:none}

#top.topfixed { position:fixed; width:100%;}

#top.topfixed::before { content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:-1
}
#top::after,
#top.topfixed::after {
    z-index:-1;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    display: block;
    background: #fff;
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.10);
}
#topwrapper {}
#logo { padding:20px 0}
#mainnav {}

#pagenav {}
#pagenav > ul {}
#pagenav > ul > li { display:block; float:left; margin:0 3px}
#pagenav > ul > li a { display:block;
    text-transform:uppercase;
    font-size:17px;
    color:#282828;
    padding:34px 25px;
    font-family:'poppinsbold';
}
#pagenav > ul > li > ul > li > a { font-size:14px}
#pagenav > ul > li:hover > a,
#pagenav > ul > li.current_page_item > a,
#pagenav > ul > li.current_page_ancestor > a { color:#ce0e2d}
#pagenav > ul > li.menu-item-has-children a { padding-right:20px}
#pagenav > ul > li.menu-item-has-children > a { position:relative}
#pagenav > ul > li.menu-item-has-children > a::after {content: "\f107";
    position:absolute;
    top:34px;
    right:0;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#pagenav > ul > li > ul { display:none;
    position:absolute;
    width:auto;
    border:0;
    z-index:1;
    background:0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#pagenav > ul > li:hover > ul { display:block}
#pagenav > ul > li > ul::after { content:'';
    background:#fff;
    width:100%;
    height:100%;
    display:block;
    position:absolute;
    top:0px;
    left:0;
    z-index:-1;
    -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.09);
    box-shadow:0px 1px 7px 1px rgba(0,0,0,0.1);
}

#pagenav > ul > li > ul > li {}
#pagenav > ul > li > ul > li > a { padding:15px 25px; border-top:1px solid #eee}
#pagenav > ul > li > ul > li:hover > a,
#pagenav > ul > li > ul > li.current_page_item > a { color:#ce0e2d}

#introbanner-area { padding:150px 0 50px 0; background-size:cover; position:relative; min-height:250px; text-shadow:0 2px 5px #000;}
#introbanner-area::before { content:'';
    background:#000;
    opacity:.4;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
#introbanner-area.bannerhp::before { display:none}
#introbanner-area .intro-entry { color:#fff}
#introbanner-area .intro-entry p { font-size:20px;}
#introbanner-area .intro-entry p > strong { font-size:18px}
#introbanner-area .intro-entry h1 { font-size: 60px; margin:0 0 15px 0; font-family:'poppinsbold';}
#introbanner-area .intro-entry p { font-size:18px; letter-spacing:0.03em}
#introbanner-area .intro-entry .btn-button { margin-top:10px; display:inline-block}
#introbanner-area .intro-entry .btn:hover { background:#fff!important; color:#ce0e2d!important}
#introbanner-area .intro-entry .btn { text-shadow:none}

#introbanner-area.bannerhp { padding:0; min-height:inherit; text-align:left}
#introbanner-area.bannerhp::before { opacity:.2}
#introbanner-area.bannerhp .banner-image img { width:100%}
#introbanner-area.bannerhp .image-overlays { position:absolute; top:0; left:0}
#introbanner-area.bannerhp .image-overlays img {
    visibility:hidden;
    opacity:0;
    display:none;
    -webkit-transition: opacity .4s,visibility .4s;
    -o-transition: opacity .4s,visibility .4s;
    transition: opacity .4s,visibility .4s;
}
#introbanner-area.bannerhp .overlay-texts {
    position:absolute;
    top:0;
    left:0;
    width:100%;
}
#introbanner-area.bannerhp .overlay-texts .intro-entry {
    width:45%;
    position:absolute;
    right:0;
    padding:40px;
    margin-top:60px;
    z-index:1;
    display:none
}
#introbanner-area.bannerhp .overlay-texts .intro-entry:before {
    content:'';
    position:absolute;
    background:#000;
    display:block;
    width:100%;
    height:100%;
    opacity:.8;
    z-index:-1;
    top:0;
    left:0;
}
#introbanner-area.bannerhp .overlay-texts .intro-entry p {
    font-family:'poppinsbold';
    font-size:25px;
}

#banner-logos { padding:20px 0 30px 0}
#banner-logos ul {}
#banner-logos ul li {
    width:29%;
    display:inline-block;
    vertical-align:middle;
    margin:5px 20px;
    position:relative;
}
#banner-logos ul li:nth-child(2) {top:-10px;}
#banner-logos ul li img { cursor:pointer;}

#banner-logos ul li > ul { position:absolute; left:0; bottom:-15px; width:100%; z-index:9}
#banner-logos ul li > ul li {
    top:inherit!important;
    display:inline-block;
    vertical-align:top;
    font-size:12px;
    margin:0 5px;
    background:#ce0e2d;
    color:#fff;
    padding:5px 0;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
}
#banner-logos ul li > ul li a { color:#fff}
#banner-logos ul li > ul li:hover { background:#444}


#main-content { min-height:300px;}
#main-content.innerpage,
#main-content.singleblog { padding-top:30px}


#main-content.innerpage #bloglists,
#main-content.innerpage #testilists { padding-top:0}

#main-left { width:70%}
#main-right { width:28%}

#main-right .widget { margin:0 0 30px 0}
#main-right .widget .widget-ttle { display:block; margin:0 0 15px 0}
#main-right .widget .widget-ttle strong { font-family:'poppinsbold'; font-size:25px}

#main-right .widget ul {margin: 0 0 15px 30px; display:inline-block}
#main-right .widget ul li { display:block; margin:0 0 12px 0; line-height:1.5em; position:relative}
#main-right .widget ul li::before { content: "\f105";
    position:absolute;
    margin-right:10px;
    color:#ce0e2d;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    top:0px;
    left:-20px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#main-right .widget ul li a { color:#222}
#main-right .widget ul li a:hover { text-decoration:underline}

#whatcanwedo { padding:40px 0}
#whatcanwedo .container {}
#whatcanwedo .entry { background:#f5f5f5}
#whatcanwedo .entry .content-column { }
#whatcanwedo .entry .content-column img {width:100%; margin:0}
#whatcanwedo .entry .content-column p { margin:0}
#whatcanwedo .entry .content-column.last_column { padding:55px 20px 0 10px}
#whatcanwedo .entry .content-column.last_column p { margin:0 0 35px 0; font-size:20px; color:#444; line-height:1.8em;}
#whatcanwedo .entry h2 {font-size: 40px; margin:0 0 30px 0}
#whatcanwedo .entry ul {}
#whatcanwedo .entry ul li {font-size: 20px; color:#444; padding-left:45px; margin-bottom:25px}
#whatcanwedo .entry ul li:before {font-size: 35px; margin-right:0; top:1px; left:0; position:absolute}

#weshipanywhereus { padding:0px 0 50px 0; margin:0 0 50px 0}
#weshipanywhereus .container {/* max-width:100%; */}
#weshipanywhereus .entry {}
#weshipanywhereus .entry .content-column { width:60%; margin:0}
#weshipanywhereus .entry .content-column blockquote {
    margin-top:125px;
    background:#ce0e2d;
    color:#fff;
    position:relative;
    z-index:99;
    padding:70px 70px 50px 70px
}
#weshipanywhereus .entry .content-column blockquote h3 { color:#fff; font-family: 'poppinsbold'; font-size:65px; line-height:1.5em; margin:0 0 30px 0}
#weshipanywhereus .entry .content-column blockquote ul { margin:0 0 0 5px}
#weshipanywhereus .entry .content-column blockquote ul li {font-size: 20px;padding-left: 45px; margin:0 0 20px 0}
#weshipanywhereus .entry .content-column blockquote ul li:before { color:#fff;font-size: 35px; left:0; top:1px; margin:0; position:absolute}
#weshipanywhereus .entry .content-column.last_column { width:20%}
#weshipanywhereus .entry .content-column.last_column img {  position:absolute; right:0; top:0; width:880px}

#provenquality {}
#provenquality .entry { background:#111; color:#fff}
#provenquality .entry .content-column { width:60%; margin:0; padding:50px;}

#provenquality .entry .content-column h4 {
    color: #fff;
    line-height:1.3em;
    font-family: 'poppinsbold';
    font-size: 40px;
    margin: 0 0 20px 0;
}
#provenquality .entry .content-column p { font-size:20px; margin:0 0 40px 0; line-height:1.9em;color: #eee;}


#provenquality .entry .content-column.last_column { width:40%; padding:0}
#provenquality .entry .content-column.last_column img { width:100%; margin:0}
#provenquality .entry .content-column.last_column p { margin:0}

#top-products-area { padding:10px 0}
#top-products-area .entry {}
#top-products-area .entry .content-column {}
#top-products-area .entry .content-column.one_third { padding-top:10px; width:25%}
#top-products-area .entry .content-column.two_third.last_column { width:72%}
#top-products-area .entry .content-column.one_third h3 {
    line-height: 1.3em;
    font-family: 'poppinsbold';
    font-size: 60px;
    margin: 0 0 20px 0;
}
#top-products-area .entry .content-column.one_third p { font-size:20px;}

#top-products-area .responsive-tabs-wrapper {}
#top-products-area .responsive-tabs-wrapper .tabtitle { display:none}
#top-products-area .responsive-tabs__list { 
    display:inline-block;
    width:100%;
    margin:0 0 20px 0;
    padding:0
}
#top-products-area .responsive-tabs__list li {
    float:left;
    padding:10px 15px 7px 15px;
    background:#f5f5f5;
    margin:0 10px 10px 0;
    font-family:'poppinsbold';
    cursor:pointer;
}
#top-products-area .responsive-tabs__list li.responsive-tabs__list__item--active { background:#ce0e2d; color:#fff}
#top-products-area .responsive-tabs__list li.responsive-tabs__list__item--active:after {
    content:'\f0d8';
    position:absolute;
    bottom:-60px;;
    width:100%;
    left:0;
    line-height:inherit;
    text-align:center;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 80px;
    color:#f5f5f5;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#top-products-area .responsive-tabs__list li:last-child { margin-right:0}
#top-products-area .responsive-tabs__list li:before { display:none}

#top-products-area .tabcontent {
    background:#f5f5f5;
    width:100%;
    padding:30px 0px 30px 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#top-products-area .tabcontent > .content-column {
    float:none;
    display:inline-block;
    margin:0;
    vertical-align:top;
}
#top-products-area .tabcontent > .content-column.one_third {
    padding-right:20px;
}
#top-products-area .tabcontent > .content-column.one_third p { font-size:16px;}
#top-products-area .tabcontent > .content-column.two_third {}
#top-products-area .tabcontent > .content-column.two_third ul {
    display:inline-block;
    width:100%;
    text-align:left;
    margin:0;
}
#top-products-area .tabcontent > .content-column.two_third ul li {
    float:left;
    width:23%;
    margin:0 0 20px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#top-products-area .tabcontent > .content-column.two_third ul li:before { display:none}
#top-products-area .tabcontent > .content-column.two_third ul li strong {
    font-weight:normal;
    line-height:1.3em;
    display:block;
    font-size:14px;
    margin:10px 0 0 0;
    font-family:'poppinssemibold';
}

#newssechp { padding:40px 0 20px 0;}
#newssechp .entry { position:relative}
#newssechp .entry:before {
    content:'';
    background:url(images/newsweek-img.jpg) no-repeat scroll 0 0;
    background-size:100%;
    width:45%;
    height:100%;
    display:block;
    position:absolute;
    top:27%;
}
#newssechp .entry .news-section {
    background:#000;
    color:#fff;
    width:60%;
    padding:60px 100px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#newssechp .entry .news-section h5 {
    color:#fff;
    line-height: 1.3em;
    font-family: 'poppinsbold';
    font-size: 40px;
    margin: 0 0 20px 0;
}
#newssechp .entry .news-section .excp {}
#newssechp .entry .news-section .excp { font-size:20px; line-height:1.7em; margin:0 0 30px 0}
#newssechp .entry .news-section .excp a { color:#fff}
#newssechp .entry .news-section > a.btn-news {}
#newssechp .entry .news-section > a.btn-news { font-family:'poppinssemibold';
    display:inline-block;
    text-align:center;
    width:100%;
    max-width:200px;
    background: #ce0e2d;
    padding:14px 30px;
    font-size:18px;
    letter-spacing:.5px;
    color:#fff!important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#newssechp .entry .news-section > a.btn-news:hover {background: #da1a39;} 

#bloglists { padding:50px 0 20px 0}
#bloglists .entry { text-align:center}
#bloglists .entry h5 { font-family:'poppinsbold';
    font-size: 40px;
    margin: 0 0 35px 0;
    color:#222;
}
#bloglists .bloglist { display:inline-block; vertical-align:top; width:31.3%; margin:10px; text-align:left}
#bloglists .bloglist .blog-thumbnail-wrapper { display:block;height: 220px;overflow:hidden; margin:0 0 25px 0}
#bloglists .bloglist .blog-thumbnail-wrapper img { width:100%;height: 220px;}
#bloglists .bloglist .blog-list-ttle { display:block; font-family:'poppinsbold'; font-weight:normal; line-height:1.9em; margin:0 0 20px 0}
#bloglists .bloglist .blog-list-ttle a { display:block; color:#333; font-size:25px;}
#bloglists .bloglist .blog-list-ttle a:hover { color:#ce0e2d}
#bloglists .bloglist .more { display:block; margin-top:10px; color:#ce0e2d; font-size:14px}
#bloglists .bloglist .more:hover{ text-decoration:underline}

#testilists {}
#testilists .masonry-testi {
    column-count: 2;
    column-gap: 0;
}
#testilists .testiwrap {
break-inside: avoid;
    box-sizing: border-box;
    padding: 10px 10px 10px 10px;
}
#testilists .testibox { border:1px solid #eee;
    display:inline-block;
    vertical-align:top;
    width:100%;
    padding:10px 20px;
    margin-bottom:10px;
    text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#testilists .testibox .testithumb-wrapper { margin:0 0 20px 0}
#testilists .testibox .testithumb-wrapper img {
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
    border:3px solid #eee
}
#testilists .testibox .testicont {}
#testilists .testibox .testicont p strong { font-family:'poppinsbold'; font-size:20px}

#footer { padding:40px 0;}
#footer .container { border-top:1px solid #222; padding-top:40px;}
#logo-footer { margin-bottom:40px}


#social-links {}
#social-links ul li { display:block;
    margin:0 10px 0 0!important;
    float:left;
    width:35px;
    height:35px;
    background:#aaa;
    text-align:center;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
}
#social-links ul li a { display:block; line-height:40px; font-size:15px; color:#fff!important}
#social-links ul li.fb { background:#4267B2}
#social-links ul li.insta{ background:#8a3ab9}
#social-links ul li.tw{ background:#00acee}
#social-links ul li.linkd { background:#0e76a8}
#social-links ul li.yt{ background:#FF0000}

#footer-columns {}
#footer-columns .content-column { width:auto}
#footer-columns .content-column#logo-sociallinks { width:28%}
#footer-columns .content-column#footernavi { margin-left:30px}
#footer-columns .content-column.last_column { width:25%; float:right}
#footer-columns .content-column h6 { margin:0 0 20px 0; font-family:'poppinssemibold'; font-weight:normal; color:#282828; letter-spacing:0.06em}
#footer-columns .content-column a { color:#282828}
#footer-columns .content-column ul li { display:block; margin:0 0 10px 0}
#footer-columns .content-column ul li a:hover { text-decoration:underline}

#copy { padding:40px 0 0 0; line-height:1.6em; font-size:15px}
#copy a { color:#333}

#goup-btn { display:none; position:fixed;
    bottom:100px;
    right:20px;
    opacity:.8;
    cursor:pointer;
    background:#fff;
    width:50px;
    height:50px;
    text-align:center;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
}
#goup-btn i { font-size:40px; color:#ce0e2d;}

/*** CSS Classes ***/
* html .clearfix { height: 1%; }
.clearfix:after,
.section:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clear { clear:both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}
.clearpad { clear:both; padding:20px 0}
.clearhr { clear:both; padding:1px 0;display:inline-block;width:100%;border-bottom:1px solid #eee;margin:20px 0;}
.clearline { clear:both; display:inline-block;width:100%;margin:20px 0 30px 0; position:relative}
.clearline::after { content:''; width:30px; height:5px; background:#f6921e; display:block; position:absolute; bottom:0}
.fl { float:left;}
.fr { float:right;}
.fl, .fr {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.txt-left { text-align:left;}
.txt-right { text-align:right;}
.txt-center { text-align:center;}
.container {
    margin:0 auto;
    width:auto;
    max-width:1320px;
    position:relative;
}
.content-column{ margin: 0 3% 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.content-column.one_half { width:48.5%}
.content-column.one_third { width:31.3%}
.content-column.two_third { width:65%}
.content-column.one_fourth {width: 22.7%;}
.content-column.one_fifth { width:17.5%}
.content-column.two_fifth { width:38.5%;}
.content-column.three_fifth { width:58.5%;}
.content-column.last_column { margin:0}

.entry {}
.entry sup { font-size:11px; vertical-align: 15%;}
.entry hr { display:none}
.entry h1 { font-size:40px; font-family:'poppinsbold'; margin-bottom:20px}
.entry h2 {font-size:30px; font-family:'poppinsbold'}
.entry h3 { font-size:28px; }
.entry h4 { font-size:22px; }
.entry h5, .entry h6 {  font-size:19px}
.entry h5 {  font-size:18px;}
.entry h6 {  font-size:16px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { width:100%;
    margin-bottom:20px;
    color:#222;
    vertical-align:top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.entry small { text-transform:lowercase}

.entry p > strong { font-family:'poppinsbold'}
.entry p > a { color:#ce0e2d}

.entry > ol { display:inline-block; margin:10px 0; list-style:decimal; padding:0 0 0 22px}
.entry > ol li { margin:0 0 10px 0}
.entry > ul,
.entry > .content-column ul {margin: 0 0 15px 20px; display:inline-block}
.entry > ul li,
.entry > .content-column ul li { display:block; margin:0 0 12px 0; line-height:1.9em; position:relative}
.entry > ul li a,
.entry > .content-column ul li a { color:#222}
.entry > ul li a:hover,
.entry > .content-column ul li a:hover { text-decoration:underline}
.entry > ul li::before,
.entry > .content-column ul li::before { content: "\f05d";
    margin-right:10px;
    color:#ce0e2d;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 22px;
    position:relative;
    top:2px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.entry .single-thumbnail-wrapper { margin:0 0 20px 0; display:block}
.entry .post-meta { position:relative; top:-10px; margin:0 0 20px 0; font-size:14px}
.entry .post-meta span em { font-style:normal; text-transform:capitalize}

#main-content.singlenews .entry blockquote {
    background:#f9f9f9;
    padding:20px 10px 5px 20px;
    display:block;
    border-left:10px solid #ccc;
    margin:0 0 20px 0;
}
#main-content.singlenews .entry blockquote p {font-family:'poppinsitalic';}



.entry .comments-area { margin-top:0px}
.entry .comments-area h2#comments { margin:0 0 40px 0;
    font-family:'poppinsbold';  
    color: #222; 
    font-size: 35px;
}
.entry .comments-area h2#comments span { border-bottom: 1px dashed #eee; display:block; padding: 0 0 10px 0; margin:0 0 20px 0}
.entry .comments-area ol li { display:block; margin:0 0 35px 0}
.entry .comments-area ol li #respond { padding:30px 0 0 0}
.entry .comments-area ol li #respond .desc { display:none}
.entry .comments-area ol li #respond .submit-button { width:50%}
.entry .comments-area ol li ul.children { margin:35px 0 0 0; padding:0 0 0 155px}
.entry .comments-area ol li ul.children .comment-body { background: #ce0e2d;}
.entry .comments-area .comment-body { background: #ce0e2d; color:#fff; padding:35px 35px 15px 35px; font-size:14px;}
.entry .comments-area .vcard { position:relative; margin: -65px 0 20px 0; color:#000;}
.entry .comments-area .vcard i.fa-comment { color:#fff; position:relative; top:-2px}
.entry .comments-area .vcard .commentdate { margin-top:42px; color:#fff; }
.entry .comments-area .vcard a { color:#fff}
.entry .comments-area .vcard a:hover { color:#ce0e2d}
.entry .comments-area .vcard .fn { margin:0 0 0 10px; color: #fff; font-family:'poppinsbold_italic';}
.entry .comments-area .vcard span.says { margin:0 40px 0 0; color: #fff; }
.entry .comments-area .vcard img.avatar { position:relative;
    top:15px;
    border:5px solid #ce0e2d;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    -ms-border-radius: 150px;
    -o-border-radius: 150px;
    border-radius: 150px;
}
.entry .comments-area .comment-txt { color: #fff; font-size:14px; line-height: 1.5em; margin:0 0 15px 0}
.entry .comments-area .reply { text-align:right}
.entry .comments-area .reply a { display:inline-block;
    background:#fff;
    color: #ce0e2d;
    font-size:13px;
    padding:5px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    
}
.entry .comments-area .reply a:hover {  color:#015ccb; text-decoration:none}
.entry #respond { margin-top:20px; display:inline-block; width:100%; font-family:'poppinsregular';}
.entry #respond h2 { margin:0;font-family:'poppinsbold';  color: #222;  font-size: 30px; padding: 0 0 5px 0; border-bottom: 1px dashed #eee;}
.entry #respond a { color:#ce0e2d; text-decoration:underline}
.entry #respond a:hover { text-decoration:none}
.entry #respond form { margin:2% 0 0 0}
.entry #respond form > p { font-size:13px}
.entry .txt,
.entry .txtarea {width:100%;
    border:1px solid #555;
    color:#565656;
    background:#fff; 
    display:block;
    font-family:'poppinsregular';
    padding:15px;
    font-size:14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    resize:none;
}
.entry .txthalf { width:49%}
.entry .submit-button { font-family:'poppinssemibold';
    cursor:pointer;
    border:0;
    display:inline-block;
    background: #ce0e2d;
    padding:15px 30px 12px 30px;
    text-transform:uppercase;
    font-size:15px;
    letter-spacing:.5px;
    color:#fff!important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.entry .submit-button:hover {background: #da1a39;}
.entry .commentwrap { margin:0 0 2% 0}
.entry .commentwrap label { display:none}

.entry p > a.broken_link { text-decoration:none}
.entry p.image-p a.fancybox.alignright,
.entry p.image-p a.fancybox.alignleft { position:relative;}
.entry p.image-p a.fancybox img { width:100%; display:block}
.entry p.image-p a.fancybox i { position:absolute;
    text-align:center;
    width:100%;
    height:100%;
}
.entry iframe { margin-bottom:20px;
    width:100%;
    height: 460px;
    display:block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.entry > table { margin:0 0 20px 0; width:100%;}
.entry > table tr th { background:#333; color:#fff; font-family: 'poppinsregular', sans-serif;}
.entry > table tr th.blueth { background:#222;}
.entry > table tr td, .entry > table tr th { padding:20px; border:1px solid #eee; line-height:1.7em; font-size:14px}
.entry > table tr td.nobor { border-bottom:0; border-top:0}
.entry > table tr.bottom-divider td { border-bottom:5px solid #333}
.entry > table tr td strong { font-family: 'poppinsbold', sans-serif;}
.entry > table tr td em { font-style:normal;}
.entry > table tr td b,
.entry > table tr td strong { font-family: 'poppinsbold', sans-serif; font-weight:normal}
.entry > table tr td a b { display:inline-block; margin:0 0 10px 0; font-size:18px}
.entry > table tr td a {color:#222;}
.entry .wp-caption { max-width:100%!important;}
.entry iframe { width:100%; height:450px}

.entry .gform_wrapper { margin:0}

img.alignright, a img.alignright { float:right; margin:0 0 0 2em;}
img.alignleft, a img.alignleft { float:left; margin:0 2em 0 0}
img.aligncenter, a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
img.alignnone, a img.alignnone { margin:0 0 .5em 0}
img.alignright, a.alignright, img.alignleft, a.alignleft, img.aligncenter, a.aligncenter, img.alignnone, a.alignnone {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-p { margin:0}
.btn-button {}
.btn-button .btn { font-family:'poppinssemibold';
    display:inline-block;
    text-align:center;
    width:100%;
    max-width:200px;
    background: #ce0e2d;
    padding:14px 30px;
    font-size:18px;
    letter-spacing:.5px;
    color:#fff!important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-button .btn:hover {background: #da1a39;}   

.section { padding:70px 0}
.section.bg-img { position:relative;
    padding:100px 0 110px 0;
    font-size:70px;
    font-family:'poppinsbold';
    color:#fff;
    text-transform:uppercase;
}
.section.bg-img h3 { position:relative;}
.section.bg-img h3::before { content:'';
    margin:0 auto;
    margin-bottom:30px;
    display:block;
}
.section.bg-img.homesec { background:url(images/customglass-banner.jpg) no-repeat scroll 0 0;
    background-size:cover;
}
.section.bg-img.homesec h3::before { background:url(images/home-icon-imgs.png) no-repeat scroll 0 0;
    width:80px;
    height:80px;
    background-position:0 0; 
}
.section.bg-img.watercraftsec { background:url(images/watercraft-banner.jpg) no-repeat scroll 0 0;
    background-size:cover;
}
.section.bg-img.watercraftsec h3::before { background:url(images/watercraft-icon-imgs.png) no-repeat scroll 0 0;
    width:100px;
    height:65px;
    background-position:0 0; 
}
.section.bg-img.landsec { background:url(images/land-banner.jpg) no-repeat scroll 0 0;
    background-size:cover;
}
.section.bg-img.landsec h3::before { background:url(images/land-icon-imgs.png) no-repeat scroll 0 0;
    width:100px;
    height:60px;
    background-position:0 0; 
}
.section.bg-img.bg-img-entry { font-size:16px;
    font-family:'poppinsregular';
    background:url(images/almost-bottom-banner.jpg) no-repeat scroll 0 0;
    background-size:cover;
    text-transform:inherit;
}
.section.bg-img.bg-img-entry .entry h4 { color:#fff;
    font-size: 40px;
    margin: 0 0 15px 0;
    font-family: 'poppinsbold';
}

.section.product-lists { padding:60px 0 70px 0}
.section.product-lists .entry {}
.section.product-lists .entry ul { margin:0; width:100%}
.section.product-lists .entry ul li { display:inline-block; vertical-align:top; width:23.5%; margin:10px 5px 20px 5px}
.section.product-lists .entry ul li:before { display:none}
.section.product-lists .entry ul li img { margin-bottom:30px}
.section.product-lists .entry ul li strong { display:block; line-height:1.4em; font-family:'poppinsregular'; font-weight:normal; font-size:14px}
.section.product-lists .entry .btn-button { margin-top:30px}


.glass-weight-wrapper {margin-bottom: 30px;clear: both; overflow: hidden;}
.glass-weight-wrapper ul li { margin-bottom:20px;}
.glass-weight-wrapper .notice { margin:10px 0; line-height:1.4em}

.glass-step2-left{ float: left; width: 40%; }
#ulsp > li {display: inline-block;min-height: 30px;min-width: 210px;}
.glass-step2-left img {max-width: 175px;}
.glass-step2-right th { font-weight: normal;padding: 10px 10px 5px 0;text-align: left; line-height: 25px;}
.glass-step2-right select { padding: 5px; }
select#ulsp, select#ulth{margin-top: 50px;}
ul.Thickness { padding:0; margin:0; }
ul.Thickness li { list-style:none !important; background:none !important; padding:0 !important; margin:0 !important; }
.Thickness { display:block; width:580px; height:250px; padding:10px; background: #FFFFFF url(images/Glass-Thicknesses-Shelf-Calc.jpg) top left no-repeat;   }
ul.Thickness { padding:50px 0 0 80px; }
ul.Thickness li { float:left;  padding:0px 42px 0 0 !important; }

#main-content.singleblog { padding-top:60px}
#main-content.innerpage, #main-content.singleblog {padding-top: 60px;}

#pagenav > ul > li a:hover {border-bottom: 3px solid #da1a39;}
#pagenav > ul > li > ul > li > a { border:0}
#pagenav > ul > li > ul > li > a:hover { border:0}

#pagenav > ul > li a{ border: 3px solid transparent;}
.section.bg-img.autosec {
    background: url(/wp-content/uploads/2021/09/auto-dark.jpg) no-repeat scroll 0 0;
    background-size: cover;
}
.section.bg-img.autosec h3::before {
    background: url(/wp-content/uploads/2021/09/classic-car-1-red.png) no-repeat scroll 0 0;
    width: 140px;
    height: 60px;
    background-position: 0 0;
}


.popbox { display:none}
.popbox h3 { font-size:30px; font-family:'poppinsbold'; color:#222; padding:10px 20px; padding-bottom:4px}
.popbox .gform_wrapper { padding:20px; padding-top:0}
.popbox .gform_wrapper .gfield }
.popbox .gform_wrapper .gfield .gfield_required { display:none}
.popbox .gform_wrapper .gfield_label,
.popbox .gform_wrapper .ginput_complex label { display:none!important}
.popbox .gform_wrapper .gfield input[type=text],
.popbox .gform_wrapper .gfield textarea { border:1px solid #000;
    display:block;
    padding:12px;
    font-family:'poppinsregular'!important;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
}
.popbox .gform_wrapper .gfield textarea { height:90px!important}
.popbox .gform_wrapper .ginput_complex span { margin-bottom:15px!important}
.popbox .gform_wrapper .ginput_complex span.address_zip { margin-bottom:0!important; flex: 0 0 100%; padding-right:0}

.popbox .gform_wrapper .gfield .gform_drop_area { padding:10px}
.popbox .gform_wrapper .gfield .gform_drop_area .gform_drop_instructions { font-size:13px}
.popbox .gform_wrapper .gfield .gform_fileupload_rules { font-size:12px!important}

.popbox .gform_button { font-family:'poppinssemibold';
    display:inline-block;
    border:0;
    cursor:pointer;
    text-align:center;
    width:100%;
    max-width:200px;
    background: #ce0e2d;
    padding:14px 30px;
    font-size:18px;
    letter-spacing:.5px;
    color:#fff!important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.popbox .gform_button:hover {background: #da1a39;} 


#hpsecs {}
#hpsecs .content-column { margin:0 .2% 0 0; width: 24.8%;}
#hpsecs .wp-caption { width:100%!important; position:relative}
#hpsecs .wp-caption .wp-caption-text { margin:0; position:absolute; top:0; width:100%; height:100%;}
#hpsecs .wp-caption .wp-caption-text::before { content:''; opacity:.4; background:#000; width:100%; height:100%; position:absolute; z-index:1}
#hpsecs .wp-caption .wp-caption-text strong {line-height: 1.4em;display:block;text-transform:uppercase;text-align:center;position:relative;z-index:2;margin: 180px 0 0 0;color:#fff;font-size: 35px;text-shadow: 0 2px 5px #000;}
#hpsecs .wp-caption#hpsec1 .wp-caption-text strong,
#hpsecs .wp-caption#hpsec2 .wp-caption-text strong,
#hpsecs .wp-caption#hpsec4 .wp-caption-text strong {padding:0 27px;}
#hpsecs .wp-caption .wp-caption-text em,
#hpsecs .wp-caption .wp-caption-text a { display:none; text-align:center; position:relative; z-index:2}
#hpsecs .wp-caption .wp-caption-text em { padding:0 20px; color:#fff; font-style:normal}
#hpsecs .wp-caption:hover .wp-caption-text::before { opacity:.8}
#hpsecs .wp-caption:hover .wp-caption-text strong {margin: 100px 0 10px 0;}
#hpsecs .wp-caption:hover .wp-caption-text em,
#hpsecs .wp-caption:hover .wp-caption-text a { display:block}
#hpsecs .wp-caption:hover .wp-caption-text a { display:block; width:100px; background: #ce0e2d; color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    margin:0 auto;
    padding:5px;
    font-family:'poppinssemibold';
    margin-top:15px
}

#hpsecs.hpsecs2 {/* background:#ddd */}
#hpsecs.hpsecs2 .container {width: 100%;}
#hpsecs.hpsecs2 .wp-caption img { width:100%}
#hpsecs.hpsecs2 .wp-caption:hover .wp-caption-text strong {/* margin-top: 100px; */}


#newhpsec { background:#f5f5f5; padding: 0}
#newhpsec .entry { /*padding: 65px 70px;*/}
#newhpsec .entry:before,
#newhpsec .entry:after{
    content:'';
    width:350px;
    height:350px;
    display:block;
    position:absolute;
    display:none;
}
#newhpsec .entry:before {
    top:0;
    left:0;
    border-top:35px solid #ce0e2d;
    border-left:35px solid #ce0e2d
}
#newhpsec .entry:after {
    bottom:0;
    right:0;
    border-bottom:35px solid #ce0e2d;
    border-right:35px solid #ce0e2d;
    visibility:visible
}

#newhpsec .entry h2 {font-size: 45px;font-family: 'poppinsextrabold';}
#newhpsec .content-column { margin:0 .1% 0 0; width: 19.9%;}
#newhpsec .wp-caption { width:100%!important; position:relative}
#newhpsec .wp-caption img { width:100%}
#newhpsec .wp-caption .wp-caption-text {  margin:0; position:absolute; top:0; width:100%; height:100%;}
#newhpsec .wp-caption .wp-caption-text::before { content:''; opacity:.4; background:#000; width:100%; height:100%; position:absolute; z-index:1}
#newhpsec .wp-caption .wp-caption-text strong { padding:0 20px;line-height: 1.4em;display:block;text-transform:uppercase;text-align:center;position:relative;z-index:2;margin: 100px 0 0 0;color:#fff;font-size: 22px;text-shadow: 0 2px 5px #000;}
#newhpsec .wp-caption#hpsec1 .wp-caption-text strong,
#newhpsec .wp-caption#hpsec2 .wp-caption-text strong,
#newhpsec .wp-caption#hpsec4 .wp-caption-text strong {padding:0 27px;}
#newhpsec .wp-caption .wp-caption-text em,
#newhpsec .wp-caption .wp-caption-text a { display:none; text-align:center; position:relative; z-index:2}
#newhpsec .wp-caption .wp-caption-text em { padding:0 20px; color:#fff; font-style:normal; font-size:12px; line-height:1.6em}
#newhpsec .wp-caption:hover .wp-caption-text::before { opacity:.8}
#newhpsec .wp-caption:hover .wp-caption-text strong {margin: 40px 0 10px 0; padding:0 20px;}
#newhpsec .wp-caption:hover .wp-caption-text em,
#newhpsec .wp-caption:hover .wp-caption-text a { display:block}
#newhpsec .wp-caption:hover .wp-caption-text a { display:block; width:100px; background: #ce0e2d; color:#fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    margin:0 auto;
    padding:5px;
    font-family:'poppinssemibold';
    margin-top:15px
}

#newhpsec .container { max-width:100%;width: 100%}
#newhpsec.newhpsec2 .wp-caption img { width:100%}
#newhpsec.newhpsec2 .wp-caption:hover .wp-caption-text strong {/* margin-top: 100px; */}




#newslists {}
#newslists .news-section { margin:50px 0}
#newslists .news-section .alignleft.news-thumbnail-wrapper {
    float:left;
    margin:0 2em 1.5em 0;
}
#newslists .news-section .excp { line-height:1.6em; margin:0 0 25px 0}
#newslists .news-section .excp a {
    color: #ce0e2d;
}
#newslists .news-section span { font-size:13px; font-family:'poppinssemibold'; display:block; padding:10px 0 20px 0}
#newslists .news-section p strong { font-family:'poppinsbold'; font-size:30px}
#newslists .news-section p > a { display:none}
#newslists .news-section a.btn-news {
    font-family:'poppinssemibold';
    display:inline-block;
    text-align:center;
    width:100%;
    max-width:200px;
    background: #ce0e2d;
    padding:14px 30px;
    font-size:18px;
    letter-spacing:.5px;
    color:#fff!important;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#newslists .news-section a.btn-news:hover {background: #da1a39;}   

.section.bg-img.autosec {
    background: url(/wp-content/uploads/2021/09/auto-dark.jpg) no-repeat scroll 0 0;
    background-size: cover;
}
.section.bg-img.autosec h3::before {
    background: url(/wp-content/uploads/2021/09/classic-car-1-red.png) no-repeat scroll 0 0;
    width: 140px;
    height: 60px;
    background-position: 0 0;
}

@media only screen and (max-width: 600px) {
.content-column.one_half{
		width: 100%;
	}
}

span.span-date{
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 20px !important;
}

.page-id-19063 blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D";
}
.page-id-19063 blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.page-id-19063 blockquote p {
  display: inline;
}