body{background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#272826; margin:0; padding:0;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

a{color:#000; text-decoration:underline;}
a:hover,a:focus{text-decoration:none; color:#000;}
img{max-width:100%;}
img.right{float:right; margin:5px 0 5px 10px;}
img.left{float:left; margin:5px 10px 5px 0;}
img, object, embed{max-width: 100%; height: auto;}
.map{padding:5px; margin-bottom:15px; border:solid 1px #dad4c7; width:100%;}

.style{margin:0 0 15px; font-size:14px; line-height:16px; color:#272826;}
.style .style{margin: 8px 0 0;}
ol.style li{list-style:decimal; margin:0 0 8px 20px;}
ul.style li{list-style:url(../img/yello-bulet.jpg); margin:0px 0 8px 20px;}
ul.style li.none, ol.style li.none{list-style:none;}
ul.style li.heading, ol.style li.heading{list-style:none; border:none; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0 0 2px 0px;}

.bullet-group{ margin-bottom:20px;}
.bullet-group .style{ margin:0 !important;}
.bullet-group .style li{ margin-left:0}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; position:relative;}
.line-through span{background:#c3c0bb; display: block; position: absolute; height: 1px; top: 28%; width: 96%; z-index:1;}
p{font-size:14px; line-height:19px;}
p, .mb{display:block; margin-bottom:18px;}
hr{background:#d3d3d3; margin:19px 0; border:none; height:1px;}

.heading{font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; line-height:30px; color:#001552; font-weight:bold; margin:0 0 15px;}
.sub-heading{font-size:20px; color:#000; font-weight:normal; margin:5px 0 10px;}
.sub-heading2{font-size:16px; color:#000; font-weight:bold; margin:0 0 7px;}
.heading .heading{ margin-bottom:0;}
.heading .sub-heading{font-family:Georgia, "Times New Roman", Times, serif;  color:#000; font-style:italic; margin:0;}
.heading .sub-heading2{font-family:Georgia, "Times New Roman", Times, serif;  font-size:18px; color:#001552; font-weight:bold; margin:0 0 7px;}

/*** Header ***/
header .logo{ display:block; margin:20px 0 15px 0; min-height:70px}
header .head-contact{text-align:center; margin:5px 0 10px 0;}
header .head-contact .sub-heading{font-size:27px; line-height:31px; color:#001552; margin-bottom:8px;}
header .head-contact a{ display:block; margin-bottom:5px;}
header .head-contact span{ display:block; font-size:12px; line-height:14px; font-weight:bold; color:#000;}
header .head-contact span a{ color:#000; text-decoration:none; margin:0}

/*** Navigation ***/
.navigation, .top-bar, .top-bar.expanded .title-area, .top-bar-section ul, .top-bar-section li a:not(.button), .top-bar-section li:not(.has-form) a:not(.button){ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#344d6b+0,132943+100 */
background: #344d6b; /* Old browsers */
background: -moz-linear-gradient(top, #344d6b 0%, #132943 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #344d6b 0%,#132943 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #344d6b 0%,#132943 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#344d6b', endColorstr='#132943',GradientType=0 ); /* IE6-9 */
text-decoration:none;}
.top-bar-section ul{ display:table; margin:0px auto}

.top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section ul li:hover:not(.has-form) > a, .top-bar-section li.current a:not(.button), .top-bar-section li.current:not(.has-form) a:not(.button){ background:#132943; color:#fff;}

.top-bar, .title-area{height:48px; line-height:48px}
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 17px; font-size:14px; line-height:14px; border-right:solid 1px #0a1d34; border-left:solid 1px #2d4663; color:#fff; text-align:center;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 17px;}
.top-bar-section .has-dropdown > a{padding-right:17px!important;}
.top-bar-section li:first-child a{border-left:none!important;}
.top-bar-section li:last-child a{border-right:none!important;}
.top-bar-section .has-dropdown > a::after{ display:none;}/*class for dropdown arrow*/

.top-bar.expanded br{display:none;}
.top-bar.expanded .top-bar-section li:not(.has-form) a:not(.button){text-align:left;}

.top-bar-section .dropdown{ border:solid 1px #0b1b2d;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#172e48; border-top:solid 1px #203a58; border-bottom:solid 1px #0b1b2e; padding:5px!important; line-height:20px; border-right:none; border-left:none; color:#fff; font-size:12px; text-align:left;}
.top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover, .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button), .current-parent .current a{background:#112338 !important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}
.top-bar.expanded .toggle-topbar a{color:#fff;}

.navigation nav .dropdown a:hover, .top-bar.expanded .top-bar-section a:hover{background:#112338 !important;}
.navigation .top-bar.expanded .no-link ul .parent-link.js-generated, .navigation .top-bar .no-link .dropdown .parent-link{display:none;}
.navigation .top-bar.expanded .parent-link.show-for-small{display: block!important;}
.navigation .dropdown .parent-link.js-generated br{display:none;}
.top-bar .toggle-topbar.menu-icon a{ text-decoration:none;}

.main-container{ background:url(../img/bg.jpg) left top repeat-x;}
.content-wrapper{ background:#fff url(../img/banner-bg.jpg) left top repeat-x; padding-top:15px; position:relative;}
.shadow-left, .shadow-right{position:absolute; top:0;}
.shadow-left{left:-0.9375rem;}
.shadow-right{right:-0.9375rem;}

/*** Banner ***/
.banner{ min-height:260px}
.banner, .inner-banner{ border:solid 2px #fff; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; box-shadow:0px 0px 5px #808080; -moz-box-shadow:0px 0px 5px #808080; -webkit-box-shadow:0px 0px 5px #808080; overflow:hidden; margin:0 0.9375rem 3px;}
.banner img{ width:100%;}

/*class for orbit slider*/
.orbit-timer, .orbit-slide-number{display:none;}
.orbit-bullets-container{position:absolute; bottom:0px; right:10px; z-index:99;}
.orbit-timer, .orbit-slide-number, .orbit-bullets{display:none;}
/*class for orbit slider*/

.banner-inner{ border:solid 2px #fff; border-radius:8px; box-shadow:0px 0px 5px #808080; overflow:hidden; margin:0 0 15px;}
.slideshow.right{ width:250px;}
/*** Content Area ***/
.content-area{ margin-bottom:15px;}
.lhs{ background:url("../img/shadow-l.png") right top no-repeat;}
.rhs{ background:url("../img/shadow-r.png") left top no-repeat;}

.main-service-area{ background: url("../img/butonbg.webp") center top no-repeat; padding:10px 0.9375rem 0;}
.main-service-area [class*="block-grid-"] > li{padding:0 .3em;}
.main-service-area a{ display:block; font-size:18px; line-height:24px; color:#fff; border:solid 2px #445f7e; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0px 0px 8px #36506e; -moz-box-shadow:0px 0px 8px #36506e; -webkit-box-shadow:0px 0px 8px #36506e; text-decoration:none; position:relative; overflow:hidden; margin-bottom:15px; min-height:135px}
.main-service-area a:hover{ opacity:0.9;}
.main-service-area a img{ width:100%; min-height:130px}
.main-service-area a span{ width:100%; display:block; background:url(../img/service-nav-bg.webp) left center no-repeat; padding:5px 0 5px 44px; position:absolute; left:0; bottom:0;}

.services{ margin-bottom:15px;}
.services .sub-heading{background:#344e6c url(../img/serviceinav-nav-bg.jpg) bottom repeat-x; color:#fefefe; padding:6px 0 10px 11px; position:relative; margin:0;}
.services .sub-heading span{position:absolute; display:block; background:url(../img/corner.jpg) no-repeat; height:5px; width:5px; right:0px; bottom:-5px;}
.services ul{ list-style:none; margin:0;}
.services ul li{margin-right:5px; border-top:1px solid #1b3452; border-bottom:solid 1px #415d7d;}
.services ul li a{display:block; background:#344e6c url(../img/bullet.png) left center no-repeat; text-decoration:none; color:#fefefe; font-size:13px; line-height:14px; padding:5px 0 7px 35px;}
.services ul li a:hover{background:#2b4360 url(../img/bullet.png) left center no-repeat;}

.testimonial{border: 1px solid #ddd; padding: 10px 15px; margin: 0 5px 15px; background:#FFFFFF; box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;clear: both;}
.testimonial .heading{font-size: 20px; color: #000; font-family:Arial, Helvetica, sans-serif; font-weight: normal; margin: 5px 0 10px;}
.testimonial .sub-heading{ font-size:16px; font-weight:bold; text-transform:uppercase}
.testimonial p{font-size: 14px; line-height: 22px; margin-bottom: 10px;}
.testimonial img{ vertical-align:middle;}
.testimonial.text-right strong{ border-bottom:dotted 2px #000;}
.testimonial .text-right a{ text-decoration:none; font-weight:bold;}
.testimonial .text-right a:hover{ text-decoration:underline;}
.testimonial .review-social{ display:block; font-weight:bold; text-align:right; color:#000; background:url(../img/5star.png) top right no-repeat; padding-top:24px;}
.testimonial .review-social strong{ display:block}

/* leave us review */
.review-icons{text-align: center; padding:30px 0}
.review-icons .heading{ color:#000; margin-bottom:15px;}
.review-icons .heading .heading{ font-size:20px; line-height:24px; margin-bottom:15px;}
.review-icons .heading .sub-heading{ font-style:normal; margin-bottom:0}
.review-icons a{margin: 10px 20px; display: inline-block;}
.review-icons .sub-heading a{ display:inline; margin:0}
/* leave us review */

ul.image-gallery li{ position:relative;}
ul.image-gallery li img{ display: block; margin: 0 auto;}
ul.image-gallery li .comment{ display:block; padding:8px 10px; margin-bottom:0; color:#fff; background: rgba(32,40,60,.6); position:absolute; bottom:0px; left:0; right:0; z-index:500; font-size: 14px; line-height: 18px;}
.comment .shortcontent{display: inline; margin-right: 5px;}
.comment a{color: #fff;}
.comment a:hover{color: #fff; text-decoration: none;}


/*** Gallery Page ***/
.projects{background:#fff; border:solid 1px #233b57; padding:5px 10px; margin-bottom:15px;}
.projects .sub-heading{font-size:20px; color:#000; border-bottom:dotted 1px #393939; padding-bottom:5px;}
.projects a{text-decoration:none; font-weight:bold; display:block; text-align:right;}
.projects .clearing-close{display:none;}
.clearing-container .clearing-close{display:block;}
.recent-project{margin:0;}
.recent-project a{border:solid 1px #797a7b; display:block; margin-bottom:10px;}
.recent-project .comment{display:block; font-size:13px; line-height:16px; color:#0e0e0e; border-bottom:solid 1px #ebe9b5; margin-bottom:15px; padding-bottom:15px;}

#gallery .sub-heading{text-align:center; font-size:22px; color:#000;}

ul.gallery{margin:0;}
ul.gallery li{list-style:none; border:solid 1px #cacaca; font-size:13px; line-height:15px; padding:4px; margin:7px;}
.gallery-block .heading{margin:10px 0 20px 10px; line-height:16px;}
.gallery-block .medium-block-grid-2 > li{width:48%;}
.gallery-block .medium-block-grid-4 > li{padding:0 0.625rem 1rem; margin:0; border:none;}
.gallery-block .medium-block-grid-4 > li a img{width:100%; margin:0;}
ul.gallery li:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
ul.gallery li:hover div{border:solid 1px #6d6d6d; background:#efefef;}
ul.gallery li.heading{float:none; clear:both; border:none; width:auto; font-size:18px; line-height:35px; min-height:0; margin:0; padding:0;}
ul.gallery li.heading:hover{border:none; background:none;}
ul.gallery li a{text-decoration:none;}
ul.gallery li a img{width:155px; margin:0 5px 0 0; float:left; border:solid 1px #999;}
ul.gallery li.two-img a img{width:355px; display:block; float:none; margin:0 auto 5px;}
ul.gallery li a span{margin-top:5px; color:#333;}

.clearing-thumbs li, [data-clearing] li{margin:0;}
[data-clearing].recent-project li{float:none;}

[data-clearing].gallery-inner li{margin:10px;}

ul.gallery-inner{ margin-bottom:10px;}
ul.gallery-inner li.sub-heading, ul.gallery-inner li.sub-heading:hover{float:none; clear:both; border:none; text-align:center; font-size:22px; color:#000; margin:8px 0 15px; padding:0;}
ul.gallery-inner li{width:auto; min-height:0;}
ul.gallery-inner li a{max-height:110px; overflow:hidden; display:block;}
ul.gallery-inner li a img{margin:0; float:none;}

/*** Contact Form ***/
.contact-form{font-size:12px; line-height:18px; margin-bottom:15px; padding:0 10px 10px; border:#CCCCCC 1px solid; min-height:400px}
.contact-form p{font-size:20px; font-weight:bold; padding:0px;}
.contact-form a{text-decoration:none; margin:0px; padding-left:5px;}
.contact-form .sub-heading{font-size:20px; color:#000; border-bottom:dotted 1px #fff; margin-bottom:0px; padding-left:5px;}

.reveal-modal .contact-form{ border:none; padding:0; text-align:center; margin-bottom:0}
.reveal-modal .contact-form .sub-heading{ text-align:center}

.error{ color:#FF0000; display: none; font-size: 11px; margin:5px 0 0 0; text-align: left; }
.zipcodes{ font-size:13px; text-align:center; color:#001552; margin-bottom:15px;}

/*** Service Area ***/
.service-container{ border-top:solid 5px #1b3452;}
.service-area-top{ border-bottom:solid 1px #dedede; font-size:18px; line-height:22px; text-align:right; padding:10px 0; margin-bottom:15px;}
.service-area-top div:last-child{text-align:left;}
.service-area-top span{font-size:16px; line-height:16px; font-weight:bold;}
.service-area-top .right span{ font-size:12px;}
.service-area .columns{padding:0 0 0 .7em;}
.service-area ul{margin:0;}
.service-area ul li{background:url(../img/blue-bulet.jpg) left 3px no-repeat; padding-left:15px; margin:0 0 13px 10px; border-bottom:dotted 1px #fff;}
.service-area ul li a{text-decoration:none; font-family:arial; font-size:12px; line-height:14px; color:#261911; display:block;}
.service-area ul li a, .service-area ul li{text-decoration:none; font-size:12px; color:#000; display:block;}
.service-area ul li a:hover{text-decoration:underline;}

.google-map{ padding:0; background:url(../img/newport-pack-crate-service-area-map.webp) center no-repeat; min-height:360px; position: relative; margin-bottom: 30px; border:1px solid #333}
.google-map::before{content: url(../img/newport-pack-crate-ratings.webp); width: 196px; height: 92px; display: block; box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.40); position: relative; top: 20px; left:20px; z-index: 1;}
.google-map a{ display:block; height:100%; width: 100%; z-index: 2; position: absolute; top: 0; left: 0;}

.social{ text-align:right!important}
.social strong{ font-size:14px;}
.rhs .social{ text-align:center!important}

/*** Footer ***/
footer{ background:#eef1f4; font-family:arial; font-size:12px; color:#000; padding:20px 0;}
footer .row div:last-child{ text-align:right;}
footer a{ font-family:arial; color:#001552; text-decoration:none; margin:0 3px; display:inline-block}
footer a:hover{color:#001552; text-decoration:underline;}
footer .right a{ margin:0;}

a.contact-btn{position: fixed; right: 0; bottom: 30%; z-index: 1000;}
#revealModel1{min-height: auto;}
#revealModel1 a{ text-decoration:none; color:#000; text-decoration:none}
#revealModel1 .contact-form{ margin-bottom:0; background:none; border:none; padding:0}

#back-to-top{position:fixed; bottom:4%; right:2%; background:#344e6c; padding:5px; transition:.5s; display:none; z-index:1000}
#back-to-top:hover{background:#344e6c;}

/*** Media Querys ***/
//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.shadow-left, .shadow-right{display:none;}
.heading .heading, .heading{ font-size:20px; font-weight:bold; line-height:22px;}
.heading .sub-heading, .sub-heading{ font-size:16px; font-weight:bold; line-height:18px;}
.top-bar-section .has-dropdown > a::after{ display:block;}

header{ text-align:center;}
header .logo{min-height:55px}
header .head-contact{ font-size:22px; min-height:80px}
header .head-contact img{ min-height:22px}

.gallery-block .medium-block-grid-2 > li{width:96%;}
ul.gallery li a img{width:120px;}

.banner{ min-height:230px; max-height:390px; overflow:hidden}

.main-service-area{ margin-bottom:15px !important;}
.main-service-area a{ background:#344e6c; font-size:15px; line-height:20px; border:solid 1px #445f7e; box-shadow:none; margin-bottom:5px; min-height:30px}
.main-service-area a img{ display:none; min-height:inherit}
.main-service-area a span{ background:none; padding:3px 0 5px 10px; position:inherit; left:0; bottom:0;}

.service-area-top div, .service-area-top div:last-child{ text-align:center; margin-bottom:10px;}
.service-area .columns{padding:0 0 0 .2em;}
footer{ text-align:center;}
footer span{ display:block; width:100%; margin-top:10px; text-align:center;}
.style{ margin:0!important;}
.slideshow.right{float:none!important; display:table; margin:0px auto 20px!important;}

.recent-project a img{ min-height:200px}

/* leave us review */
.review-icons br{ display:none}
.review-icons .heading .heading{ font-size:18px; line-height:22px;}
/* leave us review */
}
@media only screen and (max-width: 30em) {
img.left, img.right, .img-right{display:block; float:none!important; margin:0 auto 20px!important;}
.img-right img{margin:0 auto;}

header .head-contact .sub-heading{font-size:22px; line-height:24px;}
.social{ text-align:center!important}
}

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.shadow-left, .shadow-right{display:none;}
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 12px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 12px;}
.top-bar-section .has-dropdown > a{ padding-right:12px !important;}

.banner{ min-height:165px}
.main-service-area a{ min-height:85px}
.main-service-area a img{ min-height:85px}

.main-service-area{ margin-bottom:15px !important;}
.map{ height:280px;}
.rhs .social strong{ display:block; margin-bottom:10px;}

/* leave us review */
.review-icons br{ display:none}
.review-icons .heading .heading{ font-size:18px; line-height:22px;}
/* leave us review */
}

@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
.top-bar-section .has-dropdown > a::after{ display:block;}
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 7px; font-size:13px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 7px;}
.top-bar-section .has-dropdown > a{ padding-right:7px!important;}
.main-service-area a span{ font-size:14px; line-height:14px; background: url("../img/service-nav-bg.webp") right center no-repeat; padding:5px 8px;}
}

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */