@charset "utf-8";
html{background-color:#000;background-image:url(../img/black-leather.png);background-repeat:repeat;width:100%;height:102%;font-size:20px; padding:0!important;}
body{font-family: 'Jost', sans-serif;font-size:20px!important;color:#eee;width:100%;margin-left:auto;margin-right:auto;}
p {padding:6px 0;}
.wrapper{margin:0px auto;padding:0.5em;max-width:1400px;}
.grids{list-style:none;margin:0px auto 0px -2.67%;clear:both;width:100%;}
[class^='grid-']{margin:0px 3% 0px 0px;float:left;}
.grids [class^='grid-']{margin:0px 0px 0px 2.67%;}
.grid-1{width:3.57%;}
.grid-2{width:9.82%}
.grid-3{width:16.07%;}
.grid-4{width:22.32%;}
.grid-5{width:28.57%;}
.grid-6{width:34.82%;}
.grid-7{width:41.07%;}
.grid-8{width:47.32%;}
.grid-9{width:53.57%;}
.grid-10{width:59.82%;}
.grid-11{width:66.07%;}
.grid-12{width:72.32%}
.grid-13{width:78.57%;}
.grid-14{width:84.82%;}
.grid-15{width:91.07%;}
.grid-16{margin:0px;width:97.32%;}

/* header */
.banner{position:fixed;z-index:300;width:100%;min-height:100px;background-color:rgba(0,0,0,.8)!important; border-bottom:#ddc879 solid 1px;}
.banner a {color:#eee;}
.banner h1{position:relative;font-size:2rem;text-align:left;line-height:1.2;top:.8rem;left:3rem!important;color:#fff;text-shadow:2px 1px 2px #666;margin-bottom:.6rem!important;padding-bottom:0!important;font-family: 'Cinzel', Times, serif;font-variant:small-caps;letter-spacing:1px;}
.the-shop{position:relative;display:inline!important;font-size:1.4rem;padding-left:.8rem;}
.phone {color:#33F!important;}
.tag{position:relative;display:inline;font-family: 'Jost', sans-serif;text-align:left;left:3rem!important;font-size:1rem;color:#fff;}
.gold-txt {color:#ddc879;text-shadow:#C90 1px 1px;}

.lg-screen{display:block!important}
.lg-screen-iL{display:inline!important}
.sm-screen{display:none!important}
#sm-nav{display:none;}
/*.main{position:relative;float:right;margin-right:1rem;text-decoration:none;font-weight:normal;letter-spacing:1px;font-size:1.2rem!important;line-height:1!important;}
.main li{float:none;display:inline;}
.main a{margin:0px 0px;padding:0.1em 0.4em;color:#999!important;text-decoration:none;display:inline-block; border-bottom:1px solid rgba(255,255,255,0);}
.main a:hover{color:#fff!important;text-decoration:none; border-bottom:1px solid rgba(255,255,255,1);}
.main .active{margin:0px 0px;padding:0.1em 0.4em;color:#ddc879!important;display:inline-block; border-bottom:1px solid rgba(255,255,255,0);}*/
nav{position:fixed;z-index:2000!important;height:76px;right:0!important;top:0!important;text-align:right}
nav ul{list-style:none;margin:22px 10px 4px 0}
nav li{position:relative;display:inline;font-size:22px}
nav a{color:#fff!important;text-decoration:none!important;padding:.4rem .6rem .46rem .6rem;border-bottom:1px solid rgba(255,255,255,0)}
nav a:hover{color:#fff!important;text-decoration:none!important;border-bottom:1px solid #fff!important}
.open{color:#ddc879!important;background-color:transparent!important;cursor:text;text-decoration:none;font-weight:normal;padding:.4rem .6rem .46rem .6rem;border:none;}


.pad{height:7rem;z-index:100;}
.stitch{position:relative; display:block; z-index:200!important;float:left; width:99%; max-width:220px; max-height:140px; cursor:pointer!important;}
.side-img {float:left; border: 2px solid #ddc879; margin-right:1rem; max-width:50%}
.lt-bg {background-color:rgba(255,255,255,0.2);overflow:auto;}
.serv-indent {position:relative; display:block; margin-left:50px;}
.page {position:relative;text-align:left;letter-spacing:3px;line-height:1.6;font-size:1.4rem;font-family:'Rock Salt', "Lucida Sans Unicode", "Lucida Grande", sans-serif!important;display:block;top:10px;padding-left:1.2rem;color:#eee!important;text-shadow:2px 2px 2px #000;}
.cinzel {font-family: 'Cinzel', serif;}
.jost {font-family: 'Jost', sans-serif;}
.rock-salt {font-family:'Rock Salt', "Lucida Sans Unicode", "Lucida Grande", sans-serif!important; letter-spacing:3px;}
.best {text-align:right;font-size:1.2rem; line-height:1;}
.h-rock{letter-spacing:3px;font-size:2rem; line-height:1.6!important;font-family:'Rock Salt', "Lucida Sans Unicode", "Lucida Grande", sans-serif!important;display:block;top:10px;color:#fff!important;text-shadow:2px 2px 2px #000;}
.gold-black-shadow {color:#ddc879; text-shadow:2px 2px 2px #000;}

.testimonial {position:relative; display:block; height:250px; max-width:99%; overflow-y:scroll; overflow-style:marquee-block; background-image:none; background-color:#eee;border:2px solid #ddc879; border-radius:.4rem; color:#555;} 
.testimonial p{padding:.4rem;} 
.email-name {font-weight:bold!important;}

.phone a {color:#eee!important;}
a[href^="tel"]{
    color:inherit!important;
    text-decoration:none;
	letter-spacing:normal;
	color:#eee!important;
}

.announce {border-radius:6px; background:#ddc879;padding:10px;color:#000;}
.announce h3 {font-size:1.4rem;}
.announce p {position:relative; display:block;padding:1rem;font-size:1.2rem;}
.ggv-logo {float:left; margin-right:4px; max-width:50px;}
.page span {font-size:1.1rem; line-height:1;}
.page-gallery{position:relative;text-align:left;letter-spacing:2px;line-height:1.6;font-size:1.4rem;font-family:'Rock Salt', "Lucida Sans Unicode", "Lucida Grande", sans-serif!important;display:block;top:10px;padding-left:0;color:#eee!important;text-shadow:2px 2px 2px #000;}
#footer{position:fixed;width:100%;bottom:0;color:#fff;letter-spacing:1px;background-color:rgba(0,0,0,.8)!important;height:50px;max-height:99%;}
#footer p{padding-top:10px;color:#fff;font-size:12px}
.vtt{font-family:Verdana, Geneva, sans-serif;color:#fff;font-size:14px;letter-spacing:-1px;border-radius:16px!important; background:#666;outline:none!important;border:none!important;}
.vtt:hover{font-family:Verdana, Geneva, sans-serif!important;color:#000;font-size:14px;letter-spacing:-1px;border-radius:16px!important; background:#ddc879;outline:none!important;border:none!important;}
a{color:#6FC!important;text-decoration:none;}
a:hover{color:#9FF!important;text-decoration:none;cursor:pointer!important;}
.button {position:relative; display:block; margin:.4rem auto;}
a.button {background-image:url(../img/button.png); background-repeat:repeat-x; border:2px solid #ddc879; border-radius:.4rem; padding:.2rem;font-size:1rem;font-weight:500; font-size:18px;text-align:center; color:#333!important;text-shadow:1px 1px 2px #fff;}
a.button:hover {background-image:url(../img/button-hover.png); background-repeat:repeat-x;color:#111!important;}
strong, em{letter-spacing:1px;}
h2, h3, h4, h5, h6 {position:relative; margin:2rem 0 .6rem 0;}
h2{font-family: 'Jost', sans-serif;color:#FFF;letter-spacing:1px;font-weight:100;line-height:1.2;font-size:2em;}
h3{font-family: 'Jost', sans-serif;text-align:left;font-weight:normal;font-size:1.4em;}
h4{font-family: 'Jost', sans-serif;color:#eee;letter-spacing:1px;font-size:1rem;font-weight:normal;text-align:center;font-size:1.3em;}
h5{font-family: 'Jost', sans-serif;color:#000;letter-spacing:1px;font-style:normal;font-weight:500;font-size:1.25em;}
h6{font-family: 'Jost', sans-serif;color:#333;letter-spacing:1px;font-style:normal;font-weight:bold;font-size:1rem;}
.small-screen{display:none!important;}
.large-screen{display:block!important;}
.left{float:left !important;}
.right{float:right !important;}
.top{margin-top:18px !important;}
.less_top{margin-top:0;padding-top:0;}
.bottom{margin-bottom:30px !important;}
.pad-left{padding-left:3rem!important;}
.mar-left-10{margin-left:10rem;}
.signature{font-family: 'Cinzel', serif;font-variant:small-caps;font-weight:bold;font-size:1.3rem;letter-spacing:1px;color:#000;text-shadow:2px 1px 2px #999;padding:4px 4px; background:#fff; border-radius:6px;}

.flex-container a:active,.flexslider a:active{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{width:100%; min-width:100%; height:auto!important;margin:0 auto!important;padding:0 auto 0 2rem;}
.flexslider .slides>li{display:none}
.flexslider .slides img{display:block;margin:0;width:100%;border:2px solid #ddc879;}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{position:relative;zoom:1}
.flexslider .slides{zoom:1}
.flexslider .slides>li{position:relative}
.flex-container{zoom:1;position:relative}
.flex-caption{background:none;}
.flex-caption{width:100%;padding:1rem 0; margin-top:20px;position:absolute;text-align:center;background:none;color:#fff;font-size:1.6rem;line-height:2;letter-spacing:1px}
.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;position:absolute;top:50%;cursor:pointer;text-indent:-9999px}
.flex-direction-nav li .next{background-position:-52px 0;right:-16px}
.flex-direction-nav li .prev{left:-2px}
.flex-direction-nav li .disabled{opacity:.3;filter:alpha(opacity=30);cursor:default}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}
.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1;display:inline}
.flex-control-nav li:first-child{margin:0}
.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat 0 0;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}
.flex-control-nav li a.active{background-position:0 -26px;cursor:default}
.social-a{font-size:2rem;text-align:center;padding:.2rem .5rem;border:1px dashed #fff;border-radius:12px;}
.social-b{font-family:'Times New Roman', Times, serif;font-weight:bold;font-size:2rem;text-align:center;margin-top:-5px;padding:.2rem .5rem;border:1px dashed #fff;border-radius:12px;}
.social-c {position:relative; display:inline-block;top:18px!important;max-width:46px; padding:.7rem .5rem;border:1px dashed #fff;border-radius:12px;}
.top-comment{font-size:.8rem;}
.service-img{float:left;padding-right:3rem!important;}

.prod-img{float:left;margin-right:.5rem;margin-bottom:.5rem;border:4px #ddc879 solid;}
.std-field{width:500px;max-width:98%;height:2.4em;}
.textfield{width:500px;max-width:98%;height:4.4em;}
.box{height:1.4rem;width:1.4rem!important;padding-left:4px;}
.form-buttons:hover{background-color:#fff;border-color:#ddc879!important;}
.sponser-img{float:left;margin-right:.5rem;border:4px #ddc879 solid;}

@media only screen and (max-width:1024px){
.lg-screen{display:block!important}
.lg-screen-iL{display:inline!important}
.sm-screen{display:none}
.banner{position:fixed;z-index:300;width:100%;min-height:80px;background-color:rgba(0,0,0,.8)!important; border-bottom:#ddc879 solid 1px;}
.banner a {color:#eee;}
.banner h1{position:relative;font-size:1.2rem;text-align:left;line-height:1.2;top:10px;left:10px!important;}
.the-shop{position:relative;display:inline!important;font-size:1rem;padding-left:.8rem;}
.tag{position:relative;display:inline;font-family: 'Jost', sans-serif;text-align:left;left:10px!important;font-size:1rem;color:#fff;}
	#lg-nav{}
	#sm-nav{display:none}


.grids{list-style:none;margin:0px auto 0px -2.67%;clear:both;width:100%;padding:2rem  2rem;}
.h-rock{font-size:1.4rem; line-height:1.4!important;display:block;top:10px;}
.mar-left-10{margin-left:2rem!important;}
}
@media only screen and (max-width:1023px){
	.wrapper{padding:1rem!important;width:auto !important;line-height:1.2;}
.grids{margin:0px !important;width:auto !important;}
[class^='grid-']{margin:0px 0!important;width:auto !important;float:none !important; padding:2rem  2rem;}
.grids [class^='grid-']{margin:0px !important;width:auto !important;float:none !important;}
.wrapper p{font-size:1rem}
.banner{position:fixed;z-index:300;width:100%;min-height:100px;background-color:rgba(0,0,0,.8)!important; border-bottom:#ddc879 solid 1px;}
.banner a {color:#eee;}
.banner h1{position:relative;font-size:1.6rem;text-align:left;line-height:1.2;top:10px;left:10px!important;}
.the-shop{position:relative;display:inline!important;font-size:1.2rem;padding-left:.8rem;}
.tag{position:relative;display:inline;font-family: 'Jost', sans-serif;text-align:left;left:10px!important;font-size:1rem;color:#fff;}
	nav, .lg-screen,.lg-screen-iL{display:none!important}
	.sm-screen{display:block!important}
	.pad{}
	#lg-nav{display:none}
#sm-nav{position:fixed;display:block;z-index:2100!important;left:80%!important;top:-16px!important}
	.page-name,.panel-inner{font-size:16px!important}
	.nav-accordion{color:#fff;cursor:pointer;width:150px;border:none!important;outline:0;font-size:18px;transition:.4s}
	button.nav-accordion{background-color:rgba(0,0,0,0)!important}
	.menu-i{position:relative;display:block;top:26px;right:6px;font-size:32px;color:#6FC; background:none;}
	.sm-panel{display:none;overflow:hidden;text-align:left;padding:28px 0 6px 4px}
	.panel-inner{position:relative;display:block;text-align:left;font-size:16px;padding:12px 0 6px 6px!important;text-align:left;border-bottom:1px solid #ddc879;
		background-color:rgba(0,0,0,1);color:#0ff;text-decoration:none}
	.page-name{position:relative;display:block;text-align:left;font-size:16px;padding:12px 0 6px 6px!important;text-align:left;border-bottom:1px solid #ddc879;
		background-color:rgba(0,0,0,.75);color:#ddc879!important;}
		.side-img {margin-right:6px; max-width:40%}
}

@media only screen and (max-width:960px){.small-screen{display:none!important;}
body{-webkit-text-size-adjust:none;}
/*.main{position:relative;font-size:1.2rem!important;float:right;margin-right:1.4rem!important;clear:both;}
.banner{position:fixed;width:100%;height:95px;top:0!important;}
.banner h1{position:relative;font-size:1.8rem!important;line-height:.9!important;top:-.2rem!important;left:.4rem!important;clear:both!important;}
.the-shop{position:relative;display:inline!important; font-size:1.4rem!important;}
.tag{position:relative;font-size:.8rem!important;font-weight:normal!important;top:-10px!important;left:.4rem!important;}*/
.page{position:relative;text-align:left;letter-spacing:2px;line-height:1.4;font-size:1.2rem;display:block;top:10px;margin-left:1.2rem!important;}
.stitch{padding-right:2rem!important;}
.pad{height:5.8rem;}
#footer{background-image:none!important;bottom:0!important;background-color:#eee;max-height:40px;}
#footer p{margin:0px;padding:0px 10px;font-size:.8rem}
#footer small{font-size:.75rem}
.dhtmlgoodies_question{text-align:center!important;font-size:1rem!important;font-weight:normal!important;}
.flexslider img{max-width:98%;margin:0 auto;padding:0}
.mar-left-10{margin-left:2rem!important;}
}
@media only screen and (max-width:768px){
body{-webkit-text-size-adjust:none;}


.wrapper{padding:1rem!important;width:auto !important;line-height:1.2;}
.grids{margin:0px !important;width:auto !important;}
[class^='grid-']{margin:0px !important;width:auto !important;float:none !important;}
.grids [class^='grid-']{margin:0px !important;width:auto !important;float:none !important;}
.wrapper p{font-size:1rem}
.sm-screen-clear {position:relative; display:block;clear:both;}
h3 {padding:10px 0;}

.banner{position:fixed;height:90px;top:0;left:0;}
.banner h1{top:2px;left:2px!important;text-shadow:none;margin-bottom:2px!important;padding-bottom:0!important;letter-spacing:1px;}
.the-shop{display:block!important;text-align:left!important; left:2px!important;font-size:.8rem!important;padding-left:0;}
.tag{position:relative; display:block;text-align:left!important; left:2px!important;right:auto!important;top:-40px!important;font-size:.75rem;}
	.lg-screen,.lg-screen-iL{display:none!important}
	.sm-screen{display:block!important}
	.pad{height:120px!important;}
	#lg-nav{display:none}
	/*#sm-nav{left:66%!important;top:-16px!important}
	.page-name,.panel-inner{font-size:16px!important}
	.nav-accordion{color:#fff;cursor:pointer;width:150px;border:none!important;outline:0;font-size:18px;transition:.4s}
	button.nav-accordion{background-color:rgba(0,0,0,0)!important}
	.menu-i{position:relative;display:block;top:26px;right:6px;font-size:32px;color:#fff; background:none;}
	.sm-panel{display:none;overflow:hidden;text-align:left;padding:28px 0 6px 4px}
	.panel-inner{position:relative;display:block;text-align:left;font-size:16px;padding:12px 0 6px 6px!important;text-align:left;border-bottom:1px solid #ddc879;
		background-color:rgba(0,0,0,1);color:#0ff;text-decoration:none}
	.page-name{position:relative;display:block;text-align:left;font-size:16px;padding:12px 0 6px 6px!important;text-align:left;border-bottom:1px solid #ddc879;
		background-color:rgba(0,0,0,.75);color:#ddc879!important;}*/


.page{position:relative;text-align:left;letter-spacing:2px;line-height:1.5;font-size:1rem!important;display:block;margin-left:1.2rem!important;}
/*.stitch{display:none;}*/
.pad{}
.small-screen{display:block!important;}
.tiny-screen{display:block!important;}
.large-screen{display:none!important;}
.sm-screen-increase{font-size:150%!important;padding-bottom:.6rem;}
#footer{background-image:none!important;bottom:0!important;background-color:#eee;}
#footer p{font-size:14px!important;margin:0px;padding:0px 10px;}
#footer small{font-size:9px!important;}
.vtt{font-size:12px;}
.flexslider img{width:711px;max-width:98%!important;margin:0 auto;padding:0}

.social-a{font-size:1.1rem;line-height:2;text-align:center;padding:.2rem .5rem;border:1px dashed #fff;border-radius:9px;}
.social-b{font-size:1.1rem;line-height:2;text-align:center;margin-top:-5px;padding:.2rem .5rem;border:1px dashed #fff;border-radius:9px;}
.social-c {top:10px!important;max-width:26px; padding:.3rem .5rem;border:1px dashed #fff;border-radius:9px;}
.pad-left{padding-left:0!important;}
.service-img{width:50px;padding-right:5px!important;}
.top-comment{font-size:.8rem!important;padding-bottom:10px;}
.mar-left-10{margin-left:10px!important;}
}


@media only screen and (max-width:425px) {
html {font-size:18px; padding:0!important;}
body{-webkit-text-size-adjust:none;max-width:100%!important;}
.grids{margin:0px !important;width:auto !important; padding:8px 8px;}
[class^='grid-']{margin:0px !important;width:auto !important;float:none !important;}
.grids [class^='grid-']{margin:0px !important;width:auto !important;float:none !important;}
.wrapper{padding:8px!important;width:98%!important;line-height:1.2;}
.wrapper p{font-size:1rem}
.sm-screen-clear {position:relative; display:block;clear:both;}
h3 {padding:10px 0;}

.banner{position:fixed;top:0;height:80px;top:0;left:0;}
.banner h1{display:inline;top:2px;left:2px!important;text-shadow:none;margin-bottom:2px!important;padding-bottom:0!important;letter-spacing:1px;}
.the-shop{text-align:left!important; left:2px!important;font-size:.8rem!important;padding:0 0 4px 0;}
.tag{text-align:left!important; left:2px!important;right:auto!important;font-size:.75rem;}

.lg-screen,.lg-screen-iL{display:none!important}
	.sm-screen{display:block!important}
	.pad{height:120px!important;}
	#lg-nav{display:none}
	#sm-nav{position:fixed;display:block;z-index:2100!important;left:61%!important;top:-16px!important}
	.page-name,.panel-inner{font-size:16px!important}
	.nav-accordion{color:#fff;cursor:pointer;width:150px;border:none!important;outline:0;font-size:16px;transition:.4s}
	button.nav-accordion{background-color:rgba(0,0,0,0)!important}
	.menu-i{position:relative;display:block;top:14px!important;right:6px;font-size:32px;background:none;}
	/*.sm-panel,*/ .panela{display:none;overflow:hidden;text-align:left;padding:28px 0 6px 4px}
	.panel-inner{position:relative;display:block;text-align:left;font-size:16px;padding:12px 0 6px 6px!important;text-align:left;border-bottom:1px solid #ddc879;
		background-color:rgba(0,0,0,1);color:#0ff;text-decoration:none}
	.page-name{position:relative;display:block;text-align:left;font-size:16px;padding:12px 0 6px 6px!important;text-align:left;border-bottom:1px solid #ddc879;
		background-color:rgba(0,0,0,.75);color:#ddc879!important;}

.serv-indent {margin-left:0;}
.signature{font-size:1rem;letter-spacing:1px;color:#000;text-shadow:2px 1px 2px #999;padding:2px 2px; background:#fff; border-radius:6px;}
.page{position:relative;text-align:left;letter-spacing:2px;line-height:1.5;font-size:1rem!important;display:block;margin-left:1.2rem!important;}
/*.stitch{display:none!important;}*/
.best {text-align:left;font-size:1.2rem; line-height:1;}
.h-rock{letter-spacing:2px;font-size:1.4rem; line-height:1.6!important;font-family:'Rock Salt', "Lucida Sans Unicode", "Lucida Grande", sans-serif!important;display:block;color:#fff!important;text-shadow:2px 2px 2px #000;}
.tiny-screen{display:block!important;}

.sm-screen-increase{font-size:150%!important;padding-bottom:.6rem;}
#footer{background-image:none!important;bottom:0!important;background-color:#eee;}
#footer p{font-size:12px!important;margin:0px;padding:0px;}
#footer small{font-size:9px!important;}
.vtt{font-size:12px;}
.flexslider img {width:92%!important;margin:0 auto;padding:0}
.flex-caption{width:100%;padding:10px 0; margin-top:4px;position:absolute;text-align:center;background:none;color:#fff;font-size:1.6rem;line-height:2;letter-spacing:1px}
.social-a{font-size:1.1rem;line-height:2;text-align:center;padding:.2rem .5rem;border:1px dashed #fff;border-radius:9px;}
.social-b{font-size:1.1rem;line-height:2;text-align:center;margin-top:-5px;padding:.2rem .5rem;border:1px dashed #fff;border-radius:9px;}
.social-c {top:10px!important;max-width:26px; padding:.3rem .5rem;border:1px dashed #fff;border-radius:9px;}
.pad-left{padding-left:0!important;}
.service-img{width:50px;padding-right:5px!important;}
.top-comment{font-size:.8rem!important;padding-bottom:10px;}
.mar-left-10{margin-left:10px!important;}
}
