@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,700');



.no-gutter{

    padding-right:0;

    padding-left:0;

}

.sb_padding {

    padding-bottom: 63%;

}


.ui-datepicker-calendar th {
    background: #f26722;
	color:#fff;
}
.input_sb {

    width: 100%;
    padding: 5px;
    border: 1px solid #aaa;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.marginTop0{
	margin-top: 0px !important;
}

@media screen and (min-width: 200px) and (max-width: 767px){
    .packageArea  .col-md-6 iframe{
        display: none !important;
    }
}

.overFlow{

	overflow-x: hidden;

}

.marginTop20{
	margin-top: 20px;
	display: block;
}



body{

	font-family: 'Raleway', sans-serif;

}



ul, ol{

	list-style: none;

	padding: 0px;

	margin: 0px;

}



a{

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.buttonStyle{

	padding: 10px;

	width: 100%;

	display: block;

	text-align: center;

	color: white;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid white;

	margin: 20px 0 0 0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.buttonStyle:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}



.buttonStyleDark{

	padding: 10px 13px;

	display: inline-block;

	text-align: center;

	color: #f26721;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid #f26721;

	margin: 20px 0 0 0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.buttonStyleDark:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}
.buttonStyleDark_sb{
	padding: 10px 25px;
display: inline-block;
text-align: center;
text-transform: uppercase;
background-color: transparent;
margin: 20px 0 0 0;
    margin-top: 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border: 2px solid #48d701;
color: #48d701;
}
.buttonStyleDark_sb{
background-color:#48d701;
color:#fff;
border:2px solid #48d701;
}

.buttonStyleDark2{
padding: 5px 10px;
display: inline-block;
text-align: center;
color: #f26721;
text-transform: uppercase;
background-color: transparent;
border: 2px solid #f26721;
font-size: 12px;
margin-bottom:5px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.buttonStyleDark2:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}
.colorWhite{

	color: #eee;

}



a:hover{

	text-decoration: none;

}



body::-webkit-scrollbar {

    width: 1em;

}

 

body::-webkit-scrollbar-track {

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

}

 

body::-webkit-scrollbar-thumb {

  background-color: darkgrey;

  outline: 1px solid slategrey;

}



#header{



}



#logo{

	background-color: #010101;

	padding: 70px 20px;

	display: block;

	text-align: center;

}



#logo img{

	display: inline-block;

}



.navbar-default{

	background-color: transparent;

}



.navbar{

	min-height: auto;

	margin:20px 0px;

	border: none;

	text-align: center;

}



.navbar-nav{

	float: none;

	margin: 0;

}



.navbar-collapse{

	padding-left: 0px;

	padding-right: 0px;

}



.navbar-nav>li{

	float: none;

	border-top: 1px solid #ccc;

}



.navbar-nav>li>a{

	font-size: 17px;

	text-transform: uppercase;

}



.navbar-default .navbar-nav>li>a{

	color: #222;

	padding: 8px 0;

}



.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{

	color: #f26721;

}



.navbar-nav>li>a .breadArea{

	display: none;

	font-size: 10px;

	position: relative;

	top: -5px;

}



.navbar-nav>li>a .breadArea:after{

	content: "";

	position: absolute;

	top: 45%;

	left: 0px;

	border-bottom: 1px solid #ccc;

	width: 30%;

}



.navbar-nav>li>a .breadArea:before{

	content: "";

	position: absolute;

	top: 45%;

	right: 0px;

	border-bottom: 1px solid #ccc;

	width: 30%;

}



.navbar-nav>li.current-menu-item{

	border-top: none;

}



.navbar-nav>li.current-menu-item a{

	color: #f26721

}



.navbar-nav>li.current-menu-item>a .breadArea{

	display: block;

	color: #f26721

}



.navbar-default .navbar-toggle .icon-bar{

	background-color: #eee;

}



.bottomFooter{

	position: absolute;

	bottom: 10px;

	width: 90%;

}



.socialNav{

	text-align: center;

	padding: 10px 0;

}



.socialNav li{

	display: inline-block;

}



.socialNav li:nth-child(1) a{

	background-color: #3b5998;

	color: white;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: inline-block;

	margin: 0 1px;

}



.socialNav li:nth-child(2) a{

	background-color: #0084b4;

	color: white;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: inline-block;

	margin: 0 1px;

}



.socialNav li:nth-child(3) a{

	background-color: #2e6b94;

	color: white;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: inline-block;

	margin: 0 1px;

}



.socialNav li:nth-child(4) a{

	background-color: #2e6b94;

	color: white;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: inline-block;

	margin: 0 1px;

}


.socialNav li:nth-child(5) a{

	background-color: #d34836;

	color: white;

	width: 32px;

	height: 32px;

	line-height: 32px;

	display: inline-block;

	margin: 0 1px;

}



#header p{

	font-size: 12px;

	line-height: 1.5em;

}



#header p i{

	color: #f26721;

}



.buttonsWrap{

	background-color: rgba(0,0,0,.9);

	padding: 5px 10px;

	position: fixed;

	top: 0px;

	right: 61px;

	z-index: 9;

}



.buttonsWrap a{

	color: white;

	margin: 0 5px;

	display: inline-block;

}



.packageBox{

	position: relative;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	overflow: hidden;

	height: 100%;

}



.packageBox a{

	display: block;

}



.packageBox:after{

	position: absolute;

	top: 0px;

	left: 0px;

	bottom: 0px;

	right: 0px;

	background-color: rgba(0,0,0,.6);

	content: "";

	z-index: 1;

	opacity: 0;

}



.packageBox:hover:after{

	opacity: 1;

}



.packageBox .carousel{

	position: relative;

	z-index: 2;

}



.packageBoxDetails{

	position: absolute;

	text-align: center;

	width: 100%;

	z-index: 2;

	bottom: -60%;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.packageBox:hover .packageBoxDetails{

	bottom: 20%;

}



.packageBoxDetails h4{

	color: #eee;

	text-transform: uppercase;

	font-size: 17px;

	margin: 0px;

	display: inline-block;

	padding: 7px 20px;

	background-color: rgba(0,0,0,.6);

}



.packageBoxDetails p{

	color: #ccc;

	font-size: 13px;

	font-weight: 300;

	display: inline-block;

	padding: 5px 12px;

	background-color: rgba(0,0,0,.6);

}



.packageBoxDetails span{

	width: 40px;

	height: 40px;

	line-height: 35px;

	border-radius: 40px;

	border:1px solid #f26721;

	display: inline-block;

	font-size: 30px;

	color: #f26721;

}



.packageBox .priceBox{

	background-color: rgba(0,0,0,.6);

	padding: 5px 12px;

	position: absolute;

	left: 5px;

	bottom: 0px;

	z-index: 999;

	color: white;

	font-weight: 700;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.packageBox .priceMatch{

	background-color: rgba(0,0,0,.6);

	padding: 5px 12px;

	position: absolute;

	right: 5px;

	bottom: 0px;

	z-index: 999;

	color: white;

	font-weight: 700;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.packageBox .carousel .carousel-indicators{

	top: 20px;

	border: auto;

}



.photoGallery{

	position: relative;

}



.photoGallery h4{

	background-color: #010101;

	color: #eee;

	margin: 0px;

	padding: 10px;

	text-transform: uppercase;

}



.hotelDetails{

	font-family: 'Raleway', sans-serif;

	padding: 20px;

	background-color: #111;

}



.hotelDetails h3{

	margin: 0 0 20px 0;

	color: #eee;

	font-weight: 400

}



.hotelDetails ul{

	margin: 0 0 20px 0;

}



.hotelDetails ul li{

	position: relative;

	color: white;

	margin: 5px 0 5px 20px;

}



.hotelDetails ul li:before{

    font-family: 'FontAwesome';

    content: "\f00c";

    position: absolute;

    font-size: 15px;

    top: -1px;

    left: -20px;

}



.hotelDetails h4{

	margin: 0 0 20px 0;

	color: #eee;

	font-weight: 400

}



.hotelDetails p{

	color: #eee;

	font-weight: 300;

	line-height: 1.6em;

}



.hotelDetails form{

	background-color: white;

	padding: 20px;

	margin-bottom: 30px;

}



.hotelDetails form label{

	display: block;

}



.hotelDetails form select{

	width: 100%;

	padding: 10px;

	margin-bottom: 20px;

	border: 1px solid #aaa;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.hotelDetails form select:focus{

	border-color: #f26721;

	outline: none;

}



.hotelDetails form input[type=date]{

	width: 100%;

	padding: 10px;

	margin-bottom: 20px;

	border: 1px solid #aaa;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.hotelDetails form input[type=date]:focus{

	border-color: #f26721;

	outline: none;

}



.hotelDetails input[type="submit"]{

	padding: 10px 20px;

	color: #f26721;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid #f26721;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.hotelDetails input[type="submit"]:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}



#hide{

	background-color: white; 

	width: 50%;

	display: none;

}



.loginForm{

	display: none;

}



.signIn{

	cursor: pointer;

}



.signUp{

	cursor: pointer;

}



#hide .img-responsive{

	display: inline-block !important;

}



#hide h3{

	color: #333;

	margin-top: 15px;

	font-size: 21px;

	font-weight: 600;

	line-height: 1.5em;

	padding: 0 30px;

}



#hide h5{

	color: #454545;

	font-size: 17px;

	font-weight: 600;

	margin-top: 0px;

	line-height: 1.5em;

}



#hide p{

	color: #333;

	font-weight: 300;

	margin-bottom: 0px;

}



#hide p a{

	color: rgba(242,103,33,1)

}



.formStyle{

	background-color: rgba(0,0,0,.2);

	margin: 20px 0 10px;

}



.formHeader{

	background-color: rgba(0,0,0,.2);

	padding: 4%;

	color: #333

}



.formHeader i{

	font-size: 60px;

	float: right;

	opacity: .2

}



.formBody{

	padding: 5%;

}



.formBody input[type="text"], .formBody input[type="password"], .formBody input[type="email"]{

	padding: 3%;

	width: 100%;

	border: 1px solid #ccc;

	border-radius: 3px;

	margin-bottom: 10px;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

} 



.formBody input[type="text"]:focus, .formBody input[type="password"]:focus, .formBody input[type="email"]:focus{

	border-color: rgba(242,103,33,1);

	outline: none;

	color: #333

}



.formBody input[type="submit"]{

	background-color: rgba(242,103,33,1);

	padding: 3%;

	color: white;

	font-weight: 600;

	width:100%;

	border: none;

} 



.formBody input:focus::-webkit-input-placeholder {

	color: #ccc !important;

}

 

.formBody input:focus:-moz-placeholder { /* Firefox 18- */

	color: #ccc !important;  

}

 

.formBody input:focus::-moz-placeholder {  /* Firefox 19+ */

	color: #ccc !important;  

}

 

.formBody input:focus:-ms-input-placeholder {  

	color: #ccc !important;  

}



.verticleBorder{

	border-right: 1px solid #ccc;

	height: 200px;

	width: 50%;

	margin-top: 30%;

}



.buttonLinks a:link, .buttonLinks a:visited{

	border: 1px solid #333;

	padding: 13px 16px;

	color: white;

	display: block;

	margin: 10px 25px;

	background-color: #3b5998;

	font-weight: 600;

}



.buttonLinks a:hover, .buttonLinks a:active{

	background-color: rgba(242,103,33,1);

	border-color:  rgba(242,103,33,1)

}



.iframe-rwd {

	position: relative;

	padding-bottom: 80.4%;

	padding-top: 17px;

	height: 0;

	overflow: hidden;

}



.iframe-rwd iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.basketIcon{

	background-color: #f26721;

	position: fixed;

	border-radius: 3px;

	right: 0px;

	top: 0%;

	width: 60px;

	line-height: 60px;

	height: 60px;

	text-align: center;

	z-index: 9;

	font-size: 30px;

	color: white;

	cursor: pointer;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.basketIconRight{

	right: 27%;

}



.basketBar{

	width: 27%;

	padding: 2%;

	position: fixed;

	right: -1000px;

	bottom: 0px;

	top: 0px;

	background-color: rgba(0,0,0,.9);

	z-index: 9;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}

.scroll{
	overflow: scroll;
	overflow-x: scroll;
	overflow-x: hidden;
}

.basketBarRight{

	right: 0px;

}



.basketBar h4{

	margin: 10px 0 0 0;

	border-bottom: 1px solid #eee;

	padding: 0 0 20px 0;

	color: white;

	text-transform: uppercase;

}

.basketIcon span{
    position: absolute;
    bottom: -20px;
    left: -17px;
    background-color: black;
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 25px;
    border-radius: 30px;
}


.packagesItem li{

	border-bottom: 1px solid #eee;

	padding: 15px 0;

}



.packagesItem li p{

	margin-bottom: 0px;

	color: #ccc

}



.packagesItem li img{

	max-width: 20%;

	float: right;

	margin: 0 20px 0 0;

}



.packagesItem li i{

	float: right;

	color: #ccc;

	cursor: pointer;

}



.packagesItem li a{

	color: white;

	font-weight: 600

}



.totalAmount{

	padding: 40px 0;

	text-align: center;

	color: white

}



.totalAmount h6{

	font-weight: 600;

	text-transform: uppercase;

	margin: 0;

}



.totalAmount .amount{

	font-weight: 600;

	font-size: 40px;

	color: #f26721;

}



.otherOptions{



}



.otherOptions label{

	position: relative;

}



.otherOptions label img{

	text-align: center;

	line-height: 40px;

	border: 2px solid white;

	border-radius: 5px;

}



.otherOptions label input:checked + img {

    background-color: #f26721;

    border-color: #f26721;



	-moz-transform: rotate(360deg);

	-webkit-transform: rotate(360deg);

	-o-transform: rotate(360deg);

	-ms-transform: rotate(360deg);

	transform: rotate(360deg);    

}



.otherOptions label img{

	position: relative;



	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.otherOptions label input{

	position: absolute;

	opacity: 0;

}



.cartOptions label img{

	border-color: #333

}



.basketBar input[type="button"], .basketBar input[type="submit"]{

	padding: 10px;

	width: 100%;

	color: white;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid white;

	margin: 20px 0 0 0;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.basketBar input[type="button"]:hover, .basketBar input[type="submit"]:hover{

	background-color: #f26721;

	border-color: #f26721;

}



.innerPageDesign{

	padding: 50px 50px 50px 30px;

}



.innerPageDesign h2{

	font-size: 40px;

	font-weight: 700;

	text-transform: uppercase;

}



.innerPageDesign h6{

	font-size: 20px;

	font-weight: 400;

	line-height: 1.7em;

}



.innerPageDesign h3{

	font-size: 20px;

	font-weight: 400;

	line-height: 1.7em;

}



.innerPageDesign>p{

	font-size: 17px;

	line-height: 1.7em;

}



.formDesign input[type="text"], .formDesign input[type="email"],.formDesign input[type="password"], .formDesign select{

	padding: 15px;

	width: 100%;

	border: 1px solid #aaa;

	margin-bottom: 15px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.formDesign input[type="text"]:focus, .formDesign input[type="email"]:focus, .formDesign input[type="password"]:focus,.formDesign select:focus{

	border-color: #f26721;

	outline: none;

}



.formDesign textarea{

	padding: 15px;

	width: 100%;

	height: 150px;

	border: 1px solid #aaa;

	margin-bottom: 15px;

}



.formDesign textarea:focus{

	border-color: #f26721;

	outline: none;

}



.formDesign input[type="submit"]{

	padding: 10px 20px;

	color: #f26721;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid #f26721;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.formDesign input[type="submit"]:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}



.testBox{

	margin-bottom: 30px;

}



.testBox img{

	border-radius: 500px;

}



.testBox p{

	font-size: 16px;

	line-height: 1.7em;

	background-color: #eee;

	border-bottom: 1px solid #ccc;

	padding: 20px;

	position: relative;

}



.innerPageDesign table{

	width: 100%;

}



.innerPageDesign table th{

	text-align: center;

	padding: 10px;

	border-bottom: 1px solid #ccc;

}



.innerPageDesign table td{

	text-align: center;

	padding: 10px;

	border-bottom: 1px solid #ccc;

}



.innerPageDesign table td i{

	cursor: pointer;

}



.innerPageDesign table td input[type="number"]{

	width: 100%;

	padding: 10px;

	border: 1px solid #999;

}



.innerPageDesign table td input[type="number"]:focus{

	outline: none;

	border-color: #f26721;

}



.innerPageDesign table tr table td{

	border-bottom: none;

	text-align: left;

}



#loginBox{

	color: #f26721;

	cursor: pointer;

}



.loginOnlyBox{

	width: 60%;

	margin: 5% 20%;

	display: none;

}



.loginOnlyBox label{

	display: block;

}



.loginOnlyBox input[type="email"], .loginOnlyBox input[type="password"], .loginOnlyBox input[type="text"]{

	width: 100%;

	padding: 10px;

	border: 1px solid #ccc;

	margin-bottom: 15px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.loginOnlyBox input[type="email"]:focus, .loginOnlyBox input[type="password"], .loginOnlyBox input[type="text"]:focus{

	outline: none;

	border-color: #f26721;

}



.loginOnlyBox input[type="submit"]{

	padding: 8px 20px;

	color: #f26721;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid #f26721;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.loginOnlyBox input[type="submit"]:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}



.formStyleMain label{

	display: block;

	margin-bottom: 10px;

	text-transform: uppercase;

	font-weight: 300;

}



.formStyleMain input[type="text"], .formStyleMain input[type="email"], .formStyleMain input[type="tel"], .formStyleMain select, .formStyleMain input[type="date"]{

	width: 100%;

	padding: 10px;

	border: 1px solid #ccc;

	margin-bottom: 15px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.formStyleMain input[type="text"]:focus, .formStyleMain input[type="email"]:focus,  .formStyleMain input[type="tel"]:focus, .formStyleMain select:focus, .formStyleMain input[type="date"]:focus {

	outline: none;

	border-color: #f26721;

}



.formStyleMain textarea{

	width: 100%;

	height: 150px;

	padding: 10px;

	border: 1px solid #ccc;

	margin-bottom: 15px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.formStyleMain textarea:focus {

	outline: none;

	border-color: #f26721;

}



.orderDetails{

	background-color: #151515;

	padding: 20px;

	color: white

}



.orderDetails h5{

	display: block;

	margin-bottom: 10px;

	text-transform: uppercase;

	font-weight: 300;

	color: white;

	margin: 0 0 30px 0;

	font-size: 14px;

}



.orderDetails table td{

	text-align: left;

	color: white;

	border-top: 1px solid #ccc;

	border-bottom: none;

	padding: 20px 0;

}



.orderDetails input[type="submit"]{

	padding: 12px 20px;

	color: #f26721;

	margin: 30px 0;

	width: 100%;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid #f26721;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.orderDetails input[type="submit"]:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}



.simpleTable{

	width: 100%;

	color: white;

	margin-bottom: 30px;

}



.simpleTable tr th{

	padding: 10px 0;

	font-weight: 400;

	border-bottom: 1px solid #ccc;

}



.simpleTable tr td{

	padding: 10px 0;

	font-weight: 400;

	border-bottom: 1px solid #ccc;

}



.homeIntroBox{

	height: 40vh;

	margin-bottom: 5vh;

}



.homeIntroBox h1{

	font-size: 2.5em;

}



.homeIntroBox p{

	font-size: 1.4em;

	line-height: 1.7em;

}



.oneThirdBoxes{



}



.boxHeading{

	background-color: black;

	color: white;

	padding: 10px;

	text-transform: uppercase;

	font-size: 21px;

	margin: 0px;

}



@media screen and (min-width: 768px) and (max-width: 3000px) {



	.leftArea{

		position: fixed;

		left: 0px;

		top: 0px;

		bottom: 0px;

		width: 20%;

		z-index: 5

	}



	.rightArea{

		position: absolute; 

		 right: 0px; 

		top: 0px; 

		 width: 80%; 

		z-index: 5 

	} 



	#footer{

		display: none;

	}



	.navbar-header{

		display: none;

	}

}



@media screen and (min-width: 200px) and (max-width: 767px){

	#header .socialNav, #header p{

		display: none;

	}



	.navbar-header{

		display: block;

		background-color: #f26721;

		margin-bottom: 15px;

	}



	.navbar-header h4{

		color: white;

		margin: 15px 0 0 15px;

	}



	.innerPageDesign{

		padding: 20px 0 0 0;

	}



	

	#hide .col-md-2{
		display: none;
	}

	#hide{
		width: 90%;
	}

	#hide h3{
		font-size: 17px;
	}

	#hide h5{
		font-size: 15px;
	}



	.buttonLinks a:link, .buttonLinks a:visited{

		padding: 3px 7px;

		font-size: 13px;

		margin: 0px 0 15px 0;

	}



	.basketBar{

		width: 85%;

		padding: 5%;

	}



	.basketIconRight{

		right: 85%;

	}



	.basketIcon{

		top: 0%;

	}



	.basketBar .col-md-6{

		width: 50%;

		float: left;

	}
	.packageBoxDetails{
		bottom: auto;
		top: 10px;	
	}

	.packageBoxDetails h4{
		font-size: 13px;
	}

	.packageBoxDetails p{
		font-size: 11px;
	}

}



.hotelHighlights{



}



.heading{

	margin-left: 20px;

}



.hotelHighlights h4{

	font-weight: 600;

	padding: 8px 15px;

	display: inline-block;

	border: 2px solid #f26721;

	color:#f26721

}



.hotelHighlights ul{

	margin: 0 0 20px 20px;

}



.hotelHighlights ul li{

	position: relative;

	margin: 5px 0 5px 20px;

}



.hotelHighlights ul li:before{

    font-family: 'FontAwesome';

    content: "\f00c";

    position: absolute;

    font-size: 15px;

    top: -1px;

    left: -20px;

}



.hotelFormHigh{

	margin: 0 0 15px 20px;

}



.hotelForm form label{

	display: block;

}



.hotelForm form select{

	width: 100%;

	padding: 10px;

	margin-bottom: 5px;

	border: 1px solid #aaa;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.hotelForm form select:focus{

	border-color: #f26721;

	outline: none;

}



.hotelForm form input[type=text]{

	width: 100%;

	padding: 10px;

	margin-bottom: 5px;

	border: 1px solid #aaa;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.hotelForm form input[type=date]:focus{

	border-color: #f26721;

	outline: none;

}



.hotelForm input[type="submit"]{

	padding: 8px 20px;

	color: #f26721;

	display: block;

	width: 100%;

	text-transform: uppercase;

	background-color: transparent;

	border: 2px solid #f26721;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.hotelForm input[type="submit"]:hover{

	background-color: #f26721;

	border-color: #f26721;

	color: white;

}



#carousel-example-generic{

	position: relative;

}



.hotelDetailsMain{

	position: relative;

}



.hotelDetailMainOption{

	position: absolute;

	top: 85%;

	width: 98%;

	left: 10px;

}


.hotelDetailMainOption a i{
	font-size: 20px;
}



.hotelDetailMainOption a:link, .hotelDetailMainOption a:visited{

	display: inline-block;

	background-color: rgba(242, 103, 33, 0.8);

	padding: 8px 20px;

	color: white;

	border: 2px solid rgba(0,0,0,.8)

}



.hotelDetailMainOption a:hover, .hotelDetailMainOption a:active{

	background-color: rgba(0,0,0,.8);

	color: white;

}



.allanText{

	font-size: 19px;

	line-height: 1.6em;

	font-weight: 500

}



.desListBox{

	margin: 40px 0 0 20px;

}



.desListBox h4{

	font-size: 17px;

	font-weight: 600

}



.desListBox ul{

	margin: 20px 0 20px 0px;

}



.desListBox ul li{

	position: relative;

	margin: 5px 0 5px 20px;

}



.desListBox ul li:before{

    font-family: 'FontAwesome';

    content: "\f00c";

    position: absolute;

    font-size: 15px;

    top: -1px;

    left: -20px;

}



.packlistArea{

	position: relative;

	border: 1px solid white;

	overflow: hidden;

}



.packlistArea:after{

	content: "";

	position: absolute;

	bottom: 0px;

	left: 0px;

	right: 0px;

	top: 0px;

	z-index: 1;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+51,000000+100&0+51,0+51,0.65+100 */

	background: -moz-linear-gradient(top, rgba(0,0,0,0) 51%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 51%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom, rgba(0,0,0,0) 51%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */

}



.datesArea{

	position: absolute;

	bottom: 0px;

	width: 100%;

	color: white;

	z-index: 2

}



.datesArea input[type="date"]{

	padding: 3px;

	width: 116px;

	color: black;

	border: none;

}



.datesArea .col-md-12{

	background-color: white;

	color: black;

	font-weight: 600;

	font-size: 17px;

	padding: 5px 0 5px 0;

	text-align: center;

}



.carthover{

	position: absolute;

	bottom: 40%;

	width: 100%;

	color: white;

	z-index: 2;

	font-weight: 600;

	text-align: center;

	padding: 7px 10px;

	background-color: rgba(0,0,0,.6);



	-moz-transform: scale(0);

	-webkit-transform: scale(0);

	-o-transform: scale(0);

	-ms-transform: scale(0);

	transform: scale(0);

	

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	-ms-transition: all .3s ease-in-out;

	-o-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

}



.packlistArea:hover .carthover{

	-moz-transform: scale(1);

	-webkit-transform: scale(1);

	-o-transform: scale(1);

	-ms-transform: scale(1);

	transform: scale(1);	

}



.packOfferList{

	padding: 20px 10px 20px 10px;

}



.offerListTable{

	width: 100%;

}



.offerListTable tr td{

	padding: 10px;

	border: 1px solid #ccc;

}



.offerListTable tr:hover td{

	background-color: #eee;

}



@media screen and (min-width: 1920px) and (max-width: 5000px){

	.datesArea input[type="date"]{

		width: 170px;

	}

}



/*======== calender =====*/

.datetimepicker {

    background: white none repeat scroll 0 0;

     border:1px solid #eee;

    min-width: 200px;

    overflow: hidden;

    padding: 10px;

    position: absolute;

    top: 45px !important;

    z-index: 2147483647;

}

.datetimepicker .paging {

    font-size: 12px;

    padding: 5px;

    position: relative;

    text-align: center;

}

.datetimepicker .paging span {

    cursor: pointer;

    display: inline-block;

    height: 100%;

    line-height: 24px;

    position: absolute;

    top: 0;

    width: 20px;

}

.datetimepicker .paging span i {

    line-height: inherit;

}

.datetimepicker .paging span.prev {

    left: 0;

}

.datetimepicker .paging span.next {

    right: 0;

}

.datetimepicker table {

    border-collapse: collapse;

    color: #333333; 

	font-family:arial !important;

    font-size: 13px;

    font-weight: normal;

    width: 100%;

}

.datetimepicker table td {

    border: 1px solid #eee;

    padding: 3px;

    text-align: center;

}

.datetimepicker table td.near-month {

    color: #ddd;

}

.datetimepicker table td.cur-date.cur-month {

    background: #0066ff none repeat scroll 0 0;

}

.datetimepicker table thead {

    font-weight: bold;

}

.datetimepicker table thead td {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    background: #f26722 none repeat scroll 0 0;

    border-color: -moz-use-text-color -moz-use-text-color #eee;

    border-image: none;

    border-style: none none solid;

    border-width: medium medium 2px;

    color: #fff;

    min-width: 31px;

}

.datetimepicker table tbody td:hover {

    background: #0066ff none repeat scroll 0 0;

    color: #fff;

    cursor: pointer;

}

.datetimepicker table tbody td.unvailable {

    background: #f5f5f5 none repeat scroll 0 0;

    color: #ddd;

}

.datetimepicker table tbody td.unvailable:hover {

    background: #f5f5f5 none repeat scroll 0 0;

    cursor: not-allowed;

}

.datetimepicker select {

    border: 1px solid #ccc;

    margin-left: 4%;

    margin-top: 10px;

    width: 48%;

}

.datetimepicker select:first-child {

    margin-left: 0;

}
.icon.pass i {
    color: green;
    font-size: 49px;
}
.tagLine {
    color: #F26721;
    font-weight: 600;
}

.paymentBox {
    text-align: center;
    padding: 20px;
}
.datetimepicker .timezone {

    color: #666;

    font-size: 11px;

    margin-top: 10px;

    text-align: center;

}
.sb_check {
    vertical-align: middle;
    position: relative;
    left: 30px;
}
input.datetime-picker[readonly] {

    cursor: pointer;

}

.hide {

    display: none !important;

}

.show {

    display: block !important;

}

.one-line {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.arrow-up {

    border-left-color: transparent;

    border-right-color: transparent;

    border-top-style: none;

}

.arrow-down {

    border-bottom-style: none;

    border-left-color: transparent;

    border-right-color: transparent;

}

.arrow-right {

    border-bottom-color: transparent;

    border-right-style: none;

    border-top-color: transparent;

}

.arrow-left {

    border-bottom-color: transparent;

    border-left-style: none;

    border-top-color: transparent;

}

.arrow {

    border-color: white;

    border-style: solid;

    border-width: 5px;

    display: inline-block;

    height: 0;

    vertical-align: middle;

    width: 0;

}

.arrow.up {

    border-left-color: transparent;

    border-right-color: transparent;

    border-top-style: none;

}

.arrow.down {

    border-bottom-style: none;

    border-left-color: transparent;

    border-right-color: transparent;

}

.arrow.right {

    border-bottom-color: transparent;

    border-right-style: none;

    border-top-color: transparent;

}

.arrow.left {

    border-bottom-color: transparent;

    border-left-style: none;

    border-top-color: transparent;

}

.ir {

    background-color: transparent;

    border: 0 none;

    overflow: hidden;

}

.ir::before {

    content: "";

    display: block;

    height: 150%;

    width: 0;

}

.hidden {

    display: none !important;

    visibility: hidden;

}

.visuallyhidden {

    border: 0 none;

    clip: rect(0px, 0px, 0px, 0px);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}

.invisible {

    visibility: hidden;

}

.priceMatch i{
	font-size: 20px;
}


.profileNew .formDesign input[type="text"], .profileNew .formDesign input[type="email"], .profileNew .formDesign select, .profileNew .formDesign input[type="password"]{
	margin-bottom: 0px;
}
.marginBottom0{
	margin-bottom: 0px !important;
}

.profileNew .img-responsive{
	max-width: 20%;
}

.profileNew th{
	text-align: left !important;
	border:1px solid #ccc;
	padding: 15px !important;
}

.profileNew td{
	text-align: left !important;
	border:1px solid #ccc;
	padding: 15px !important;
}

#currency{
	position: fixed;
	top: 0;
	left: 5%;
	padding: 6px;
}

.highLightNote{
	background-color: #f26721;
	padding: 10px;
}

.otherOptions input[type="text"]{
	width: 100%;
	padding: 5px;
	margin-bottom: 20px;
	border: 1px solid #aaa;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.otherOptions input[type="text"]:focus{
	border-color: #f26721;
	outline: none;
}

.basketIconCross .fa-suitcase:before{
	content: "\f00d"
}
@media screen and (min-width: 200px) and (max-width: 767px){

   #firstPack{
       display: none;
   }

}