/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.fontawesome-icon {
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: #6BA537!important;
}

.input-group-addon {
    padding: 0px 0px!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee0;
    border: 1px solid #ccc;
    border-radius: 0px;
border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050!important;
    border-left: 0px #003050!important;
    border-right: 0px #003050!important;
}

.img-jp {
    border-style: none;
    vertical-align: top;
    max-width: none!important;
    height: auto;
}

.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
    color: #E5E5E5;
}

.bootstrap-datetimepicker-widget table td.active {
    background-color: #002e46;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #6EA12E;
    color: #ffffff;
}

.datepicker .glyphicon {
    color: #6EA12E;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #6EA12E;
}

.btn-js.btn-primary-js {
    background-color: #6EA12E;
    color: #fff;
    border-color: #6EA12E;
    border-radius: 50px;
    font-size: 18px;
    width: 100%;
	height: 60px;
	-webkit-box-shadow: 0px!important;
	border-width: 0px!important;
}
.btn-js.btn-primary-js:focus {
	-webkit-appearance: none!important;
    -moz-appearance: none!important;
	outline: none!important;
}

.btn-primary {
    color: #fff;
    background-color: #6EA12E;
    border-color: #6EA12E;
	border-radius: 40px;
	-webkit-box-shadow: 0!important;
	border-width: 0px!important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
    color: #fff;
    background-color: #7cad3f;
    border-color: #7cad3f;
  		-webkit-appearance: none!important;
    -moz-appearance: none!important;
outline: none!important;
	-webkit-box-shadow: 0!important;
	border-width: 0px!important;
}

.btn-primary-js:hover, .btn-primary-js:focus, .btn-primary-js:active, .btn-primary-js.active, .open>.dropdown-toggle.btn-primary-js{
    color: #fff;
    background-color: #7cad3f;
    border-color: #7cad3f;
    		-webkit-appearance: none!important;
    -moz-appearance: none!important;
outline: none!important;
	-webkit-box-shadow: 0!important;
	border-width: 0px!important;
}

.form-control-jp-out {
    display: block!important;
    width: 100%!important;
    height: 34px!important;
    padding: 6px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #ffffff!important;
    background-color: #ffffff00!important;
    background-image: none!important;
border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050!important;
    border-left: 0px #003050!important;
    border-right: 0px #003050!important;
    box-shadow: none!important;;
    border-radius: 0px!important;
}


.form-control-jp-in {
    display: block!important;
    width: 100%!important;
    height: 34px!important;
    padding: 6px 12px!important;
    font-size: 14px!important;
    line-height: 1.42857143!important;
    color: #ffffff!important;
    background-color: #ffffff00!important;
    background-image: none!important;
    border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050!important;
    border-left: 0px #003050!important;
    border-right: 0px #003050!important;
    box-shadow: none!important;
    border-radius: 0px!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ffffff96!important;
	    font-size: 19px!important;
	font-weight: 500;

 
}

input.jp-booking-location{
    display: block!important;
    width: 100%!important;
    height: 34px!important;
	    padding: 6px 12px 6px 0!important;
    font-size: 19px!important;
	font-weight: 500;
    line-height: 1.42857143!important;
     color: #ffffff!important;
    background-color: #ffffff00!important;
    background-image: none!important;
    border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050!important;
    border-left: 0px #003050!important;
    border-right: 0px #003050!important;
    box-shadow: none!important;
    border-radius: 0px!important;
	width: 100%!important;
	-webkit-appearance: none;


}
input.form-control-jp-in{
    display: block!important;
    width: 100%!important;
    height: 34px!important;
	    padding: 6px 12px 6px 0!important;
    font-size: 19px!important;
	font-weight: 500;
    line-height: 1.42857143!important;
     color: #ffffff!important;
    background-color: #ffffff00!important;
    background-image: none!important;
    border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050!important;
    border-left: 0px #003050!important;
    border-right: 0px #003050!important;
    box-shadow: none!important;
    border-radius: 0px!important;
	width: 100%!important;
	-webkit-appearance: none;
}

input.form-control-jp-out{
    display: block!important;
    width: 100%!important;
    height: 34px!important;
	    padding: 6px 12px 6px 0!important;
    font-size: 19px!important;
	font-weight: 500;
    line-height: 1.42857143!important;
     color: #ffffff!important;
    background-color: #ffffff00!important;
    background-image: none!important;
    border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050!important;
    border-left: 0px #003050!important;
    border-right: 0px #003050!important;
    box-shadow: none!important;
    border-radius: 0px!important;
	width: 100%!important;
	-webkit-appearance: none;
}


.label-form-jp {
    font-weight: normal;
    color: #ffffff57;
    font-size: 15px!important;
	font-family: segoeui!important;
}

#jp-booking-location {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;

    background-color: #003050;
    border-radius: 0px;
    color: #cacaca;
border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050;
    border-left: 0px #003050;
    border-right: 0px #003050;
}


.container-jp {
    padding: 25px 10%;
    background-color: #1B4258;
	height: auto;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
    -moz-osx-font-smoothing: grayscale;
}

.form-control:focus {
    border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    border-top: 0px #003050;
    border-left: 0px #003050;
    border-right: 0px #003050;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(255, 100, 255, 0.5);
    outline: none;
}


/* responsive */

/* ----------- iPad 1, 2, Mini and Air ----------- */
 /* ----------- iPad 3, 4 and Pro 9.7" ----------- */

 
 /* Portrait */
@media only screen 
  and (min-device-width: 1025px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

@media only screen and (max-width:992px) {
	#jp-booking-submit {
		width: 40%;
		margin: 20px;
	}
}
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.fusion-columns .fusion-column:not(.fusion-column-last) {
    	margin: 0px 0px 0px 0px!important;
	}
	#fallback-slide {
   		display: none!important; 
	}
	.input-group-addon {
    	padding: 0px 0px!important;
    	font-size: 14px!important;
    	font-weight: 400!important;
    	line-height: 1!important;
    	color: #555!important;
    	text-align: center!important;
    	background-color: #eee0!important;
    	border: 1px solid #ccc!important;
    	border-radius: 0px!important;
    	border-bottom: 1px solid rgba(229, 229, 229, 0.6)!important;
    	border-top: 0px #003050!important;
    	border-left: 0px #003050!important;
    	border-right: 0px #003050!important;
	}	  
}

/* Portrait */
@media only screen 
  and (min-device-width: 200px) 
  and (max-device-width: 750px)  
  and (orientation: portrait) {
		  	  
	.fusion-columns .fusion-column:not(.fusion-column-last) {
    	margin: 0px 0px 0px 0px!important;
	}
	#fallback-slide {
   		display: none!important; 
	}
	.fusion-logo img {
    	/* width: auto; */
    	width: 60px!important;
    	height: 60px!important;
	}  
}