.html, body {
  overflow-x: hidden;
}
.body {
  position: relative
}


/*
Typography
=========================== */


body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height:28px;
    color: #323131;
}
.welcome {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height:30px;
    color: #979797;
	width:80%
	
	}
#top {
	background-color:#030615;	
	padding:5px;
	border-top:#000 solid 5px;
	
}
.top {
    font-family: 'Montserrat', sans-serif;
	color:#FFF;		
	font-size:13px;
	padding-top:10px;
	letter-spacing:0.5px;
}
.h1 {
	font-family: 'Berkshire Swash', cursive;
	color:#FF6D17;
	padding:5px;	
	
}
.h2 {
	font-family: 'Berkshire Swash', cursive;
	color:#3F1803;	
	
}
.h3 {
	font-family: 'Berkshire Swash', cursive;
 	font-style: normal;  	
	color:#FBF807;
}

.h3-title {
	font-family: 'Berkshire Swash', cursive;
 	font-style: normal;  	
	color:#3F1803;
	padding-bottom:0px;
	padding-top:opx;
		}

.h4 {
	font-family: 'Montserrat', sans-serif;
	font-weight:800; 	
	color:#000;	
	text-transform: uppercase;
	}
.h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight:800; 	
	color:#000;	
	text-transform: uppercase;
	}
	
.h4-title {
	font-family: 'Montserrat', sans-serif;
	font-weight:500; 	
	color:#27378F;	
	padding-bottom:5px;
	
}
.p {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height:30px;
    color: #323131;
}

.p-awards {
	font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    line-height:23px;
    color: #323131;
	margin-top:5px;
}

.p-class {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height:30px;
    color: #240D00;
}

a {
    color: #854819;
    text-decoration: none;
}

a:hover {
    color: #522C0C;
    text-decoration: none;
}


hr {
height: 1px;
color: #123455;
background-color: #8F5E44;
border: none;
}



/***** HYPERLINK *****/

A.bgdark {color:#FCF6DB;}
A.bgdark :link {text-decoration: none; color:#FCF6DB;}
A.bgdark :visited {text-decoration: none; color:#FCF6DB;}
A.bgdark :hover {text-decoration: none; color:#FCF6DB;}
A.bgdark :active {text-decoration: none; color:#FCF6DB;}


A.bglight {color:#522C0C;}
A.bglight:link  {text-decoration: none; color:#522C0C;}
A.bglight:visited {text-decoration: none; color:#522C0C;}
A.bglight:hover {text-decoration: none; color:#522C0C;}
A.bglight:active {text-decoration: none; color:#522C0C;}

/***** SABHA *****/
#sabha {
	background-image:url(../images/bg-content.jpg);
	background-repeat:repeat;
	padding:0px;
}
		

#upcome {
	background-image:url(../images/bg-upcoming.jpg);
	background-repeat: no-repeat;
	padding:10px;
}

.h5-upcome {
	font-family: 'Montserrat', sans-serif;
	font-weight:800; 	
	color:#000;	
	text-transform: uppercase;
	padding-top:20px;
	}
	
	

#sub {
	background-image:url(../images/sub-title.jpg);
	background-repeat:repeat;
	padding:0px;
	width:100%;
	
}


/***** content *****/
#content {
	background-image:url(../images/bg-page.jpg);
	background-repeat:repeat;	
	
}
.panel-body {
    padding: 10px;
	padding-bottom:0px;
	
}

.panel-body-page{
	background-image:url(../images/bg-panel.jpg);
	background-repeat:repeat;	
    padding:15px;
	height: auto;
	border-radius: 4px;
	border-color:#CEC8A6;
	
	
}




.panel-default > .panel-heading {
    cursor: pointer;
	background-color: #FCB305;
	color:#000;
	border-radius: 4px;
	
}

.h3-panel-head {
	font-family: 'Oswald', sans-serif;
 	font-style: normal;  	
	color:#fff;
	font-weight:bold;
	text-transform: uppercase;
	line-height:35px;	
}



/***** parallax *****/

.parallax{
    /* The image used */
    background-image: url(../images/bg-hotel.jpg);

    /* Set a specific height */
    min-height: 450px; 
	padding:30px;


    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat:repeat;
    background-size: cover;
}


/***** SLIDER *****/
.fade-carousel {
    position: relative;
    height: 90vh;
}
.fade-carousel .carousel-inner .item {
    height: 90vh;
}
.fade-carousel .carousel-indicators > li {
    margin: 0px;
    background-color: #fff;
    border-color: #B50B0B;
    opacity: .3;
}
.fade-carousel .carousel-indicators > li.active {
  width: 0px;
  height: 0px;
  opacity: 5;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #fff;
    border-color: #fff;
    opacity: .3;
}


/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0px 0px 0 rgba(0,0,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1 {
	font-family: 'Oswald', sans-serif;
	color:#FFF;	     
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.hero-p {
	font-family: 'Montserrat', sans-serif;
    color: #FCE702;
    font-size: 17px;
    font-weight: 400;
  	letter-spacing:0.5px;
	padding-top:17px;
}

.fade-carousel .carousel-inner .item .hero {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .hero {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s;    
}



/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-md {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #FF3547;
    border-color: #FF3547;
    outline: none;
    margin: 20px auto;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5,
.fade-carousel .slides .slide-6 


{
  height: 100vh;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(../images/slider1.jpg); 
}
.fade-carousel .slides .slide-2 {
  background-image: url(../images/slider2.jpg); 
}
.fade-carousel .slides .slide-3 {
 background-image: url(../images/slider3.jpg); 
}
.fade-carousel .slides .slide-4 {
 background-image: url(../images/slider4.jpg); 
}
.fade-carousel .slides .slide-5 {
 background-image: url(../images/slider5.jpg); 
}
.fade-carousel .slides .slide-6 {
 background-image: url(../images/slider6.jpg); 
}

/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; } 
	   
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 3em; }    
}



/***BUTTON***/

.button {
    background: #FF6600;;
    color: #fff;
    width: 120px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 43px;
    text-align: center;
    border: 0;
    transition: all 0.3s ease 0s;
}

.btn-warning:hover {
	background-color:#FF6600;
	 border-color: #FF6600;
}
.btn-warning {
    color: #000;
    background-color: #FF6600;
    border-color: #FF6600;
	margin-top:11px;
	width:100%;
	padding:10px;
	color:#fff;
	font-size:13px;
	font-weight:600;
}


/***FOOTER***/
#footer {
	background-color:#FFf;
	padding:20px;	
}
.footer {
	font-family: 'Montserrat', sans-serif;
	font-size:14px;	
    line-height:34px;
    color: #393838;
	letter-spacing:-0.5px;
}


/*****FORM*****/

<!-- Inline CSS based on choices in "Settings" tab -->
<style>.bootstrap-iso .formden_header h2, .bootstrap-iso .formden_header p, .bootstrap-iso form{font-family: Arial, Helvetica, sans-serif; color: black}.bootstrap-iso form button, .bootstrap-iso form button:hover{color: white !important;} .asteriskField{color: red;}</style>


/*****  GRID CUTTAR *****/

.row.no-gutter {
  margin-left: -10;
  margin-right: -10;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

* {
    margin: 0;
    padding: 0;
}
.full-width {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

/***** GALLERY *****/
#gallery {
	background-color:#900;
	border-bottom:15px solid #522C0C;
	border-top:5px solid #7D4917;
}
	
/*****IMAGE ZOOM****/
.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
        max-width: 100%;
}
.mg-image:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/* just apply some height and width to the wrapper.*/
.mg-image {
  width:100%;
  height:auto;
  overflow: hidden;
}

/***** parallax footer *****/
#footer {
    /* The image used */
    background-image: url(../images/bg-footer.jpg);
	width:100%;	
	
    /* Set a specific height */
    min-height: 327px; 
	padding:0px;
	
    /* Create the parallax scrolling effect */
  	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

.p-footer {
	font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height:32px;
    color: #000;	
}

	
/***** SOCIAL *****/
@import url(https://fonts.googleapis.com/css?family=Lato);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);



._12 {
    font-size: 1.2em;
}
._14 {
    font-size: 1.4em;
}
ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    width: 350px;
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
    height: 100px;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-facebook {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}


.fa-youtube {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-linkedin {
    padding:10px 14px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-linkedin:hover {
    background-color: #0073a4;
}
.fa-google-plus {
    padding:10px 9px;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-google-plus:hover {
    background-color: #e25714;
}

#award {
    background-color:#FFf;
	padding-top:70px;
    padding-bottom: 70px;	
}

.h4-award {
    font-size: 18px;
    line-height:32px;
    color: #000;	
}