body {background:#ffffff; font-family: 'Roboto', sans-serif;
background-size:cover; color:#444444;}

.tshadow { text-shadow:#ffffff 2px 2px 3px;}
.dshadow { text-shadow:#000000 2px 2px 3px;}

.header { background:#ffffff;  
    color:#222222;
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
.topnotice {background:#CA0000; color:#fff; text-align:center; font-size:.8em; padding:3px 2px;}
.headback { background: #ffffff;}
.address { color:#ffffff; font-size:1.1em; text-align:center; }
.spd{ margin: 8px 2px 8px 2px;}
.spm {margin-top: -28px;}
.phone{ 
	
	font-weight:normal;
	
	color:#ff0600;
	text-align:center;
	font-family: 'Gudea', sans-serif;
 }
#phone{ 
    color:#ff0600;}
#glink { color:#999; text-decoration:underline; text-align:center; }
#glink:hover { color:#ddd; }

.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-animate-fading{animation:fading 10s;}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.slogan
{
	font-size:1.2em;
	letter-spacing:1px;
	line-height:1.1em;
	font-family: 'Sorts Mill Goudy', serif;
	font-style:italic;
	color:#ffffff;
	text-align:center;
	background:url(../images/fuzz.png) top center no-repeat;
	padding:6px 0px 5px 0px;
	
}
.roboto {font-family: 'Roboto', sans-serif; font-weight:bolder;}
.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}
.reviewpic {
background:url(../images/review-back.jpg) top left fixed; background-size:cover; padding:40px 0px; color: #ffffff;
}
.blback {
background:url(../images/bl_bg.png) top center fixed; 
padding:40px;}
.woodback {
background:url(../images/wood-back.jpg) top center fixed; 
padding:60px 0px 50px 0px; color:#fff;}
.lightblue{
	background:#1e74bd; color:#fff; }	
.lblbg{
	background:#1e74bd; margin: 12px;
padding:20px; opacity: .9;}	

.outline-feat {
	border:#fb0000 3px solid;
    border-radius: 24px;
	padding:20px;
    margin: 20px;
	color:#111111;
    background: #ffffff;
	font-size:1.3em; 
	font-style:bold;
box-shadow: 3px 3px 5px 5px #cccccc;} 

.frame {
	background:#fb0000;
	padding:20px;
	color:#fff;
	font-size:2.8em; 
	text-align:center;
	font-family: 'Lora', serif;
	font-style:bold;
box-shadow:  5px 5px 5px 5px #999;} 
#yellow {color:#f6cc22;}
.red { color:#fe0000;}
.grayb { background:#6b5c57;}
#gray { color:#cccccc;}
.bump { font-size:1.2em;}

#white { color:#fff;}
.white-bg { background:#fff; color:#222222; padding:0px 0px 0px 0px;}
.whitebg { background:#f3f3f3; color:#222222; padding:60px 0px 60px 0px;}
.floatbox { padding:60px;}
.black-bg { background:#000000; padding:20px 0px;}
.featcont { background:#ceebf3; max-width:350px; padding:0px 0px; margin: 9px; margin-bottom: 20px; color:#444444; text-align: center;  box-shadow:#adadad 2px 2px 6px 2px; border-radius: 3px;}
.test { background:#000000; color:#ffffff; padding:20px; margin:12px; border-radius:20px; box-shadow:#333 2px 2px 6px 2px;}
.blacktext { color:#111111;}
.btn-home{color:#ffffff;background-color:#303030; padding:4px 26px 12px 26px; font-size:1.2em; border-radius:2px; font-weight:bold;   }
.btn-home:focus,.btn-home:hover{color:#ffffff;background-color:#58708a; }
.btn-home.active{color:#fff;background-color:#58708a;}
.navbarback {background:#999999; padding:0px;  border-bottom:4px #999999 solid; }
.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='2 1 29 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } 

.navbar-toggler { background:#999999; padding-left:9px;}


.desk { display:block;}
.mobi { display:none;}



.couponback { background: #ffffff; border-radius: 10px; padding: 24px; margin: 12px;}
.coupon { color: #111111; border: 4px dashed #db1b2d; border-radius: 10px; padding:12px; text-align: center;}


blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

@media (max-width:575.98px){
.desk { display:none;}
.mobi { display:block;}
      .mobin { display:block;}
.frame {
    font-size:2.2em; line-height: 1.2em; }
.phone {  margin:4px 2px 0px 2px; font-size:1.8em;}
.slogan { text-align:center; margin-top:10px; }
#btn {  font-size:1.2em;} 
.header { 
position:static; z-index: 000;
padding-top:0px; padding-bottom:0px;}
.detailbox { padding:0px 20px 0px 20px;}
    .halfb{ width:100%; float:none;  }
.half{ width:50%; float:left; text-align: center; }
.headerlogo { margin-top:0px; margin-bottom:8px;  max-width:136px;}
.buffer { height:0px; margin-bottom:0px;}
.bufferint { height:30px; margin-bottom:0px;}
.homeinfo { color:#333; margin-top:0px; font-size:1.1em;}
.white-fade {background: rgb(224,242,244);
background: linear-gradient(180deg, rgba(224,242,244,1) 0%, rgba(255,255,255,1) 100%); height:60px;}
.address { margin:1px 2px 5px 2px; }
}
@media (min-width:576px){ 
.desk { display:none;}
.mobi { display:block;}
    .mobin { display:block;}
    .frame {
    font-size:2.2em; line-height: 1.2em; }
.headerlogo { margin-top:0px; margin-bottom:8px;  max-width:136px;}
.slogan
{	font-size:1.2em;
	  margin-top:10px;
}
.header { 
	position:static;
padding-top:0px; padding-bottom:0px;
}
    .homeinfo { color:#333; margin-top:0px; font-size:1.1em;}

.detailbox { padding:0px 20px 0px 20px;}
 .halfb{ width:100%; float:none;  }   
.buffh { margin-top:29px;}
#btn {  font-size:.9em;}
.phone { font-size:1.8em; margin:4px 2px 0px 2px;}
.half{ width:50%; float:left; text-align: center;  }
.buffer { height:0px;margin-bottom:0px;}

.bufferint { height:30px; margin-bottom:0px;}

.address { margin:1px 2px 5px 2px; }
.white-fade {background: rgb(224,242,244);
background: linear-gradient(180deg, rgba(224,242,244,1) 0%, rgba(255,255,255,1) 100%); height:60px;}
}
@media (min-width:740px){ 
.desk { display:none;}
.mobi { display:block;}
    .homeinfo { color:#333; margin-top:2px; font-size:1.1em;}

.mobin { display:none;}
.header { 
position:static;
padding-top:0px; padding-bottom:0px;
}
.halfb{ width:50%; float:left;  }
.slogan
{	font-size:1.4em;	  margin-top: 14px;}
.detailbox { padding:0px 20px 0px 20px;}
#btn {  font-size:1em;}
.buffh { margin-top:20px;}
.phone { font-size:1.8em; margin:14px 2px 0px 2px;}
.half{ width:50%; float:left; text-align: center;  }
.buffer { height:0px;}
.bufferint { height:30px; margin-bottom:0px;}

.address { margin:15px 2px 5px 2px; }
.white-fade {background: rgb(224,242,244);
background: linear-gradient(180deg, rgba(224,242,244,1) 0%, rgba(255,255,255,1) 100%); height:90px;}
}

@media (min-width:992px){
.slogan
{	font-size:1.3em;  margin-top: 20px;}
    .detailbox { padding:0px 14px 0px 14px;}
.desk { display:block;}
.mobi { display:none;}
    .mobin { display:none;}
.header { 
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
    .address { margin:15px 2px 5px 2px; }
.halfb{ width:50%; float:left;  }
#btn {  font-size:1.2em;}
.buffh { margin-top:25px;}
.phone { font-size:1.8em; margin:16px 2px 0px 2px;}
.half{ width:50%; float:leftt; text-align: center;  }
	.buffer { height: 160px;}
    .bufferint { height:80px; margin-bottom:0px;}
.homeinfo { color:#333; margin-top: 17px; font-size:1.1em;}
.white-fade {background: rgb(224,242,244);
background: linear-gradient(180deg, rgba(224,242,244,1) 0%, rgba(255,255,255,1) 100%); height:50px;}
}
@media (min-width:1200px){
.slogan
{	font-size:1.4em;
    margin-top: 20px;
}
.desk { display:block;}
.mobi { display:none;}
    .mobin { display:none;}
.detailbox { padding:0px 20px 0px 20px;}
.header { 
	position: fixed;
	z-index:999999;
	width: 100%;
    padding-top:0px; padding-bottom:0px;
}
#btn {  font-size:1.2em;}
.buffh { margin-top:29px;}
.phone{ 
	font-size:1.9em;
	font-weight:normal;
	margin:4px 0px 8px 0px;}
.half{ width:50%; float:left; text-align: center;  }
    .halfb{ width:50%; float:left;  }
	.buffer { height:160px;}
.address { margin:24px 2px 10px 2px; }
   .bufferint { height:80px; margin-bottom:0px;}
 .homeinfo { color:#333; margin-top: 17px; font-size:1.1em;}
.white-fade {background: rgb(224,242,244);
background: linear-gradient(180deg, rgba(224,242,244,1) 0%, rgba(255,255,255,1) 100%); height:60px;}  
}

@media (max-width:575.98px){.nav-link{ text-align:left;   width:89%;}
.nav-item{ margin-top:0px; padding-left:10px; padding-right:10px;} 
}
@media (min-width:576px){ .nav-link{display:block;  text-align:left;  }
.nav-item{ margin-top:0px; padding-left:0px; padding-right:0px; }
}
@media (min-width:740px){ .nav-link{display:block; text-align:left;  }
.nav-item{ margin-top:0px; padding-left:0px; padding-right:0px; }
}

@media (min-width:992px){.nav-link{display:block; text-align:center;  }
.nav-item{ margin-top:0px; padding-left:0px; padding-right:0px;}
}
@media (min-width:1200px){.nav-link{display:block;   text-align:center;  }
.nav-item{ margin-top:0px; padding-left:4px; padding-right:4px;}
   }

.nav-link:link,.nav-link:visited{color:#ffffff; background:#999999; border-radius: 6px; }
.dropdown-menu {background:#999999;}
.nav-link:focus,.nav-link:hover{text-decoration:none;  color:#ffffff; background-color:#555555; padding-left:1px; padding-right:10px; margin-left:4px;
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}


.navbar-nav { background: #999999;}
.navbar { background: #999999;}

.coupon-Border {
	border:4px dashed #d62264;
    border-radius: 18px;
	padding:24px;
	margin:10px;
	text-align:center;
	color:#45061d;
	background-color:#f4f4f4;
}

#ml { color:#313131; padding-left:10px; }
#ml:hover { color:#fff; background:#e7a60b; border-radius:9px; }
#mls { color:#fff; padding-left:10px; background:#231f20;}
#mls:hover { color:#fff; background:#333; border-radius:0px; }

.detail-table-striped tr:nth-of-type(even){background-color:rgba(255,255,255,.08)}
.detail-table{width:100%; padding:4px; vertical-align:top; margin-top:20px; margin-bottom:20px;}
.detail-head { font-size:1.1em; padding-bottom:8px; }
a:link {
	text-decoration: none;
    color:#081d2f;
	color:#001349;
}
a:visited {
	text-decoration: none;
     color:#081d2f;
}
a:hover {
	text-decoration: none;
    color:#001349;
}
a:active {
	text-decoration:none;
    color:#001349;
}	


.hb{color:#445274;background-color:#f9e84d; padding:10px 14px 12px 14px; margin:10px; font-size:1.2em;   }
.hb:focus,.hb:hover{color:#fff;background-color:#f9c400; }
.hb.active{color:#333;background-color:#f9c400; border-color:#f9e84d;}

p { font-size:1.1em;}

hr {border-top: 1px solid #253453;}

h1 { color:#111111; font-size:2.8em; font-weight: bold;  }
h2 { font-size:2.2em; color:#fe0000;  font-weight:bold; }
h3 { color:#222222;  font-size:1.8em; }
h4 { color:#999999; font-size:1.4em; font-weight: bolder; text-align:left; margin:10px 8px 8px 8px; }


.feat {
	background: rgb(203,235,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(203,235,255,1) 0%, rgba(161,219,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(203,235,255,1) 0%,rgba(161,219,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(203,235,255,1) 0%,rgba(161,219,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbebff', endColorstr='#a1dbff',GradientType=0 );
	padding:20px;
	margin:0px 10px 10px 10px;
	border:1px solid #0b5ca1;
	color:#0b5ca1;
	font-size:1.3em; 
	text-align:center;
	font-style:bold;} 

.thumbpic { padding:5px; width:100%; max-width:110px;}
.descriptbox { padding:20px 12px;}
.logom { margin-bottom:8px;}
.leadpad { padding: 5px 18px 10px 18px;}
#footer { background:#ffffff; 

padding:40px 0px 6px 0px; color:#111111;}


#footer a:link, #footer a:visited, #footer a:active {
	color:#910300;
	
	text-decoration:none;
}
#footer a:hover {
	color:#4c1312;
}

.footlogo { margin:5px 14px; }



#fphone {  font-size:1.9em; margin:18px 2px 2px 2px;}

#cwr {
	margin:0 auto;
	background-color:none;
	color:#ccc;
	background:#111;
	text-align:center;
	font-size:.7em;
}


.tint {
  position: relative;
  float: left;
  cursor: pointer;
  text-decoration:none;
  margin-bottom:14px;
  padding:10px;
  box-shadow:#304365 1px 2px 4px 1px;
   border-radius:6px;
   background:#000;
}

.tint:hover:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius:6px;
  background: rgba(48,67,101, 0.4);
   -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
   text-decoration:none;
}

.tint:before {
	 -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
  background: none;
}

hr { border:1px solid #b3bead;}
.whul { list-style:url(../images/rul.png); font-size:1.3em; color:#222222; margin-left:30px; line-height:1.3em;}
.dul { list-style:url(../images/uline.png);  margin-left:30px; line-height:1.3em;}


#btn {
  
  border-radius: 3px;
    padding-top: 3px;
  width: 140px;
  height: 36px;
  display: block;

  background: linear-gradient(to right, #fd0002 50%, #910300 50%);
  
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
}

#btn:hover {
  background-position: left bottom;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}


#btnh {
   background:#fb0000;
font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-size: 1.4em;
  font-weight:bold;
  margin:5px;
  padding: 8px 8px 8px 8px;
    border: 1px solid #fb0000;
    border-radius: 8px;
  text-align:center;
  text-decoration: none;
}

#btnh:hover {
 background:#ffffff; 
     color:#fb0000;
    
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.btnhmobi { margin-top:22px; margin-left:50px; max-width:190px;  }
.btext {
  text-align: center;
  font-size: 16px;
  line-height: 30px; 
  color: white;
  transition: all .6s ease-out;
  display: block;
}

.btext:hover {
  color: white;  
}


#btng {
background: rgb(162,18,24);
background: linear-gradient(0deg, rgba(162,18,24,1) 0%, rgba(198,31,37,1) 100%);
 
  font-size:1.2em;
  color:#fff;
  font-weight:bold;
  margin:10px 3px;
  padding: 14px 26px 14px 26px;
  text-align:center;
  text-decoration: none;
     -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

#btng:hover {
 background: rgb(162,18,24);
background: linear-gradient(180deg, rgba(162,18,24,1) 0%, rgba(198,31,37,1) 100%); 
  color:#ffffff;
  text-decoration: none;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}




 .bar { background:#e81f25; height: 4px; width: 300px; margin:10px 2px 20px 2px; }
@media (max-width:575.98px){ .slideover {z-index:888888; width:100%; position:absolute; padding-top:0px;}
#btnh {
  font-size:.9em;  margin-top:-20px;}
 .htext {  font-size:1.4rem;}  
}
@media (min-width:576px){ .slideover {z-index:888888; width:100%; position:absolute; padding-top:10px;}
#btnh {
  font-size:1.1em;  margin-top:-20px;}
.htext {  font-size: 2rem;}      
}
@media (max-width: 767px) { 

.one { display:none;}
.two { display:none;}
.three { display:none;}
.four { display:block;}
#btnh {
  font-size:.9em;  margin-top:-20px;}
  .slideover {z-index:888888; width:100%; position:absolute; padding-top:40px;}
.headerlogo { margin-top:10px;  max-width:130px;}
 .descriptbox { padding:20px 12px;}
.htext {  font-size:2.4rem;}  

}
 

@media (min-width: 768px) { 
.one { display:none;}
.two { display:none;}
.three { display:block;}
.four { display:none;}
#btnh {
  font-size:1em;  margin-top:-25px;}
.slideover {z-index:888888; width:100%; position:absolute; padding-top:40px;}
.headerlogo { margin-top:20px; max-width:136px;}
.descriptbox { padding:20px 12px; max-width: 380px;}
.htext {  font-size:3rem;}  
}

@media (min-width: 992px) { 
.one { display:none;}
.two { display:block;}
.three { display:none;}
.four { display:none;} 
.slideover {z-index:888888; width:100%; position:absolute; padding-top:80px;}
#btnh {
  font-size:1.1em;  margin-top:26px;}
.headerlogo { margin-top:20px; max-width:136px;}
.descriptbox { padding:20px 12px; max-width: 310px;} 
.htext {  font-size:3rem;}  
}

@media (min-width: 1200px) { 
.one { display:block;}
.two { display:none;}
.three { display:none;}
.four { display:none;}

.slideover {z-index:888888; width:100%; position:absolute; padding-top:150px;}   
#btnh {
  font-size:1.2em;  margin-top:28px;}
.headerlogo { margin-top:20px; max-width:136px;}
    .htext {  font-size:3.1rem;}  
}
.full { width:100%;}
.nopad {margin:0px; padding:0px;}		


.nob { margin:0px; border:0px; border-radius:0px;}


.LocationButton {
	padding:11px 14px;
  font-size:1.4em;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background:#1e74bd;
  font-weight:normal;
  border-bottom:6px solid #083b66;
}
.LocationButton:hover {
background:#0f4d82; 
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
.LocationButton:active {
	 background:#0f4d82; 
  transform: translateY(4px);
}



.button {
  padding:9px 14px;
  font-size:1.3em;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background:#1e74bd;
  border-radius:9px;
  font-weight:normal;
  border-bottom:4px solid #083b66;


}

.button:hover {background:#0f4d82; 
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;}

.button:active {
  background:#0f4d82; 
  transform: translateY(4px);
}




/*------hover image box --------  http://css-workshop.com/hover-box-text-over-images-on-hover-and-more/ */


.hvrbox,
.hvrbox * {
	box-sizing: border-box;
	margin-top:0px;
    margin-bottom:0px;
	padding-top:0px;

}
.hvrbox {
	position: relative;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
	margin-top:0px;
	padding-top:0px;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
	margin-top:0px;
	padding-top:0px;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(35, 35, 35, 0.7);
	color: #fff;
	font-weight:bold;
margin-top:0px;
	padding-top:0px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 1.2em;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
	font-size: 15px;
	border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
	border-top: 1px solid rgba(179, 179, 179, 0.7);
	margin-top: 0px;
	padding-top: 0px;
	display: none;
}
.hvrbox.active .hvrbox-text_mobile {
	display: block;
}
	
.hvrbox .hvrbox-layer_slideleft {
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	-ms-transform: translateX(100%);
	transform: translateX(100%);
}
.hvrbox:hover .hvrbox-layer_slideleft,
.hvrbox.active .hvrbox-layer_slideleft {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.containeri {
  position: relative;
 
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color:rgba(0, 0, 0, 0.6);
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.containeri:hover .overlay {
  height: 100%;
}

.text {
  font-size:1.2em;
  color: white;
  position: absolute;
  top:50%;
  left:50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
    width: 100%;
    padding:20px;
}


.footghost{ opacity: .6;}
 .greybox {background: #6b5c57; color:#fff; padding-bottom: 10px;} 
@media (max-width:575.98px){.text {font-size:1.1em;}.footghost{ max-width:100px; } .greybox {max-width:380px;} }
@media (min-width:576px){.text {font-size:1.1em;}.footghost{ max-width:150px; } .greybox {max-width:380px;}}
@media (min-width:768px){.text {font-size:1.2em;}.footghost{ max-width:200px; } .greybox {max-width:420px;}}
@media (min-width:992px){.text {font-size:.9em;}.footghost{ max-width:160px; } .greybox {max-width:448px;}}
@media (min-width:1200px){.text {font-size:1.2em;} .footghost{ max-width:200px; } .greybox {max-width:540px;}}



* {box-sizing: border-box;}


img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.texts {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .texts {font-size: 11px}
}

.hwrapper {
  /* 
  display: block; 
  since divs' default display value is already block
  */
  height:40rem;
  overflow-y: hidden;
  align-self: start;
  padding-left:1%;
}
.htext {
  color: #9D9D9D;
  position: relative;
  animation: slide-up 1.2s;
}
.hbar {
  animation: slide-right 1.4s;
}
.hstext {
  color: #9D9D9D;
  position: relative;
    font-weight: lighter;
  font-size: 2.8rem;
  animation: slide-up 1.8s;
}
.httext {
 
  position: relative;

  animation: slide-up 2.3s;
}
.hsecond {
  color: black;
  top: -1.2rem;
}

@keyframes slide-up {
  from {
    transform: translateY(5rem);
  }
  to {
    transform: translateY(0);
  }
}


@keyframes slide-right {
  from {
    transform: translateX(-5rem);
  }
  to {
    transform: translateX(0);
  }
}

@media (max-width:575.98px){.hstext {font-size:1rem;} }
@media (min-width:576px){.hstext {font-size:1.2rem;}}
@media (min-width:768px){.hstext {font-size:1.8rem;}}
@media (min-width:992px){.hstext {font-size: 2rem;}}
@media (min-width:1200px){.hstext {font-size: 2.8rem;}}


	
.navbard {
  overflow: hidden;
  background:#999999;
}

.navbard a {
  float: left;
  font-size:1.1em;
  color: white;
  text-align: center;
  padding: 14px 35px;
  text-decoration: none;
  font-family: 'Gudea', sans-serif;
  font-weight:normal;
  margin:0px 0px 0px 0px;
   -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

.dropdownd {
  float: left;
  overflow: hidden;
}

.dropdownd .dropbtnd {
  font-size: 1.1em;  
  border: none;
  outline: none;
  color: white;
  padding: 14px 35px;
  background-color: inherit;
  font-weight:normal;
  font-family: 'Gudea', sans-serif;
  margin: 0;
}
.navbard a:hover { 
  color:#fff;
  background:#555555;
}

.dropdownd:hover .dropbtnd {
  background-color:#444444;
}

.dropdown-contentd {
  display: none;
  position: absolute;
  background-color:#777777;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-contentd a {
  float: none;
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-contentd a:hover {
  background-color: #555555;
    color:#ffffff;
}

.dropdownd:hover .dropdown-contentd {
  display: block;
}

@media (min-width: 768px) { 
.dropdownd .dropbtnd {
  font-size:.9em;  
  padding: 12px 14px;}
.navbard a {
  font-size:.9em;
  padding: 12px 14px;}

}

@media (min-width: 992px) { 
.dropdownd .dropbtnd {
  font-size:1em;  
  padding: 12px 10px;}
.navbard a {
  font-size:1em;
  padding: 12px 10px;}

 
 }

@media (min-width: 1200px) {
	
	.dropdownd .dropbtnd {
  font-size: 1em;  
  padding: 12px 19px;}
.navbard a {
  font-size:1em;
  padding: 12px 19px;}

	
	
	 }