/* Common css */
body{font-family:Arial, Helvetica, sans-serif; color:#222; font-size:16px; line-height:26px;}
iframe{border: none;}
a{ color:#0065BF; text-decoration: underline;}
a:hover{ color:#000; text-decoration:none}
a:focus{ color:#000; outline:none}

.heading, .sub-heading{ font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; line-height:32px; color:#0065bf; margin:0px 0 15px; text-align:center}
.sub-heading{font-size:24px; line-height:28px; margin-bottom:10px}

div.heading{ margin-bottom:15px; border-bottom:1px dotted #111}
div.heading .heading{ margin-bottom:5px}
div.heading .sub-heading{font-size: 21px; line-height: 24px; margin: 0 0 10px; color: #333;}

ul.style{margin:0 0 15px 0; padding:0 0 0 15px;}
.style .style{margin-top: 10px;}
ul.style li{list-style:disc; margin:0 0 15px 0px; font-size:14px; line-height:16px; text-align:left;}
ol.style li{list-style:decimal; margin:0 0 10px 30px; font-size:14px; line-height:16px; text-align:left;}
ol.style li ul li{list-style:disc; margin:0 0 5px 30px;}

.bullet-group{ margin-bottom:10px;}
.bullet-group .style{ margin:0 !important;}

.left{float:left;} .right{float:right;}

img.right {margin: 5px 0 20px 20px; max-width:40%;}
img.left {margin: 5px 20px 5px 0; max-width:40%;}
iframe.right, .youtube.right{ float:right; margin:0px 0px 15px 15px}
.youtube.right{ max-width:40%}
img{ max-width:100%}

.main-image{max-width: 40%!important;}

.container{ max-width:1000px;}
.zipcodes{text-align: center; margin-top: 10px; color: #0065BF; line-height:22px}
/* End Common css */

/* Start Header css */
header{ background:#033165; color:#fff; padding:8px 0px 0; text-align:center; border-bottom:5px solid #002758; margin-bottom:15px}
header .logo a{ display:block; min-height:90px;}
header .logo span{ font-weight:bold}
header .header-special img{ position: relative; margin-top:-45px; max-width:150px}
header .header-contact .sub-heading{ font-size: 26px; color: #b8d3f1; margin-bottom:15px;}
header .header-contact .sub-heading span{ font-size:18px; display:block}
header .header-contact a{ display:table; margin:0px auto 5px;}
header .header-contact p{ margin-bottom:0}
header .header-contact p a{ color:#fff; display:table; margin:0px auto; text-decoration: none;}

.tag{ margin:0px 0 15px; background: url(../img/tag-bg.png) bottom center no-repeat; padding: 0px 15px 15px}
.tag .heading{ margin:0; color: #0065BF; font-weight:normal; font-size: 21px; line-height:24px;}
.tag .heading span{display: inline-block; background: url(../img/blue-bullet.png) left center no-repeat; margin: 0 0 0 10px; padding-left: 25px; padding-right: 0px;}

/* End Header css */

/* Start Menu css */
.navbar-dark{ padding:0; margin-top:10px; background: none!important;}
.navbar-dark .navbar-toggler{ border:none; color:#fff; }
.navbar-dark .navbar-toggler-icon{background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.99)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.navbar-dark .navbar-toggler:focus{outline:0;}
.navbar-dark .navbar-toggler .open-menu{ font-size:15px;}
.navbar-dark .navbar-brand{ display:none}
.navbar-dark .navbar-nav .nav-item .nav-link{ background: url(../img/nav-bg.jpg) top left repeat-x; font-family:Georgia, "Times New Roman", Times, serif; border-radius:3px 3px 0 0; color:#003564; padding:10px 10px; margin:0px 1px; line-height:20px; font-weight:bold; text-decoration: none;}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{color:#000;}

.dropdown-menu { background:#013e73}
.dropdown-item{font-family: Georgia, "Times New Roman", Times, serif; border-top:1px solid #035092; color:#fff; font-size:15px; line-height:17px; padding:5px 10px; text-decoration: none;}
.dropdown-item br{ display: none}
.dropdown-item:current, .dropdown-item:hover{ color:#000;}
.dropdown-item.current{ background:#003766!important; color:#fff!important;}
/* End Menu css */

.main-container{ padding-bottom:15px}
.main-container p{ margin-bottom:30px;}

.main-services a{ display:block; position:relative; margin-bottom:15px}
.main-services span{ position:absolute; display: block; background:url(../img/ribbon.webp) top left no-repeat; color: #fff; font-weight: bold; height:45px; left:-9px; top: 15px; padding: 3px 10px 6px 5px; z-index:2; min-width:200px; font-size:15px;}
.main-services img{ width:100%; position:relative; border:3px solid #c2c2c2; min-height:165px}

.inner-pages .heading{ border-bottom: dotted 1px #111;}

/* Start Banner css */
.banner{border: solid 3px #c2c2c2; min-height:365px; max-width:1200px; margin:0px auto 15px}
.banner .carousel-inner .carousel-item span{ position:absolute; left:0; top:42%; padding:15px; display:table; background:rgba(0,0,0,.8); font-size:22px; line-height:24px; color:#fff;}
.banner .carousel-inner .carousel-item img{ width:100%;}


.inner-banner .row .col-md-7{ padding-left:0px}
.inner-banner{background: #eaedf4; margin: 0 0 20px 0; overflow: hidden; padding:10px;}
.inner-banner img{ width:100%}
.inner-banner .heading{ text-align:center!important; font-size:20px; line-height:22px; padding-bottom:5px; margin-bottom:8px; border-bottom:1px solid #ccc;}
.inner-banner .sub-heading{ text-align:center!important; color:#333; font-size:15px; font-weight: bold; line-height: 18px;}
.inner-banner ul.chk-list{padding:0; margin-bottom:0}
.inner-banner ul.chk-list li{background: url(../img/checks.jpg) left center no-repeat; list-style:none; padding: 4px 0 4px 20px; font-weight: bold; font-size:14px; line-height: 16px; color: #00284b;}
.inner-banner .sub-heading2{text-align:center; font-size: 13px; font-weight: bold; line-height: 16px; margin-top:15px; margin-bottom:0}
.inner-banner .sub-heading2 span{ display:inline-block}
.inner-banner .sub-heading2 span:before{ content:" - "; font-weight:bold}
.inner-banner .sub-heading2 span:first-child:before{ display:none}
.inner-banner .flash{ display:block; min-height: 265px; max-height: 265px; overflow: hidden;}
/* End Banner css */

.brand-logo{ margin:20px 0px 15px; text-align:center;}
.brand-logo img{ max-height:70px; margin:5px 20px}

.brands{ padding:0; text-align:center; margin-bottom:10px}
.brands li{  border-top:1px solid #c3c3c3; padding:15px 5px; list-style:none}
.brands li:last-child{ border-bottom:1px solid #c3c3c3;}

a.blue{background: #123E73 url(../img/btn-blue.webp) top left repeat-x; border: solid 1px #0C2F5A; color: #fff; display: block; font-size: 15px; margin: 0 0 10px; padding: 10px; text-align: center; text-transform: uppercase; text-decoration: none; border-radius: 8px;}
a.blue span{display: block; font-size: 12px; line-height: 14px;}
a.blue:hover{color:#f7e300;}

.blue-btn{ background:#002758; padding:15px 25px; color:#fff; border-radius:5px; display:table; margin:0px auto 30px; font-weight:bold; transition:.5s; text-decoration: none;}
.blue-btn:hover, .blue-btn:focus{ background:#0f4484; color:#fff;}

.cards{ margin-bottom:10px; text-align:center}

.spacials{ text-align:center; border-top:3px solid #ddd;  border-bottom:3px solid #ddd; padding:10px 0; display:table; margin:20px auto 30px}
.spacials img{ margin:10px 20px;}

.home-service{ border:1px solid #033165; padding:20px; margin:0px 0 25px; border-radius:5px;}
.home-service .sub-heading{ text-align:center; background:#033165; color:#fff; padding:10px; margin:-20px -20px 10px;}
.home-service .style{ padding-left:0; margin-bottom:0px}
.home-service .style li{list-style: none; background: url(../img/black-bullet-s.png) left center no-repeat; padding: 4px 5px 4px 12px; margin: 0 10px;}
.home-service .style li a{ font-weight:bold; font-size:15px; line-height:19px; color:#034e90}
.home-service .style li a:hover{ color:#000}

.service-list{margin-bottom:10px;}
.service-list .sub-heading{background:#013b6e url(../img/blue-grad.jpg) repeat-x; color:#fff; text-align:center; padding:6px 10px; margin-bottom:0; border-radius:5px 5px 0 0; font-size:20px; line-height:24px;}
.service-list ul{ padding:0}
.service-list ul li{background:#eaeaea; list-style:none}
.service-list ul li a{background:#eaeaea url(../img/arrow.jpg) left center no-repeat; display:block; border-bottom:solid 1px #fff; border-top:solid 1px #d5d5d5; padding:6px 10px 6px 26px; margin-left:10px; font-size:13px; line-height:17px; color:#034e90;}
.service-list ul li:last-child a{ border-bottom:none}

.testi{border:1px solid #ddd; padding: 15px 20px; margin: 0 0px 12px;background:#fff; box-shadow:0 1px 5px rgba(0,0,0,0.2);border-radius:18px; clear: both;}
.testi p{ margin-bottom:15px}
.testi .review-social{background:url(../img/5star.png) top right no-repeat; font-weight:bold; font-size:14px; line-height:17px; text-align:right; padding-top:24px; margin: 15px 0 5px;}
.testi .review-social span{ font-size:14px; line-height:16px; display:block; margin-bottom:5px;}
.testi .review-social img{display:inline!important;}

.testimonial{padding:10px 10px 0; background:#e8e8e8; border:solid 1px #c3c3c3; margin-bottom:10px; font-size:12px; line-height:17px; border-radius: 5px 5px 0 0; color:#000;}
.testimonial .heading{background: #013b6e url(../img/blue-grad.jpg) repeat-x; color: #fff; padding: 6px 10px; border-radius: 5px 5px 0 0; margin:-11px -11px 10px; font-size:20px; line-height:24px;}
.testimonial .testi{ padding:0; background: none; box-shadow:none; border:none; border-radius:0}
.testimonial .testi a{ color:#000; font-weight:bold}

.contact-form{ text-align:center; background:#E8E8E8; border-radius:0 0 5px 5px; padding: 0 10px 15px; margin-bottom: 15px; min-height:500px}
.contact-form a{ display:inline-block}
.contact-form p{ margin-bottom:10px}
.lhs .contact-form, .rhs .contact-form{ margin-top:20px}
.lhs .contact-form .sub-heading, .rhs .contact-form .sub-heading{background:#013b6e url(../img/blue-grad.jpg) repeat-x; color:#fff; padding:6px 10px; border-radius: 5px 5px 0 0; font-size:20px; line-height:24px; margin:-10px -10px 10px}

.home-review{ background:url(../img/pacifica-glass-company-reviews.webp) center no-repeat; background-size:cover; color:#000; padding:20px; text-align:center; background-size:cover; margin-bottom:20px;}
.home-review p{ margin-bottom:20px;}
.home-review .heading{ font-size:26px; line-height:30px; color:#000}
/* delete and set sub-heading*/
.test-heading-review-deted{background:url(../img/5star.png) left center no-repeat; padding:0 0 0 110px; color:#000; font-size:16px; line-height:22px; font-weight:bold; text-transform:uppercase; display:table; margin:0px auto 10px}
.home-review .review-social.no-stars{ background: none!important; padding-top:0px;}
/* delete and set sub-heading*/
.home-review a{ font-weight:bold; color:#333}
.home-review .review-social{ font-weight:bold; text-align:center; background:url(../img/5star.png) top center no-repeat; padding-top:22px; font-size:15px;}
.home-review .review-social span{ display:block; margin-bottom:5px}
.home-review .review-social img{ display:inline!important;}

.home-contact{ background:url(../img/contact-glass-mirror-company.webp) center no-repeat; background-size:cover; padding:20px; margin-bottom:30px}
.home-contact .contact-form{ background:none}
.home-contact .contact-form .sub-heading{ color:#0065BF}

.social{ text-align:center; padding:0px 15px 0; margin-bottom:20px}
/*.social a:last-child{ background:#123E73 url(../img/btn-blue.webp) top left repeat-x; display:table; margin:15px auto; border-radius:5px; color:#fff; padding:10px; font-weight:bold;}*/
.social .bbb-btn{ margin-bottom:15px;}
.social .bbb-btn a{ background:none; margin-bottom:20px; padding:0; margin-bottom:0}

/* modad contact */
.contactModal .modal-header{ border:none; padding-bottom:0}
.contactModal .modal-header .close{ padding-top:0; font-size:42px; margin-top:-21px; padding-bottom:16px}
.contactModal .modal-header .close:focus{ outline:none}
.contactModal .sub-heading{text-align:center; color:#003257}
.contactModal .modal-body{ padding-top:0; margin-top:-5px;}
.contactModal .modal-body a{ color:#333}
.contactModal .contact-form{ background:none; padding:0}
.contactModal .contact-form p{color:#003257}
/* modad contact */

.lhs .social, .rhs .social{ padding:0;}
.lhs .social strong, .rhs .social strong{ display:block}

.specials{ text-align:center; max-width:32%; float: right; margin-left: 10px;}
.specials img{ margin-bottom:10px;}
.spacials .blue-btn{ margin:15px auto 15px}

/*Start service-area */
.service-area .container-fluid{ padding:0}
.service-menu{ background:url(../img/pacifica-glass-service-areas.webp) center no-repeat; background-size:cover; min-height:340px; padding:20px 20px 10px!important}
.service-menu .sub-heading{ color:#fff; margin-bottom:20px; font-size:24px; line-height:26px;}
.service-menu .style{ padding:0}
.service-menu .style li{list-style:none; margin-bottom:10px}
.service-menu .style li a{ background:url(../img/city-arrow-right.png) 0 3px no-repeat; padding-left:15px; color:#fff; font-size:14px; line-height:16px;}
.service-menu .style li a:hover{ text-decoration:underline}

.google-map{ position:relative; background: url(../img/pacifica-glass-company-service-area-map.webp) center no-repeat; min-height:340px}
.google-map::before{content: ""; background: url(../img/pacifica-glass-company-santee-ca-ratings.webp) center no-repeat; width: 193px; height: 108px; position: absolute; left: 10px; top: 10px; box-shadow: 0 0 3px rgba(0,0,0,0.5);}
.google-map a{display: block; position: absolute; content: ""; width: 100%; top: 0; bottom: 0;}

.contact-map{ border:1px solid #ddd; margin-bottom:15px;}
/*End service-area */

/* Start inner page gallery css  */

#gallery{ margin-bottom:30px; background:url(../img/gallery.webp) top center no-repeat; padding-top:40px;}
ul.gallery li, .gallery-main-page li{ margin-bottom:20px}
ul.gallery li a,.gallery-main-page li a{ display:block; margin-bottom:5px; max-height:150px; overflow:hidden}
ul.gallery li span, .gallery-main-page li span{ font-size:12px; line-height:12px; color:#6d6d6d; text-align:center; display:block}
ul.gallery li div, .gallery-main-page li div{ border:1px solid #ddd; padding:2px 2px 5px;}

ul.recent-projects li a{ max-height: inherit}
ul.recent-projects li span{ font-size:18px; line-height:22px; font-weight:bold; color:#000}

.lb-data .lb-number{ display:none !important}
/* Start inner page gallery css  */

/*--Main Gallery--*/
.gallery-page { margin-bottom:20px}
.gallery-page .sub-heading{ background:#004669; color:#fff; margin-bottom:20px; padding:10px; text-align:center}
ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ width:100%; position:relative; z-index:400}
ul.image-gallery li .comment{ display:block;/* padding:8px 10px;*/ margin-bottom:0; color:#fff; background: rgba(0,0,0,.9); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 15px; line-height: 20px; padding:5px 15px;}
ul.image-gallery li .comment span{display: inline-block; padding:0; margin-bottom: inherit; color: #fff; background: none; position: relative; bottom: inherit; left: inherit; right: inherit; z-index: inherit}
.comment .shortcontent{display: inline; margin-right: 5px;}
.comment a{color: #fff;}
.comment a:hover{color: #fff; text-decoration: none;}
/*--Main Gallery--*/

/* footer css */
footer{ background:#033266; padding:10px 0px 5px; font-size:12px; line-height:16px; color:#d2d5fd;}
footer p{ margin-bottom:0}
footer p img{ vertical-align: inherit; max-width:100%}
.fmenu{ display:block; margin-bottom:5px}
.fmenu a{ display:inline-table; padding:0px 3px; color:#d2d5fd; text-decoration:none}
.copyright{ text-align:right; margin-bottom:0px}.copyright a{ color:#fff}.copyright a:hover, .fmenu a:hover{ color:#fff}

.float-btn{ position:fixed; bottom:15%; right:0; z-index:1000}
#back-to-top{position:fixed; bottom:4%; right:2%; background:#043f80; padding:5px; transition:.5s; z-index:1000}
#back-to-top:hover{background: #044ea0;}

@media (max-width: 1199.98px) {
.container{ max-width:100%;}

.inner-banner .flash{ min-height: 260px; max-height: 300px; overflow: hidden;}

.main-image{max-width: 35%!important;}
}

@media (max-width: 991.98px) {
.heading{font-size:24px; line-height:26px;}
.sub-heading{ font-size:20px; line-height:22px;}

.heading br, .sub-heading br{ display:none}

.tag .heading{ font-size:18px; line-height:22px}
.tag .heading span{background: url(../img/blue-bullet-s.png) left center no-repeat; padding-left: 20px; margin-left:8px}

/* Start Menu css */
.navbar-dark .container{ padding:0}
.navbar-dark .navbar-nav .nav-item .nav-link{ padding:10px 4px; font-size:14px; line-height:16px;}
.navbar-dark .wrapper{ padding:0}
/* End Menu css */

/* Start Banner css */
.banner{ min-height:280px}
.banner .carousel-inner .carousel-item span{ font-size:20px; line-height:22px;}

.inner-banner .flash{ min-height: 190px; max-height: 240px; overflow: hidden;}
.inner-banner .heading{font-size:18px; line-height:20px; padding-bottom:0; margin-bottom:5px;}
.inner-banner .sub-heading{font-size:14px; line-height:16px; margin-bottom: 8px;}
.inner-banner ul.chk-list li{ font-size:13px; line-height:14px;}
/* End Banner css */

.main-services span{ font-size:12px; line-height:14px; min-width:inherit; max-height:100%; padding-top:8px}
.main-services img{ min-height:120px}
.brand-logo img{ max-height:40px;}

.inner-banner .sub-heading2 span{ display:inline}

.test-heading-review-deted{font-size:16px; line-height:18px;}
}


@media (max-width: 767.98px) {
.heading{font-size:20px; line-height:24px;}
.sub-heading{ font-size:18px; line-height:20px;}
div.heading .sub-heading{font-size:18px; line-height:20px;}

img.left, img.right {margin: 5px auto 20px; float: none!important; display: block; max-width:100%;}
.main-image{max-width: 100%!important; }

header .logo{ margin-bottom:20px!important;}
header .header-contact{ margin-bottom:20px!important}
header .header-contact a img{ min-height:25px}
header .header-contact .sub-heading{ font-size:22px; line-height:24px;}
header .header-contact .sub-heading span{ font-size:18px}
header .header-special{ margin-bottom:15px!important;}
header .header-special img{ margin-top:0}

/* Start Menu css */
.navbar-dark{ background:#033c7d!important; padding:3px 0px}
.navbar-dark .navbar-brand{ display:block;}
.navbar-dark .navbar-nav .nav-link{padding:10px 15px; border-bottom:1px solid #184b84;}
.navbar-dark .navbar-nav .nav-item .nav-link{ background:#023268; border-radius:0; color:#fff; padding:10px 20px; text-align:left}
.navbar-dark .navbar-nav .nav-item .nav-link:hover, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link, .navbar-dark .navbar-nav .nav-item.current-parent .nav-link.current{color:#fff; background:#054996}
.navbar-dark .navbar-nav .nav-item:last-child .nav-link{ border-bottom:none;}

.dropdown-item{ font-size:14px; line-height:18px; padding:.25rem 1.5rem}
.dropdown-item br{ display: none}
/* End Menu css */

.banner{ min-height:245px}
.banner .carousel-inner .carousel-item span{ padding:10px; font-weight:bold; font-size:16px; line-height:20px;}
.banner .carousel-inner .carousel-item img{ min-height:260px}

.inner-banner .flash{ min-height: 190px; max-height: 240px; overflow: hidden; margin-bottom:20px}
.inner-banner img{width: auto; margin: 0 auto; display: block;}
.inner-banner .row .col-md-7{ padding:15px 15px 0}
.main-services{margin-bottom:15px}
.main-services .col-md-3{padding:0;}
.main-services a{margin-bottom:2px;}
.main-services a span{position:relative; left:inherit; top:auto; height:inherit; padding:8px 10px; font-size:15px; line-height:18px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#033163+0,032449+100 */
background: #033163; /* Old browsers */
background: -moz-linear-gradient(top,  #033163 0%, #032449 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #033163 0%,#032449 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #033163 0%,#032449 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#033163', endColorstr='#032449',GradientType=0 ); /* IE6-9 */
}
.main-services a:hover span{ background:#033163}
.main-services a img{ display:none}
.main-services img{ min-height:inherit!important}

.specials{ max-width:100%; float:none; display:table; margin:0px auto}
.spacials img{ margin:0px 0 15px; min-height:300px}

.home-review{ min-height:400px}
.service-menu{ min-height:250px}

iframe.right, .youtube.right{ width:100%; float:none; margin:0px 0 15px;}
.youtube.right{ max-width:100%; text-align: center;}

.home-contact{ background:#f8f8f8;}
.test-heading-review-deted{background:url(../img/5star.png) top center no-repeat; padding:22px 0 0 0px; font-size:15px; line-height:18px;}

.google-map{ margin-bottom:20px}

.copyright,footer{ text-align:center}
.copyright{ padding-top:10px; margin-top:10px; border-top:1px solid #ddd;}
}