body{background:#fff; font-family: "Raleway", sans-serif; font-size:14px; line-height:20px; color:#303030; margin:0; height: auto;}
.left{float:left;} .right{float:right;} .clear{clear:both;}

.row{ width:100%; max-width:70rem;}
a{ display:inline-block; 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{ margin-bottom:20px; border:solid 3px #ded7c6; width:100%;}
.map-img{ width:100%; border:solid 1px #ccc; margin-bottom:15px;}

ul.style, ol.style{margin:0 0 15px; font-size:14px; line-height:16px; color:#303030;}
ol.style li{list-style:decimal; margin:0 0 8px 20px;}
ul.style li{list-style:disc; margin:0 0 14px 20px;}
ul.style li.none, ol.style li.none{list-style:none;}
ul.style li.heading, ol.style li.heading{list-style:none; margin:0 0 8px 0px; border:none; padding:0; font-family: "Raleway", sans-serif; font-size:16px; font-weight:bold; margin-bottom:2px;}
ul.style li ul{ margin-top:8px;}

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

body .lightbox-floating-button{z-index: 100!important; bottom: 35%!important;}

.text-left{text-align:left; position:relative;} .text-right{text-align:right; position:relative;} .text-center{text-align:center; position:relative;}
p{font-size:16px; line-height:24px;}
p, .mb{display:block; margin-bottom:15px;}
hr{background:#d3d3d3; margin:19px 0; border:none; height:1px;}
.img-space{ text-align:center;}
.img-space img{ display:inline-block; margin-bottom:10px;}

.heading, .sub-heading, .sub-heading2{ display:block; font-family: "Raleway", sans-serif; color:#070562;}
.heading{font-size:26px; line-height:30px; font-weight:bold; margin:0 0 15px;}
.sub-heading{ font-size:22px; line-height:26px; font-weight:500; margin:0 0 10px;}
.sub-heading2{ font-size:18px; line-height:20px; color:#262424; font-weight:500; margin:0 0 10px;}
.heading .sub-heading{font-size:16px; line-height:18px; font-weight:bold; color:#000; margin:0;}

.alert-box{margin-bottom: 0; text-align: center; font-size: 17px; background: #ffff00; color: #232323; border: none; padding: 0.8rem 1.5rem 0.8rem 0.875rem; font-weight: bold;  z-index: 9; position: -webkit-sticky; /* Safari */ position: sticky; top: 0; box-shadow: 0px 0px 9px #6b6b6b;}
.alert-box b{color: #ff0000; display: block; margin-bottom: 5px; font-size: 20px;}
.alert-box .close{text-decoration: none; color: #000;}

/*** Header ***/
header{ font-size:22px; color:#fff; background:#000060 url(../img/header-bg.webp) center bottom no-repeat; text-align:center; border-top:solid 5px #000;}
header .logo{ margin:5px 0; min-height:175px}
header .numismatic-logo{ margin:60px 0 10px;}
header .head-contact{ margin-top:10px;}
header .head-contact .sub-heading{ color:#fff; margin-bottom:7px;}
header .head-contact .phone{display: block; margin-bottom: 7px;}
header .head-contact strong{ display:block; font-size:14px; line-height:18px; color:#b2b2e9;}
header .head-contact strong a{color:#b2b2e9; text-decoration:none}
header .head-contact p{ margin-top: 10px; font-size:16px; line-height:20px;}
header .head-contact p span{ display:block; color:#b2b2e9;}

/*** Navigation ***/
.navigation{ border-radius:6px 6px 0 0; overflow:hidden; border: solid 1px #c0a14a;}
.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/#d4bf82+0,c0a14a+100 */
background: #d4bf82; /* Old browsers */
background: -moz-linear-gradient(top, #d4bf82 0%, #c0a14a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d4bf82 0%,#c0a14a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d4bf82 0%,#c0a14a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4bf82', endColorstr='#c0a14a',GradientType=0 ); /* IE6-9 */
text-decoration:none;}

.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){
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4bf82+0,c0a14a+100 */
background: #bb9c45; /* Old browsers */
background: -moz-linear-gradient(top, #c0a14a 0%, #d4bf82 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #c0a14a 0%,#d4bf82 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #c0a14a 0%,#d4bf82 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0a14a', endColorstr='#d4bf82',GradientType=0 ); /* IE6-9 */ color:#000;}

.top-bar-section ul{display: table; margin: 0 auto;}
.top-bar, .title-area{height:45px; line-height:45px}
.top-bar-section li:not(.has-form) a:not(.button){padding:16px 18px; font-family: "Raleway", sans-serif; font-size:14px; line-height:14px; color:#000; text-align:center; font-weight:600; border-right:solid 1px #9d7f2f; border-left:solid 1px #d8c692;}
.top-bar-section li:not(.has-form) a.two:not(.button){padding:10px 18px 9px;}
.top-bar-section .has-dropdown > a{padding-right:21px!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 #00356a;}
.top-bar.expanded .top-bar-section ul li a, .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button){ background:#b79437; border-top:solid 1px #d8b047; border-bottom:solid 1px #987518; padding:5px!important; line-height:20px; border-right:none; border-left:none; color:#302401; 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:#a67901 !important;}
.top-bar.expanded .toggle-topbar a span::after{box-shadow: 0 0px 0 1px #78601b, 0 7px 0 1px #78601b, 0 14px 0 1px #78601b;}
.top-bar.expanded .toggle-topbar a{color:#78601b;}

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


.main-container{ background:#fff url(../img/container-bg.jpg) top repeat-x;}
.content-wrap{ background:#fff url(../img/content-bg.jpg) center top repeat-x; position:relative;}
.content-wrap .shadow-left{ position:absolute; left:-14px; top:0;}
.content-wrap .shadow-right{ position:absolute; right:-14px; top:0;}

.tagline{ text-align:center; background:url(../img/tagline-bg.png) bottom center no-repeat; padding:15px 15px 5px; margin-bottom:15px;}
.tagline .heading{ font-family: "Slabo 13px", serif; font-size:30px; line-height:34px; color:#1e1b0b; font-weight:bold; margin-bottom:5px;}
.tagline .sub-heading, .tag1 .sub-heading{ font-family: "Slabo 13px", serif; font-size:22px; line-height:26px; color:#000039; font-weight:bold;}

.tag1{text-align: center; padding: 15px 15px 5px;}
.tag1 .sub-heading span{ background:url(../img/bullet.png) left center no-repeat; margin-left:4px; padding-left:20px;}

/*** Banner ***/
.banner-area{ text-align:center; margin-bottom:15px; min-height:215px}
.banner-area li a{ display:block; font-size:24px; line-height:28px; color:#fff; font-weight:500; text-decoration:none; border:solid 1px #a8a8a8;}
.banner-area li a span{ display:block; background:#000; color:#fff; padding:7px;}
.banner-area li a:hover span{ background:#222;}
.banner-area li a:hover img{ opacity:0.8; -moz-opacity:0.8; -webkit-opacity:0.8;}

/*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*/

.inner-banner .heading{ font-size:20px; line-height:24px; color:#000; font-weight:bold; text-align:center; border-bottom:1px solid #ccc; margin:0 0 15px; padding-bottom:6px;}
.inner-banner ul.chk-list{ margin:0 0 15px;}
.inner-banner ul.chk-list li{ list-style:none; background:url(../img/check.png) left 5px no-repeat; font-size:14px; color:#000; line-height:20px; font-weight:bold; padding:2px 0 2px 20px; margin-bottom: 6px;}
.inner-banner .medium-5{ padding:0; margin-bottom:15px;}

/*** Content Area ***/
.content-area{ margin-bottom:25px;}
.content-area .lhs{ border-right:solid 1px #aeaeae;}
.content-area .rhs{ border-left:solid 1px #aeaeae;}

.why-choose{ background:url(../img/choose-san-jose-coin-shop.webp) right bottom no-repeat; border:solid 1px #c5c5c5; border-radius:8px; box-shadow:0 0 8px #bbb; overflow:hidden; margin-bottom:15px;}
.why-choose .sub-heading{ background:#0f0f61; font-family: "Raleway", sans-serif; font-size:20px; color:#fff; text-align:center; font-weight:700; margin-bottom:15px; padding:10px 15px;}
.why-choose ul{ list-style:none; margin:0 0 20px 15px; padding:0 10px;}
.why-choose ul li{ background:url(../img/choose-check.png) left 2px no-repeat; font-family: "Raleway", sans-serif; line-height:20px; font-weight:bold; padding-left:25px; margin-bottom:15px;}

/*** Gallery ***/
.projects{background:#f1f1f1; border:solid 1px #dddddd; padding:10px; margin-bottom:20px;}
.projects .sub-heading{ font-weight:500; border-bottom:dotted 1px #363636;}
.projects a{ 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 img{ border:solid 1px #797a7b; margin-bottom:5px;}
.recent-project span{display:block; font-size:13px; line-height:16px; color:#0e0e0e;}
.recent-project li{ border-top:solid 1px #c9d0d6; padding-top:15px;}
.recent-project li:first-child{ border:none; padding:0;}
.recent-project li div{ display:block; margin-bottom:15px;}
.recent-project li div::after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.recent-project li span{ display:block; margin-top:5px;}
.recent-project.inner li div a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}

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

.gallery-block{ margin-top: 10px;}
.gallery-block .sub-heading{ text-align:left;}
.gallery-block [class*="block-grid-"] > li{padding:0 0.325rem 1.25rem;}

ul.gallery{margin:0; margin-bottom:15px;}
ul.gallery li div, ul.gallery li a{ display:block; padding:4px; border:solid 1px #cacaca;}
ul.gallery li div:hover, ul.gallery li a:hover{ border:solid 1px #6d6d6d;}

ul.gallery li a{ position:relative;}
.gallery-block .gallery-title a{ padding:0;}
.gallery-block .gallery-title li a span{ width:100%; background:rgba(0, 0, 0, 0.6); font-size:12px; line-height:16px; color:#fff; font-weight:bold; position:absolute; left:0; bottom:0; padding:3px 7px;}

.gallery-block .gallery-inner li div{list-style:none; border:solid 1px #cacaca; font-size:13px; line-height:15px; color:#000; text-decoration:none; padding:4px;}
.gallery-block .gallery-inner li div:hover{ color:#2f3338;}
.gallery-block .gallery-inner li div:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.gallery-block .gallery-inner li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}
.gallery-block .gallery-inner li.two-img a{ width:100%; float:none; margin:0;}
.gallery-block .gallery-inner li.two-img span{ display:block; margin-top:5px;}

.clearing-assembled .clearing-container .carousel > ul li div{ padding:0; border:0;}
.clearing-assembled .clearing-container .carousel > ul li a{ border:0; margin-left:5px;}
/** End Gallery **/

/*** Contact Form ***/
.contact-form{background:#e5e5e5; font-size:12px; line-height:18px; color:#000; border:solid 1px #d5d5d5; margin-bottom:20px; padding:10px; min-height:350px}
.contact-form label{font-size:12px; color:#000;}
.contact-form label span{color:#ff0000;}
.contact-form input, .contact-form textarea{display:block; height:28px; padding:2px 3px; margin-bottom:5px; border:solid 1px #c8c7c7;}
.contact-form input.phone{width:35px; display:inline;}
.contact-form textarea{height:60px;}
.contact-form input.chk_box{display:inline; width:13px; height:13px; margin:0 5px 0 0;}
.contact-form #submit{ width:75px; height:30px; background:#505050; font-size:14px; line-height:16px; color:#fff; font-weight:bold; cursor:pointer; border:none; padding:0 5px 3px; margin:10px auto 0;}
.contact-form #submit:hover{background:#313131;}

.contact-form .large-8{padding:0 0.8rem!important;}
.contact-form .phone{margin:0 -0.2rem!important;}
.contact-form .phone .small-4{width:31.3333%; padding:0 0.2rem!important;}
.contact-form .phone .small-4:last-child{width:37.3333%;}

.testimonials .sub-heading{color:#363636; margin-bottom:5px;}
.testimonials img{ margin-top:-3px;}
.testimonials p{font-size:13px; line-height:20px;}
.testimonials a{font-size:13px; line-height:17px; text-decoration:none; font-weight:bold;}
.testimonials a:hover{ text-decoration:underline;}

.testi{color:#2d2d2d; border: 1px solid #ddd;padding:15px 20px 10px;margin: 0 5px 20px;background:#FFFFFF;box-shadow: 0 1px 5px rgba(0,0,0,0.2);border-radius: 18px;clear: both;}
.testi p{ font-size:14px;}
.testi p strong{border-bottom:dotted 2px #2d2d2d;}
.rml-button{ font-size:14px; line-height:18px; color:#2d2d2d; text-decoration:none;}
.rml-content{ display:none;}

.review-social{ background:url(../img/5star.png) top right no-repeat; font-size:14px !important; line-height:20px; font-weight: bold; text-align:right; padding-top:24px; margin-top:15px;}
.review-social span{ font-size:14px !important; line-height:20px; display:block; margin-bottom:5px;}
.review-social img{display:inline;}

.error{ display:none; font-size:11px; color:#FF0000; text-align:left; margin:5px 0 0 0;}
.zipcodes{ font-size:13px; text-align:center; margin-bottom:15px;}
.social, .cards{ text-align:center; margin-bottom:15px;}
.error404, .thanks{ text-align:center; padding:30px 15px;}

/*** Service Area ***/
.service-area{ margin-top:20px;}
.service-area .bg{ background:#ededed; border:solid 2px #d6d6d6; padding:15px 0 0 0; margin-bottom:15px;}
.service-area .small-6, .service-area .medium-6{padding:0 0 0 .7em;}
.service-area .line-through{ text-align:center; padding:0 0.9375rem; position:relative; margin-bottom:10px;}
.service-area .line-through span{ width:100%; display:block; background:url(../img/line-through.png) left top repeat-x; height:1px; position:absolute; left:0; top:12px;}
.service-area .line-through .heading{ display:inline-block; background:#fff; font-family: "Raleway", sans-serif; font-size:20px; line-height:24px; color:#262424; font-weight:normal; text-transform:uppercase; margin:0 auto 0; padding:0 10px; position:relative; left:0; top:0; z-index:1;}

.service-area ul{ list-style:none; margin:0;}
.service-area ul li{ background:url(../img/service-bullet.png) left 3px no-repeat; padding-left:15px; margin:0 0 15px 10px; border-bottom:dotted 1px #ededed;}
.service-area ul li a, .service-area ul li span{text-decoration:none; font-size:12px; line-height:12px; color:#261911; display:block;}
.service-area ul li a:hover{text-decoration:underline;}

/*** Footer ***/
footer{ background:#000039; font-size:13px; line-height: 1.8; color:#fff; padding:10px 0;}
footer .row div:last-child{ text-align:right;}
footer a{color:#fefefe; text-decoration:none; display: inline;}
footer a:hover{color:#fefefe; text-decoration:underline;}

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

/*** Media Querys ***/
//Small screens
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {
.heading .heading, .heading{ font-size:22px; line-height:26px; font-weight:bold; margin-bottom:15px;}
.heading .sub-heading, .sub-heading{ font-size:18px; line-height:22px; font-weight:bold;}
.top-bar-section .has-dropdown > a::after{ display:block;}
p{ font-size:15px; line-height:21px;}
.img-space img{ display:inline-block !important;}

header .logo{ min-height:150px}
header .logo img{ width:140px;}
header .numismatic-logo{ margin:15px 0 10px;}
header .head-contact{ margin-top:5px;}
header .head-contact img{ width:160px;}

.tagline .heading{ font-size:20px; line-height:24px;}
.tagline .sub-heading, .tag1 .sub-heading{ font-size:16px; line-height:20px;}

.tag1 .sub-heading span{ background:url(../img/bullet-s.png) left center no-repeat; padding-left:16px;}

.banner-area{ min-height:230px}
.banner-area li a{ font-size:18px; line-height:22px; font-weight:600;}

.inner-banner .heading{ font-size:18px; line-height:20px;}
.inner-banner .columns{ padding:0;}
.inner-banner img{ width:auto!important; margin-right:0;}
.inner-banner .chk-list{ width:100%; margin-top:10px;}

.content-wrap .shadow-left, .content-wrap .shadow-right{ display:none;}
.content-area .lhs, .content-area .rhs{ border:0;}
.why-choose ul{ margin-left:0;}

/*** for gallery ***/
.recent-project li div a, .recent-project.inner li div a{width:130px; float:left; margin-right:5px;}
.recent-project a img{ width:100%; margin-bottom:0;}
.gallery-block .gallery-inner li{ width:100%;}
.gallery-block .gallery-inner li a{ width:130px;}

.service-area{ margin-top: 10px;}
.service-area .bg{ padding-top:10px !important; margin-bottom:15px;}
.service-area .line-through .heading{ font-size:15px; line-height:19px; font-weight:bold;}
.service-area ul li{margin:0 0 8px 0;}
.service-area .columns{padding:0 .2em;}
.service-area .small-6, .service-area .medium-6{padding:0 0 0 .2em;}

footer{ text-align:center;}
footer .row div:last-child{ text-align:center;}
footer span{ display:block; width:100%; text-align:center; border-top:solid 1px #1e1f65; border-bottom:solid 1px #1e1f65; padding:5px 0; margin:8px 0;}
img.left, img.right, .img-right{ display:block; float:none!important; margin:0 auto 20px!important;}
.img-right img{ margin:0 auto;}
}
@media only screen and (max-width: 23.750em) {
header .head-contact strong{ font-size:12px; line-height:16px;}
.tagline .heading{ font-size:16px; line-height:20px;}
.tagline .sub-heading, .tag1 .sub-heading{ font-size:14px; line-height:18px;}

/*** for gallery ***/
.recent-project li div a, .recent-project.inner li div a{width:100%; float:left; margin:0 0 5px;}
}

// 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) {
.top-bar-section li:not(.has-form) a:not(.button){ padding:16px 8px;}
.top-bar-section li:not(.has-form) a.two:not(.button){ padding:10px 8px 8px;}
.top-bar-section .has-dropdown > a{ padding-right:13px !important;}

header .logo{ min-height:135px}

.banner-area{ min-height:230px}

.banner-area li a{ font-size:18px; line-height:22px;}
.inner-banner ul.chk-list li{ margin-bottom:0;}

.content-wrap .shadow-left, .content-wrap .shadow-right{ display:none;}

/*** for gallery ***/
.recent-project li a{ width:155px; overflow:hidden; float:left; display:block; margin:0 5px 0 0; padding:0;}
.medium-4 .recent-project li a{ width:100%;}

.map{ height:280px;}
}
@media only screen and (min-width: 40.063em) and (max-width: 56.250em) {
.top-bar-section .has-dropdown > a::after{ display:block;}

.tagline .heading{ font-size:22px; line-height:26px;}
.tagline .sub-heading, .tag1 .sub-heading{ font-size:17px; line-height:21px;}

.tag1 .sub-heading span{ padding-left:16px;}

.inner-banner ul.chk-list li{ font-size:13px; line-height:17px;}
}

@media only screen and (min-width: 40.063em) and (max-width: 50em) {
header .head-contact strong{ font-size:13px; line-height:17px;}
header .head-contact p{ font-size:13px; line-height:18px;}

.inner-banner .medium-5, .inner-banner .medium-7{width:100%;}
.inner-banner .medium-7{padding:0;}
.inner-banner ul.chk-list li{ font-size:14px; line-height:20px;}

.banner-area li a{ font-size:13px; line-height:17px; font-weight:700;}

.content-area .medium-6{ width:100%; left:0; border:0;}
.content-area .medium-3{ width:50%; left:0;}
.content-area .lhs{ border:0;}
}

// 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: 73em) {
.content-wrap .shadow-left, .content-wrap .shadow-right{ display:none;}
} /* 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 */