﻿/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* your CSS here */


/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( min-width: 1199px ) {

.bottom-panel-inner .container, .core-bg-1 .container, .various-content .container, .slide-bg .container{
	width: auto;
	margin: 0 40px;
}

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}

option[value="*BLOCK SPOT"] {display:none}
.text-alert{
	color: red;
}
.c-login-form #page-header.bread-crumb {  
	margin-bottom: 30px;
}
.c-login-form .btn-danger:focus { 
    background-color: transparent;
    border-color: transparent;
    outline: 0;
}
.c-login-form .btn-danger {   
    background-image: linear-gradient(to right, #f0661b, #f0661b);
	border-color: transparent;
    border-radius: 0px 7px 0px 7px !important;
	font-size: 15px;
    font-weight: 600;
}
.c-login-form #page-header.bread-crumb h1 {  
	border: 0;
	padding: 0;
    margin: 0;
}
.c-login-form #page-header.bread-crumb .breadcrumbs {  
    margin-bottom: 35px;
}
.c-login-form .account-wall .row {
    align-items: end;
    display: flex;
}
.c-login-form .account-wall .form-control { 
    border: 2px solid #ddd;
	height: 41px;
}
.instruction-wrap {
	max-width: 830px;
    font-size: 15px;
	margin-top: 20px;
}
.guest-wrap {
	padding: 25px 25px;
    background: #fef6f3;
    border: 1px solid #f4e0d4;
	margin-top: 30px;
}
.guest-wrap .col-md-6.right-column {
    padding-left: 7%;
    border-left: 1px solid #f4e0d4;
}
/* .guest-wrap .col-md-6 .guest-info.returning-guest {
    max-width: 360px;
} */
.guest-wrap .col-md-5 .guest-info {
	max-width: 330px;
}
.guest-wrap .guest-info p { 
    min-height: 100px;
    width: 90%;
}
.guest-wrap .guest-info .btn-danger {
	padding: 10px 25px; 
    font-size: 15px;
} 

/*recovery css*/

.c-recovery-form #page-header.bread-crumb h1 {  
	border: 0;
	padding: 0;
    margin: 0;
}
.c-recovery-form #page-header.bread-crumb .breadcrumbs {  
    margin-bottom: 35px;
}
.c-recovery-form .account-wall .form-control { 
    border: 2px solid #ddd;
	height: 41px;
}
.c-recovery-form .btn-danger:focus { 
    background-color: transparent;
    border-color: transparent;
    outline: 0;
}
.c-recovery-form .btn-danger {   
    background-image: linear-gradient(to right, #f0661b, #f0661b);
	border-color: transparent;
    border-radius: 0px 7px 0px 7px !important;
	font-size: 15px;
    font-weight: 600;
}
.c-recovery-form #page-header.bread-crumb {  
	margin-bottom: 30px;
}
.c-recovery-form .account-wall .row.column {
	display: flex;
    align-items: end;
}
.c-recovery-form .account-wall .back-to-sign a {
    color: black;
    font-weight: 700;
    font-size: 17px;
}
.important-info {
    max-width: 95%;
	margin-top: 30px;
}
.important-info h4 {
	font-size: 1.5em;
}
.important-info p {
	font-size: 15px;
}

/*Register form*/

.c-register-form #page-header.bread-crumb h1 {  
	border: 0;
	padding: 0;
    margin: 0;
}
.c-register-form #page-header.bread-crumb .breadcrumbs {  
    margin-bottom: 35px;
}
.c-register-form #page-header.bread-crumb p {  
    font-size: 17px;
}
.c-register-form .account-wall .form-control { 
    border: 2px solid #ddd;
	height: 41px;
}
.c-register-form .btn-danger:focus { 
    background-color: transparent;
    border-color: transparent;
    outline: 0;
}
.c-register-form .btn-danger {   
    background-image: linear-gradient(to right, #f0661b, #f0661b);
	border-color: transparent;
    border-radius: 0px 7px 0px 7px !important;
	max-width: 190px;
	width: 100%;
	margin-left: auto;
	margin-top: 30px;
	font-size: 15px;
    font-weight: 600;
}
.c-register-form #page-header.bread-crumb {  
	margin-bottom: 30px;
}
.c-register-form .account-wall {
	padding: 0px 5%;
}
.bread-crumb .container {
    position: relative;
}
.line {
    position: absolute;
    width: 1px;
    height: 100%;
    background: lightgray;
    left: -15px;
    top: 19px;
    z-index: -1;
}
.line span {
	position: absolute;
    display: block;
    max-width: 175px;
    height: 1px;
    background: lightgray;
    width: 100%;
    min-width: 165px;
}
.line span.bottom-line {
    bottom: 0;
	min-width: 13px;
}
.line span.vertical-line {
    bottom: 0;
    left: 12px;
    min-width: 1px;
    min-height: 500px;
    top: 100%;
}
.c-login-form div#bottom-panel {
    margin-top: 96px !important; 
}
.c-recovery-form div#bottom-panel {
    margin-top: 96px !important; 
}
.c-register-form div#bottom-panel {
    margin-top: 96px !important; 
}
.bottom-text.various-content iframe {
    width: 100% !important;
    max-width: 168px;
}
.orange-theme {
	color: #F16521 !important;
}
.light-font {
	font-weight: unset;
    font-size: 14px;
	color: #969696 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.c-search-icon {
	max-width: 16px;
    transform: rotate(
-90deg);
    position: relative;
    top: 9px;
    left: -3px; 
    filter: invert(34%) sepia(92%) saturate(429%) hue-rotate(
180deg) brightness(95%) contrast(85%);
}
.light-font strong {
	color: white;
}
.light-font i {
	color: white;
}
div.header-cart.reserve-me a {
    width: 100%;
}



@media (max-width: 1199px) {
	.line span { 
		min-width: 100px;
	}
	div.header-cart.reserve-me a {
		width: auto;
		right: 0px;
	}
	.sign-in-button {
		position: absolute;
		margin-top: 40px;
	}
	.sign-in-button span {
		display: block !important;
	}
}
@media (max-width: 991px) {
	.line span { 
		min-width: 100px;
	}
	.guest-wrap .col-md-6.right-column {
		padding-left: 2%;
		border-left: none;
	}
	.guest-wrap .guest-info {
      margin: 25px 0px;
	}
	.guest-wrap {
		padding: 0px 20px; 
		margin: 30px 0px;
	}
	.c-login-form div#bottom-panel {
		margin-top: 50px !important; 
	}
	.c-recovery-form div#bottom-panel {
		margin-top: 50px !important; 
	}
	.c-register-form div#bottom-panel {
		margin-top: 50px !important; 
	} 
}
@media (max-width: 767px) { 
	.line{ 
		display: none;
	}
	.guest-wrap .col-md-5 .guest-info {
		max-width: 100%;
	}
	.guest-wrap .col-md-6 .guest-info.returning-guest {
		max-width: 100%;
	}
	.guest-wrap .guest-info p {
		min-height: auto;
	}
	.c-recovery-form .account-wall .row.column { 
		display: block;
	}
	.guest-wrap .row {
		display: flex;
		align-items: center;
	}
}
@media (max-width: 575px) { 
	.c-login-form .account-wall .row { 
		flex-wrap: wrap;
	}
	.guest-wrap {
	   text-align: center;
	}
	.c-login-form #page-header.bread-crumb {
		margin-bottom: 20px;
	}
	.c-login-form .container{
		margin: 0 5px;
	}
	.c-recovery-form .container{
		margin: 0 5px;
	}
	.c-recovery-form #page-header.bread-crumb {
		margin-bottom: 15px;
	}
	.important-info { 
		margin-top: 15px;
	}
	.c-register-form .container{
		margin: 0 5px;
	}
	.c-register-form .account-wall { 
		margin-bottom: 20px;
	}
	.guest-wrap .row {
		display: block; 
	}
	#bottom-panel .bottom-panel-inner { 
		text-align: center;
	}
	#bottom-panel #subscribe-form button { 
		margin: 0 auto;
	}
	.c-login-form div#bottom-panel {
		margin-top: 20px !important; 
	}
	.c-recovery-form div#bottom-panel {
		margin-top: 20px !important; 
	}
	.c-register-form div#bottom-panel {
		margin-top: 20px !important; 
	} 
	.c-search-icon {
		display: none;
	}
}