/* Minification failed. Returning unminified contents.
(5344,22): run-time error CSS1036: Expected expression, found '.'
(5344,22): run-time error CSS1034: 
(5344,22): run-time error CSS1036: Expected expression, found '.'
(5732,22): run-time error CSS1036: Expected expression, found '.'
(5732,22): run-time error CSS1034: 
(5732,22): run-time error CSS1036: Expected expression, found '.'
 */
	@charset "utf-8";

	/* CSS Document */
	html {
		-webkit-text-size-adjust: none;
		position: relative;
		min-height: 100%;
	}

	* {
		margin: 0;
		padding: 0;
		list-style: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}

	/*====== Global CSS======*/
	@font-face {
		font-family: 'futuraextendedregular';
		src: url('../fonts/futuraextended-webfont.eot');
		src: url('../fonts/futuraextended-webfont.eot?#iefix') format('embedded-opentype'),
			url('../fonts/futuraextended-webfont.woff2') format('woff2'),
			url('../fonts/futuraextended-webfont.woff') format('woff'),
			url('../fonts/futuraextended-webfont.ttf') format('truetype'),
			url('../fonts/futuraextended-webfont.svg#futuraextendedregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	body {
		font-family: 'PT Sans', sans-serif;
		color: #333333;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		height: 100%;
	}

	input,
	select {
		font-family: 'PT Sans', sans-serif;
	}

	a,
	button {
		outline: none !important;
		color: #2d478c;
		transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-webkit-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		text-decoration: none !important;
	}

	a:hover {
		text-decoration: none;
		color: #2d478c;
	}

	a:focus {
		outline: none !important;
	}

	a images {
		border: none;
		outline: none;
		text-decoration: none;
	}

	label {
		font-weight: normal;
	}

	img {
		max-width: 100%;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-weight: normal;
		padding: 0px;
		margin: 0px;
	}

	h1 {
		color: #2d478c;
		font-size: 29px;
		font-weight: bold;
		margin-bottom: 24px;
	}

	.relative {
		position: relative;
	}

	.container {
		width: 100%;
		margin: auto;
		padding: 0;
		max-width: 960px;
	}

	.full {
		float: left;
		width: 100%;
	}

	.dis_block {
		display: block;
		position: relative;
		width: 100%;
	}

	.dis_inline {
		display: inline-block;
		vertical-align: middle;
	}

	.padT1 {
		padding-top: 5px;
	}

	.padT2 {
		padding-top: 10px;
	}

	.padT3 {
		padding-top: 15px;
	}

	.padT4 {
		padding-top: 20px;
	}

	.padB1 {
		padding-bottom: 5px;
	}

	.padB2 {
		padding-bottom: 10px;
	}

	.padB3 {
		padding-bottom: 15px;
	}

	.padB4 {
		padding-bottom: 20px;
	}

	p {
		line-height: 15.5px;
		margin-bottom: 18px;
	}

	.form-control {
		height: 40px;
		border-color: #9b9a9a;
		border-radius: 0;
		box-shadow: none;
		font-size: 15px;
		color: #625b56;
		margin-bottom: 22px;
	}

	.custom-select select.form-control {
		height: 40px;
		border-color: #9b9a9a;
		border-radius: 0;
		box-shadow: none;
		font-size: 15px;
		color: #625b56;
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		background: #fff url(../images/select-arrow.png) no-repeat right center;
		padding: 6px 11px;
	}

	.custom-select select.form-control:focus {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	}

	/*login page css*/
	.login-page .top-header {
		background: url(../images/top-headerbg.png) repeat-x top center;
		height: 158px;
		padding: 40px 0 0 0;
		z-index: 2;
		border: 0;
	}

	.login-page .ocean-holidays-logo {
		float: left;
		margin-right: 35px;
		width: 185px;
	}

	.login-page .guest-registration {
		float: left;
		border-left: 1px solid #b6b6b6;
		font-size: 28px;
		font-weight: normal;
		color: #2d478c;
		padding: 2px 0 3px 27px;
	}

	.loginsec {
		background: url(../images/login-bg.jpg) no-repeat scroll center bottom;
		background-size: cover;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		text-align: center;
	}

	.login-wrap {
		position: absolute;
		bottom: 11.1%;
		left: 0;
		right: 0;
	}

	.login-box {
		background: #2d478c;
		padding: 15px 25px 5px 25px;
		min-height: 110px;
	}

	.login-box label {
		color: #fff;
		font-size: 15px;
	}

	.custom-select select::-ms-expand {
		display: none;
	}

	@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
		.custom-select select {
			background-image: none;
			padding-right: 9px
		}
	}

	.login-box .form-control {
		box-shadow: 2px 2px 0 0 #08144d;
		height: 45px;
		margin-top: 4px;
		border-color: #fff;
		margin-bottom: 0;
	}

	.login-box .form-control:focus {
		border-color: #fff;
		box-shadow: 3px 3px 0 0 #000000;
		outline: 0 none;
	}

	.login-box .input-box {
		width: 43.3%;
		float: left;
		padding: 0 22px 0 0;
		position: relative;
	}

	.login-box .button {
		float: left;
		top: 45px;
		position: absolute;
		right: 25px;
		width: 120px;
	}

	.custom-btn {
		border-radius: 0;
		width: 100%;
		height: 45px;
		font-size: 15px;
		text-align: center;
		color: #fff;
	}

	.brown-btn {
		background: #d88a02;
		border: 1px solid #d88a02;
		box-shadow: 3px 3px 0 0 #000000;
	}

	.brown-btn:hover .brown-btn .btn.focus,
	.brown-btn.btn:focus,
	.brown-btn.btn:hover {
		color: #fff;
	}

	.login-box .form-control {
		padding: 6px 18px;
	}

	.login-box .form-control::-moz-placeholder {
		color: #2d478c;
		opacity: 1
	}

	.login-box .form-control:-ms-input-placeholder {
		color: #2d478c
	}

	.login-box .form-control::-webkit-input-placeholder {
		color: #2d478c
	}

	.validation-error,
	.field-validation-error {
		background: #cc0000;
		border-radius: 5px;
		color: #ffffff;
		display: inline-block;
		font-size: 12px;
		left: 0;
		margin-top: -11px;
		padding: 2px 10px;
		position: relative;
		text-align: center;
		position: absolute;
		top: 100%;
		font-weight: normal;
		z-index: 5;
	}

	.validation-error:before,
	.field-validation-error:before {
		border-color: #cc0000 rgba(0, 0, 0, 0);
		content: "";
		display: block;
		left: 10%;
		position: absolute;
		top: -5px;
		width: 0;
		z-index: 1;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #cc0000;
	}

	.loader {
		position: absolute;
		right: 5px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.loader img {
		width: 24px;
	}

	.top-header {
		padding: 35px 0;
		border-bottom: 10px solid #2d478c;
	}

	.ocean-holidays-logo {
		float: left;
		margin-right: 78px;
		width: 185px;
	}

	.guest-registration {
		float: left;
		border-left: 1px solid #b6b6b6;
		font-size: 28px;
		font-weight: normal;
		color: #2d478c;
		padding: 2px 0 3px 68px;
	}

	.logout {
		float: right;
		padding-top: 9px;
	}

	.logout a {
		color: #2d478c;
		position: relative;
		padding-left: 18px;
	}

	.logout a:before {
		background: url(../images/logout-icon.svg) no-repeat;
		width: 14px;
		height: 16px;
		content: '';
		position: absolute;
		left: 0;
		top: 2px;
	}

	.top-banner {
		position: relative;
		border-bottom: 2px solid #f68e20;
	}

	.mid-part {
		margin-top: 32px;
	}

	.user-booking-detail {
		border: 1px solid #6c7eae;
		padding: 16px 10px 6px 40px;
		font-size: 14px;
		margin-bottom: 37px;
	}

	.user-booking-detail p {
		color: #625b56;
		margin-bottom: 7px;
		line-height: 14px;
	}

	.user-booking-detail p span {
		display: inline-block;
		vertical-align: top;
		width: 88px;
		position: relative;
	}

	.user-booking-detail p span:after {
		content: ':';
		position: absolute;
		right: 4px;
		top: 0;
		color: #b2afad;
	}

	.user-booking-detail p strong {
		width: calc(100% - 97px);
		color: #625b56;
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		font-size: 13px;
	}

	.steps ul li {
		margin-bottom: 40px;
		color: #a2a5b8;
		font-style: normal;
		font-size: 15px;
		border: 2px solid #a2a5b8;
		border-right: 0;
		height: 44px;
		padding: 7px 21px 0px 91px;
		position: relative;
		display: block;
		margin-right: 21px;
	}

	.steps ul li:before {
		background: #a2a5b8;
		height: 37px;
		width: 2px;
		top: 100%;
		left: 47px;
		content: '';
		position: absolute;
	}

	.steps ul li:last-child:before {
		display: none;
	}

	.steps ul li:after {
		background: url(../images/step-corner.png) no-repeat;
		width: 21px;
		height: 44px;
		content: '';
		position: absolute;
		right: -21px;
		top: -2px;
	}

	.step-count {
		position: absolute;
		width: 60px;
		height: 60px;
		border: 2px solid #a2a5b8;
		border-radius: 100%;
		text-align: center;
		left: 18px;
		top: -12px;
		background: #fff;
		color: #a2a5b8;
	}

	.step-count i {
		font-size: 30px;
		font-weight: bold;
		font-style: normal;
		display: table-cell;
		height: 57px;
		vertical-align: middle;
		text-align: center;
		width: 58px;
		margin: auto;
	}

	.steps ul li.active,
	.steps ul li.active a {
		background: #f68e1f;
		border-color: #f68e1f;
		color: #fff;
		font-weight: bold;
	}

	.steps ul li.active:after {
		background: url(../images/step-active-corner.png) no-repeat;
	}

	.steps ul li.active .step-count,
	.steps ul li.active .step-count a {
		background: #2d478c;
		color: #fff;
		border-color: #2d478c;
	}

	.steps ul li.completed .step-count,
	.steps ul li.completed,
	.steps ul li.completed a {
		color: #1a6403;
	}

	.steps ul li span {
		display: none;
	}

	.steps ul li.completed span {
		display: block;
		background: url(../images/tick.png) no-repeat center right;
		width: 15px;
		height: 11px;
		position: absolute;
		top: 50%;
		right: 6px;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	.registration-page .main-heading {
		margin-bottom: 5px;
		width: 100%;
		display: inline-block;
	}

	.registration-form {
		margin-top: 18px;
	}

	.registration-page .custom-select select.form-control {
		padding: 6px 10px;
		background-position: 116%;
	}

	.registration-page input.form-control.datepicker {
		padding: 4px 10px;
	}

	.asterisks {
		color: #ff0808;
		font-size: 16px;
		top: 0;
	}

	.tittle-row {
		margin-left: -7px;
		margin-right: -7px;
	}

	.tittle-col {
		padding-left: 7px;
		padding-right: 7px;
	}

	.address {
		font-size: 16px;
		text-transform: uppercase;
		margin-bottom: 18px;
	}

	.btn-style {
		display: block;
		width: 100%;
		border: 0;
		height: 42px;
		font-size: 16px;
		padding: 11px 25px 4px;
		text-transform: uppercase;
	}

	button.btn-style {
		padding: 2px 32px 0;
		position: relative;
	}

	.blue-button {
		background: #2d478c;
		color: #fff;
	}

	.blue-button:hover {
		background: #2d478c;
		color: #fff;
	}

	a.blue-button {
		color: #fff;
	}

	.submit-btn {
		margin-top: 12px;
	}

	.manadatory-field {
		margin-top: 25px;
		font-size: 13px;
	}

	.manadatory-field sup {
		top: -3px;
		font-size: 18px;
	}

	input[type='number'] {
		-moz-appearance: textfield;
	}

	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
		-webkit-appearance: none;
	}

	.footer {
		border-top: 1px solid rgba(62, 62, 58, 0.5);
		
		padding:10px 0;
		text-align: center;
		font-size: 13px;
	}

	.tta-logo span {
		display: inline-block;
		vertical-align: middle;
	}

	.payment-cards-logo,
	.tta-logo,
	.tta-logo span,
	.tta-logo i {
		display: inline-block;
		vertical-align: middle;
	}

	.tta-logo {
		padding: 0 34px 0 56px;
	}

	.copyright {
		display: inline-block;
		text-align: right;
		vertical-align: middle;
	}

	.copyright a {
		color: #3f3d40;
	}

	.copyright a:hover {
		color: #2d478c
	}

	.terms-conditions-detail {
		width: 87%;
		border: 1px solid #2d478c;
		padding: 0px;
		height: 346px;
		margin: 15px auto 32px;
	}

	.terms-conditions-page .overview-txt p {
		line-height: 21px;
		font-size: 13px;
		margin-bottom: 18px;
	}

	.terms-conditions-detail p {
		font-size: 13px;
		line-height: 18px;
		color: #2d478c;
	}

	.terms-conditions-detail .mCSB_container>div {
		padding: 25px;
	}

	.q-checkbox .checkbox {
		float: none;
		height: 37px;
		margin: 0 10px 0px 0;
		display: inline-block;
		vertical-align: middle;
	}

	.q-checkbox .checkbox>input {
		padding: 0;
		margin: 0;
		height: 37px;
		width: 39px;
		float: left;
		position: absolute;
		left: 0;
		opacity: 0;
	}

	.q-checkbox .checkbox>label {
		line-height: 37px;
		padding: 0 0 0 37px;
		-moz-transition: color 1s ease;
		-o-transition: color 1s ease;
		-webkit-transition: color 1s ease;
		transition: color 1s ease;
	}

	.q-checkbox div:not(#foo)>input+label {
		min-height: 37px;
	}

	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]+label {
		background: url(../images/simple-checkbox.jpg) 0 0 no-repeat;
		background-size: 100% auto;
	}

	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:checked+label {
		background: url(../images/simple-checkbox-checked.jpg) 0 0 no-repeat;
		background-size: 100% auto;
	}

	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:hover:checked+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:focus:checked+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:checked+label:hover,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:focus:checked+label {
		background: url(../images/simple-checkbox-checked.jpg) 0 0 no-repeat;
		background-size: 100% auto;
	}

	/* Disabled styles */
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:disabled+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:hover:disabled+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:focus:disabled+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:disabled+label:hover,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:disabled+label:hover:active {
		background: url(../images/simple-checkbox-disable.png) 0 0 no-repeat;
		background-size: 100% auto;
	}

	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:disabled:checked+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:hover:disabled:checked+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:focus:disabled:checked+label,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:disabled:checked+label:hover,
	.q-checkbox .checkbox:not(#foo)>input[type=checkbox]:disabled:checked+label:hover:active {
		background: url(../images/simple-checkbox-checked.jpg) 0 0 no-repeat;
		background-size: 100% auto;
		opacity: 0.4;
	}

	.q-checkbox span {
		display: inline-block;
		float: none;
		margin-bottom: 0;
		text-decoration: none;
		width: auto;
		line-height: 18px;
		vertical-align: middle;
		color: #2d478c;
	}

	.terms-checkbox {
		float: left;
	}

	.continue-btn {
		float: right;
		margin-top: -4px;
	}

	.payment-info {
		margin-top: 4px;
	}

	.payment-info ul {
		width: 100%;
		display: inline-block;
		margin: 0;
	}

	.payment-info ul li {
		float: left;
		width: 33.33%;
		font-size: 20px;
		font-weight: bold;
	}

	.payment-info ul li span {
		font-weight: normal;
		font-size: 22px;
	}

	.total {
		color: #0e4a81
	}

	.paid {
		color: #048b49;
		text-align: center;
	}

	.balance {
		color: #e37c04;
		text-align: right;
	}

	.payment-info p {
		color: #625b56;
		display: block;
		padding-top: 0px;
		margin: 0;
	}

	.gray-strip {
		background: #e37c04;
		font-size: 17px;
		font-weight: bold;
		color: #fff;
		padding: 6px 14px;
	}

	.payment-form {
		margin-top: 24px;
	}

	.payment-form .form-control {
		margin-bottom: 15px;
	}

	.payment-btn button span {
		position: relative;
		padding-left: 26px;
	}

	.payment-btn button span:before {
		background: url(../images/lock-icon.png) no-repeat center left;
		width: 18px;
		height: 22px;
		position: absolute;
		content: '';
		top: -2px;
		left: 0;
	}

	.cvv-box a {
		color: #333333;
	}

	.view-fees .well {
		min-height: 20px;
		padding: 11px 18px 7px;
		margin-bottom: 0;
		background-color: #f9eabd;
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.view-fees-note {
		min-height: 20px;
		padding: 11px 18px 7px;
		margin-bottom: 0;
		background-color: #fff;
		border: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.view-fees {
		border: 1px solid #efb672;
		display: block;
		margin-top: 20px;
		margin-bottom: 26px;
	}

	.view-fees-heading {
		color: #625b56;
		font-weight: bold;
	}

	.view-fees-heading a {
		color: #625b56;
		position: relative;
		padding-right: 14px;
		display: block;
		padding: 9px 9px 9px 18px;
	}

	.view-fees-heading a.collapsed span:after {
		background: url(../images/arrow1.png) no-repeat center right;
		width: 8px;
		height: 14px;
		position: absolute;
		content: '';
		top: 3px;
		right: 0;
	}

	.view-fees-heading a span {
		padding-right: 16px;
		position: relative;
	}

	.view-fees-heading a:hover {
		color: #000;
	}

	.view-fees-detail ul {
		width: 100%;
		display: inline-block;
		margin: 0;
	}

	.view-fees-detail ul li {
		float: left;
		width: 33.33%;
		font-size: 13px;
		font-weight: bold;
		color: #625b56;
	}

	.view-fees-detail ul li span {
		font-weight: normal;
	}

	.view-fees-heading a.collapsed .fees-close {
		display: none;
	}

	.view-fees-heading a .fees-close {
		display: block;
	}

	.view-fees-heading a .fees-close {
		position: relative;
		float: right;
		padding: 0;
		top: -6px;
	}

	.view-fees-heading a .fees-close span {
		padding: 0 0 0 17px;
		position: relative;
		font-size: 12px;
		font-weight: normal;
	}

	.view-fees-heading a .fees-close span:before {
		background: url(../images/close-icon.png) no-repeat center right;
		width: 14px;
		height: 14px;
		position: absolute;
		content: '';
		top: 1px;
		left: 0;
	}

	.overview-txt a {
		color: #333333;
	}

	.overview-txt a:hover {
		color: #333333;
	}

	.booking-summery {
		padding: 42px 38px 34px 38px;
		border: 1px solid #a2a5b8;
		width: 100%;
		margin-top: 15px;
	}

	.summery {
		margin-bottom: 34px;
		display: block;
	}

	.summery p {
		margin-bottom: 10px;
		line-height: 14px;
	}

	.summery p span {
		display: inline-block;
		vertical-align: top;
		width: 230px;
		position: relative;
		padding-right: 15px;
		line-height: 20px;
	}

	.summery p span:after {
		content: ':';
		position: absolute;
		right: 4px;
		top: 0;
	}

	.summery p strong {
		width: calc(100% - 240px);
		font-weight: bold;
		display: inline-block;
		vertical-align: top;
		font-size: 13.5px;
	}

	.print p {
		padding-right: 12px;
	}

	.print p,
	.print-bt {
		display: inline-block;
		vertical-align: middle;
		margin: 0;
	}

	.print-bt a {
		border: 2px solid #2d478c;
		display: inline-block;
		padding: 10px 32px;
		border-radius: 12px;
		text-transform: uppercase;
		color: #333333;
	}

	.print-bt a span {
		position: relative;
		padding-left: 33px;
	}

	.print-bt a span:before {
		background: url(../images/print-icon.png) no-repeat center right;
		width: 25px;
		height: 26px;
		position: absolute;
		content: '';
		top: -3px;
		left: 0;
	}

	.complete-page .footer {
		margin-top: 23px;
	}

	.disable-btn {
		opacity: 0.1;
		cursor: no-drop;
	}

	div.card_img_block {
		float: right;
		position: absolute;
		right: 19px;
		top: 50%;
		transform: translateY(-50%);
		width: 56px;
		-webkit-transform: translateY(-50%);
	}

	.card_img {
		display: inline-block;
		float: right;
		height: 32px;
		margin-top: 8px;
		text-align: right;
		width: 100%;
	}

	.card_img_master {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll 1px center;
	}

	.card_img_maestro {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll -55px center;
	}

	.card_img_visa {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll -112px center;
	}

	.card_img_amex {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll -169px center;
	}

	.card_img_paypal {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll -226px center;
	}

	.card_img_visaelectron {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll -283px center;
	}

	.card_img_discover {
		background: transparent url('../images/mc_ms_vs_ax_accpt_h_023.png') no-repeat scroll -340px center;
	}

	.card_info {
		color: #444;
		float: right;
		font-size: 10px;
		margin-top: 2px;
	}

	.redBorder {
		border: 1px solid red !important
	}

	@media screen and (-webkit-min-device-pixel-ratio:0) {

		input[type=password] {
			-webkit-text-stroke-width: 2px;
			letter-spacing: 2px;
		}
	}

	.currency-icon {
		position: relative;
	}

	.currency-icon .input-group-addon {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		border-radius: 0;
		padding: 13px 15px 11px 6px;
		font-weight: bold;
		border-right: 1px solid #b6b6b6;
	}

	.balance-pay input {
		padding-left: 32px;
	}

	.steps ul li a {
		color: #a2a5b8;
	}

	.table-condensed>tbody>tr>td,
	.table-condensed>tbody>tr>th,
	.table-condensed>tfoot>tr>td,
	.table-condensed>tfoot>tr>th,
	.table-condensed>thead>tr>td,
	.table-condensed>thead>tr>th {
		padding: 7px;
	}

	.popover-content {
		font-size: 12px;
	}

	.user-booking-detail p strong i {
		font-style: normal;
		display: inline-block;
		top: -1px;
		position: relative;
		margin-left: 2px;
	}

	.tool-info .tooltip-inner {
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, .2);
		border-radius: 6px;
		-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	}

	.tool-info .tooltip.bottom {
		margin-top: 8px;
	}

	.tool-info .tooltip .tooltip-arrow {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 15px 15px !important;
		border-color: #ccc transparent !important;
		display: block;
		width: 0;
		margin-top: -9px;
		margin-left: -15px !important;
	}

	.tool-info .tooltip .tooltip-arrow:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 14px 13px !important;
		border-color: #fff transparent;
		display: block;
		width: 0;
		margin-left: -14px;
		margin-top: 2px;
	}

	.tool-info .tooltip.in {
		filter: alpha(opacity=100);
		opacity: 100;
	}

	.info-icon .closed-circle,
	.info-icon.popover-mobile .infoicon {
		display: none;
		font-size: 14px;
	}

	.info-icon i {
		font-style: normal;
		cursor: pointer;
	}

	.info-icon.popover-mobile .closed-circle {
		display: inline-block;
		color: #f68e1f
	}

	#info-mobile {
		position: relative;
		top: -1px;
		margin-left: 2px;
	}

	.language-select {
		float: right;
		position: relative;
		background: #fff;
		/*border: 2px solid #2d478c;*/
		margin-top: 8px;
	}

	.language-select select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		height: 25px;
		font-size: 12px;
		padding: 3px;
		width: 95px;
		padding-left: 25px;
		padding-right: 15px;
		position: relative;
		z-index: 2;
		background: none;
		color: #2d478c;
		border: none;
		margin-bottom: 0
	}

	.language-select i {
		position: absolute;
		top: 5px;
		z-index: 1;
		color: #2d478c
	}

	.language-select i.fa-globe {
		left: 5px;
	}

	.language-select i.fa-caret-down {
		right: 5px;
	}

	.ddl-inner .language-select {
		margin-right: 15px;
	}

	.processing-popup:before {
		background: rgba(255, 255, 255, 0.7);
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
		width: 100%;
		content: '';
		z-index: 10;
	}

	.processing-detail {
		color: #2A6EB6;
		position: absolute;
		background: #fff;
		border: 1px solid #105491;
		padding: 15px;
		width: 440px;
		top: 60%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: 0px auto;
		z-index: 11;
		text-align: center;
	}

	@media (max-width: 425px) {
		.processing-detail {
			width: 75% !important;
		}
	}

	@media (max-width: 320px) {
		.processing-detail {
			width: 90% !important;
		}
	}


	.booking-steps {
		max-width: 540px;
		margin: 0px auto;
		margin-bottom: 34px;
	}

	.booking-steps ul {
		padding: 0;
		margin: 0;
		text-align: center;
		width: 100%;
	}

	.booking-steps ul li {
		color: #a2a5b8;
		margin: 0 11px;
		position: relative;
		vertical-align: middle;
		width: 20.8%;
		float: left;
	}

	.booking-steps ul li:last-child {
		margin-right: 0;
	}

	.booking-steps ul li:before {
		background: #a2a5b8 none repeat scroll 0 0;
		content: "";
		height: 2px;
		position: absolute;
		right: 68%;
		top: 30%;
		width: 88px;
	}

	.booking-steps ul li:last-child:before {
		display: none;
	}

	.booking-steps ul li .step-box {
		display: block;
		height: 48px;
		margin: 0 auto;
		position: relative;
		text-align: center;
		width: 48px;
		z-index: 5;
		border: 2px solid #a2a5b8;
		border-radius: 100%;
		color: #a2a5b8;
		left: 4px;
	}

	.booking-steps ul li .step-box i {
		font-size: 30px;
		font-weight: bold;
		font-style: normal;
		display: table-cell;
		height: 45px;
		vertical-align: middle;
		text-align: center;
		width: 46px;
	}

	.booking-steps ul li .step-txt {
		clear: both;
		display: block;
		float: left;
		width: 100%;
		font-size: 16px;
		text-align: center;
		margin-top: 9px;
		position: relative;
	}

	.booking-steps ul li.active .step-box {
		border: none green;
		background: green;


		color: #fff;

	}



	.booking-steps ul li.active .step-txt {
		clear: both;
		display: block;
		float: left;
		width: 100%;
		font-size: 16px;
		text-align: center;
		margin-top: 9px;
		position: relative;
	}

	.booking-steps ul li.completed .step-box i,
	.booking-steps ul li.completed,
	.booking-steps ul li.active {
		color: #1a6403;
	}

	.booking-steps ul li.completed a {
		color: #1a6403;
	}

	.booking-steps ul li span {
		display: none;
	}

	.booking-steps ul li.completed span {
		display: block;
		background: url(../images/tick.png) no-repeat center right;
		width: 15px;
		height: 11px;
		position: relative;
		top: -1px;
		left: -2px;
		background-size: 100%;
		display: inline-block;
	}

	.guest-registration-online .main-heading {
		display: block;
		text-align: center;
	}

	.userGuestReg {
		padding-right: 30px;
		font-size: 12px;
		margin-top: 14px;
		display: flex;
		justify-content: space-between;
	}

	.userGuestReg p {
		color: #2d478c;
		white-space: nowrap;
	}

	.userGuestReg p strong {
		font-size: 13px;
	}

	.guest-step {
		max-width: 750px;
	}

	.guest-step ul {
		display: flex;
	}

	.guest-step ul li::before {
		right: -90px;
		top: 24px;
		width: 100%;
	}

	.guest-step ul li .step-box {
		background: #fff;
	}

	.steps-info {
		font-family: 'futuraextendedregular';
		color: #2d478c;
		text-align: center;
		width: 70%;
		margin: 0px auto 0px;
	}

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

		.steps-info {
			width: 100%
		}

	}

	.steps-info p {
		line-height: 21px;
		font-size: 15px;
	}

	ul.booking-extras-list {
		border-top: 1px solid #99bee3;
		padding: 0;
		margin: 0;
	}

	ul.booking-extras-list li {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #99bee3;
		padding: 10px 0;
		color: #2d478c;
		font-size: 16px;
	}

	ul.booking-extras-list li .left {
		display: flex;
		align-items: center;
		padding-right: 10px;
		flex: 1;
	}

	ul.booking-extras-list li .left .icon {
		margin-right: 15px;
	}

	ul.booking-extras-list li .left .title .info {
		margin-left: 5px;
	}

	ul.booking-extras-list li .left .title .info img {
		opacity: 0.4;
	}

	ul.booking-extras-list li .right .green-check {
		color: #1a6403;
	}

	ul.booking-extras-list li .right img {
		margin-right: 5px;
	}

	.borderBtn {
		background: none;
		box-shadow: none;
		border: 1px solid #2d478c;
		border-radius: 3px;
		padding: 5px 15px;
	}

	.borderBtn:hover {
		background: #2d478c;
		color: #fff;
	}

	.extraTotal {
		color: #0e4a81;
		text-align: right;
		font-size: 21px;
		margin-top: 10px;
	}

	.rightArrow {
		border: solid black;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	.blueBtn {
		background: #2d478c;
		border: none;
		box-shadow: none;
		color: #fff;
		display: inline-block;
		font-weight: bold;
		padding: 10px 20px;
		font-size: 16px;
		height: 42px;
		text-align: center;
	}

	.blueBtn:focus,
	.blueBtn:hover {
		background: #f68e1f;
		color: #fff;
	}

	.blueBtn-voucher {
		background: #2d478c;
		border: none;
		box-shadow: none;
		color: #fff;
		display: inline-block;
		font-weight: bold;
		padding: 10px 20px;
		font-size: 16px;
		height: 42px;
		text-align: center;
	}

	.orangeBtn {
		background: #f68e1f;
	}

	.orangeBtn:focus,
	.orangeBtn:hover {
		background: #2d478c;
	}

	.grayBtn {
		background: #a2a5b8;
		border: none;
		box-shadow: none;
		color: #fff;
		display: inline-block;
		font-weight: bold;
		padding: 10px 20px;
		font-size: 16px;
		height: 42px;
		text-align: center;
	}

	/*.grayBtn:focus, .grayBtn:hover {background: #2d478c;}*/
	.d-flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.booking-extras .btn-outer {
		margin-top: 30px;
	}

	.booking-extras .btn-outer .orangeBtn img {
		margin-right: 5px;
	}

	.booking-extras .btn-outer .rightArrow {
		border-color: #fff;
		position: relative;
		top: -1px;
	}

	/*Guest Registaration & Check in page */

	.guestcheckin .guestlanding_Step {
		margin: 40px -20px;
		font-size: 0px;
		display: flex;
		flex-wrap: wrap;
	}

	.guestcheckin .guestlanding_Step .comamn-box-steps {

		padding: 0px 20px;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		color: #2d478c;
		font-size: 14px;
		text-align: center;
	}

	.guestcheckin .guestlanding_Step .box_Steps {
		padding: 30px 20px;
		border: 1px solid #96bde4;
		justify-content: stretch;
		height: 100%;
	}

	.guestcheckin .guestlanding_Step .box_Steps>span {
		display: block;
		font-size: 20px;
		font-weight: bold;
		margin: 20px 0px;

	}

	.guestcheckin .guestlanding_Step .box_Steps p {
		font-size: 15px;
		line-height: 21px;
		color: #2d478c;
	}

	.registration-completed-label {
		position: relative;
		padding-left: 35px;
		font-weight: bold;
		font-size: 15px;
		text-align: left;
		color: #58921e;
	}

	.registration-completed-label img {
		position: absolute;
		left: 0px;
		top: -3px;

	}

	.guestcheckin .guestlanding_Step .box_Step2 label {
		font-weight: bold;
		text-decoration: underline;
		font-size: 16px;
		margin-bottom: 0px;
	}

	.guestcheckin .guestlanding_Step .box_Step2 ul li {
		position: relative;
		padding-left: 20px;
		display: inline-block;
		vertical-align: top;
		margin-right: 5px;
		margin-bottom: 10px;
	}

	.guestcheckin .guestlanding_Step .box_Step2 ul {
		margin: 15px 0px 5px 0px;
	}

	.guestcheckin .guestlanding_Step .box_Step2 ul li:last-child {
		margin-right: 0px;
	}

	.guestcheckin .guestlanding_Step .box_Step2 ul li img {
		position: absolute;
		left: 0px;
		top: 2px;
		max-width: 16px;

	}

	.voucher-btn-view {
		position: relative;
		display: inline-block;
		vertical-align: text-top;
	}

	.voucher-btn-view input {
		background-color: transparent;
		border: none;
		text-transform: uppercase;

	}

	.voucher-btn-view input:focus {
		box-shadow: none;
		outline: none;
	}

	.voucher-btn-view img {
		margin-right: 10px;
		margin-top: -6px;
	}

	.guest-in-btn {
		background-color: transparent;
		border: 1px solid #2d478c;
		color: #2d478c;
		text-transform: uppercase;
		padding: 10px 25px;
	}

	.guest-in-btn:hover {
		border: 1px solid #2d478c;
		background-color: #fff;
		color: #2d478c;
	}

	.custom-equal-set {
		min-height: 150px;

	}

	.customizes-btn img {
		margin-top: -2px;
		margin-left: 10px;

	}

	.customizes-btn {
		padding: 10px 45px !important;
	}

	.custom-modal-box .modal-content {
		border-radius: 10px;
		border: 2px solid #f68e1f;
	}

	.custom-modal-box .modal-header h5 {
		font-size: 18px;
		font-weight: bold;
	}

	.custom-modal-box .modal-header .close {
		position: absolute;
		right: 10px;
		top: 5px;
		color: #ffffff;
		opacity: 1;
		font-size: 35px;
	}

	.custom-form-field {
		max-width: 85%;
		margin: 20px auto 0px;

	}

	.custom-form-field select.form-control {
		text-align: left;
		background-image: url(../images/select-arrow.png);
		background-position: 99% 56%;
		background-repeat: no-repeat;
		appearance: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

	.custom-form-field select::-ms-expand {
		display: none;
	}

	.custom-modal-box label {
		font-size: 17px;
		font-weight: bold;
	}

	.custom-modal-box .blueBtn {
		border-radius: 0px;
		text-transform: uppercase;
	}

	.custom-modal-box .modal-footer {
		border-top: none;
		padding: 0px;
		margin: auto;
		text-align: center;
		padding-bottom: 20px;
	}

	.custom-modal-box .modal-header {
		padding-right: 30px;
		background-color: #f68e1f;
		color: #ffffff;
		border-radius: 7px 7px 0px 0px;
		padding: 10px;
	}

	.custom-modal-box .modal.fade.in .modal-dialog {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		transition: none;
		-webkit-transition: none;
	}

	.custom-modal-box .modal.fade .modal-dialog {
		transition: -webkit-transform .1s ease-out;
		transition: transform .1s ease-out;
		transition: transform .1s ease-out, -webkit-transform .1s ease-out;
		-webkit-transform: translate(0, -25%);
		transform: translate(0, -25%);
	}

	.custom-modal-box .modal-dialog-centered {
		display: flex;
		align-items: center;
		min-height: 100vh;
		justify-content: center;
	}

	.custom-modal-box .modal-dialog {
		position: relative;
		width: auto;
		margin: auto;
	}

	.custom-modal-box .modal-dialog-centered::before {
		display: block;
		height: 100vh;
		content: "";
	}

	.custom-modal-box .modal-content {
		display: flex;
		flex-direction: column;
		width: 600px;
	}




	/*Guest Registaration & Check in page */
	@media only screen and (max-width:991px) {
		.userGuestReg {
			flex-wrap: wrap;
			padding-right: 15px;
			margin: 0;
		}

		.userGuestReg p {
			margin: 3px 0;
			width: 50%;
		}

		.userGuestReg p:nth-child(2),
		.userGuestReg p:nth-child(4) {
			padding-left: 20px;
		}

		.mid-part.customiseyourStay {
			margin-top: 30px;
		}

		.registration-completed-label img {
			top: 1px;
		}

		.guestcheckin .guestlanding_Step .box_Steps>span {
			line-height: 21px;
			min-height: 20px;
			font-size: 17px;
		}

		.guestcheckin .guestlanding_Step .box_Steps p {
			font-size: 14px;
		}

		.guestcheckin .guestlanding_Step .comamn-box-steps {
			padding: 0px 10px;
		}

		.guestcheckin .guestlanding_Step {
			margin: 0px -10px;

		}

		.custom-equal-set {
			min-height: 190px;
		}

		.guestcheckin .guestlanding_Step .box_Steps {
			padding: 20px 15px;
		}

		.registration-completed-label {
			font-size: 14px;
		}

		.registration-completed-label img {
			top: -2px;
		}

		.guest-in-btn {
			padding: 10px 30px;
			font-size: 14px;
		}

		.voucher-btn-view img {
			margin-right: 5px;
		}

	}

	@media only screen and (max-width:767px) {
		.container {
			position: relative;
		}

		.userGuestReg {
			background: #fff;
			padding: 5px 10px;
			position: absolute;
			right: 0;
			text-align: left;
			margin-top: 3px;
			max-width: 60%;
			z-index: 9;
		}

		.userGuestReg p:first-child {
			padding-right: 5px !important;
		}

		.userGuestReg p:first-child::after {
			content: "";
			border: solid #2d478c;
			border-width: 0 3px 3px 0;
			display: inline-block;
			padding: 3px;
			transform: rotate(45deg);
			position: absolute;
			right: 0;
			top: 11px;
		}

		.userGuestReg p.open::after {
			transform: rotate(-136deg);
			top: 14px;
		}

		.userGuestReg p {
			width: 100%;
			padding: 0 !important;
			margin: 5px 0;
		}

		.userGuestReg p:first-child {
			display: block;
		}

		.userGuestReg p:first-child span,
		.userGuestReg p {
			display: none;
		}

		.booking-steps.guest-step {
			max-width: 420px;
		}

		ul.booking-extras-list li {
			font-size: 14px;
		}

		.booking-extras .btn-outer {
			flex-flow: column-reverse wrap;
			margin-top: 10px;
		}

		.booking-extras .btn-outer .blueBtn {
			margin: 5px 0;
			width: 100%;
		}

		.booking-extras .btn-outer .grayBtn {
			margin: 5px 0;
			width: 100%;
		}

		.extraTotal {
			font-size: 16px;
		}

		ul.booking-extras-list li .left .icon {
			margin-right: 5px;
		}

		/*ul.booking-extras-list li .left .title .info{ display:none;}*/

		.guestcheckin .guestlanding_Step {
			display: inherit;
		}

		.guestcheckin .guestlanding_Step .comamn-box-steps {
			width: 100%;
		}

		.registration-completed-label {
			font-size: 14px;

		}

		.registration-completed-label img {
			top: -3px;
		}

		.guestcheckin .guestlanding_Step .box_Steps {
			margin-bottom: 20px;
			padding: 15px 20px;
		}

		.guestcheckin .guestlanding_Step .box_Steps>span {
			margin: 8px 0px;
			min-height: inherit;
		}

		.guest-in-btn {
			width: auto;
		}

		.voucher-btn-view {
			display: inline-block;
			vertical-align: top;
			padding: 10px 45px !important;
		}

		.voucher-btn-view img {
			margin-top: -4px;
		}

		.custom-equal-set {
			min-height: inherit;
		}

	}

	.guest-step .guest-online-step .completed .step-box {
		border: none green;
		background: green;
	}

	.guest-step .guest-online-step li .step-box {
		background: white;
	}

	.booking-steps .guest-online-step li.completed .step-box i,
	.booking-steps ul li.completed i {
		color: white;
	}

	.booking-steps .guest-online-step li.completed span {
		background: url('');
	}

	.guest-registration-online .gray-strip {
		background: #2d478c;
	}

	.guest-registration-online .blue-button {
		background: #e37c04;
	}

	.guest-registration-online .view-fees-heading {
		color: #2d478c;
	}

	@media only screen and (max-width:359px) {
		.booking-steps.guest-step ul li .step-txt {
			font-size: 12px;
		}

		.guest-step ul {
			margin-left: -10px;
			width: calc(100% + 15px);
		}
	}

	/*8-4-2020*/
	.booking-extras .booking-extras-list .minus-btn {
		border: none;
		background-color: transparent;
	}

	.info-hovertext {
		cursor: pointer;
	}

	.view-fees-detail.view-pay-rentals-fees ul {
		font-size: 0px;
		display: block;
	}

	.view-fees-detail.view-pay-rentals-fees ul li:nth-child(1),
	.view-fees-detail.view-pay-rentals-fees ul li:nth-child(2),
	.view-fees-detail.view-pay-rentals-fees ul li:nth-child(3) {
		width: auto !important;
	}

	.view-fees-detail.view-pay-rentals-fees ul li {
		float: none;
		display: inline-block;
		vertical-align: top;
		width: auto;
		padding-right: 25px;
		font-size: 15px;
		border-bottom: none;
	}

	.view-fees-detail.view-pay-rentals-fees ul li:last-child {
		padding-right: 0px;

	}

	.guest-registration-online .overview-txt p {
		text-align: left;
		color: #2d478c;
		font-size: 15px;
		line-height: 21px;
	}

	.guest-registration-online label,
	.guest-registration-online .address,
	.guest-registration-online .address {
		color: #2d478c;
		font-size: 15px;
	}

	.booking-extras-list em {
		font-weight: bold;
		font-style: normal;
	}

	.view-fees-heading span {
		color: #2d478c;
		font-size: 13px;
	}

	.view-fees-heading a {
		padding-left: 0px;
		padding-top: 0px;
	}

	.customiseyourStay .booking-extras-list .borderBtn {
		border-radius: 0px;
		font-weight: bold;
		width: 140px;
	}

	.customiseyourStay .booking-extras-list .onrequestBtn {
		color: #ff0000 !important;
		cursor: none;
	}

	.registration-page .custom-select select.form-control#TitleId {
		background-position: 100%;
	}

	.booking-summery .summery p {
		color: #2d478c;
		font-size: 15px;
	}

	.booking-summery .summery p strong {
		font-size: 15px;
		line-height: 20px;
	}

	.booking-summery .print p {
		font-weight: bold;
		font-size: 15px;
		margin-bottom: 30px;
		color: #2d478c;
		display: block;
	}

	.booking-summery .print .print-bt {
		margin-bottom: 20px;
		color: #2d478c;
		display: block;
	}

	.booking-summery .print-bt a,
	.booking-summery .print-bt a {
		color: #2d478c;
		font-weight: normal;
		display: block;

	}

	.booking-summery .row {
		display: flex;
		flex-wrap: wrap;
	}

	.booking-summery .print-bt p {
		font-weight: normal;
		font-size: 15px;
		margin-top: 30px;
		color: rgb(45, 71, 140);
		display: block;
	}


	@media only screen and (max-width:767px) {
		.booking-summery .print p {
			margin-bottom: 0px;
		}
	}

	/*8-4-2020*/

	/*7-5-2020*/
	header.ddl-inner .userGuestReg {
		margin-top: 0px;
		justify-content: flex-end;
		flex-wrap: wrap;
	}

	header.ddl-inner .userGuestReg p:nth-child(2),
	.userGuestReg p:nth-child(4) {
		padding-left: 0px;
	}

	header.ddl-inner .userGuestReg p span {
		display: block;
		margin-bottom: 2px;
	}

	header.ddl-inner .userGuestReg p strong {
		display: block;
	}

	header.ddl-inner .language-select {
		margin-top: 0px;
		padding-right: 25px;
	}

	header.ddl-inner .language-select span {
		display: block;
		color: #2d478c;
		font-size: 12px;
	}

	select::-ms-expand {
		display: none;
	}

	.booking-steps ul li.completed::before {
		background-color: green;
	}

	ul.booking-extras-list .view-fees-detail.view-pay-rentals-fees ul li.text-center {
		text-align: left !important;
	}

	ul.booking-extras-list .view-fees-detail.view-pay-rentals-fees ul li.text-right {
		text-align: left !important;
	}

	ul.booking-extras-list li .left {
		padding-right: 0px;
		position: relative;
	}

	ul.booking-extras-list li .left .icon {
		align-self: flex-start;
	}

	.hover-show-descript {
		background-color: #2d478c;
		color: #fff;
		display: block;
		width: calc(100% - 80px);
		position: absolute;
		padding: 10px;
		border-radius: 5px;
		display: none;
		opacity: 0;
		z-index: 9;
		top: 100%;
		margin-top: -15px;


	}

	.onrequest-info {
		background-color: #ffffff;
		color: #ff0000;
		display: block;
		width: calc(100% - 80px);
		position: absolute;
		padding: 10px;
		border-radius: 5px;
		display: none;
		opacity: 0;
		z-index: 9;
		top: 100%;
		margin-top: -15px;
		border: 1px solid #2d478c;
	}

	.hover-show-descript-registration {
		background-color: #2d478c;
		color: #fff;
		display: block;
		width: calc(100% - 80px);
		position: absolute;
		padding: 10px;
		border-radius: 5px;
		display: none;
		opacity: 0;
		z-index: 9;
		top: 100%;
		margin-top: -15px;
		text-transform: initial;
	}

	ul.booking-extras-list li .left .title .info {
		padding-bottom: 15px;
	}

	.info-hovertext:hover .hover-show-descript {
		display: block;
		opacity: 1;
		z-index: 99;
	}

	.info-hovertext:hover .hover-show-descript-registration {
		display: block;
		opacity: 1;
		z-index: 99;
	}

	.nextstep-hover-text {
		position: relative;
	}

	.nextstep-hover-text .hover-show-descript {
		position: absolute;
		left: 25px;
		background-color: #2d478c;
		color: #fff;
		padding: 10px;
		border-radius: 5px;
		display: none;
		opacity: 0;
		width: 300px;
		top: 10px;
	}

	.nextstep-hover-text:hover .hover-show-descript {
		display: block;
		opacity: 1;
	}

	.nextstep-hover-text .hover-show-descript-registration {
		position: absolute;
		left: 25px;
		background-color: #2d478c;
		color: #fff;
		padding: 10px;
		border-radius: 5px;
		display: none;
		opacity: 0;
		width: 300px;
		top: 10px;
	}

	.nextstep-hover-text:hover .hover-show-descript-registration {
		display: block;
		opacity: 1;
	}

	.booking-steps ul li.active,
	.booking-steps ul li.active a {
		color: #1a6403;
		font-weight: bold;
	}


	/*7-5-2020*/

	/*19-5-2020*/
	.header-right-section .language-select .language-opendiv {
		display: flex;
		flex-wrap: wrap;
		position: relative;
		top: inherit;
		align-items: center;
		justify-content: center;
	}

	.header-right-section .language-select {
		margin-right: 0px;
	}

	.header-right-section .language-select .language-opendiv i {
		position: relative;
		top: inherit;
		left: inherit;
		right: inherit;
	}

	.header-right-section .language-select .language-opendiv select {
		padding: 0px;
		width: auto;
		display: inline-block;
		padding: 0px 4px;
		height: auto;


	}


	.header-right-section .language-select .language-opendiv select.englishLang {
		width: 50px;
	}

	.header-right-section .language-select .language-opendiv select.spanishLang {
		width: 52px;
	}

	.header-right-section .language-select .language-opendiv select.portuguesLang {
		width: 60px;
	}

	.header-right-section {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		padding-top: 7px;
	}

	.header-right-section .logout,
	.header-right-section .language-select {
		float: none;
	}

	.header-right-section .inner-logout {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}

	.header-right-section .logout {
		padding-top: 0px;
		margin-top: 0px;
		align-self: flex-end;
	}

	.header-right-section .userGuestReg {
		padding-right: 0px;
	}

	.header-right-section .userGuestReg p {
		margin-bottom: 0px;
		padding-right: 25px;
	}

	.mobile-inputfield .input-group {
		width: 100%;
	}

	.mobile-inputfield .input-group label {
		text-align: center !important;
		border-right: 0px;
	}

	.registration-hover-info-section {
		position: relative;
	}

	.registration-hover-info-section .hover-show-descript-registration {
		width: 100%;
		margin-top: 25px;
	}

	.registration-hover-info-section strong:hover~.hover-show-descript-registration {
		display: block;
		width: 100%;
		opacity: 1;
		top: 0px;
	}

	.backrightbtn {
		text-align: right;
		margin-bottom: 15px;
	}

	.backrightbtn a {
		color: #2d478c;
		background-color: #fff;
		font-weight: bold;
	}

	.backrightbtn a img {
		max-width: 16px;
		margin-right: 4px;
	}

	.backrightbtn .leftarrow {
		border: solid #fff;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 3px;
		transform: rotate(135deg);
		top: -1px;
		position: relative;
	}

	.booking-invisinfull {
		/*width: 87%;*/
		width: 70%;
		margin: 35px auto 0px;
	}

	.booking-invisinfull .colse-tooltip {
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 15px;
		opacity: 0;
	}

	.terms-conditions-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: #2d478c;
		width: 15px;
		border-radius: 0px;
		opacity: 1;
	}

	.terms-conditions-detail .mCSB_scrollTools .mCSB_draggerRail {
		width: 15px;
		background-color: #e8e7e8;
		border-radius: 0px;
		opacity: 1;
	}

	.terms-conditions-detail .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
		background-color: #2d478c;
	}

	.terms-conditions-detail .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.terms-conditions-detail .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
		background-color: #2d478c;
	}

	.terms-conditions-detail .mCSB_scrollTools {
		opacity: 1;
	}

	/*19-5-2020*/


	.processing-detail-guest-checkin {
		color: #2A6EB6;
		position: absolute;
		/*background: #fff;
    border: 1px solid #105491;
    padding: 15px;*/
		width: 440px;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		margin: 0px auto;
		z-index: 11;
		text-align: center;
	}

	.right {
		position: relative;
	}

	.right .btnhover {
		cursor: pointer !important;
	}

	.right .btnhover:hover {
		color: #fff !important;
	}

	.right .hover-show-descript {
		width: 430px !important;
		right: 0px !important;
		background-color: #fff;
		border: 1px solid #2d478c;
		color: #ff0000;
		margin-top: 5px;
		left: inherit !important;
	}

	.right .hover-show-descript.active {
		display: block;
		opacity: 1;
		z-index: 99;
	}


	/*new login page 15-7-2020*/

	@font-face {
		font-family: 'Futura PT Demi';
		src: url('../fonts/Futura PT Demi.eot');
		src: url('../fonts/Futura PT Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura PT Demi.woff2') format('woff2'), url('../fonts/Futura PT Demi.woff') format('woff'), url('../fonts/Futura PT Demi.svg#Futura PT Demi') format('svg');
		font-weight: 500;
		font-style: normal;
		font-stretch: normal;
		unicode-range: U+0020-00FE;
	}

	@font-face {
		font-family: 'Futura PT Medium';
		src: url('../fonts/Futura PT Medium.eot');
		src: url('../fonts/Futura PT Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura PT Medium.woff2') format('woff2'), url('../fonts/Futura PT Medium.woff') format('woff'), url('../fonts/Futura PT Medium.svg#Futura PT Medium') format('svg');
		font-weight: 450;
		font-style: normal;
		font-stretch: normal;
		unicode-range: U+0020-00FE;
	}

	@font-face {
		font-family: 'Futura PT Book';
		src: url('../fonts/Futura PT Book.eot');
		src: url('../fonts/Futura PT Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Futura PT Book.woff2') format('woff2'), url('../fonts/Futura PT Book.woff') format('woff'), url('../fonts/Futura PT Book.svg#Futura PT Book') format('svg');
		font-weight: 400;
		font-style: normal;
		font-stretch: normal;
		unicode-range: U+0020-00FE;
	}

	.newloginpage {
		background-color: #fff;
	}


	.newloginpage .login-wrap {
		position: relative;
		bottom: inherit;
		left: inherit;
		right: inherit;
		background-image: url(../images/bannernewimg.png);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		text-align: center;
		border-top: 10px solid #2d478c;
		padding: 27px 0px 25px 0px;
		min-height: 613px;
		margin-top: 0px;
	}

	.newloginpage .login-wrap:after {
		position: absolute;
		bottom: -5px;
		width: 100%;
		height: 2px;
		background-color: #f68e20;
		content: '';
		left: 0px;
		right: 0px;
	}

	.newloginpage .top-header {
		background-image: none;
		height: auto;
		padding: 35px 0px;
	}

	.newloginpage .login-wrap .logintoppart h1 {
		color: #fff;
		text-shadow: 0px 0px 4px rgba(2, 29, 54, 0.6);
		font-size: 46px;
		font-family: 'Futura PT Demi';
	}

	.newloginpage .login-wrap .logintoppart h1 em {
		font-style: normal;
	}

	.newloginpage .login-wrap .logintoppart ul {
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}

	.newloginpage .login-wrap .logintoppart ul li {
		color: #fff;
		display: inline-block;
		margin-right: 30px;
		font-size: 18px;
		font-family: 'Futura PT Medium';
	}

	.newloginpage .login-wrap .logintoppart ul li:last-child {
		margin-right: 0px;
	}

	.newloginpage .login-wrap .logintoppart ul li img {
		position: relative;
		top: -2px;
		margin-right: 5px;
	}

	.newloginpage .login-box .input-box {
		text-align: left;
	}

	.newloginpage .login-box .input-box label {
		font-size: 15px;
		font-family: 'Futura PT Book';
		text-transform: capitalize;
	}

	.newloginpage .login-box .input-box input {
		box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 1);
		color: #2d478c;
		font-size: 15px;
		font-family: 'Futura PT Book';
	}

	.newloginpage .login-box .brown-btn {
		background-color: #ffa200;
		font-size: 15px;
		font-family: 'Futura PT Book';
		box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 1);
	}

	.custom-paragraph {
		padding: 25px 0px 25px 0px;
	}

	.custom-paragraph p {
		font-size: 18px;
		color: #2d478c;
		font-family: 'Futura PT Book';
		text-align: center;
		line-height: 22px;
		margin-bottom: 0px;
	}

	.newfooter {
		border-top: 1px solid #f68e20;
		padding: 25px 0px;
	}

	.newfooterflex {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 75%;
		margin: auto;
	}

	.mastercards ul {
		display: flex;
	}

	.mastercards ul li {
		margin-right: 2px;

	}

	.mastercards ul li:last-child {
		margin-right: 0px;

	}

	.accredited {
		display: flex;
		align-items: center;
	}

	.accredited label {
		margin-right: 10px;
		font-size: 13px;
		color: #3f3d40;
		font-family: 'Futura PT Book';
	}

	.accredited ul {
		display: flex;
	}

	.accredited ul li {
		margin-right: 5px
	}

	.accredited ul li:last-child {
		margin-right: 0px;

	}

	.newfooter .copyright p {
		font-size: 13px;
		margin-bottom: 0px;
		font-family: 'Futura PT Book';
	}

	.welcomeGuidetext {
		margin-top: -11px;

	}

	.welcomeGuidetext-btn {
		background-color: transparent;
		border: 1px solid #2d478c;
		color: #2d478c;
		text-transform: uppercase;
		padding: 10px 10px;
		height: auto;
	}

	.welcomeGuidetext-btn:hover {
		border: 1px solid #2d478c;
		background-color: #fff;
		color: #2d478c;
	}

	/*new login page 15-7-2020*/

	.custom-modal-box .modal-body select.form-control {
		margin-bottom: 10px;
	}

	.custom-modal-box .modal-body .custom-form-field p {
		margin-bottom: 3px;
	}

	.return-to-home-outer {
		border: 2px solid #2d478c;
		display: block;
		border-radius: 12px;
		padding: 10px 15px 13px 15px;
		margin-bottom: 20px;
	}

	.return-to-home-outer span {
		font-weight: bold;
		font-size: 20px;
		display: block;
		margin-bottom: 10px;
	}

	.return-to-home-outer span img {
		margin-right: 20px;
		margin-top: -5px;
	}

	.return-to-home-outer ul {
		text-align: left;
	}

	.return-to-home-outer ul li {
		display: block;
		position: relative;
		padding-left: 23px;
		text-align: left;
		font-size: 16px;
	}

	.return-to-home-outer ul li img {
		position: absolute;
		left: 0px;
		top: 5px;
	}

	.return-to-home-outer p {
		margin-bottom: 0px;
	}

	.passenger-tittle-row {
		display: flex;
	}

	.form-passenger-row {
		display: flex;
		align-items: center;
	}



	.passenger-detail {
		width: calc(100% - 85px);
	}

	.passenger-title {
		width: 20%;
	}

	.firstname-col,
	.surname-col {
		width: 60%;
	}

	.driver-col {
		width: 100px;
	}

	.remove-col a {
		color: #ff0000
	}


	.checkbox-area {
		margin-top: 0px;
		position: relative;
		padding-left: 0px;
	}

	.checkbox-area input[type=checkbox].css-checkbox {
		display: none;
	}

	.checkbox-area input[type=checkbox].css-checkbox+input+label.css-label {
		display: inline-block;
		background: #fff;
		border-radius: 0;
		width: 40px;
		height: 40px;
		border: 1px solid #9b9a9a;
		cursor: pointer;
		position: absolute;
		left: 0;
		top: 0px;
		margin: 0;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.checkbox-area label.css-label::before {
		content: "\f00c";
		font-family: 'FontAwesome';
		font-size: 15px;
		display: block;
		width: 40px;
		line-height: 39px;
		text-align: center;
		font-size: 20px;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition: all ease 0.3s;
		transition: all ease 0.3s;
		color: #2d478c;
		font-weight: 400;
	}

	.checkbox-area .checkbox-label {
		font-size: 14px;
	}

	.checkbox-area input[type=checkbox].css-checkbox:checked+input+label.css-label::before {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	.add-passenger-col {
		font-weight: 700;
		text-align: right;
		width: 100%;
		display: inline-block;
		padding-right: 97px;
		font-size: 15px;
	}

	.add-passenger-col a {
		color: #0563c1;
	}

	.add-passenger {
		display: none;
	}

	.registration-form .custom-select select.form-control {
		background-position: 100%;
	}

	.car-arriving-title {
		font-size: 15px;
		font-weight: 700;
		color: #2d478c;
		padding-right: 65px;
		top: -1px;
		position: relative;
	}

	.main-radio-div {
		text-align: center;
		display: block;
	}

	.car-arriving-col input {
		height: 19px;
		width: 26px;
	}

	.car-arriving-col.first-col-radio {
		float: left;
	}

	.car-arriving-col.second-col-radio {
		float: right;
	}

	.car-arriving-col span {
		padding-left: 5px;
	}

	.car-arriving {
		display: flex;
		margin-bottom: 25px;
		align-items: center;
	}

	.car-arriving-col {
		font-weight: 700;
		text-transform: uppercase;
		color: #2d478c;
		padding-right: 25px;
	}


	.car-arriving-col input {
		margin: 0;
	}

	.passenger-detailpopup {
		border: 1px solid #002060;
		width: 100%;

		padding: 10px 8px 15px;
		color: #002060;
		border-radius: 0;

	}

	.passenger-detailpopup .modal-body {
		padding: 0;
	}

	.passenger-detailpopup p {
		text-align: center;
		color: #002060;
		font-size: 18px;
		line-height: normal;
		padding: 0 11px;
		width: 100%;
		display: inline-block;
	}

	.close-message {
		color: #6b87bc;
		font-size: 30px;
		text-align: right;
		margin-bottom: 15px;
		padding-right: 10px;
		background: transparent;
		border: 0;
		float: right;
	}

	.close-message:hover {
		color: #002060;
	}

	.message-btn-group {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding-right: 25px;
		margin-top: 3px;
	}

	.message-btn-group .btn-style {
		border-radius: 6px;
		border: 1px solid #858585;
		height: auto;
		height: auto !important;
		padding: 4px 10px;
		font-size: 18px;
		font-weight: 700;
		min-width: 127px;
		text-align: center;
		color: #fff;
		margin-bottom: 0;
	}

	.continuebtn {
		margin-left: 20px;
	}

	.amendbtn .btn-style {
		background-color: #ff2000;
	}

	.continuebtn .btn-style {
		background-color: #00b050;
	}

	.continuebtn .btn-style:hover,
	.amendbtn .btn-style:hover {
		background-color: #2d478c;
		border-color: #2d478c
	}


	.modal.in .dialog-centered {
		top: 35%;
		transform: translateY(-35%);
		-webkit-transform: translateY(-35%);
	}

	.no-driver {
		display: none;
	}

	#myModalAddPassenger .modal-content {
		text-align: center;
	}

	#myModalAddPassenger .modal-dialog {
		min-height: calc(100vh - 60px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		overflow: auto;
	}

	@media(max-width: 768px) {

		#myModalAddPassenger .modal-dialog {
			min-height: calc(100vh - 20px);
		}

	}

	/*new theme*/
	@font-face {
		font-family: "mr-eaves-modern";
		src: url("https://use.typekit.net/af/5a0a8b/00000000000000007735b33f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/5a0a8b/00000000000000007735b33f/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/5a0a8b/00000000000000007735b33f/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
		font-display: auto;
		font-style: normal;
		font-weight: 400;
		font-stretch: normal;
	}

	@font-face {
		font-family: "mr-eaves-modern";
		src: url("https://use.typekit.net/af/6fe007/00000000000000007735b34b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/6fe007/00000000000000007735b34b/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/6fe007/00000000000000007735b34b/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
		font-display: auto;
		font-style: italic;
		font-weight: 400;
		font-stretch: normal;
	}

	@font-face {
		font-family: "mr-eaves-modern";
		src: url("https://use.typekit.net/af/555361/00000000000000007735b348/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/555361/00000000000000007735b348/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/555361/00000000000000007735b348/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
		font-display: auto;
		font-style: normal;
		font-weight: 700;
		font-stretch: normal;
	}

	@font-face {
		font-family: "mr-eaves-modern";
		src: url("https://use.typekit.net/af/f8447e/00000000000000007735b340/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/f8447e/00000000000000007735b340/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/f8447e/00000000000000007735b340/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
		font-display: auto;
		font-style: italic;
		font-weight: 700;
		font-stretch: normal;
	}

	@font-face {
		font-family: "brandon-grotesque";
		src: url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/1da05b/0000000000000000000132df/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
		font-display: auto;
		font-style: normal;
		font-weight: 400;
		font-stretch: normal;
	}

	@font-face {
		font-family: "brandon-grotesque";
		src: url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/32d3ee/0000000000000000000132e0/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
		font-display: auto;
		font-style: italic;
		font-weight: 400;
		font-stretch: normal;
	}

	@font-face {
		font-family: "brandon-grotesque";
		src: url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/8f4e31/0000000000000000000132e3/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
		font-display: auto;
		font-style: normal;
		font-weight: 700;
		font-stretch: normal;
	}

	@font-face {
		font-family: "brandon-grotesque";
		src: url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/383ab4/0000000000000000000132e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
		font-display: auto;
		font-style: italic;
		font-weight: 700;
		font-stretch: normal;
	}

	@font-face {
		font-family: 'heartstrings_altregular';
		src: url('../content/Rebranding/fonts/heartstrings_alt-webfont.eot');
		src: url('../content/Rebranding/fonts/heartstrings_alt-webfont.eot?#iefix') format('embedded-opentype'), url('../content/Rebranding/fonts/heartstrings_alt-webfont.woff2') format('woff2'), url('../content/Rebranding/fonts/heartstrings_alt-webfont.woff') format('woff'), url('../content/Rebranding/fonts/heartstrings_alt-webfont.ttf') format('truetype'), url('../content/Rebranding/fonts/heartstrings_alt-webfont.svg#heartstrings_altregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	.theme-change {
		color: #3E3E3A;
		font-family: "mr-eaves-modern", sans-serif;
		font-size: 19px;
		line-height: 1.2;
	}

	.theme-change p {
		font-size: 19px;
		line-height: 1.2;
		color: #3e3e3a;
	}

	.theme-change h1,
	.theme-change h2,
	.theme-change h3,
	.theme-change h4,
	.theme-change h5,
	.theme-change h6,
	.theme-change .h1,
	.theme-change .h2,
	.theme-change .h3,
	.theme-change .h4,
	.theme-change .h5,
	.theme-change .h6 {
		font-family: "brandon-grotesque", sans-serif;
	}

	.theme-change .guest-registration-online .overview-txt p,
	.theme-change .car-arriving-title,
	.theme-change .guest-registration-online label,
	.theme-change .guest-registration-online .address,
	.theme-change .guest-registration-online .address,
	.theme-change .car-arriving-col,
	.theme-change .booking-steps ul li .step-box {
		color: #3E3E3A;
		font-size: 19px;
	}

	.theme-change .booking-steps ul li.active .step-box {
		border-color: #f76c5e;
		background: #f76c5e;
	}

	.theme-change .booking-steps ul li.active,
	.theme-change .booking-steps ul li.active a,
	.theme-change .add-passenger-col a {
		color: #f76c5e;
	}

	.theme-change .custom-select select.form-control {
		background: #fff url(../Rebranding/images/select-arrow-pink.png) no-repeat right center;
	}

	.theme-change .form-control[disabled],
	.theme-change .form-control[readonly],
	.theme-change fieldset[disabled] .form-control {
		background-color: rgba(247, 108, 94, 0.1);
		border: none;
	}

	.theme-change input,
	.theme-change select {
		font-family: "mr-eaves-modern", sans-serif;
	}



	.theme-change .header-right-section .language-select .language-opendiv {
		justify-content: right; cursor: pointer;
	}

	.theme-change header.ddl-inner .language-select {
		width: 100%;
	}

	.theme-change .header-right-section .language-select .language-opendiv select {
		width: auto;
		box-shadow: none;
		background: #fff url(../images/select-arrow-new.png);
    background-repeat: no-repeat;
    background-position: right 0px center;
		
	}

	.theme-change .booking-steps ul li .step-box { width: 45px; height: 45px;      font-family: "brandon-grotesque", sans-serif;     display: flex;
		align-items: center;}
	




	.theme-change .booking-steps ul li .step-box i {
		display: flex;
		align-items: center;
		justify-content: center;
	}





	.theme-change .guest-registration-online .overview-txt p {
		text-align: left;
		line-height: 1.3;
	}

	.theme-change .car-arriving-title {
		font-size: 19px;
		padding-right: 20px;
	}

	.theme-change .container {
		max-width: 1195px;
		padding: 0 15px;
		width: 100%;
	}

	.theme-change .checkbox-area input[type=checkbox].css-checkbox+input+label.css-label {
		border-radius: 10px;
		width: 100px;
		height: 54px;
	}

	.theme-change .form-control {
		height: 54px;
		border-radius: 10px;
		color: #3e3e3a;
	}

	.theme-change.guest-registration-online label,
	.theme-change.guest-registration-online .address,
	.theme-change.guest-registration-online .address,
	.theme-change.guest-registration-online .overview-txt p,
	.theme-change.manadatory-field {
		font-size: 19px;
		color: #3e3e3a;
	}

	.theme-change .custom-select select.form-control,
	.theme-change .mobile-inputfield input {
		height: 54px;
		border-radius: 10px;
	}

	.theme-change .header-right-section .userGuestReg p,
	.theme-change header.ddl-inner .language-select {
		color: rgba(62, 62, 58, 0.5);
		text-align: center;
	}


	.theme-change .userGuestReg p strong,
	.theme-change header.ddl-inner .userGuestReg p span {
		font-size: 19px;
		margin-bottom: 0px;
		line-height: 1.2;
	}


	.theme-change .header-right-section .language-select .language-opendiv select.englishLang {
		width: auto;
		font-size: 18px;
		font-weight: 700;
		color: #3e3e3a; cursor: pointer;
	}

	.theme-change .header-right-section .inner-logout {
		flex-direction: column-reverse;
		width: auto;
	}

	.theme-change .header-right-section .logout {
		font-size:17px;
	}

	.theme-change header.ddl-inner .language-select {
		padding-right: 0;
	}

	.theme-change .logout a:after {
		background: url(../images/logout-icon-new.svg) no-repeat;
		width: 14px;
		height: 16px;
		content: '';
		position: absolute;
		right: auto;
		top: 2px;
		margin-left: 5px;
		opacity: 0.6;
	}

	.theme-change .logout a {
		padding-left: 0;
	}

	.theme-change .logout a::before {
		display: none;
	}

	.theme-change .header-right-section .logout {
		align-self: end;

		margin-bottom: 10px;
	}

	.theme-change .fa-caret-down:before {
		color: #3e3e3a;
	}

	.theme-change .logout a {
		color: rgba(62, 62, 58, 0.5);
		width: 100%;
		display: inline-block;
	}

	.theme-change .booking-steps ul li.active .step-txt {
		font-style: italic;
		font-size: 19px;
		color: #f76c5e;
	}

	.theme-change .booking-steps ul li .step-box {
		border: 2px solid #656561;
	}

	.theme-change .booking-steps ul li:before {
		background: #656561 none repeat scroll 0 0;
	}

	.theme-change .booking-steps ul li .step-txt {
		font-style: italic;
		font-size: 18px;
		color: rgba(62, 62, 58, 0.5);
	}

	.theme-change .booking-steps ul li.active i {
		color: #fff;
	}

	.theme-change .custom-select select.form-control {
		color: #3e3e3a;
	}

	.theme-change .checkbox-area label.css-label::before {
		color: #3e3e3a;
		font-weight: 400;
		width: 100%;
		line-height: 53px;
		font-size: 25px;
	}


	.theme-change .add-passenger-col {
		padding-right: 0;
		text-align: center;
	}

	.theme-change .add-passenger-col a {
		width: 380px;
		height: 54px;
		display: inline-block;
		border: 2px solid #fabf2b;
		line-height: 50px;
		font-size: 20px;
		border-radius: 10px;
		color: #3e3e3a;
	}

	.theme-change .remove-col a {
		color: rgba(62, 62, 58, 0.5);
	}

	.theme-change .submit-btn {
		display: flex;
		justify-content: center;
		margin-top: 40px;
	}

	.theme-change .submit-btn .blue-button {
		width: 380px;
		height: 52px;
		border-radius: 10px;
		font-size: 19px;
		color: #fff;
		background: #f76c5e;
	}

	.theme-change .submit-btn .blue-button:hover,
	.theme-change .submit-btn .blue-button.active {
		background: #f18616;
	}

	.theme-change .input-group .form-control {
		border-top-right-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
		border-left: none;
		padding: 0 5px;
	}


	.theme-change .input-group-addon {
		background: #fff;
		border-top-left-radius: 10px !important;
		border-bottom-left-radius: 10px !important;
		font-weight: 600;
		line-height: 5px !important;
		font-size: 21px !important;
	}


	.theme-change .hover-show-descript-registration {
		background-color: #f76c5e;
		font-size: 19px;
	}

	.theme-change .address img {
		margin-left: 10px;
		margin-top: -5px;
	}

	.theme-change .form-control,
	.theme-change .custom-select select.form-control {
		font-size: 18px;
	}


	.theme-change [type="radio"] {
		visibility: hidden;

	}

	.theme-change [type="radio"]::before {
		border: 2px solid #656561;
		height: 32px;
		width: 32px;
		border-radius: 50%;
		display: block;
		content: " ";
		cursor: pointer;
		visibility: visible;
	}

	.theme-change [type="radio"]:checked::before {
		background: radial-gradient(#f76c5e 50%, transparent 58%);
		border: 2px solid #f76c5e;
		line-height: 1;
	}

	.theme-change .car-arriving-col input {
		height: 32px;
		width: 32px;
	}

	.theme-change .main-radio-div,
	.theme-change .car-arriving-col.second-col-radio {
		text-align: center;
		display: flex;
		align-items: center;
	}

	.theme-change .car-arriving-col.first-col-radio {
		display: flex;
		align-items: center;
	}

	.theme-change .car-arriving-col span {
		line-height: 1;
		text-transform: capitalize;
		padding-left: 10px;
	}

	.datetitle {
		width: 200px;
	}

	.datebx {
		display: flex;
		align-items: center;
		margin-top: 60px;
		margin-bottom: 60px; line-height:10px;
	}

	.datetinput {
		width: 100%;
	}

	.border-underline {
		display: inline-block;
		border-bottom: 2px solid #ccc;
		width: 100%;
		margin-top: 60px;
	}

	.theme-change .copyright,
	.theme-change .tta-logo span {
		font-size: 20px;
	}

	.theme-change .copyright a {
		color: #3e3e3a;
	}

	.theme-change .payment-cards-logo,
	.theme-change .tta-logo,
	.theme-change .copyright,
	.theme-change .privacytxt {
		padding: 0 0px;
	}


	.theme-change .top-header {
		padding: 15px 0;
		border: none;
		display: inline-block;
		width: 100%;
	}

	.theme-change sup {
		top: inherit;
		font-size: 19px;
	}

	.theme-change .q-checkbox span {
		color: #3e3e3a;
	}

	.theme-change .terms-conditions-detail .mCSB_scrollTools .mCSB_draggerRail {
		background-color: #ededed;
	}

	.theme-change .terms-conditions-detail .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
		background-color: #3e3e3a;
	}

	.theme-change .terms-conditions-detail {
		border: 1px solid #3e3e3a;
	}

	.theme-change .car-arriving {
		margin: 40px 0;
	}

	.theme-change .removepassenger {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.theme-change .removepassenger img {
		width: 15px;
	}

	.theme-change .registration-page input.form-control.datepicker {
		margin-bottom: 0px;
	}

	.theme-change .passenger-title {
		width: 16%;
	}

	.theme-change .add-passenger-col a {
		background: url(../Rebranding/images/arrow-right.png) no-repeat;
		background-position: 95% center;
	}

	/*register page*/
	.small-banner {
		position: relative;
		max-width: 1920px;
		margin: 0 auto;
	}

	.small-banner h1 {
		font-size: 38px;
		margin-bottom: 0px;
		color: #fff;
	}

	.small-banner .banner-img {
		height: 250px;
		background-image: url(../Rebranding/images/registrationimg.jpg);
		background-size: contain;
		background-position: bottom left;
	}

	.register-middle-sec .form-row>.col,
	.register-middle-sec .form-row>[class*=col-] {
		padding-right: 15px;
		padding-left: 15px;
	}

	.register-middle-sec .custom-btn {
		height: 51px;
		line-height: 1.7;
	}

	.small-banner .banner-txt {
		background-image: url(../Rebranding/images/registrationbg.png);
		width: 52%;
		padding-left: 80px;
		position: absolute;
		top: 0;
		right: 0;

		height: 100%;
		bottom: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-left: 100px;
		background-position: left center;
		background-repeat: no-repeat;
		background-size: cover;
	}


	/*register page*/



	.theme-change .footer,
	.theme-change .mid-part {
		margin-top: 50px;
	}


	.theme-change .checkbox input[type=checkbox] {
		position: relative;
		border: 1px solid #f76c5e;
		background: none;
		cursor: pointer;
		line-height: 0;
		margin: 0 0px 0 0;
		outline: 0;
		padding: 0 !important;
		vertical-align: text-top;
		height: 40px;
		width: 40px;
		-webkit-appearance: none;
		-moz-appearance: none;
		opacity: 1;

	}

	.theme-change .checkbox input[type=checkbox]:before {
		content: '';
		position: absolute;
		right: 50%;
		top: 50%;
		width: 10px;
		height: 20px;
		border: solid #fff;
		border-width: 0 2px 2px 0;
		margin: -2px -2px 0 -1px;
		transform: rotate(45deg) translate(-50%, -50%);
		z-index: 2;
	}

	.theme-change .checkbox input[type=checkbox]:checked {
		background-color: #f76c5e;
	}

	.theme-change .q-checkbox .checkbox:not(#foo)>input[type=checkbox]+label {
		display: none;
	}

	.theme-change .guest-registration-online .blue-button {
		font-weight: 600;
		background: #f76c5e;
		border-radius: 10px;
		height: 50px;
		padding: 0px 10px;
		min-width: 160px;
		line-height: 52px;
		text-align: center;
		font-size: 17px;
	}

	.guest-registration-online .blue-button:hover {
		background-color: #f18616;
	}

	.theme-change .registration-page input.form-control.datepicker {
		padding: 4px 10px 4px 20px;
	}

	.theme-change .fa-times-circle:before {
		color: #3e3e3a;
	}

	.theme-change .amendbtn .btn-style,
	.theme-change .continuebtn .btn-style {
		border: none;
		padding: 10px;
		min-width: 195px;
	}

	.theme-change .message-btn-group {
		justify-content: center;
	}

	.theme-change .passenger-detailpopup {
		color: #3e3e3a;
		border-radius: 10px;
	}

	.theme-change .continuebtn .btn-style {
		background-color: #ff2000;
		font-size: 18px;
		font-weight: 700;
	}


	.theme-change .continuebtn .btn-style:hover {
		background: #ff3f23;
	}

	.theme-change .amendbtn .btn-style {background-color: #f76c5e; }

	.theme-change .amendbtn .btn-style:hover {
		background-color: #f18616; 
	}

	.theme-change .backrightbtn a {
		color: #3e3e3a;
	}

	.theme-change .backrightbtn a img {
		margin-top: -4px;
	}

	.header-right select {
		width: 120px;
	}







	.booking-steps ul li .step-box i {font-size: 25px;}

	.theme-change .language-opendiv .fa-caret-down {
		display: none;
	}

	.theme-change .logout a:after {
		right: 0;
	}

	.theme-change .guest-step .guest-online-step .completed .step-box {
		border: none #f76c5e;
		background: #f76c5e;
	}

	.theme-change .guest-step .guest-online-step .completed .step-txt {
		color: #f76c5e;
	}

	.theme-change .booking-steps ul li.completed:before {
		background: #f76c5e none repeat scroll 0 0;
	}

	.theme-change .steps-info {
		font-family: "mr-eaves-modern", sans-serif;
	}

	.theme-change ul.booking-extras-list li,
	.theme-change ul.booking-extras-list li .right .green-check,
	.theme-change .extraTotal {
		color: #3e3e3a;
	}

	.theme-change .liItemPaidExtra .hover-show-descript {
		font-size: 18px;
		background-color: #f76c5e;
	}

	.theme-change .onrequest-info {
		border: 1px solid #656561;
		color: #f76c5e;
	}

	.theme-change ul.booking-extras-list {
		border-top: 1px solid #656561;
	}

	.theme-change ul.booking-extras-list li {
		border-bottom: 1px solid #656561;
		padding: 20px 0;
	}

	.theme-change .extraTotal {
		margin-top: 20px;
	}

	.theme-change .customiseyourStay .booking-extras-list .onrequestBtn {
		color: #3e3e3a !important;
	}

	.theme-change .borderBtn {
		padding: 10px 15px;
		border-radius: 10px !important;
		border: 1px solid #fabf2b;
	}

	.theme-change .booking-extras-list .borderBtn:hover {
		background: #fabf2b;
		color: #fff !important;
	}

	.theme-change .blueBtn {
		border-radius: 10px;
		padding: 10px 20px;
		background: #f76c5e;
		font-size: 18px;
		text-transform: uppercase;
	}

	.theme-change .blueBtn:hover {
		background: #f18616;
	}

	.theme-change .grayBtn {
		background: rgba(247, 108, 94, 0.6);
		border-radius: 10px;
		display: flex;
		align-items: center;
	}

	.theme-change .grayBtn img,
	.theme-change .blueBtn img {
		width: 21px;
		margin-right: 10px;
	}

	.theme-change .booking-extras-list li p a {
		color: #f76c5e !important;
	}

	.theme-change .guest-registration-online .gray-strip {
		background: #f76c5e;
		padding: 19px 20px;
		font-size: 20px;
		border-radius: 10px;
	}

	.theme-change .view-fees-heading span,
	.theme-change .cvv-box a {
		color: #3e3e3a;
		font-size: 16px;
	}

	.theme-change .well {
		background-color: #ededed;
		border: 1px solid #ededed
	}

	.theme-change .view-fees-heading a .fees-close span {
		font-size: 18px;
	}

	.theme-change .input-group-addon {
		padding: 10px;
		line-height: 1.6 !important;
		width: 32px;
		text-align: center;
	}

	.theme-change .balance-pay input {
		padding-left: 42px;
	}

	.theme-change .guestcheckin .guestlanding_Step .comamn-box-steps,
	.theme-change .guestcheckin .guestlanding_Step .box_Steps p {
		color: #3e3e3a;
	}

	.theme-change .guestcheckin .guestlanding_Step .box_Steps>span {
		text-transform: uppercase;
	}

	.theme-change .guestcheckin .guestlanding_Step .box_Steps p,
	.theme-change .guestcheckin .guestlanding_Step .comamn-box-steps,
	.theme-change .guestcheckin .guestlanding_Step .box_Step2 label {
		font-size: 18px;
	}

	.theme-change .welcomeGuidetext-btn {
		color: #3e3e3a;
		border-radius: 10px;
		border: 2px solid #fabf2b;
		width: 250px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		bottom: 32px;
		right: 0;
		left: 0;
	}




	.theme-change .welcomeGuidetext-btn img {
		margin-left: 10px;
	}

	.theme-change .guestcheckin .guestlanding_Step .comamn-box-steps {
		position: relative;
	}

	.theme-change .guestcheckin .guestlanding_Step .box_Steps {
		padding: 30px 20px 80px 20px;
		border: 1px solid rgba(62, 62, 58, 0.8);
		border-radius: 10px;
	}

	.theme-change a.blueBtn.guest-in-btn.customizes-btn {
		background: transparent;
		border: 2px solid #fabf2b;
		width: 250px;
		position: absolute;
		bottom: 32px;
		right: 0;
		left: 0;
		margin-left: auto;
		margin-right: auto;
		color: #3e3e3a;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.theme-change .guestcheckin .guestlanding_Step .box_Step2 ul li {
		width: 210px;

		text-align: left;
	}

	.theme-change .custom-equal-set {
		min-height: 100px;
	}

	.theme-change .registration-completed-label img {
		position: absolute;
		left: 0px;
		top: 3px;
		max-width: 16px;
	}

	.theme-change .registration-completed-label {
		padding-left: 23px;
	}

	.theme-change ul.booking-extras-list li .right img {
		max-width: 17px;
	}

	.theme-change .booking-extras .btn-outer .rightArrow {
		margin-left: 5px;
	}

	.theme-change .voucher-btn-view.blueBtn.guest-in-btn {
		background: transparent;
		width: 250px;
		border: 2px solid #fabf2b;
		color: #3e3e3a;
		font-size: 16px;
	}

	.theme-change .custom-modal-box .modal-header {
		background-color: #f76c5e;
	}

	.theme-change .custom-modal-box .modal-content {
		border: 2px solid #f76c5e;
	}

	.theme-change .custom-form-field {
		max-width: 100%;
	}

	.theme-change .custom-modal-box .modal-body .custom-form-field p,
	.theme-change .booking-extras-list a,
	.theme-change .booking-extras-list button {
		color: #3e3e3a !important;
	}

	.theme-change .custom-form-field .row {
		display: flex;
		align-items: center;
		justify-content: center;     flex-wrap: wrap;
	}


	.theme-change .processing-detail {
		color: #3e3e3a;
		border: 1px solid rgba(62, 62, 58, 0.8);
		border-radius: 10px;
	}

	.theme-change .booking-summery .summery p,
	.theme-change .return-to-home-inner a,
	.theme-change .return-to-home-inner button,
	.theme-change .return-to-home-outer ul li,
	.theme-change .return-to-home-outer span,
	.theme-change .booking-summery .print-bt a,
	.theme-change .booking-summery .print-bt a {
		color: #3e3e3a;
	}

	.theme-change .well.view-fees-detail.view-pay-rentals-fees {
		padding: 0px 10px;
	}

	.theme-change ul.booking-extras-list li {
		padding: 13px 10px;
	}

	.theme-change .well.view-fees-detail.view-pay-rentals-fees {
		margin-bottom: 8px;
	}

	.theme-change.englishLanguage .logout,
	.theme-change.portuguesLanguage .logout {
		width: 75px;
	}

	.spanishLanguage .header-right-section .logout {
		width: 112px;
	}

	.theme-change .info-hovertext:hover .hover-show-descript,
	.theme-change .liItemPaidExtra .hover-show-descript {
		font-size: 17px;
	}

	.theme-change .summery p span {
		font-size: 17px;
	}

	.theme-change .booking-summery .summery p strong {
		font-size: 18px;
	}

	.theme-change .print-bt a,
	.theme-change .return-to-home-outer {
		border: 1px solid #3e3e3a;
	}

	.theme-change .return-to-home-outer ul li {
		padding-left: 19px;
	}

	.theme-change .return-to-home-outer ul li img {
		width: 12px;
	}

	.theme-change .return-to-home-outer,
	.theme-change .booking-summery .print-bt a,
	.theme-change .booking-summery .print-bt a {
		border-radius: 10px;
	}

	.theme-change .booking-summery {
		border-radius: 10px;
		border: 1px solid #3e3e3a;
	}

	.theme-change .well.view-fees-detail.view-pay-rentals-fees li {
		border-bottom: 0px;
	}

	.theme-change .hover-show-descript {
		background-color: #f76c5e;
	}

	.theme-change .manadatory-field {
		font-size: 18px;
	}

	.theme-change .booking-extras-row.booking-invisinfull .blueBtn {
		display: flex;
		align-items: center;
		font-size: 16px;
	}


	.theme-change .userGuestReg p:first-child::after {
		width: 0;
		height: 0;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-top: 7px solid #f76c5e;
		font-size: 0;
		line-height: 0;
		border-bottom: none;
		padding: 0px;
		right: -7px;
		top: 12px;
		transform: inherit;
	}

	.theme-change .top-header .container:after,
	.theme-change .top-header .container:before {
		content: inherit;
	}

	.theme-change .ftrow {
		align-items: center;
		display: flex;
	}

	.theme-change .payment-option-list li:not(:last-child) {
		margin-right: 8px;
	}

	.theme-change .tta-logo.accredited-outer {
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.theme-change .accredited-heading {
		font-size: 20px;
		margin-right: 10px;
	}

	.theme-change .guest-step ul {
		justify-content: center;
	}

	.theme-change .customiseyourStay .booking-extras-list .borderBtn {
		width: 150px;
	}

	.theme-change .blueBtn.guest-in-btn.customizes-btn img {
		width: auto;
	}

	.theme-change .booking-extras-list .onrequest-info p {
		
		margin-bottom: 0px;
	}

	.theme-change .booking-extras-list .onrequest-info {
		border: 1px solid #f76c5e;
	}

	.theme-change .guest-registration-online .inner-row {
		margin-right: -15px;
		margin-left: -15px;
	}

	.theme-change .booking-extras .hover-show-descript {
		background-color: #fff;
		border: 1px solid #f76c5e;     color: #3e3e3a;
	}

	.tta-logo img {
		margin-right: 5px;
	}
	.theme-change .booking-steps ul li.active::before {
		background: #f76c5e;
	}
	.theme-change.portuguesLanguage .copyright { font-size: 17px;}


.privacymain .top-header {padding: 0;border-bottom: none;}
.hdrprivacy { padding:20px; display: inline-block;	width: 100%; background: rgb(248,205,34); background: -moz-linear-gradient(left,  rgba(248,205,34,1) 0%, rgba(242,122,69,1) 16%, rgba(239,102,102,1) 100%); 
background: -webkit-linear-gradient(left,  rgba(248,205,34,1) 0%,rgba(242,122,69,1) 16%,rgba(239,102,102,1) 100%); background: linear-gradient(to right,  rgba(248,205,34,1) 0%,rgba(242,122,69,1) 16%,rgba(239,102,102,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8cd22', endColorstr='#ef6666',GradientType=1 ); align-items: center; justify-content: space-between; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.privacytptxt {font-size: 38px;color: #ffffff;	text-transform: uppercase;font-weight: 600;}
.privacymain strong { margin: 0px 0 15px 0; display: inline-block; font-size:25px;  width: 100%;}
.privacymain h3 {  margin-bottom: 20px;  font-weight: 600;}
.privacymain { color:#3e3e3a;     font-family: "mr-eaves-modern", sans-serif; line-height: 1.2; font-size:20px;}
.privacymain p{line-height: 1.2;}
.privacymain h1, .privacymain h2, .privacymain h3, .privacymain h4, .privacymain h5, .privacymain h6 {font-family: "brandon-grotesque", sans-serif;  color:#3e3e3a;}

.theme-change .guestcheckin .guestlanding_Step {    margin: 40px -15px; margin-bottom: 0px;}
.theme-change .guestcheckin .guestlanding_Step .comamn-box-steps { padding: 0 15px;}
.payment-option-list {
    margin-bottom: 0px;
}

.theme-change .left-colum, .theme-change .right-colum {    padding-left: 15px;
    padding-right: 15px;}

.theme-change.spanishLanguage .logout a:after {
    right: 0;
}

.portuguesLanguage .language-opendiv .portuguesLang {
	width: 85%;
}

.theme-change.portuguesLanguage .header-right-section .inner-logout {
	
	width: 100px;
}

.theme-change.portuguesLanguage .header-right-section .language-opendiv .portuguesLang {
	width: 100%;
}

.small-banner h1 {
	padding-right: 10px;
}


.theme-change .car-arriving .control-group {
	display: flex;
	vertical-align: top;
	background: transparent;
	text-align: left;
	padding: 0;
	width: 200px;
	height: 34px;
	margin: 0px;
}

.theme-change .car-arriving .control {
	display: flex;
	position: relative;
	padding-left: 45px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 18px;
	align-items: center;
	padding-right: 30px;
	font-weight: bold;
}

.theme-change .car-arriving .control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.theme-change .car-arriving .control__indicator {
	position: absolute;
	top: 0px;
	left: 0;
	height: 34px;
	width: 34px;
	background: transparent;
	border: 2px solid #3E3E3A;
}

.theme-change .car-arriving .control--radio .control__indicator {
	border-radius: 50%;
}

.theme-change .car-arriving .control:hover input ~ .control__indicator,
.theme-change .car-arriving .control input:focus ~ .control__indicator {
	background: transparent;
}

.theme-change .car-arriving .control input:checked ~ .control__indicator {
	background: transparent;
	border: 2px solid #f76c5e;
}

.theme-change .car-arriving .control:hover input:not([disabled]):checked ~ .control__indicator,
.theme-change .car-arriving .control input:checked:focus ~ .control__indicator {
	background: transparent;
}

.theme-change .car-arriving .control input:disabled ~ .control__indicator {
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}

.theme-change .car-arriving .control__indicator:after {
	content: '';
	position: absolute;
	display: none;
}

.theme-change .car-arriving .control input:checked ~ .control__indicator:after {
	display: block;
}

.theme-change .car-arriving .control--checkbox .control__indicator:after {
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.theme-change .car-arriving .control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

.theme-change .car-arriving .control--radio .control__indicator:after {
	left: 2px;
	top: 2px;
	height: 26px;
	width: 26px;
	border-radius: 50%;
	background: #f76c5e;
}

.theme-change .car-arriving .control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}

.theme-change .car-arriving .control.control--radio {
	width: 100%;
	margin-bottom: 0px;
}


ul.booking-extras-list li .left .title .info.info-hovertext {
	margin-top: 5px;
	display: inline-block;
	padding-bottom: 0px;
}

.theme-change .copyright a {
	font-size: 16px;
}

.footer .row {
	display: flex;
	align-items: center;
	text-align: center;
}

.footer-quick-link li a {
	font-size: 20px;
	font-weight: 400;
	color: #3e3e3a;
}


.copyright.privacytxt {
	width: 100%;
}

	.copyright.privacytxt a {
		font-size: 18px;
		color: #3e3e3a;
		width: 100%;
	}



@media screen and (max-width:1366px) {
	.oldloginform {
		padding: 15px 25px 5px 25px;
	}
	.oldloginform.login-box .input-box {
		padding: 0 22px 0 0;
	}
}
	@media screen and (max-width: 1199px) {
		.theme-change .header-right-section .userGuestReg p:last-child {
			padding-right: 0px;
		}

		.theme-change .header-right-section .userGuestReg p {
			padding-right: 35px;
		}

		.theme-change .userGuestReg p strong,
		.theme-change header.ddl-inner .userGuestReg p span {
			font-size: 16px;
		}

		.theme-change .header-right-section .logout {
			margin-bottom: 0px;
		}

		.theme-change .header-right-section .inner-logout {
			font-size: 16px;
		}

		.theme-change .header-right-section .userGuestReg {
			padding-right: 20px;
		}

		.col-md-12 {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
		}

		.col-md-6 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}

		.col-md-2 {
			-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
			max-width: 16.666667%;
		}

		.col-md-4 {
			-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}

		/*.theme-change .ftrow {
			flex-wrap: wrap;
		}*/




		.order-md-1 {
			-ms-flex-order: 1;
			order: 1;
		}

		.order-md-2 {
			-ms-flex-order: 2;
			order: 2;
		}

		.order-md-4 {
			-ms-flex-order: 4;
			order: 4;
		}

		.order-md-3 {
			-ms-flex-order: 3;
			order: 3;
		}

		.copyrightnew {
			margin-top: 15px;
			width: 100%;
			text-align: center;
		}

		.theme-change.spanishLanguage .small-banner h1 {
			font-size: 30px;
			margin-bottom: 0px;
			color: #fff;
			max-width: 420px;
		}

		.small-banner .banner-img {
			height: 250px;
			background-image: url(../Rebranding/images/registrationimgtabbanner.jpg);
			background-size: contain;
			background-position: bottom left;
		}

	


	}

	@media screen and (max-width:1024px) {
		/*.small-banner .banner-img {
			height: 159px;
			background-size: cover;
			background-position: left center;
		}*/

		.small-banner .banner-txt h1 {
			font-size: 30px;
		}

		.small-banner .banner-txt {
			padding-left: 50px;
		}

		.theme-change .ocean-holidays-logo {
			width: 169px;
			margin-right: 0px;
			padding-right: 0px;
		}

		.theme-change .header-right-section .language-select .language-opendiv select.englishLang {
			font-weight: 300;
		}

		.theme-change .header-right-section .language-select .language-opendiv select {
			background-size: 14px;
		}

		.theme-change .logout a:after {
			right: 0px;
		}

		.theme-change .header-right-section .logout a {
			padding-left: 0px;
		}

		.privacymain h1, .privacymain h2, .privacymain h3, .privacymain h4, .privacymain h5, .privacymain h6 {
			margin-bottom: 10px;
			font-size: 23px;
		}

		.privacymain p {
			margin-bottom: 8px;
			font-size: 16px;
		}
	
	}


@media screen and (min-width: 320px) and (max-width:991px) {
	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-sm-1 {
		-ms-flex-order: 1;
		order: 1;
	}

	.order-sm-3 {
		-ms-flex-order: 3;
		order: 3;
	}

	.order-sm-4 {
		-ms-flex-order: 4;
		order: 4;
	}
}
	@media screen and (max-width:991px) {
		.theme-change .header-right-section .userGuestReg {
			padding-right: 0;
		}

		.theme-change .header-right-section .inner-logout {
			width: auto;
		}

		.datebx {
			margin-top: 45px;
			margin-bottom: 45px;
		}

		.theme-change .return-to-home-outer,
		.theme-change .booking-summery .print-bt a,
		.theme-change .booking-summery .print-bt a {
			max-width: 100%;
		}

		.theme-change .welcomeGuidetext-btn,
		.theme-change a.blueBtn.guest-in-btn.customizes-btn,
		.theme-change .welcomeGuidetext-btn, .theme-change .voucher-btn-view.blueBtn.guest-in-btn {
			width: 100%;
			position: static;
		}

		.theme-change .welcomeGuidetext-btn {
			padding: 10px 0px !important;
		}

		.theme-change .guestcheckin .guestlanding_Step .box_Steps {
			padding: 30px 20px 30px 20px;
		}

		.theme-change .guestcheckin .guestlanding_Step .box_Steps {
			margin-bottom: 20px;
			height: auto;
		}

		.theme-change .guestcheckin .guestlanding_Step .comamn-box-steps {
			width: 100%;
		}

		.theme-change header.ddl-inner .userGuestReg .LeadName strong {
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.theme-change header.ddl-inner .userGuestReg p strong, .theme-change header.ddl-inner .userGuestReg p span {
			overflow: visible;
			text-overflow: initial;
		}

		.theme-change.portuguesLanguage .arrivaldatetxt, .theme-change.spanishLanguage .arrivaldatetxt {
			max-width: 26%;
		}

		.loginbg .login-box .brown-btn {
			padding: 0px;
			font-size: 14px;
			width: 90px;
		}

		header.ddl-inner .userGuestReg.open, header.ddl-inner .userGuestReg.open p {
			width: 33%;
			max-width: 50%;
		}
		.theme-change header.ddl-inner .userGuestReg p {
			max-width: 25%;
		}

		.small-banner .banner-img {   height: 210px;}

	

		.footer .row {
			flex-wrap: wrap;
		}

		.copyright {
			margin-top: 15px;
		}

		.payment-option-list {
			max-width: 200px;
		}

		.privacytxt {
			margin-top: 0px;
			width: 100%;
		}

	}





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

		.small-banner .banner-img {
			height: 100px;
			background-size: 59%;
			background-repeat: no-repeat;
		}

		.small-banner .banner-txt h1 {
			font-size: 20px;
		}

		.theme-change .booking-steps.guest-step {
			max-width: 100%;
		}

		.theme-change .booking-steps ul li:before {
			right: auto;
			width: 100%;
			top: 22%;
		}

		.theme-change header.ddl-inner .ocean-holidays-logo {
			top: 8px;
			margin-top: 0px;
		}

		.theme-change header.ddl-inner .inner-logout {
			position: static;
		}

		.theme-change .steps-info p {
			font-size: 16px;
		}

		.theme-change header.ddl-inner .userGuestReg {
			top: 30px;
			right: 111px;
			background: transparent;
			padding: 0;
			max-width: 200px;
			width: 300px;
		}

			.theme-change header.ddl-inner .userGuestReg.open {
				background: #f76c5e;
			}

				.theme-change header.ddl-inner .userGuestReg.open p {
					border-bottom: 1px solid #ffb4ad;
					padding: 8px 0 !important;
					color: #fff;
					max-width: 100%;
				}




		.theme-change .header-right-section .userGuestReg p:last-child {
			border-bottom: 0px;
		}

		.theme-change .header-right-section .logout {
			font-size: 16px;
			padding-top: 0px;
			padding-bottom: 10px;
		}

		.theme-change header.ddl-inner .language-select {
			margin-top: 0;
		}

		.theme-change .header-right-section .inner-logout {
			width: auto;
		}

		.theme-change .header-right-section .logout a {
			padding-left: 0;
			text-align: left;
		}

		.theme-change .englishLanguage .header-right select {
			padding-right: 0px;
		}

		.theme-change .container {
			padding: 0 10px;
		}



		.theme-change .header-right-section .language-select .language-opendiv i.fa-caret-down {
			position: relative;
			top: 2px;
		}

		.theme-change .fa-caret-down:before {
			color: #f76c5e;
			font-size: 23px;
			line-height: 9px;
		}

		.theme-change .terms-conditions-detail p,
		.theme-change .terms-heading strong {
			font-size: 16px;
		}

		.theme-change .footer,
		.theme-change .mid-part {
			margin-top: 30px;
		}

		.theme-change .small-banner .banner-txt h1 {
			font-size: 18px;
		}

		.theme-change .small-banner .banner-txt {
			padding-left: 37px;
		}

		.theme-change .booking-steps ul li.active .step-txt,
		.theme-change .booking-steps ul li .step-txt {
			font-size: 16px;
		}

		.theme-change .tta-logo.accredited-outer {
			justify-content: end;
		}

		.theme-change .payment-cards-logo {
			justify-content: start;
			display: flex;
		}

		.theme-change .userGuestReg p:first-child::after {
			right: -17px;
		}

		.order-3 {
			-ms-flex-order: 3;
			order: 3;
		}

		.col-6 {
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
			max-width: 50%;
		}

		.col-4 {
			-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
			max-width: 33.333333%;
		}

		.col-8 {
			-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
			max-width: 66.666667%;
		}

		.theme-change .copyright,
		.theme-change .tta-logo span,
		.theme-change .accredited-heading {
			font-size: 16px;
		}

		.theme-change .copyright {
			text-align: center !important;
			width: 100%;
		}

			.theme-change .copyright.privacytxt {
				text-align: right !important;
			}

		.datebx {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.border-underline {
			margin-top: 24px;
		}

		.accredited-outer img {
			width: 30px;
		}

		.theme-change .car-arriving {
			margin: 10px 0 40px 0;
		}

		.theme-change .driver-col {
			left: auto;
			right: 0;
		}

		.theme-change .add-passenger-row,
		.theme-change .add-passenger-col,
		.theme-change .add-passenger-col a {
			width: 100%;
		}

		.theme-change .datebx {
			flex-wrap: wrap;
		}

		.theme-change .remove-col {
			margin-bottom: 10px;
		}

		.theme-change .add-passenger-row {
			top: 0;
		}

		.theme-change .registration-form br {
			display: none;
		}

		.theme-change .form-passenger-row {
			margin-bottom: 0;
		}

		.theme-change .message-btn-group .amendbtn,
		.theme-change .message-btn-group .continuebtn {
			width: 100%;
			margin: 0px;
			margin-bottom: 15px;
		}

		.theme-change .message-btn-group {
			flex-direction: column;
		}

		.theme-change.portuguesLanguage .copyright,
		.theme-change.portuguesLanguage .tta-logo span {
			font-size: 14px;
			margin-right: 4px;
		}

		.theme-change .backrightbtn a {
			font-size: 16px;
		}

		.theme-change .grayBtn,
		.theme-change .blueBtn {
			justify-content: center;
		}

		.theme-change .submit-btn {
			margin-top: 20px;
		}


		.portuguesLanguage .view-fees-heading a .fees-close {
			top: -21px;
			right: -10px;
		}

		.portuguesLanguage .payment-btn button span {
			font-size: 16px;
		}

		.theme-change .complete-page header.ddl-inner .userGuestReg {
			top: 4px;
		}

		.portuguesLanguage .small-banner .banner-txt h1 {
			font-size: 16px;
		}

		.spanishLanguage .complete-page header.ddl-inner .userGuestReg {
			top: 22px;
			right: 35px;
		}

		.theme-change .customiseyourStay .booking-extras-list .borderBtn {
			width: 100px;
		}

		.privacytptxt {
			font-size: 16px;
		}

		.hdrprivacy {
			margin-bottom: 20px;
		}

		.privacymain strong {
			margin-bottom: 5px;
			font-size: 23px;
		}

		.theme-change .car-arriving-title {
			font-size: 18px;
			padding-right: 0px;
		}

		.theme-change .accredited-heading {
			margin-right: 10px;
		}


		.theme-change .booking-steps ul li .step-box, .theme-change .booking-steps ul li .step-box i {
			width: 34px;
			height: 34px;
		}

			.theme-change .booking-steps ul li .step-box i {
				font-size: 19px;
				line-height: normal;
			}

		.payment-option-list {
			margin-bottom: 0;
		}

		/*.theme-change .copyright.privacytxt {
			margin-top: 15px;
		}*/

		.theme-change .copyright, .theme-change .tta-logo span {
			font-size: 18px;
		}

		.theme-change .customiseyourStay .custom-form-field [class*="col-"] {
			width: 100%;
		}

		.theme-change .header-right-section .language-select .language-opendiv select.englishLang {
			font-size: 17px;
			width: 78px;
		}

		.theme-change header.ddl-inner .userGuestReg p {
			max-width: 60%;
		}

		.theme-change header.ddl-inner .userGuestReg {
			right: 120px;
			top: 22px;
		}

		.theme-change .userGuestReg p:first-child::after {
			top: 7px;
		}

		.theme-change .ddl-inner .logout {
			padding-bottom: 2px;
		}

		.theme-change header.ddl-inner .ocean-holidays-logo {
			top: 0px;
		}

		.theme-change .userGuestReg p:first-child::after {
			right: -8px;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid #f76c5e;
			top: 7px;
		}

		.theme-change.portuguesLanguage .header-right-section .language-select .language-opendiv select {
			width: 87px;
		}

		.theme-change .header-right-section .language-select .language-opendiv select {
			background-size: 11px;
		}

		.theme-change .datetitle {
			line-height: 25px;
		}

	



	}

	@media screen and (max-width:414px) {
		.theme-change .car-arriving-title {
			font-size: 16px;
		}

		.small-banner .banner-img {
			background-size: contain;
		}
	}

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




		.accredited-outer img {
			width: 20px;
		}

		.theme-change .accredited-heading {
			margin-right: 3px;
		}

		.theme-change .header-right-section .language-select .language-opendiv select {
			padding-right: 0px;
		}



			.theme-change .header-right-section .language-select .language-opendiv select.englishLang,
			.theme-change header.ddl-inner .userGuestReg p strong,
			.theme-change header.ddl-inner .userGuestReg p span,
			.theme-change .form-control {
				font-size: 17px;
				width: 78px;
			}

		.theme-change header.ddl-inner .userGuestReg {
			right: 100px;
		}

		.theme-change .ddl-inner .logout {
			padding-top: 0;
			padding-bottom: 2px;
		}

		.theme-change header.ddl-inner .userGuestReg {
			top: 22px;
		}

		.theme-change .fa-caret-down:before {
			font-size: 17px;
			line-height: 13px;
		}

		.spanishLanguage .complete-page header.ddl-inner .userGuestReg {
			right: 19px;
		}

		.theme-change header.ddl-inner .userGuestReg p {
			max-width: 38%;
		}

		.header-right-section {
			position: relative;
		}

		.theme-change .copyright.privacytxt {
			margin-top: 0;
		}

		.theme-change .custom-modal-box .modal-header h5 {
			padding-right: 30px;
		}

		.theme-change .custom-modal-box .modal-body select.form-control {
			height: 45px;
		}

		.theme-change .form-control, .theme-change header.ddl-inner .userGuestReg p strong, .theme-change header.ddl-inner .userGuestReg p span {
			width: 100%;
		}
	}


	/*new theme*/
@charset "utf-8";
/* CSS Document */


@media only screen and (max-width:1023px) {
    .loginsec {
        background: (../images/login-bg.jpg) no-repeat scroll center top;
        height: 78%;
    }

    .login-wrap:before {
        background: #2d478c none repeat scroll 0 0;
        content: "";
        height: 100px;
        position: absolute;
        top: -100px;
        width: 100%;
        z-index: 2;
    }

    .login-wrap {
        bottom: 0;
        background: #2d478c;
    }

    .login-box .input-box {
        float: left;
        padding: 0 0px 0px 0;
        margin-bottom: 22px;
        width: 100%;
    }

    .login-box {
        background: #2d478c none repeat scroll 0 0;
        margin-top: -100px;
        padding: 40px 120px 13px;
        position: relative;
        z-index: 22;
    }

        .login-box .button {
            float: left;
            margin-top: 1px;
            position: relative;
            right: 0;
            width: 100%;
        }
}


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

    .ddl-inner .language-select {
        margin-right: -2px;
    }


    .for-desktop {
        display: none !important;
    }

    .login-page .container {
        width: 90%;
    }

    .container {
        width: 95%;
    }

    .loginsec {
        height: 73%;
    }

    .login-box { /*padding: 0 128px 63px; margin-top: -112px; top:-43px;*/
        padding: 20px 128px 63px;
        margin-top: 0;
        top: 0;
    }

    .login-wrap:before {
        height: 197px;
        top: -196px;
        display: none;
    }

    .login-box .form-control {
        height: 50px;
        box-shadow: 3px 3px 0 0 #08144d;
    }

    .login-box .custom-btn {
        height: 50px;
    }

    .brown-btn {
        box-shadow: 3px 3px 0 0 #08144d;
    }

    .login-box .button {
        top: 0;
    }

    .login-page .top-header {
        background: url(../images/top-headerbg_ipad.png) repeat-x top center;
        height: 188px;
        text-align: center;
        padding-top: 53px;
    }

    .login-page .ocean-holidays-logo {
        float: none;
        display: inline-block;
    }

    .login-page .guest-registration {
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .login-box .form-control {
        margin-top: 0;
    }


    .top-header {
        padding: 27px 0;
    }

    .ocean-holidays-logo {
        margin-right: 39px;
    }

    .guest-registration {
        font-size: 26px;
        padding: 2px 0 3px 25px;
    }

    .logout {
        padding-top: 14px;
    }

    .mid-part {
        margin-top: 7px;
    }

    .user-booking {
        float: right;
        width: 100%;
        text-align: center;
        margin-bottom: 14px;
    }

        .user-booking ul {
            margin-right: -5px;
        }

        .user-booking li {
            font-size: 13px;
            display: inline-block;
            border-left: 1px solid #a2a5b8;
            color: #a2a5b8;
            padding: 0 5px 0 8px;
            line-height: 16px;
        }

            .user-booking li:first-child {
                border: 0;
            }

    .main-heading h1 {
        text-align: center;
        margin-top: 20px;
    }

    .copyright {
        color: #8d8d8d;
    }

        .copyright a {
            color: #8d8d8d;
        }

    .footer {
        border-top: 1px solid #a7a7a7;
        margin-top: 35px;
        padding: 18px 0;
        text-align: center;
        font-size: 14px;
    }

    .registration-page .main-heading {
        margin-bottom: 0;
    }

    .address {
        margin-bottom: 11px;
        margin-top: 8px;
    }

    .terms-conditions-page .overview-txt {
        margin-top: 13px;
    }

    .terms-conditions-detail {
        margin-top: 8px;
        width: 100%;
    }

    .booking-invisinfull {
        width: 100%;
        margin: 0px auto;
    }


    .payment-info {
        margin-top: 8px;
    }

    .view-fees-heading a {
        padding: 13px 9px 11px 18px;
    }

    .view-fees {
        margin-bottom: 21px;
    }

    .payment-form {
        margin-top: 22px;
    }

    .payment-page .footer {
        margin-top: 53px;
    }

    .payment-form .form-control, .payment-form .custom-select select.form-control {
        height: 45px;
        margin-bottom: 25px;
    }

    .payment-form .payment-btn button.btn-style {
        height: 50px;
        padding-left: 0;
        padding-right: 0
    }

    .complete-page .overview-txt {
        margin-top: 21px;
    }

        .complete-page .overview-txt p {
            font-size: 16px;
            line-height: 19.5px;
        }

    .booking-summery {
        padding: 57px 40px 28px 40px;
        margin-top: 12px;
    }

    .print {
        margin-top: -15px;
    }

        .print p {
            padding-right: 33px;
            font-size: 16px;
            padding-bottom: 8px;
        }

    .print-bt a {
        margin-top: 6px;
        padding: 11px 32px;
    }

    .print p, .print-bt {
        vertical-align: bottom;
    }

    .complete-page .footer {
        margin-top: 74px;
    }

    .summery p {
        font-size: 16px;
    }

        .summery p span:after {
            right: 7px;
        }

    .card_img {
        margin-top: -3px;
        margin-right: 3px;
    }

    /*7-5-2020*/

    header.ddl-inner .userGuestReg p {
        padding-right: 15px;
        width: auto;
        margin-top: 0px;
        margin-bottom: 0px;
        flex: 0 0 100%;
        max-width: 22.5%;
        white-space: normal;
    }

    header.ddl-inner .ocean-holidays-logo {
        margin-right: 5px;
        padding-right: 5px;
    }

    header.ddl-inner .userGuestReg p span {
        margin-bottom: 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    header.ddl-inner .userGuestReg p strong {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .booking-extras-list .left .title .view-fees-heading a {
        padding-left: 0px;
    }

    .booking-summery .col-md-7, .booking-summery .col-md-5 {
        width: 100%;
    }
    /*7-5-2020*/

    header.ddl-inner .language-select {
        padding-right: 15px;
    }

    .header-right-section .logout {
        width: auto;
        position: relative;
        font-size: 12px;
    }

        .header-right-section .logout a {
            padding-left: 14px;
        }

            .header-right-section .logout a:before {
                width: 11px;
                height: 12px;
            }

    .booking-invisinfull .colse-tooltip {
        opacity: 1;
    }

    .booking-invisinfull .info-hovertext:hover .hover-show-descript {
        padding-right: 30px;
        width: calc(100% + 140px);
        left: 0px;
        right: 0px;
    }

    .booking-invisinfull ul.booking-extras-list li .right {
        width: 140px;
        justify-content: flex-end;
    }

    .booking-extras .booking-extras-list .minus-btn img {
        max-width: 15px;
    }

    .backrightbtn a img {
        margin-top: -2px;
    }



    .booking-summery .print-bt a, .booking-summery .print-bt a {
        margin: auto;
        max-width: 340px;
    }

    .return-to-home-outer {
        max-width: 340px;
        margin: 0px auto 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape) {
    .loginsec {
        background: (../images/login-bg.jpg) no-repeat scroll center top;
        height: 100% !important;
    }

    .login-wrap {
        bottom: 8.1%;
    }

    .view-fees-detail ul li {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .top-banner .for-desktop-tab {
        background-size: auto !important;
    }

    .balance-pay {
        width: 30.1%;
        margin-right: 9.1%;
    }

    .card-type {
        width: 60.7%;
    }

    .security-code-inner-row {
        margin-left: -3px;
        margin-right: -3px;
    }

    .security-code-inner-col, .cvv-box-inner-col {
        padding-left: 3px;
        padding-right: 3px;
    }

    .security-code-inner-col {
        width: 66%;
    }

    .cvv-box-inner-col {
        width: 34%;
        padding-left: 3px;
        padding-right: 3px;
    }

    .cvv-box {
        font-size: 12px;
        font-style: italic;
        padding-top: 39px;
    }

    .security-code {
        width: 36.2%;
    }

    .exp-date {
        width: 63.7%;
    }

    .exp-row {
        margin-left: -13.5px;
        margin-right: -13.5px;
    }

    .exp-col {
        padding-left: 13.5px;
        padding-right: 13.5px;
    }

    .payment-form .submit-btn {
        margin-top: 0px;
    }
}

@media only screen and (max-width:767px) {
    .copyright {
        text-align: center;
    }

    .user-booking li:nth-child(2n+1) {
        border: none
    }

    .for-tab-only {
        display: none
    }

    .for-desktop-tab {
        display: none
    }

    .login-page .container {
        width: 89%;
    }

    .login-page .top-header {
        background: url(../images/top-headerbg_mobile.png) repeat-x top center;
        height: 118px;
        padding: 28px 0 0
    }

    .login-page .ocean-holidays-logo {
        width: 151px;
        margin-right: 19px;
    }

    .login-page .guest-registration {
        font-size: 18px;
        padding: 9px 0 9px 10px;
    }

    .loginsec {
        height: 75%
    }

    .login-box .input-box {
        padding: 0 0 0px;
        margin-bottom: 15px;
    }

    .login-wrap:before {
        height: 106px;
        top: -106px
    }

    .login-box { /*padding: 16px 14px 13px;   margin-top: -73px;     top: -33px;*/
        padding: 16px 14px 13px;
        margin-top: 8px;
        top: 0;
    }

        .login-box .form-control {
            height: 48px;
        }


    .container {
        width: 93%;
    }

    .mid-part {
        margin-top: 9px;
    }

    .top-header {
        padding: 34px 0 19px;
    }

    .ocean-holidays-logo {
        width: 136px;
        margin-right: 34px;
    }

    .logout {
        padding-top: 11px;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 13px;
        width: 93px;
        text-align: right;
    }

    .ddl-inner .logout {
        padding-top: 8px;
        right: 0;
        margin-top: 0;
        margin: 0;
    }

    .inner-logout {
        position: relative;
        top: -34px;
        display: inline-block;
        float: right;
    }

    .ddl-inner .language-select {
        margin-right: 0;
        top: 0;
        right: 76px;
        width: 93px;
    }

    .ocean-holidays-logo {
        margin-top: 10px;
    }

    .guest-registration {
        font-size: 17px;
        padding: 0px 0 0px 25px;
        float: right;
        margin-top: 4px;
        line-height: normal;
    }

    .logout a:before {
        top: 1px;
    }

    .user-booking {
        margin-bottom: 9px;
    }

        .user-booking ul {
            margin-right: 0;
            text-align: center;
        }

        .user-booking li {
            font-size: 12px;
        }

    h1 {
        font-size: 26px;
        margin-bottom: 18px;
    }

    .booking-steps {
        margin-bottom: 24px;
    }

        .booking-steps ul li {
            width: 23.4%;
            margin: 0 3px;
        }

            .booking-steps ul li .step-box {
                width: 45px;
                height: 45px;
            }

                .booking-steps ul li .step-box i {
                    font-size: 26px;
                    height: 43px;
                    width: 43px;
                }

            .booking-steps ul li.active .step-txt {
                font-size: 12px;
            }

            .booking-steps ul li .step-txt {
                font-size: 12px;
                white-space: normal;
                line-height: 16px;
                min-height: 36px;
            }

            .booking-steps ul li:before {
                right: -35px;
                width: 49px;
                top: 24%;
            }

    .registration-form {
        margin-top: 10px;
    }

    .form-control {
        margin-bottom: 16px;
    }

    .tittle-row {
        margin-left: -9px;
        margin-right: -9px;
    }

    .tittle-col {
        padding-left: 9px;
        padding-right: 9px;
    }

    .title-width {
        width: 23%;
    }

    .first-name {
        width: 77%;
    }

    .address {
        margin-bottom: 14px;
        margin-top: 7px;
    }

    .submit-btn {
        margin-top: 16px;
    }

    .footer {
        margin-top: 35px;
    }

    .booking-steps {
        max-width: 373px;
    }

        .booking-steps ul li.completed span {
            width: 12px;
            height: 9px;
            top: -1px;
            left: -2px
        }

    .terms-conditions-detail {
        margin-top: 0;
        margin-bottom: 18px;
    }

    .q-checkbox .checkbox {
        width: 49px;
        height: 46px;
    }

        .q-checkbox .checkbox > input {
            width: 49px;
            height: 46px;
        }

        .q-checkbox .checkbox > label {
            line-height: 46px;
            padding: 0 0 0 46px;
        }

    .q-checkbox div:not(#foo) > input + label {
        min-height: 46px;
    }

    .q-checkbox span {
        width: 76%;
    }

    .continue-btn {
        margin-top: 15px;
        width: 100%;
        text-align: center
    }

    .terms-conditions-page .overview-txt {
        margin-top: 6px;
    }

        .terms-conditions-page .overview-txt p {
            line-height: 17px;
            font-size: 13px;
        }

    .continue-btn {
        margin-top: 20px;
    }

        .continue-btn .btn-style {
            height: auto;
            padding: 17px 37px 15px;
        }

    .terms-conditions-page .footer {
        margin-top: 41px;
    }

    .terms-checkbox {
        width: 100%;
    }

    .payment-info ul li {
        font-size: 18px;
        line-height: 27px;
    }

        .payment-info ul li span {
            display: block;
            font-size: 21px;
        }

    .view-fees-detail ul li {
        width: 100%;
        text-align: left;
        padding-bottom: 2px;
        font-size: 11px;
    }

    .payment-form .form-control, .payment-form .custom-select select.form-control {
        margin-bottom: 20px;
    }

    .cvv-box {
        font-size: 12px;
        font-style: italic;
        padding-top: 39px;
        left: -15px;
        position: relative;
    }

    .view-fees {
        margin-bottom: 16px;
    }

    .payment-page .footer {
        margin-top: 40px;
    }

    .exp-date {
        clear: both;
    }


    .complete-page .overview-txt {
        margin-top: 8px;
    }

    .print {
        margin-top: -11px;
    }

        .print p {
            padding-right: 0px;
            font-size: 16px;
            padding-bottom: 8px;
            line-height: 24px;
        }

    .print-bt {
        display: table;
        margin: auto;
        margin-top: 19px;
    }

        .print-bt a {
            margin-top: 6px;
            padding: 11px 36px 11px 28px;
            clear: left;
        }

    .booking-summery {
        padding: 30px 12px 37px;
        margin-top: 11px;
    }

    .complete-page .footer {
        margin-top: 29px;
    }

    .payment-info ul li.total span {
        left: 6px;
        position: relative;
    }

    .payment-info ul li.paid span {
        left: 2px;
        position: relative;
    }

    .contact-email {
        white-space: nowrap;
    }

    .complete-page .overview-txt p {
        font-size: 15.3px;
    }

    .card_img {
        margin-top: 0;
        margin-right: 3px;
        top: 13px;
        position: relative;
    }

    .view-fees .well {
        padding: 6px 18px 0;
    }

    .view-fees-heading a {
        padding: 6px 9px 7px 18px;
    }

        .view-fees-heading a .fees-close {
            top: -2px;
        }

        .view-fees-heading a span {
            font-size: 13px;
        }

    /*7-5-2020*/
    header.ddl-inner .userGuestReg p {
        max-width: 100%;
    }

    header.ddl-inner .language-select span {
        display: none;
    }

    header.ddl-inner .userGuestReg p:first-child span {
        display: none;
    }

    header.ddl-inner .userGuestReg p.open:first-child span {
        display: block;
    }

    header.ddl-inner .language-select {
        margin-top: 6px;
    }

    header.ddl-inner .ocean-holidays-logo {
        top: -35px;
        position: relative;
        width: 130px;
    }

    header.ddl-inner .language-select > div i.fa-globe {
        left: 0px;
    }

    header.ddl-inner .language-select > div {
        top: 0px;
    }

    .userGuestReg p:first-child::after {
        top: 7px;
    }

    .userGuestReg p.open:first-child::after {
        top: 11px;
    }

    header.ddl-inner {
        padding-bottom: 0px;
    }

        header.ddl-inner .userGuestReg p {
            margin-bottom: 3px;
            padding-bottom: 3px;
        }

        header.ddl-inner .userGuestReg {
            top: 3px;
        }

        header.ddl-inner .inner-logout {
            top: -30px;
        }


    .booking-extras-list .left .title .view-fees-heading a {
        padding-left: 0px;
    }

    .booking-extras-list .left .title .well {
        padding: 5px 10px;
    }

    .booking-extras-list .left .title .view-fees-detail.view-pay-rentals-fees ul li {
        display: block;
        padding-right: 0px;
        padding-top: 5px;
    }

    .view-fees-detail.view-pay-rentals-fees ul li {
        font-size: 14px;
    }

    .custom-modal-box .modal-content {
        margin: 0px 15px;
    }

    .summery p span {
        display: block;
    }

        .summery p span::after {
            display: none;
        }

    .summery p strong {
        width: 100%;
    }

    .hover-show-descript {
        width: calc(100% - 70px);
    }

    .hover-show-descript {
        margin-top: 0px;
    }

    .hover-show-descript-payment {
        width: 94%;
        margin-top: -15px;
    }

    .nextstep-hover-text .hover-show-descript {
        width: 200px;
        top: 5px;
    }




    /*7-5-2020*/

    .language-select {
        border: none;
    }

    .header-right-section .userGuestReg {
        padding-right: 10px;
    }

    header.ddl-inner .language-select {
        padding-right: 20px;
        position: relative;
        right: inherit;
        width: auto;
    }

    .header-right-section .logout {
        width: auto;
        position: relative;
        font-size: 12px;
    }

        .header-right-section .logout a {
            padding-left: 14px;
        }

            .header-right-section .logout a:before {
                width: 11px;
                height: 12px;
            }

    .header-right-section .language-select .language-opendiv i.fa-caret-down {
        position: relative;
        top: 1px;
    }

    .header-right-section .language-select .language-opendiv {
        font-size: 12px;
    }

    .header-right-section {
        padding-top: 0px;
    }

    .mobile-inputfield {
        margin-bottom: 16px;
    }

    .backrightbtn .blueBtn {
        padding: 8px 12px;
        font-size: 12px;
        height: 34px;
    }

    .backrightbtn .leftarrow {
        top: 0px;
    }

    .terms-conditions-page .overview-txt .terms-heading {
        margin-bottom: 10px;
    }

    .terms-heading strong {
        font-size: 14px;
    }

    .terms-conditions-detail p {
        font-size: 13px;
        line-height: 17px;
    }

    .guest-registration-online .overview-txt p {
        line-height: 17px;
        font-size: 13px;
    }

    .customiseyourStay .booking-extras-list .borderBtn {
        width: 100px;
        font-size: 12px;
        padding: 5px 7px;
    }

    ul.booking-extras-list li .left .icon {
        max-width: 45px;
    }

    .steps-info p {
        line-height: 17px;
        font-size: 13px;
    }

    .booking-extras .booking-extras-list .minus-btn img {
        max-width: 13px;
    }

    .booking-extras .booking-extras-list em {
        font-size: 12px;
    }

    .booking-invisinfull .info-hovertext:hover .hover-show-descript {
        width: calc(100% + 100px);
    }

    .booking-invisinfull ul.booking-extras-list li .right {
        width: 100px;
        justify-content: flex-end;
    }

    .booking-invisinfull .colse-tooltip {
        font-size: 13px;
    }


    .terms-conditions-detail .mCSB_container > div {
        padding: 15px;
    }

    .backrightbtn a img {
        margin-top: -3px;
        max-width: 14px;
    }

    .right .hover-show-descript {
        width: 300px !important;
    }




    .form-passenger-row {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .passenger-detail {
        width: 100%;
    }

    .passenger-tittle-row {
        display: block;
        position: relative;
    }

    .firstname-col, .surname-col {
        width: 100%;
    }

    .driver-col {
        width: 100px;
        position: absolute;
        left: 160px;
        top: 0;
    }

    .passenger-title.tittle-col {
        width: 135px;
    }

    .add-passenger {
        display: inline-block;
        float: left;
    }

    .remove-col {
        float: right;
    }

    .add-passenger a {
        color: #92d050;
        text-transform: uppercase;
    }


    .add-passenger-col {
        font-weight: 700;
        text-align: left;
        width: 100%;
        display: inline-block;
        padding-right: 0;
        margin-bottom: 0;
    }

    .add-passenger-row {
        width: auto;
        display: inline-block;
        position: relative;
        top: -38px;
    }

    .add-passenger-col a {
        color: #92d050;
    }

    .car-arriving {
        display: inline-block;
        margin-bottom: 20px;
        width: 100%;
    }

    .car-arriving-title {
        padding-right: 0;
        top: 0;
        padding-bottom: 10px;
        font-size: 13px;
    }

    .car-arriving-col.first-col-radio {
        float: none;
    }

    .car-arriving-col.second-col-radio {
        float: none;
    }

    .car-arriving-col span {
        top: -1px;
        position: relative;
    }

    .car-arriving-col {
        display: inline-block;
        vertical-align: top;
    }

    .message-btn-group {
        padding-right: 0px;
        justify-content: center;
    }

    .continuebtn {
        margin-left: 10px;
    }

    .close-message {
        margin-bottom: 5px;
    }


    .modal.in .dialog-centered {
        top: 20%;
        transform: translateY(-20%);
        -webkit-transform: translateY(-20%);
    }
}





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

    .custom-modal-box .modal-content {
        margin: 0px 10px;
    }

    .hover-show-descript {
        width: 100%;
    }

    .hover-show-descript-payment {
        width: 94%;
        margin-top: -15px;
    }


    .terms-heading strong {
        font-size: 12px;
    }

    .booking-summery .print-bt a, .booking-summery .print-bt a {
        margin: auto;
        max-width: 280px;
    }

    .return-to-home-outer {
        max-width: 280px;
        margin: 0px auto 30px;
    }
}

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

    /*7-5-2020*/

    .terms-heading strong {
        font-size: 10px;
    }
    /*7-5-2020*/
}


@media only screen and (max-width:550px) {
    .language-select {
        float: right;
        position: absolute;
        background: #fff;
        margin-top: 8px;
        right: 10px;
        top: -20px;
    }

        .language-select select {
            width: 95px;
        }
}

@media only screen and (max-width:410px) {
    .login-page .ocean-holidays-logo {
        width: 137px;
        margin-right: 19px;
    }

    .login-page .guest-registration {
        font-size: 14px;
    }

    .loginsec {
        height: 68%;
    }

    .login-box .form-control {
        height: 40px;
    }

    .ocean-holidays-logo {
        width: 123px;
        margin-right: 29px;
    }

    .guest-registration {
        font-size: 15px;
        padding: 0px 0 0px 19px;
    }

    .booking-steps {
        Margin-bottom: 17px;
    }

        .booking-steps ul li {
            width: 22.2%;
            margin: 0 5px;
        }

            .booking-steps ul li:before {
                right: -33px;
                width: 45px;
            }

            .booking-steps ul li .step-box {
                width: 40px;
                height: 40px;
            }

                .booking-steps ul li .step-box i {
                    font-size: 24px;
                    height: 37px;
                    width: 38px;
                }

            .booking-steps ul li .step-txt {
                font-size: 12px;
                line-height: 13px;
            }

            .booking-steps ul li.completed span {
                left: -3px;
            }
}

@media only screen and (max-width:374px) {
    .booking-steps ul li:before {
        right: -32px;
        width: 43px;
    }

    .booking-steps ul li .step-txt {
        font-size: 11.5px;
    }
}

@media only screen and (max-width:359px) {
    .login-page .ocean-holidays-logo {
        width: 124px;
        margin-right: 13px;
    }

    .login-page .guest-registration {
        font-size: 12px;
    }

    h1 {
        font-size: 21px;
    }

    .booking-steps ul li .step-box {
        width: 35px;
        height: 35px;
    }

        .booking-steps ul li .step-box i {
            font-size: 20px;
            height: 32px;
            width: 33px;
        }

    .booking-steps ul li {
        width: 21.8%;
    }

        .booking-steps ul li:before {
            right: -30px;
            width: 39px;
            top: 21%;
        }

    .ocean-holidays-logo {
        width: 105px;
        margin-right: 18px;
    }

    .guest-registration {
        font-size: 14px;
        padding: 0px 0 0px 16px;
    }

    .booking-steps ul li .step-txt {
        font-size: 12px;
    }

    .booking-steps ul li.completed span {
        width: 10px;
        height: 7px;
    }

    .payment-info ul li {
        font-size: 17px;
        line-height: 23px;
    }

        .payment-info ul li span {
            font-size: 20px;
        }

    .registration-page .custom-select select.form-control {
        padding: 6px 10px;
        background-position: 116%;
        background-size: 18px;
    }

    .registration-form .custom-select select.form-control {
        background-position: 100%;
    }
}

/*height media query*/
@media only screen and (max-height:568px) {
    .loginsec {
        float: left;
        height: 393px;
        left: 0;
        position: relative;
        right: 0;
        text-align: center;
        top: -113px;
        width: 100%;
    }

    .login-wrap {
        bottom: 0;
        float: left;
        margin-top: -172px;
        width: 100%;
        position: relative;
        float: left;
        width: 100%;
    }

        .login-wrap:before {
            display: none;
        }

    .login-box {
        float: left;
        margin-top: 0;
        padding: 10px 0 13px;
        width: 100%;
        top: 0px;
    }

    .loginbg {
        background: #2d478c;
    }

    .login-box .custom-btn {
        height: 40px;
    }

    .login-box .input-box {
        padding: 0 0 0px;
        margin-bottom: 12px;
    }
}

/*height media query*/
@media only screen and (max-height:480px) {
    .login-box .form-control {
        height: 35px;
    }

    .login-box .custom-btn {
        height: 35px;
    }

    .login-box .input-box {
        padding: 0 0 0px;
        margin-bottom: 10px;
    }
}


@media only screen and (min-width:992px) {
    .for-tab-only, .for-mobile-tab {
        display: none
    }

    .inner-row {
        margin-left: -19px;
        margin-right: -19px;
    }

    .left-colum, .right-colum {
        padding-left: 19px;
        padding-right: 19px;
    }

    .left-colum {
        margin-top: 4px;
    }

    .terms-conditions-page h1 {
        margin-bottom: 14px;
    }

    .terms-conditions-page .mid-part {
        margin-bottom: 78px;
    }

    .balance-pay {
        width: 26.8%;
        margin-right: 12.4%;
    }

    .card-type {
        width: 60.7%;
    }

    .security-code-inner-row {
        margin-left: -3px;
        margin-right: -3px;
    }

    .security-code-inner-col, .cvv-box-inner-col {
        padding-left: 3px;
        padding-right: 3px;
    }

    .security-code-inner-col {
        width: 65%;
    }

    .cvv-box-inner-col {
        width: 35%;
        padding-left: 3px;
        padding-right: 3px;
    }

    .cvv-box {
        font-size: 12px;
        font-style: italic;
        padding-top: 39px;
    }

    .security-code {
        width: 39%;
    }

    .exp-date {
        width: 61%;
    }

    .exp-row {
        margin-left: -12px;
        margin-right: -12px;
    }

    .exp-col {
        padding-left: 12px;
        padding-right: 12px;
    }

    .payment-form .submit-btn {
        margin-top: 18px;
    }
}

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

    .for-mobile {
        display: none
    }

    .form-row {
        margin-left: -19px;
        margin-right: -19px;
    }

    .form-col {
        padding-left: 19px;
        padding-right: 19px;
    }

    .view-fees-detail ul li:nth-child(1) {
        width: 40%;
    }

    .view-fees-detail ul li:nth-child(2) {
        width: 28%;
    }

    .view-fees-detail ul li:nth-child(3) {
        width: 32%;
    }
}

@media only screen and (max-width:1966px) {
    .login-page .oldloginform {
        padding: 15px 25px 5px 25px;
    }

    .oldloginform.login-box .input-box {
        padding: 0 22px 0 0;
    }
}


/*new login page 15-7-2020*/

@media screen and (max-width:1199px) {
    .newloginpage .login-wrap {
        background-image: url(../images/banner-tabimg.png);
    }

        .newloginpage .login-wrap::before {
            position: absolute;
            left: 0px;
            top: 1px;
            background-color: #fff;
            right: 0px;
            content: '';
            width: 100%;
            height: 1px;
        }

    .newloginpage .login-box {
        margin-top: 0px;
        padding: 25px 25px;
    }

        .newloginpage .login-box .input-box {
            width: 43.3%;
            padding: 0 22px 0 0;
        }

        .newloginpage .login-box .button {
            width: 117px;
            float: left;
            top: 54px;
            position: absolute;
            right: 25px;
        }

        .newloginpage .login-box .input-box {
            margin-bottom: 0px;
        }

    .newloginpage .top-header {
        padding: 28px 0px;
    }

    .newloginpage .login-wrap .logintoppart h1 {
        font-size: 42px;
        margin-bottom: 15px;
    }

    .newloginpage .login-wrap .logintoppart ul li {
        font-size: 17px;
    }

    .custom-paragraph p {
        font-size: 16px;
    }

    .newloginpage .login-box .input-box input {
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
    }


    .newloginpage .login-box .button .custom-btn {
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
    }

    .newloginpage .login-wrap .logintoppart ul {
        margin-bottom: 20px;
    }
}


@media screen and (max-width:991px) {
    .newloginpage .top-header {
        height: auto;
    }

    .newloginpage .login-wrap:before {
        display: block;
    }

    .newloginpage .login-wrap .logintoppart ul li {
        margin-right: 10px;
    }

    .newloginpage .ocean-holidays-logo {
        float: left;
    }

    .newloginpage .login-box .input-box input {
        height: 43px;
        box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
    }

    .newloginpage .login-box .input-box {
        width: 44%;
        padding: 0 22px 0 0;
    }

    .newloginpage .login-box .button {
        width: 11%;
        top: 45px;
    }

        .newloginpage .login-box .button .custom-btn {
            height: 43px;
            box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
        }

    .custom-paragraph p br {
        display: none;
    }

    .newfooterflex {
        width: 100%;
    }

    .accredited {
        flex-direction: column;
    }

    .newloginpage .login-wrap {
        padding: 35px 0px 25px 0px
    }

    .newloginpage .login-box {
        padding: 20px 25px;
    }
}

@media screen and (max-width:767px) {
    .newloginpage {
        background-color: #fff;
    }

        .newloginpage .login-wrap {
            padding: 15px 0px 25px 0px;
            background-image: url(../images/bannernewimg.png);
            margin-top: 0px;
        }

        .newloginpage .top-header {
            padding: 14px 0px;
        }

        .newloginpage .ocean-holidays-logo {
            margin-top: 0px;
        }

        .newloginpage .language-select {
            position: relative;
            top: 0px;
            right: 0px;
            margin-top: 7px;
        }

        .newloginpage .login-wrap .logintoppart h1 {
            font-size: 36px;
            margin-bottom: 10px;
        }

        .newloginpage .login-wrap .logintoppart ul li {
            font-size: 16px;
            margin-bottom: 5px;
            margin-right: 0px;
            display: block;
        }

        .newloginpage .login-wrap::before {
            display: none;
        }

        .newloginpage .login-wrap .logintoppart ul li img {
            width: 15px;
        }

        .newloginpage .login-box .input-box {
            width: 100%;
            padding: 0;
            float: none;
            margin-bottom: 13px;
        }

        .newloginpage .login-box .button {
            width: 100%;
            top: inherit;
            position: relative;
            float: none;
            right: inherit;
        }

        .newloginpage .login-box {
            padding: 20px;
        }

        .newloginpage .login-wrap .logintoppart ul {
            margin: 0px 0px 15px 0px
        }

    .custom-paragraph {
        padding: 25px 0px 25px 0px;
    }

    .newfooterflex {
        display: block;
    }

    .mastercards {
        width: 45%;
        display: inline-block;
        vertical-align: top;
        margin-right: 10px;
    }

    .accredited {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        text-align: right;
    }

        .accredited ul {
            display: inline-block;
            vertical-align: top;
        }

            .accredited ul li {
                display: inline-block;
            }

                .accredited ul li img {
                    width: 20px;
                    display: inline-block;
                }

        .accredited label {
            margin-right: 5px;
        }

    .newloginpage .copyright {
        text-align: center;
        display: block;
        margin-top: 5px;
    }

    .newfooter {
        padding: 15px 0px;
    }

    .custom-paragraph p {
        font-size: 16px;
        line-height: 19px;
    }

    .newloginpage .login-wrap .logintoppart h1 em {
        display: none;
    }
}

@media screen and (max-width:575px) {
    .newloginpage .login-wrap {
        background-image: url(../images/mobile-bannerimg.png);
    }

    .newloginpage .language-select {
        margin-top: 5px;
    }
}

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


/*new login page 15-7-2020*/