@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans) /* font-family: 'Open Sans', sans-serif; */ ;
@import url(https://fonts.googleapis.com/css?family=Questrial) /* font-family: 'Questrial', sans-serif; */ ;
@import url(https://fonts.googleapis.com/css?family=Coda);


h1{font-size: 24px !important; font-family: 'Coda'!important;}
h2{font-size:24px !important; font-family: 'Coda' !important;}
h3{font-size:18px !important; font-family: 'Coda' !important;}
h4{font-size: 30px !important; font-family: 'Rokkitt' !important;}
h4 span { color: #ff6600;	 }
h5{font-size: 18px !important; font-family: 'Rokkitt' !important;}
p{font-size:14px !important; font-family: 'Open Sans' !important;}
a{text-decoration: none;}
.footer_box{background:#cccccc; border:5px solid #FFF;     padding: 24px 0 46px 27px; }
.container {max-width:100% !important; margin:0 auto;}
.btn3{background:#333333; color: #FFF; height: 37px; width:148px; border:1px solid #000; }

.sundip{padding-top: 20px !important;}

/* Header */
.header{background: url(../images/header_bg.png);}

/* Pages */
.one{padding: 30px 0px;}
.two{background: url(../images/bg1.png); padding: 30px 0px;}
.two h2{color:#ffff00 !important;}
.two h2 span{color:#00ccff !important;}
.two p{color:#FFF !important;}
.btn2{color:#FFF; background:#0099ff; border:none; height: 43px; width:143px;}
.three{background: #dadafe; padding: 30px 0px; }
.four{}
.btn1{width:137px; height:37px; background:#333333; color:#FFF; border:none;}
.heading{font-size: 40px !important; color: #ffff00; }
.footer{background:#000; padding:30px 0px; color:#000;}
.footer span{color: #ff6600 !important;}
/* banner */
.banner{margin:0 0 0 0 !important; padding:0; width:100% !important; }
.footer_two{background:#000 !important; color:#FFF; border-top: 1px #FFF solid; padding: 10px 0px 0px 0px }
.logo{margin: -40px 0px !important;}
/*
.navbg{margin:10px 0 0 70px !important; padding:0; height:44px;  width:641px !important; background:none !important;}
ul.nav.navbar-nav{ width:641px; padding:0; margin:0 0 0 0;}
.navbar-nav>li>a{ color:#fff !important; box-shadow:none !important; font-family: 'Rokkitt', serif !important; font-size:17px; text-shadow:0 1px 0 #000 !important;}
.navbar-nav>li>a:hover{ color:#c1c2c3 !important; text-shadow:0 1px 0 #000 !important; margin:0;  box-shadow:none !important;}
.navbar-inverse .navbar-nav>.active>a{color:#f0dd07 !important; background:none !important;  text-shadow:0 1px 0 #000 !important; line-height:21px;}
nav.navbar.navbar-inverse{ background:none !important; border:none !important;}
.mar{margin:10px 0 0 10px; padding:0; width:618px; !important;}
.navbar-nav>li>a {
padding-top:15px !important;}
.call{display:none;}
*/




.accord{ margin:0; padding:0 0 0 10px; width:320px; border-radius:6px; border:1px solid #cacac8; }
.reservo2{ margin:0; padding:0 20px 0 20px; background:#fff !important; border-radius:9px 9px 0 0; border:1px solid #afafaf; color:#333;}

.form-control{ border-radius:0px !important; margin-top: -14px !important;}




.center {}

@media screen and ( max-width:970px){
h1{font-size: 24px; font-family: 'Coda'}
h2{font-size:24px; font-family: 'Coda';}
h3{font-size:18px; font-family: 'Coda';}
h4{font-size: 24px; font-family: 'Rokkitt'}
h5{font-size: 18px; font-family: 'Rokkitt'}
p{font-size:14px; font-family: 'Open Sans'}

.sundip{display:none !important;}
.heading{font-size: 19px !important; }



.center { display: block; margin-right: auto; margin-left: auto; }
}

@media screen and (max-width: 700px){
h1{font-size: 24px; font-family: 'Coda'}
h2{font-size:24px; font-family: 'Coda';}
h3{font-size:18px; font-family: 'Coda';}
h4{font-size: 24px; font-family: 'Rokkitt'}
h5{font-size: 18px; font-family: 'Rokkitt'}
p{font-size:14px; font-family: 'Open Sans'}
.sundip{display:none !important;}


.heading{font-size: 19px !important; }



.center { display: block; margin-right: auto; margin-left: auto; }
}

@media screen and (max-width: 480px) {
h1{font-size: 24px; font-family: 'Coda'}
h2{font-size:24px; font-family: 'Coda';}
h3{font-size:18px; font-family: 'Coda';}
h4{font-size: 24px; font-family: 'Rokkitt'}
h5{font-size: 18px; font-family: 'Rokkitt'}
p{font-size:14px; font-family: 'Open Sans'}
.sundip{display:none !important;}












/* I dont know what the F**k CSS is this */
.navbg{margin:30px 0 0 0 !important; padding:0 0 0 0 !important; background:#7b87a2 !important; width:100% !important; height:auto; border-radius:6px;}
ul.nav.navbar-nav{ width:100%; padding:0; margin:0;}
.navbar-nav>li>a{ color:#fff !important; box-shadow:none !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; text-shadow:0 1px 0 #000 !important; text-align:center;}
.navbar-nav>li>a:hover{ color:#fff !important; text-shadow:0 1px 0 #000 !important; background:#4d5c7d !important; margin:0;  box-shadow:none !important;}
.navbar-inverse .navbar-nav>.active>a{ background:#4d5c7d !important; color:#fff !important; text-shadow:0 1px 0 #000 !important; line-height:18px;}
nav.navbar.navbar-inverse{ background:none !important; border:none !important;}
.banner{margin:0 0 0 0 !important; padding:0; }

/* End of f**king code */
.heading{font-size: 19px !important; }



.center { display: block; margin-right: auto; margin-left: auto; }
}