/****************************************************************************************************
Radio Button and Checkbox css start here
****************************************************************************************************/

label {
    font-weight: normal;
    white-space: nowrap;
    width: 80%;
}

label + span {
    float: right;
	background:#d0e2c7;
	color:#3b3e3b;
	font-size:12px;
	padding:3px 3px;
	border-radius:3px;
}

label img {
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

label input {
    position: absolute;
    left: -1000px;
    opacity: 0;
}

label input + span {
    display: inline-block;
    border: 1px solid #d2d2d2;
    background-color: #fff;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}

label input + span + span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    white-space: normal;
    width: 90%;
}

label input:checked + span {
    border: 1px solid #00a2e7;
}

label input:checked + span:after {
    content: "";
    background-color: #00a2e7;
    height: 6px;
    width: 6px;
    display: block;
    margin: 3px;
}
input[type=checkbox]:not(old), input[type=radio ]:not(old) {
	margin:0;
	padding:0;
	opacity:0;
	display:none;
}
input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {
	display:block;
}
input[type=radio ]:not(old) + label > span {
	display: inline-block;
	width:15px;
	height:15px;
	margin:0px;
	border: 1px solid #bababa;
	border-radius : 10px;
	background : #fff;
	vertical-align : top;
}
input[type=checkbox]:not(old):checked + label > span, input[type=radio ]:not(old):checked + label > span {
	background-color: #fff;

}
input[type=radio]:not(old):checked + label > span > span {
	display: block;
	width:7px;
	height:7px;
	margin:3px;
	border-radius: 5px;
	background: #00a2e7;
}


/****************************************************************************************************
Textfield & Button css start here
****************************************************************************************************/

.searchformfield {
	background:rgba(255,255,255,0.7);
	border:solid 0px #cecece;
	padding:0px 15px;
	font-size: 13px;
	color:#757170;
	width:100%;
	border-radius:0px;
	height:40px;
}
.searchformfield::-moz-placeholder {
	color:#757170;
	opacity:1;
}
.searchformfield:-ms-input-placeholder {
	color:#757170;
}
.searchformfield::-webkit-input-placeholder {
	color:#757170;
}
.searchformfieldselect {
	padding:0px 10px;
	font-size:13px;
	color:#757170;
	width:100%;
	border:solid 0px #cecece;
	-webkit-appearance: none !important;
	background: rgba(255,255,255,0.7) url(../img/selectarrow1.webp) no-repeat right center !important;
	border-radius:0px;
	height:40px;
}
.searchformfieldselect2 {
	padding:0px 10px;
	font-size:13px;
	color:#757170;
	width:100%;
	border:solid 1px #cecece;
	-webkit-appearance: none !important;
	background: rgba(255,255,255,0.7) url(../img/selectarrow1.webp) no-repeat right center !important;
	border-radius:4px;
	height:40px;
}
.searchbtn {
	display:inline-block;
	padding:0px 10px;
	height:40px;
	font-size:16px;
	color:#fff;
	font-weight:700;
	text-align:center;
	background-image:none;
	border:none;
	background:#00a2e7;
	border-radius:0px;
	width:100%;
	text-transform: uppercase;
    transition: background-color 0.5s ease;
}
.searchbtn:hover, .searchbtn:focus, .searchbtn.focus {
	background:#0394d1;
	color:#fff;
	text-decoration: none;
}
.submit_btn1 {
	display:inline-block;
	padding:6px 10px;
	font-size:12px;
	color:#fff;
	text-align:center;
	border:solid 1px #fff;
	background:none;
	border-radius:0px;
    text-transform: uppercase;
	transition:0.4s;
}
.submit_btn1:hover, .submit_btn1:focus, .submit_btn1.focus {
	text-decoration: none;
	background:#fff;
	color:#00a2e7;
}
.submit_btn2 {
	display:inline-block;
	padding:7px 15px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border:solid 2px #fff;
	background:none;
	border-radius:0px;
    text-transform: uppercase;
	transition:0.4s;
}
.submit_btn2:hover, .submit_btn2:focus, .submit_btn2.focus {
	text-decoration: none;
	background:#fff;
	color:#00a2e7;
}
.submit_btn3 {
	display:inline-block;
	padding:10px 10px;
	font-size:13px;
	color:#fff;
	text-align:center;
	border:solid 1px #fff;
	background:none;
	border-radius:0px;
    text-transform: uppercase;
	transition:0.4s;
}
.submit_btn3:hover, .submit_btn3:focus, .submit_btn3.focus {
	text-decoration: none;
	background:#fff;
	color:#00a2e7;
}
.submit_btn4 {
	display:inline-block;
	padding:12px 10px;
	font-size:14px;
	line-height:18px;
	color:#00a3e8;
	text-align:center;
	border:solid 0px #c9ced1;
	background:#fff;
	border-radius:0px;
	transition:0.4s;
    width: 100%;
    text-transform: uppercase;
}
.submit_btn4:hover, .submit_btn4:focus, .submit_btn4.focus {
	text-decoration: none;
	background:#e9f4f9;
}
.submit_btn5 {
	display:inline-block;
	padding:10px 10px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border:solid 2px #fff;
	background:none;
	border-radius:0px;
    text-transform: uppercase;
	transition:0.4s;
    width: 100%;
}
.submit_btn5:hover, .submit_btn5:focus, .submit_btn5.focus {
	text-decoration: none;
	background:#fff;
	color:#00a2e7;
}
.submit_btn6 {
	display:inline-block;
	padding:7px 10px;
	font-size:13px;
	color:#757070;
	text-align:center;
    font-weight: 600;
	border:solid 1px #757070;
	background:#fff;
	border-radius:0px;
    text-transform: uppercase;
	transition:0.4s;
}
.submit_btn6:hover, .submit_btn6:focus, .submit_btn6.focus {
	text-decoration: none;
	background:#757070;
    color: #fff;
}
.submit_btn7 {
	display:inline-block;
	padding:10px 20px;
	font-size:14px;
	color:#fff;
	font-weight:400;
	text-align:center;
	background-image:none;
	border:none;
	background:#00a2e7;
	border-radius:0px;
    transition: background-color 0.5s ease;
}
.submit_btn7:hover, .submit_btn7:focus, .submit_btn7.focus {
	background:#0394d1;
	color:#fff;
	text-decoration: none;
}
.submit_btn8 {
	display:inline-block;
	padding:9px 20px;
	font-size:14px;
	color:#00a2e7;
	font-weight:400;
	text-align:center;
	background-image:none;
	border: solid 1px #00a2e7;
	background:#fff;
	border-radius:0px;
    transition: background-color 0.5s ease;
}
.submit_btn8:hover, .submit_btn8:focus, .submit_btn8.focus {
	background:#00a2e7;
	color:#fff;
	text-decoration: none;
}
.newslettertextfield {
	background: none;
	border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:solid 1px #fff;
	padding:0px 0px;
	font-size:14px;
	color:#fff;
	width:100%;
	height:40px;
}
.newslettertextfield::-moz-placeholder {
	color:#fff;
	opacity:1;
}
.newslettertextfield:-ms-input-placeholder {
	color:#fff;
}
.newslettertextfield::-webkit-input-placeholder {
	color:#fff;
}
.newsletterbtn {
	background:url(../img/signupbt.webp) no-repeat center center;
	width:40px;
	height:40px;
	border-left:none;
    border-right:none;
    border-top:none;
    border-bottom:solid 1px #fff;
}
.genformlabel {
	margin-bottom:5px;	
}
.genformlabel label {
	font-size:13px;
	color:#000;
	line-height:18px;
}
.genformlabelwhite {
	margin-bottom:5px;	
}
.genformlabelwhite label {
	font-size:13px;
	color:#fff;
	line-height:18px;
}
.logintextfield {
	background:#fff;
	border:none;
	padding:0px 12px;
	font-size:15px;
	color:#757170;
	width:100%;
	border-radius:0px;
	height:45px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,163,232,0.4);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,163,232,0.4);
    box-shadow: 2px 2px 5px 0px rgba(0,163,232,0.4);
}
.logintextfield::-moz-placeholder {
    color:#757170;
    opacity:1;
}
.logintextfield:-ms-input-placeholder {
    color:#757170;
}
.logintextfield::-webkit-input-placeholder {
    color:#757170;
}
.hotelsearchfield {
	border:none;
	padding-right:10px;
	padding-left:10px;
	font-size: 13px;
	color:#757170;
	width:100%;
	border-radius:0px;
	background:#f4f4f4;
	height:40px;
}
.calendar {
    float: right;
    margin-right: 10px;
    margin-top: -34px;
}


/****************************************************************************************************
Media Query css start here
****************************************************************************************************/

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

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

.searchformfield {
	border:solid 1px #b6b9bd;
}
.searchformfieldselect {
	border:solid 1px #b6b9bd;
}

}