/* Custom CSS */
.padding_40{padding-left: 40px; padding-right: 40px;}
.no_padding{padding: 0;}
.carousel-control.left{margin-left: -42px;  padding: 0;}
.carousel-control.right{padding: 0; right: -22px !important;}
html, body {
	
	font-family: "AvantGarde Bk BT";
	background-color:#f5f4f1;
        font-size: 18px;
}

.fontsize{font-size: 110% !important;}

header{
		height: 110px;
		// set animation
        -webkit-transition: all 0.4s ease;
	    transition: all 0.4s ease;
		}
header.sticky {
            position: fixed;
			height: 80px; 
            width: 100%;
            background: rgba(245, 244, 241, 0.9) none repeat scroll 0 0;
			z-index: 1;
			}
header.sticky img {
	width:71px;
	height:60px;
}

header.sticky .logo_dubai{width: auto}

.p-top-10{ padding-top:10px;}
.p-top-20{ padding-top:20px;}
.p-top-30{ padding-top:30px;}
.p-top-40{ padding-top:40px;}
.p-top-50{ padding-top:50px;}
.p-top-60{ padding-top:60px;}
.p-top-80{ padding-top:80px;}
.p-bottom-10{ padding-bottom:10px;}
.p-bottom-20{ padding-bottom:20px;}
.p-bottom-30{ padding-bottom:30px;}
.p-bottom-40{ padding-bottom:40px;}
.p-bottom-50{ padding-bottom:50px;}
.m-top-10{ margin-top:10px;}
.m-top-20{ margin-top:20px;}
.m-top-30{ margin-top:30px;}
.m-top-40{ margin-top:40px;}
.m-top-50{ margin-top:50px;}
.m-top-60{ margin-top:60px;}
.m-top-80{ margin-top:80px;}
.m-bottom-10{ margin-bottom:10px;}
.m-bottom-20{ margin-bottom:20px;}
.m-bottom-30{ margin-bottom:30px;}
.m-bottom-40{ margin-bottom:40px;}
.m-bottom-50{ margin-bottom:50px;}


.logo img 
{    width: 110px;
    }

.logo_dubai{float: right;}

.top-title{
	text-align:right;
}
.form-bg {
	background:#f4f4f4 url("../img/slide.jpg")no-repeat center top; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	height:379px;
}
.form-box{
	/*background: rgba(157, 49, 26, 0.75) none repeat scroll 0 0;*/
	padding: 10px 20px 20px;
}
.txt-thanks h4{
    color: #c33b1e;  
}
/*.txt-thanks a{color: deepskyblue;}*/
/*.txt-thanks a:hover {color: skyblue;}*/

.form-box h3 {
	color:#e5e8ed;
	font-size: 22px;
    line-height: 32px;
    text-align: center;
}
.content-bg {
	background:#f4f4f4 url("../img/content-bg.jpg")no-repeat center top; 
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Tab */
.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs, .nav-pills {
    text-align:center;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	font-family: "AvantGarde Bk BT";
	background: #c33b1e;
	box-shadow: 0px 5px 5px #888888;
	padding: 25px 30px;
	font-size: 20px;
    border-radius: 0;
}	
.nav > li > a {
	font-family: "AvantGarde Bk BT";
	padding: 24px 30px;
	background: #d1d2d5;
	box-shadow: 0px 3px 5px #888888;
	font-size: 20px;
	border-radius: 0;
	color:#c33b1e;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	 border-right: 1px solid #b7b8ba;
}
.nav > li > a:hover {
	background: #c33b1e;
	color:#fff;
}
.tab-content {
	 background: rgba(237, 239, 242, 0.68) none repeat scroll 0 0;
	 border: 1px solid #cfd1d4;
	 padding-left: 30px;
     padding-right: 30px;
	 /*height: 380px;*/
}
.nav-pills > li + li { margin-left: 0;}

.nav > li {width: 21%;}

/* end Tab */
ul li p{margin-bottom: 0; font-size: 96%;}

.main ul{	
	list-style-image: url('../img/list.png');
    /*padding-left: 0;*/
}

.main ul li {
	font-family: "AvantGarde Bk BT";
	font-size: 18px;
	line-height: 28px;
	/*color:#5d5d5d;*/
	margin-bottom: 10px;
    text-align: justify;
}
.main p{text-align: justify;}
.main .text-center{text-align: center;}

.main ul .text-center{text-align: center !important;}

.main h2 {
	text-align:center;
	margin-bottom:20px;
}
.main a {color: #c33b1e;}

.about-us h1 {
	text-align: center;
	color:#c64327;
	margin-bottom:25px;
	margin-top: 0;
    font-weight: normal;
}
.about-us ul{	
	list-style-image: url('../img/list.png');
    padding-left: 20px;
}

.about-us ul li {
	font-size: 18px;
	line-height: 28px;
	/*color:#5d5d5d;*/
	margin-bottom: 10px;
}
.client-bg {
	background: rgba(237, 239, 242, 0.45) none repeat scroll 0 0;
}
.client h1 {
   text-align: center;
	color:#c64327;
	margin-bottom:25px;
}

/*logo slider */
.glyphicon-chevron-right:before {color:#c33b1e;}
.glyphicon-chevron-left:before {color:#c33b1e;}
/* logo slider */

.footer-bg {
	background-color: #c33b1e;
}
.footer-bg p {
	color:#fff;
	text-align: right;
    margin-bottom: 0
}

.banner_text{background-color: #383633;}
.banner_text p{color: #fff; font-size: 120%; margin: 0;}
.banner_text h3{color: #fd6166; font-weight: bold; margin: 0;}

.bg_banner{background:transparent url("../img/banner.jpg") no-repeat center center; background-size: 100% 100%; padding: 60px 0;}

textarea{max-height: 100px;}
.form-control{width:100% !important;}
#submit{background-color: #c33b1e; border: none; color: #fff;}
.error_msg{color: #c33b1e; }

.about-us p{text-align: justify;}
.txt_red{color: #c33b1e;}

.no_bullet{list-style-type: none !important; list-style-image: none !important; padding-left: 0;}

#mob {display:none;}

.contact_div{background-color: #ececec;     font-size: 80%;}
.contact_div p{margin-bottom: 0; font-size:130%; padding: 20px;}
.contact_div h3{background-color: #c33b1e;  padding: 10px; color: #fff;  margin: 0; font-weight: normal;}
.contact_div .col-sm-12 {border: 1px solid #c33b1e; padding: 0; margin: 10px;}
/*.contact_div .col-sm-4{min-width: 170px;}*/

.div_banner {position: relative;}
.form_class{position: absolute; top:40px;  right:60px;}
.form_bg{background:#bebcbd; max-width: 300px; padding: 20px;}
.form_bg h3{color:#fff; margin: 0px;}
.img_btnBook{position: absolute; bottom:3%; left: 46.4%; display: block; margin: 10px 0;}
.img_btnBook img{height: 50px;  width: auto;}
.div_relative{position: relative; background-color: #465b92;}

.organisers img {
    height: 80px;
    margin: auto;
}

.bg_white {
    display: inline-block;
    background-color: #fff;
    padding: 10px 20px;
    width: 280px;
    border: 1px solid grey;
}


.div_flex{display: flex;}
.about-us .txt_left{text-align: left;}


@media screen and (max-width: 480px) and (min-width: 320px) {
	#mob {display:block!important;}
	header { height: 115px;}
	header.sticky {display:none;}
	/*.logo img { width:71px; height:60px;  margin: 0 auto;}	*/
	.top-title {font-size: 20px; text-align: center; margin-bottom: 10px; margin-top: 10px;}
	.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
	.nav > li {width: 100%;}
	.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	font-size: 18px;  padding: 20px 30px;}
	.p-top-50 { padding-top: 30px;}
	.nav > li > a {font-size: 18px; padding: 20px 30px;}
	.tab-content{ padding-left: 10px; padding-right: 10px;}
	.main h2{ font-size: 22px;}
	.main ul li{font-size: 16px; line-height: 27px;}
	.m-top-40 { margin-bottom: 20px;  margin-top: 20px; }
	.form-bg { height: auto;}
	.about-us h1 {font-size: 30px; margin-bottom: 20px;}
	.about-us ul li { font-size: 16px; line-height: 26px;}
	.client h1 { font-size: 30px; margin-bottom: 5px;}
	.form-box h3 { font-size: 20px; line-height: 30px;}
}
@media screen and (max-width: 640px) and (min-width: 360px) {
	.form-box h3 { font-size: 17px;  line-height: 28px; }	
	#mob {display:block!important;}
	header { height: 115px;}
	header.sticky {display:none;}
	.logo img { width:71px; height:60px;  margin: 0 5px;}	
	.top-title {font-size: 20px; text-align: center; margin-bottom: 10px; margin-top: 10px;}
	.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;}
	.nav > li {width: 100%;}
	.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{
	font-size: 18px;  padding: 20px 30px;}
	.p-top-50 { padding-top: 30px;}
	.nav > li > a {font-size: 18px; padding: 20px 30px;}
	.tab-content{ padding-left: 10px; padding-right: 10px;}
	.main h2{ font-size: 22px;}
	.main ul li{font-size: 16px; line-height: 27px;}
	.m-top-40 { margin-bottom: 20px;  margin-top: 20px; }
	.form-bg { height: auto;}
	.about-us h1 {font-size: 30px; margin-bottom: 20px;}
	.about-us ul li { font-size: 16px; line-height: 26px;}
	.client h1 { font-size: 30px; margin-bottom: 5px;}

}
@media screen and (max-width: 600px) and (min-width: 800px) {
#mob {display:block!important;}
.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;}
.form-bg { height: auto; }
.form-box h3 {font-size: 20px; line-height: 30px;}
.m-top-40 {margin-bottom: 20px; margin-top: 20px; }
.nav > li { width: 100%; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	font-size: 18px; padding: 20px 30px; }
	.nav > li > a { font-size: 18px; padding: 20px 30px;}
	.main h2 {font-size: 26px;}
	.main ul li {font-size: 16px; line-height: 27px;}
	.about-us h1 { font-size: 32px;}
	.about-us ul li { font-size: 17px; line-height: 27px;}
	.client h1 { font-size: 32px; margin : 0;}
}


@media screen and (max-width: 1024px) and (min-width: 768px)  {
#mob {display:block!important;}
.form-bg { background: rgba(0, 0, 0, 0) none repeat scroll 0 0!important;}
.form-bg { height: auto; }
.form-box h3 {font-size: 20px; line-height: 30px;}
.m-top-40 {margin-bottom: 20px; margin-top: 20px; }
.nav > li { width: 100%; }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	font-size: 18px; padding: 20px 30px; }
	.nav > li > a { font-size: 18px; padding: 20px 30px;}
	.main h2 {font-size: 26px;}
	.main ul li {font-size: 16px; line-height: 27px;}
	.about-us h1 { font-size: 32px;}
	.about-us ul li { font-size: 17px; line-height: 27px;}
	.client h1 { font-size: 32px; margin : 0;}
}

 @media screen and (min-width: 1900px) {
	.form-bg {   height: 540px!important;}
}

@media screen and (max-width:1350px){
    .form_class{top:20px; right: 50px;}
}

@media screen and (max-width:1280px){
    .form_class{top:5px; right: 40px;}
    .img_btnBook{left: 44%;}
    .img_btnBook img{height:50px;}
}

@media screen and (max-width:1200px){
    .form_class{top:4px; right: 50px;}
    .form_bg{padding: 10px 0; max-width: 250px;}
    input{height: 27px !important;}
    textarea{height: 34px !important;}
}

 @media screen and (max-width: 1024px) {
        .div_form{padding: 20px 0px;}
        .div_form h2{font-size: 160%;}   
     .form_class{top:4px; right: 30px;}
     .form_bg h3{padding-bottom: 5px;}  
     .img_btnBook{left: 36%; bottom: 0}     
}

@media screen and (max-width: 992px){
    .container{width: auto;}
    textarea{max-height: 34px;}   
     .form_class{position: static;}
     .form_bg{max-width: 100%;}
    input{height: auto !important;}
    textarea{height: auto !important;}
}

 @media screen and (max-width:800px)
 {
    .form-box{padding:20px 0!important; margin: 0 !important;}
    .form-box h3{margin-top: 0 !important;}
    .no_padding_sm{padding: 0;}  
    .bg_banner{background:none; padding-top: 0; padding-bottom: 15px;}
    .div_form{max-width: 100%; margin-top: 20px; min-height: inherit;}
    .img_btnBook{left: auto; right: 2%;}
    .div_flex{display:block;}
}

@media screen and (max-width:600px){
    .main ul{padding-left: 20px;}
    .about-us img{margin: auto;}    
    .about-us h4, .about-us .txt_center{text-align: center;}
    .about-us .col-sm-4{margin-bottom: 40px;}
    .img_btnBook {position: static;}
    /*.img_btnBook{width: 100%; right: auto; }*/
    .img_btnBook img{margin: auto;  height: 50px;}
    
    header{height: auto;}
    header .container{padding: 10px;}
    .logo_dubai{ margin: 0 5px;  height:40px;}
    .main h3{padding-left: 0 !important;}
    .logo img{height: 60px; width: auto; margin: 0 5px;}
    .contact_div .col-sm-4{padding: 0;}
    .textCenter{text-align: center;}
    
    .bg_white{width: auto;}
}

@media screen and (max-width:500px){
    .img_btnBook img{height: 35px;}
}

@media screen and (max-width:320px)
{
    header .container{padding-left: 0; padding-right: 0;}
    .img_btnBook img{height: 30px;}
    .about-us h1{font-size: 140%;}
}

@media screen and (max-width:300px)
{

}