/* coman  css */
body.rh{  font-family: 'GothamBlack'; font-size:20px;}
body.rh .dt{display:table;}
body.rh .dtc{display:table-cell;}
body.rh ul{padding:0;}
body.rh ul li{list-style:none;}
body.rh .h1{font-family: 'GothamBold'; font-size:130px;}
body.rh .h2{color:#ad171bq; font-family: 'GothamBlack'; font-size:70px;}
 /* coman css */ 

 
 /* banner start */
.rh section.main-baner{width:100%; padding-top:120px; position:relative;}
.rh section.main-baner:before{content:""; position:absolute; background-image:url(../portfolio/roadhouse/images/main-bg_01.png); background-repeat:no-repeat; background-position:center;background-size:cover; top:0; left:0; right:0; bottom:320px; z-index:-1;}
.rh section.main-baner .heading-are{width:100%;}
.rh section.main-baner .title{text-align:left;}
.rh section.main-baner .logo{text-align:right;}
.rh section.main-baner .banner-layout{width:100%; display:inline-block; padding-top:80px;}
.rh section.main-baner .banner-layout img{ display:inline-block; }
 /* banner end */


 /* second-sc start */
.rh section.second-sc{width:100%; padding-top:142px; background-color:#ad171b;   font-family: 'GothamBold'; overflow:hidden; padding-bottom:290px; margin-top:120px;}
.rh section.second-sc .section-top{display:inline-block; width:100%;}
.rh section.second-sc .section-top .text-imag{display:inline-block; position:relative; width:100%;}
.rh section.second-sc .section-top .text-imag:before{position:absolute; content:"Family";  font-size:130px; right:-100px; text-transform:capitalize; top:-60px; color:rgba(255, 255, 255, 0.20); text-shadow: 15px 17px 0px rgba(255, 255, 255, 0.05); text-transform:uppercase;}
.rh section.second-sc .section-top .text-imag:after{position:absolute; content:"Vacation"; font-size:103px; right:0; text-transform:capitalize; color:rgba(255, 255, 255, 0.20); text-shadow: 15px 17px 0px rgba(255, 255, 255, 0.05); top:92px; right:-170px;text-transform:uppercase;}
.rh section.second-sc .section-top .text-imag img{display:inline-block;
	box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-webkit-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-moz-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-ms-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-o-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	
}
.rh section.second-sc .section-bottom{display:inline-block; width:100%; margin-top:-20px;}
.rh section.second-sc .section-bottom .text-imag{display:inline-block; width:100%; position:relative;}
.rh section.second-sc .section-bottom .text-imag:before{position:absolute; content:"American";  font-size:72px; left:0; text-transform:capitalize; top:95px; color:rgba(255, 255, 255, 0.20); text-shadow: 15px 17px 0px rgba(255, 255, 255, 0.05); text-transform:uppercase;}
.rh section.second-sc .section-bottom .text-imag:after{position:absolute; content:"Light Ale"; font-size:107px;  text-transform:capitalize; color:rgba(255, 255, 255, 0.20); text-shadow: 15px 17px 0px rgba(255, 255, 255, 0.05); top:195px; left:0;text-transform:uppercase; max-width:370px; line-height:1.2;}
.rh section.second-sc .section-bottom .text-imag img{display:inline-block; float:right;
box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-webkit-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-moz-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-ms-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-o-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
}
 /* second-sc send */
 
 
 /* layout section start */
.rh section.layout{width:100%; overflow-x:hidden;position:relative; margin-top:-160px;}
.rh section.layout .screen-one{display:inline-block; position:relative; left:-300px;}
.rh section.layout .screen-one img{box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-webkit-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-moz-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-ms-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);
	-o-box-shadow: 1px 1px 12px 1px rgba(29, 29, 29, 0.19);}
.rh section.layout .bottom {width:100%; text-transform:uppercase; position:relative;margin-top:-300px;}
.rh section.layout .bottom .text{ max-width:350px; vertical-align:bottom; }
.rh section.layout .bottom .text .h2{line-height:1.2;font-size:70px; color:#ad171b; text-shadow: 8px 5px 0px rgba(173, 23, 27, 0.15);}
.rh section.layout .bottom .right{text-align:right;vertical-align:bottom;}
.rh section.layout .bottom ul.menu {background-color:#262626; max-width:390px; text-align:right; display:inline-block; width:100%;}
.rh section.layout .bottom ul.menu li{color:#ffffff;  font-family: 'GothamMedium'; font-size:50px; margin-top:75px; text-align:center; line-height:normal;}
.rh section.layout .bottom ul.menu li:last-child{padding-bottom:75px;}
.rh section.layout .second{padding-top:220px; display:inline-block; width:100%;}
.rh section.layout .second .screen-one{left: 271px; margin-left:0;}
.rh section.layout .second .bottom .right{text-align:left; width:43%;}
.rh section.layout .second .bottom ul.menu{max-width:435px; padding:45px 35px;}
.rh section.layout .second .bottom .text{; position:relative;}
.rh section.layout .second .bottom .text .h2{font-size:64px; position:absolute; bottom:-80px;}
.rh section.layout .second .bottom ul.menu li{font-size:33px; margin:0; line-height:2;}
.rh section.layout .second .bottom ul.menu li:last-child{padding-bottom:0;}
.rh section.layout .layout{width:100%; padding-top:120px;}
 /* layout section end */
 
 /* footer start */
.rh footer.rhfooter{width:100%; display:inline-block; position:relative; padding-top:70px;}
.rh footer.rhfooter:before{content:""; position:absolute; bottom:0; left:0; right:0; top:250px; background-color:#ad171b; z-index:-9;}
.rh footer.rhfooter .footer-img{width:100%;}
.rh footer.rhfooter .footer-img img{display:inline-block;}
 /* footer end */


 
 
 /* media quaries start */
 
 
 @media(max-width:1199px){
.rh section.second-sc .section-top .text-imag:before{font-size:75px; top:-40px; }
.rh section.second-sc .section-top .text-imag:after{font-size:55px; right:-150px; top:60px;}
.rh section.second-sc .section-bottom .text-imag:before{font-size:40px;}
.rh section.second-sc .section-bottom .text-imag:after{font-size:40px; top:160px;}
.rh section.layout .bottom .text .h2{font-size:54px;}
.rh section.layout .bottom ul.menu li{font-size:45px; margin-top:40px;}
.rh section.layout .bottom{margin-top:-180px;}
.rh section.layout .second .bottom ul.menu li{font-size:28px;}
.rh section.layout .second .bottom .text .h2{font-size:54px; left:50px;}
 }
@media(max-width:991px){
.rh section.second-sc .section-top{margin-top:115px;}
.rh section.second-sc .section-top .text-imag:before{left:0; top:-200px; width:100%;}
.rh section.second-sc .section-top .text-imag:after{left:0; top:-115px;}
.rh section.second-sc .section-bottom{margin-top:270px;}
.rh section.second-sc .section-bottom .text-imag img{float:left;}
.rh section.second-sc .section-bottom .text-imag:before{top:-200px; font-size:75px;}
.rh section.second-sc .section-bottom .text-imag:after{top:-95px;font-size:55px;}
.rh section.layout .bottom .text .h2{font-size:45px;}
.rh section.layout .bottom{margin-top:-50px;}
.rh section.layout .second .bottom{   margin-top:-155px;}
.rh section.layout .second{padding-top:125px;}
.rh section.layout .screen-one{left:-140px;}
.rh section.layout .second .screen-one{left:175px;}
.rh section.layout .bottom ul.menu li{font-size:26px; margin-top:20px;}
.rh section.layout .bottom ul.menu li:last-child{padding-bottom:30px;}
.rh section.layout .bottom ul.menu li:first-child{padding-top:10px;}
.rh section.layout .second .bottom ul.menu li{font-size:21px;}
.rh section.layout .second .bottom .text .h2{font-size:45px;}
}

@media(max-width:767px){
.rh section.main-baner .heading-are{display:inline-block; width:100%; text-align:center;}
.rh section.main-baner:before{bottom:0; height:750px;}
.rh section.main-baner .title{display:inline-block; width:100%; text-align:center;}
.rh section.main-baner .logo{display:inline-block; width:100%; text-align:center; margin-top:50px;}
.rh section.second-sc .section-top .text-imag:before{text-align:center; left:0; right:inherit; font-size:55px;}
.rh section.second-sc .section-top .text-imag:after{text-align:center; right:0; top:-130px;font-size:45px;}
.rh section.second-sc .section-bottom .text-imag:before{text-align:center; width:100%;font-size:55px;top: -165px;}
.rh section.second-sc .section-bottom .text-imag:after{text-align:center; width:100%; max-width:100%;font-size:45px; top:-88px;}
.rh section.second-sc .section-top .text-imag{text-align:center;}
.rh section.second-sc .section-bottom{margin-top:220px;}
.rh section.second-sc .section-bottom .text-imag{text-align:center;}
.rh section.second-sc .section-top .text-imag img{ max-width:100%;}
.rh section.second-sc .section-bottom .text-imag img{ max-width:100%; float:none;}
.rh section.layout .screen-one{display:inline-block; width:100%; left:0;}
.rh section.layout .screen-one img{ max-width:100%;}
.rh section.layout .bottom .text .h2{font-size:35px;}
.rh section.layout .bottom ul.menu li{font-size:18px;}
.rh section.layout .second .bottom ul.menu li{font-size:18px;}
.rh section.layout .second .bottom .text .h2{font-size:35px;}
.rh section.layout .layout{padding-top:80px;}
.rh section.layout .second .screen-one{display:inline-block; width:100%; left:0;}
.rh section.layout .bottom{margin-top:0px;}
.rh section.layout .bottom .text{display:block; max-width:100%; text-align:center;}
.rh section.layout .bottom .right{display:block;text-align:center; margin-top:50px; }
.rh section.layout .second .bottom{display:block; margin-top:30px; text-align:center;}
.rh section.layout .second .bottom .right{text-align:center; width:100%;}
.rh section.layout .second .bottom .text{display:block; margin-top:30px;}
.rh section.layout .second .bottom .text .h2{position:relative; text-align:center; left:0; bottom:0;}

}
@media(max-width:480px){
.rh section.main-baner{padding-top:80px;}
.rh section.main-baner:before{height:650px;}
.rh section.second-sc .section-top .text-imag:before{  font-size:40px;top:-110px;text-shadow: 5px 5px 0px rgba(255, 255, 255, 0.05);}
.rh section.second-sc .section-top .text-imag:after{ top:-55px;font-size:30px;text-shadow: 5px 5px 0px rgba(255, 255, 255, 0.05);}
.rh section.second-sc .section-bottom .text-imag:before{font-size:40px;top:-110px;text-shadow: 5px 5px 0px rgba(255, 255, 255, 0.05);}
.rh section.second-sc .section-bottom .text-imag:after{top:-55px;font-size:30px;text-shadow: 5px 5px 0px rgba(255, 255, 255, 0.05);}
.rh section.second-sc{margin-top:80px; padding-top:60px;}
.rh section.second-sc .section-bottom{margin-top:160px;}
.rh section.second-sc{padding-bottom:220px;}
.rh section.layout .bottom .text .h2{font-size:24px;}
.rh section.layout .bottom ul.menu li{font-size:16px;}
.rh section.layout .second{padding-top:80px;}
.rh section.layout .bottom .right{margin-top:25px;}
.rh section.layout .second .bottom ul.menu li{font-size:16px;}
.rh section.layout .second .bottom .text .h2{font-size:24px;}
.rh footer.rhfooter:before{top:150px;}
}