/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn-block-height { height: 38px;}/**/

.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; }

/*  Button Block  */

.btn-block { width: 100%; display: block; padding-left: 0; padding-right: 0; }

 

/*  Button Primary  */

.btn-primary {
    font-size: 21px;
    line-height: 1.24;
    color: var(--primary-button-text-color);
    font-weight: normal;
    text-shadow: 0 2px 0 var(--primary-button-text-shadow);
    /*letter-spacing: -0.02em;*/
    text-decoration: none;
    padding: 6px 28px;
    border: 0;
    background: var(--primary-button-background);
    border-radius: 1px;
    box-shadow: 0 3px 0 var(--primary-button-background-dark);
}
    .btn-primary.btn-details {
        font-size: 22px;
        font-weight: 600;
        margin: auto;
        width: 160px;
        border-radius: 3px;
    }
.flight-search-result-list .btn-primary.btn-details {
    border-radius: 3px;
    width: 160px;
    margin: auto;
}

/*.btn-primary:hover { box-shadow: 0 1px 0 #0a6714;margin-top: 2px;}*/
    .btn-primary:hover {
        box-shadow: 0 2px 0 var(--primary-button-hover-color);
    }

    .form-foot .btn-primary:hover {
        box-shadow: none;
    }
/*  Button blue  */

.btn-blue { font-size: 34px; line-height: 1.24; color: #fff; font-weight: 400; text-shadow: 0 2px 0 #044c73; letter-spacing: -0.02em; text-decoration: none; padding: 9px 28px; border: 0; background: #166f9f; border-radius: 2px; box-shadow: 0 3px 0 #034C75; }

.btn-blue:hover { background-color: #034C75; }

/*  Button Add  */

.btn-add { font-size: 25px; line-height: 33px; color: #647283; font-weight: 400; padding: 15px; border: 1px solid #c5ced9; margin-bottom: 21px; background: #fff; border-radius: 3px; box-shadow: none; }
    .btn-add span {
        width: 33px;
        height: 33px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin: -1px 0 0 2px;
        background-color: var(--secondary-search-primary-color);
        border-radius: 50%;
        transition: all .4s ease;
    }
.btn-add span:before { width: 20px; height: 2px; }
.btn-add span:after { width: 2px; height: 20px; }
.btn-add span:before,
.btn-add span:after { content: ''; background-color: #fff; border-radius: 2px; transition: all .4s ease; }
    .btn-add:hover {
        color: var(--primary-button-text-color);
        border-color: var(--primary-button-background);
        background-color: var(--primary-button-background);
    }
.btn-add:hover span { background-color: #fff; }
.btn-add:hover span:before,
.btn-add:hover span:after { background-color: var(--secondary-search-primary-color); }

.room-selection .btn-add span { width:24px; height: 24px;  }
.room-selection .btn-add span:before { width: 14px; height: 2px; }
.room-selection .btn-add span:after { width: 2px; height: 14px; }
/* ------------------------------------------------------------ *\
	Button Remove
\* ------------------------------------------------------------ */

.btn-remove { font-size: 16px; line-height: 27px; color: #2a3335; font-weight: 400; padding: 0; border: 0; margin: 0; background: none; border-radius: 0; box-shadow: none; }

.btn-remove span { width: 27px; height: 27px; float: left; position: relative; margin-right: 5px; background-color: #8b909e; border-radius: 50%; -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: all .4s ease; }

.btn-remove span:before { width: 16px; height: 2px; }

.btn-remove span:after { width: 2px; height: 16px; }

.btn-remove span:before,
.btn-remove span:after { content: ''; background-color: #fff; border-radius: 2px; }

.btn-remove:hover { text-decoration: underline; }

.btn-remove:hover span { background-color: #000; }

/* ------------------------------------------------------------ *\
	Button Search
\* ------------------------------------------------------------ */

.btn-search,
.results-head .btn-return { font-size: 21px; line-height: 23px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 18px 10px 17px; border: 0; background-color: rgba(255,255,255,.05); border-radius: 5px; box-shadow: none; }

.btn-search i { margin-left: 7px; }

.btn-search:hover { background-color: rgba(0,0,0,.2); }

/* ------------------------------------------------------------ *\
	Button Primary Small
\* ------------------------------------------------------------ */

.btn-primary-small { font-size: 20px; line-height: 1.2; color: #fff; font-weight: 400; text-align: center; padding: 3px 15px; border: 0; background: #178723; border-radius: 4px; box-shadow: none; }

.btn-primary-small:hover { background-color: #0a6714; }

/* ------------------------------------------------------------ *\
	Button Return
\* ------------------------------------------------------------ */

.btn-return { font-size: 21px; line-height: 23px; color: #fff; font-weight: 400; text-decoration: none; padding: 10px 14px; background-color: rgba(0,0,0,.5); border-radius: 5px; }

.btn-return i { float: right; margin-left: 13px; }

.btn-return:hover { background-color: #000; }

/* ------------------------------------------------------------ *\
	Button Location
\* ------------------------------------------------------------ */

.btn-location { font-size: 21px; line-height: 1.57; color: #53a6dc; font-weight: 400; text-decoration: none; padding: 10px 20px; background-color: rgba(0,0,0,.6); border-radius: 5px; }

.btn-location i { float: right; margin-left: 10px; }

.btn-location:hover { background-color: #000; }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

.green-button{color: var(--primary-button-text-color);text-shadow: 0 2px var(--primary-button-text-shadow);background-color: var(--primary-button-background);box-shadow: 0 3px var( --primary-button-background-dark);text-decoration: none;border-radius: 3px;}
.gray-button {
    background: #D4D4D4 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;

    text-align: center;
    font: Regular 18px/32px Rubik;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;

    color: #000000;
    box-shadow: 0 0;
    text-shadow: 0 1px #586a81;
    text-decoration: none;
    /*background: #93a4ba;
    border-radius: 3px;*/
}

.button.red {color:#e04955;background-color:#fff2f3}
.button.blue {color:#48a0dc;background-color:#ebf4fa}
.button.green {color:#51ad00;background-color:#e7f3e9}

.btn.disabled,.btn[disabled]{background-color:#9a9a9a!important;box-shadow: 0 3px #565656!important; pointer-events: none; cursor: default;color:#fff;text-shadow:unset}

/* ------------------------------------------------------------ *\
	Button Promo
\* ------------------------------------------------------------ */

.section-promo-button .btn-promo { font-size: 23.1px; line-height: 1.24; color: #fff; font-weight: normal; text-shadow: 0 2px 0 #14721d; letter-spacing: -0.02em; text-decoration: none; padding: 6px 28px; border: 0; background: #178723; border-radius: 1px; box-shadow: 0 3px 0 #0a6714;}

/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */

.subscribe label { font-size: 18px; line-height: 1.33; color: #c4dbe0; display: block; margin-bottom: 16px; padding-right: 3px; }

.subscribe label strong { font-size: 24px; color: #82a3b1; display: block; margin-bottom: -3px; }

.subscribe-row { position: relative; padding-left: 82px; }

.subscribe-field { font-size: 18px; line-height: 1.33; color: #000; width: 100%; height: 46px; display: block; padding: 10px 13px; border: 1px solid #eee; border-left: 0; background: #fff; border-radius: 0 2px 2px 0; box-shadow: none; }
 

.subscribe-field::-moz-placeholder { color: #abacb1; opacity: 1; }

.subscribe-field:-ms-input-placeholder { color: #abacb1; opacity: 1; }

.subscribe-field::placeholder { color: #abacb1; opacity: 1; }

.subscribe-btn { font-size: 21px; line-height: 24px; color: #fff; width: 82px; height: 46px; display: block; position: absolute; top: 0; left: 0; padding: 11px 0; border: 0; background: #178823; border-radius: 2px 0 0 2px; box-shadow: none; }

.subscribe-btn:hover { background-color: #0a6714; }

@media (max-width: 1279px) {
	.subscribe label { margin-bottom: 10px; }
	.subscribe label strong { font-size: 20px; }
}

/* ------------------------------------------------------------ *\
	Subscribe Section
\* ------------------------------------------------------------ */

.subscribe-section { /*height: 150px;*/
	background: var(--lead-form-background);
	box-shadow: inset 0 0 5px rgba(110,137,173,.14);
	margin-top: 66px; /*background-size: 100%;*/
}
.subscribe-section h3 { font-size: 29px; line-height: 1.2; color: #fff; font-weight: 300; text-shadow: 0 3px 0 rgba(145,166,191,.36); margin: 0; transform: scale(1, 1.2);}
.subscribe-section h2 { font-size: 52px; line-height: 1; color: #fff; text-shadow: 0 2px 0 rgba(145,166,191,.36); letter-spacing: -0.01em; transform: scale(1, 1.1);}
.subscribe-section .shell { position: relative; }

.subscribe-section-form { padding: 46px 0 46px; }
.subscribe-section-form form { overflow: hidden; width: 571px;}

.subscribe-section-image { display: block; position: absolute; top: -50px; right: -11px;z-index:6; margin-top: 1px; }
.subscribe-section-content { width: calc(100% - 720px); float: right; padding: 34px 174px 0 0; }

.subscribe-section-form-field {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #898989;
	letter-spacing: -0.02em;
	width: 410px;
	height: 57px;
	display: block;
	padding: 15px 18px 15px 15px;
	border: 2px solid var(--lead-form-border-color);
	background: #fff;
	box-shadow: none;
	opacity: 0.9;
	;
}
.subscribe-section-form-field:read-only { border-color:#9a9a9a!important; }
 
.subscribe-section-form-field::-moz-placeholder { font-family: 'Rubik', Arial, Helvetica, sans-serif; color: inherit; font-weight: 400; opacity: 1; }
.subscribe-section-form-field:-ms-input-placeholder { font-family: 'Rubik', Arial, Helvetica, sans-serif; color: inherit; font-weight: 400; opacity: 1; }
.subscribe-section-form-field::placeholder { font-family: 'Rubik', Arial, Helvetica, sans-serif; color: inherit; font-weight: 400; opacity: 1; }

.subscribe-section-form-actions { float: left; }
	.subscribe-section-form-actions .btn {
		font-size: 29px;
		color: #fff;
		text-shadow: none;
		display: block;
		padding: 9.5px 34px;
		border: 0;
		background: var(--contact-btn-bg-color);
		box-shadow: none;
		transform: scale(1, 1.2);
	}
.subscribe-section-form-actions .btn:hover {box-shadow: 0 2px 0 #006e67;}

.subscribe-section-form-controls { width: 382px; float: right; position: relative; right: 7px; }
.subscribe-section-form-controls i { display: block; position: absolute; top: 12px; right: 16px; bottom: -0px; margin: auto; pointer-events: none; font-size: 21px; color: #90A4BD; z-index:5;}
.subscribe-section-form-controls input {font-size: 23px;padding: 10px;}
    @media (max-width: 1279px) {
        .subscribe-section h3 { font-size: 34px; }

	.subscribe-section-form { width: 520px; }
	.subscribe-section-image { display: none; }
	.subscribe-section-content { padding: 42px 0 0; }
}