/* General ==========================*/
 @font-face {
    font-family: 'Avenir';
    src: url('../fonts/Avenir.ttf') format('truetype');
}
 @font-face {
    font-family: 'AvenirItalic';
    src: url('../fonts/AvenirItalic.ttf') format('truetype');
}
 @font-face {
    font-family: 'AvenirLight';
    src: url('../fonts/AvenirLight.ttf') format('truetype');
}
 @font-face {
    font-family: 'AvenirMedium';
    src: url('../fonts/AvenirMedium.ttf') format('truetype');
}
 @font-face {
    font-family: 'AvenirBold';
    src: url('../fonts/AvenirBold.ttf') format('truetype');
}
 @font-face {
    font-family: 'AvenirBlack';
    src: url('../fonts/AvenirBlack.ttf') format('truetype');
}
 @font-face {
    font-family: 'DryBrush';
    src: url('../fonts/DryBrush.ttf') format('truetype');
}
 @font-face {
    font-family: 'PantonBlackCaps';
    src: url('../fonts/PantonBlackCaps.otf') format('truetype');
}
 @font-face {
    font-family: 'PantonBlackItalicCaps';
    src: url('../fonts/PantonBlackItalicCaps.otf') format('truetype');
}
 @font-face {
    font-family: 'PantonLightCaps';
    src: url('../fonts/PantonLightCaps.otf') format('truetype');
}
 @font-face {
    font-family: 'PantonLightItalicCaps';
    src: url('../fonts/PantonLightItalicCaps.otf') format('truetype');
}
 body, textarea, select, input, button, dl, dd, dt, a, p, span {
    font-family: 'Avenir', sans-serif;
    color: #333
}
 a {
    color: #ff0a28;
}
 option[value=""][disabled] {
    display: none;
    color: #f00;
}
 a {
    outline: 0;
    text-decoration: none;
}
 a:active, a:focus, a:hover {
    outline: 0;
    color: #333;
    text-decoration: underline;
}
 select, input[type="text"], input[type="email"], input[type="text"], input[type="email"] {
    border: 2px solid #3e424e;
    padding: 5px 10px;
}
 input[type="text"].captcha-container{
    color: #3e424e;
    background: #999;
    margin: 0;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #ccc;
}
 h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-family: 'AvenirBold', sans-serif !important;
    color: #3e424e;
}
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content h5,
.main-content h6, h1.mc-title,
.mc-date {
    color: #3e424e;
}
 h1.mc-title,
.mc-date {
    text-align: center;
}
.main-content form {
    max-width: 90%;
    margin: 0 auto 50px auto;
    padding: 2em;
}
.main-content form h2,
.main-content form h3 {
    line-height: 2em;
}
/* @fonts ==========================*/
.gold-btn,
.filter-menu a,
.filter-menu_list span,
.video-toggle span,
.gold-nav_ul li a,
header a,
footer .footer2 .sm-rise a,
.breadcrumb_ol a,
.breadcrumb span,
.drawer dd,
.drawer a,
.drawer2 label,
.toggle-banner, #search .btn {
    font-family: 'PantonLightCaps';
}
footer .footer2 .sm-rise h2 a,
.highlight h2 span,
footer .sm a p,
.drawer dt,
.drawer2 label.drawer2-title {
    font-family: 'PantonBlackCaps';
    font-weight: normal !important;
}
footer .footer2 .mini-links a,
footer .footer2 .mini-links span,
input.input-search,
.drawer2 p a {
    font-family: 'AvenirLight';
    color: #000;
    font-weight: 700;
}
.footer2 .mini-links{
    color: #000;
}
form label {
    font-family: 'AvenirMedium';
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.view p {
    font-family: 'AvenirItalic'
}
/* @buttons & fields ==========================*/
.gold-btn,
.quote .gold-btn {
    outline: 0;
    border: 0;
    background: #3e424e;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: none;
    cursor: pointer;
    margin: 0 auto;
    text-transform:uppercase;
}
.gold-btn:hover,
.quote .gold-btn:hover {
    color: #fff;
    background: #333 ;
    border: 0;
}
.gold-btn:focus,
.gold-btn:hover,
.quote .gold-btn:hover {
    text-decoration: none;
    color: #fff;
    background: #333 ;
    border: 0;
}
select,
.drawer select,
.drawer select,
.drawer input[type="text"],
.quote select {
    border-color: #3e424e;
    background: #fff url(../images/fiesta-btn-dropdown.png)no-repeat right center;
    min-height: 36px;
}
input[type="radio"] {
    display: block;
    cursor: pointer;
    min-height: 20px;
    width: 32px;
    float: left;
}
textarea {
    border: 2px solid #3e424e;
}
input[type='checkbox'] {
    border: 2px solid #e32735;
    display: block;
    width: 16px;
    margin: 0 10px 0 0;
    cursor: pointer;
    min-height: 26px;
    float: left;
}
#main-captcha{
    color: #3e424e;
    background: #999;
    margin-bottom: 10px;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    border: solid 1px #ccc;
}
form input[type=button], input[type=reset], input[type=submit] {
    min-width: 200px;
}
.promos .no-gutter,
.promos_item {
    overflow: hidden;
}
.promos_item .gold-btn,
.main--hotel .explore-btn{
    border: 0;
    background: #3e424e;
}
.promos_item .gold-btn:hover,
.main--hotel .explore-btn:hover{
    background: #333;
    color: #fff;
    border: 0;
}
.promos_item .gold-btn {
    bottom: 0;
}
.promos_item .gold-btn.btn-hide {
    bottom:-35px;
}
.main--hotel .inner-mask .content {
    background: #fff;
    color: #333;
}
.main--hotel .inner-mask {
    background: inherit;
}
.gold-nav_ul .fa,
.gold-nav_ul li a {
    /*color: #fff;*/
    color:#3E424E;
}
.gold-nav_ul li:first-child {
    border-top: 1px solid #fff
}
.gold-nav_ul li:last-child {
    border-bottom: none;
}
.gold-nav_ul li {
    /* border-top: 1px solid #fff;*/
    /* border-bottom: 1px solid #eee;*/
    border-top:1px solid #3E424E;
    border-bottom: none;
}
.gold-nav_ul li:hover {
    border-top: 1px solid #27131f;
    border-top: 1px solid #3E424E;
}
.gold-nav_ul li:hover .fa{
    color: #fff;
}
.gold-nav_ul li:hover a{
    /* background: #27131f;*/
    background: #3E424E;
}
 hr.title-divider {
    width: 100px;
}
/* @backgrounds ==========================*/
 .header {
    background: #fff;
}
.mobileNavWrap{
    background: #777c88;
}
#mobileNav > li {
    background: transparent;
}
#mobileNav > li:nth-child(even){
    background: #585D6b;
}
.gold-nav {
    /*background: url(../images/fiesta-sidebar.jpg)no-repeat;*/
    width: 70px;
    background-size: cover;
    background:#fff;
    box-shadow: 0 0 2px 0px #333;
}
.filter-wrapper,
.quote {
    background: url(../images/fiesta-header.jpg)no-repeat;
    background-size: cover;
}
.footer2 {
    background: url(../images/fiesta-footer.jpg)no-repeat;
}
.quote--2,
.quote--2 label{
    background: #fff;
    color: #333
}
.filter-menu_back-btn {
    /* background: #27131f;*/
    background: #3E424E;
}
.menuWrapper svg path {
    stroke: #3e424e;
}
.searchArea a span{
    /* color: #ff0a28;*/
    color: #3e424e;
}
 #search .btn {
    background: #3e424e;
    color: #fff;
    border: 0;
    border-radius: 0;
    padding: 5px 15px;
}
 #search .btn:hover{
    color: #fff;
    background: #333 ;
}
 footer .footer1,
 footer {
    background: #fff;
}
 footer .sns ul li a,
 footer .sns ul li span {
    /* color: #333;*/
    color: #3e424e;
    border-color: #3e424e;
}
.footer1 .sm a:hover{
    color:#3e424e;
}
.sns ul li:hover a {
    background: #3e424e;
    color: #fff;
}
.sns ul li:hover span{
    color: #fff;
}
 footer .sm a p,
 footer .sm span{
    color: #3e424e;
}
 footer .footer1 {
    box-shadow: 10px 10px 10px 10px #999;
}
.highlight h2 {
    border-color: #fff;
    color: #333
}
.highlight h2 span {
    background: #fff;
}
 #mobileNav > li:first-child {
    border-top: none;
}
 #mobileNav > li {
    border-bottom: none;
    border-radius: 0;
}
/* @typography ==========================*/
 .text-brush {
    font-family: 'DryBrush';
}
.text-heading {
    font-family: 'PantonLightCaps';
}
.text-heading-bold {
    font-family: 'PantonBlackCaps';
}
.text-body-italic {
    font-family: 'AvenirItalic';
}
.text-body-light {
    font-family: 'AvenirLight';
}
.text-body-medium {
    font-family: 'AvenirMedium';
}
.text-body-bold {
    font-family: 'AvenirBold';
}
.text-body-black {
    font-family: 'AvenirBlack';
}
/* @overrides ==========================*/
 .drawer2 .datepicker:before {
    position: absolute;
    top: 7px;
    right: 6px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f073";
    color: #333;
    font-size: 18px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: #3e424e;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: #999 !important;
}
.datepicker input[type="text"]{
    border: 2px solid #3e424e;
    padding: 7px 15px;
    background: none;
    font-size: 16px;
}
.drawer2 .datepicker:before {
    top: 11px;
    right: 10px;
    color: #3e424e;
}
/* Booking Strip */
 .quote p{
    font-family: 'PantonBlackCaps';
    text-transform: inherit;
}
.quote.quote--2 p{
    font-family: 'DaxRegular', sans-serif;
    font-size: 16px;
}
.quote.quote--2 select {
    font-size: 15px;
}
.quote.quote.quote--2 .datepicker:before {
    font-size: 25px;
}
.quote.quote.quote--2 .btn-availability-wrapper input[type=submit] {
    min-height: 36px;
}
.quote.quote--2 form {
    margin: 0 auto ;
    width: 100%;
    padding: 0;
}
.quote.quote--2 form .hotel-select-wrapper label {
    margin-bottom: 0;
    line-height: 2.5;
}
.footer2 .sm-rise {
    margin-top: 15px;
}
footer .footer2 .sm-rise a,
footer .footer2 .sm-rise p,
footer .footer2 .sm-rise span {
    color: #333;
}
#mobileNav > li a {
    color: #fff;
}
footer .footer2 .sm-rise h2 a {
    color: #333;
}
footer .footer2 .sm-rise div>ul>li>a,
footer .footer2 .sm-rise span{
    color:#333;
}
.filter-menu a,
.filter-menu_list span {
    font-size: 12px;
}
.filter-menu a:hover {
    color: #fff;
}
.filter-menu_list .p4 {
    /* background-color: #2f262c;*/
    background: #585D6B;
}
.filter-menu_list .p4 a,
.quote p,
.drawer dt,
.drawer .gold-btn:hover i {
    color: #fff;
}
.breadcrumb {
    background: #eceeef;
    margin: 0;
    border-radius: 0;
}
.breadcrumb_ol a,
.breadcrumb span {
    color: #999;
    text-decoration: none;
}
.breadcrumb_ol a:hover {
    color: #3e424e;
    text-decoration: underline;
}
.breadcrumb_ol li:last-child a {
    color: #3e424e;
}
.icon-specialoffers::before {
    background: #3e424e url(../images/icon-specialoffers.png);
    color: #3e424e;
}
.main-content {
    padding-left: 70px;
}
.drawer {
    left: 70px;
    top:127px;
}
.drawer1 {
    /* background: #402033;*/
    background: #585D6B;
    border-left: none;
    box-shadow: 13px -4px 15px -15px #000;
}
.drawer2 {
    /* background: #542d44;*/
    background: #777C88;
    border-left: none;
    box-shadow: -8px 13px 8px 10px #999;
    color: #333;
}
.drawer dt,
.drawer dd,
.drawer a {
    font-weight: normal;
    color: #333
}
.drawer dl,
.drawer1>div{
    background: #fff
}
.drawer dd:hover,
.drawer dd.no-draw:hover a {
    background: #3e424e;
    color: #fff;
}
.drawer .fa-angle-right {
    color: #333
}
.drawer dd:hover .fa-angle-right {
    color: #fff;
}
.drawer2 p a {
    color: #ff0a28;
    color: #ff0a28;
    text-transform: initial;
    letter-spacing: normal;
    display: inline;
}
/* @media queries ==========================*/
 @media (max-width: 1199px) {
    .quote.quote--2 form div {
       margin : 5px auto;
    }
    .quote.quote--2 form .hotel-select-wrapper {
       margin-left: 0;
    }
}
/** * Additioanal Fiesta =============================*/
/*=======MEDIA CENTER CSS===============*/
 .media-center-lists-wrapper .row.media-list-item .download-wrapper .download {
    background-color: #3e424e;
}
 div.media-center-lists-wrapper .media-list-item {
    border: 1px solid #3e424e;
}
 div.media-list-item .media-list-item-date, div.media-center-lists-wrapper h2{
    color: #333;
}
 div.media-list-item h4.media-list-item-title a {
    color: #333;
    font-family: 'AvenirBold', sans-serif;
}
 div.media-list-item h4.media-list-item-title a {
    color: #333;
    font-family: 'DaxRegular', sans-serif;
}
.media-center-view-wrapper.container .mc-title,
.media-center-view-wrapper.container .mc-dl-title,
.media-center-view-wrapper.container .mc-date {
    color: #333;
}
/*=========DREAMREWARDS MEMBERSHIP===========*/
 #membership-data-update-form input[type="text"], #membership-data-update-form input[type="email"], #dream-reward-form input[type="text"], #dream-reward-form input[type="email"] {
    border: 2px solid #3e424e;
}
 form#membership-data-update-form,
 form#dream-reward-form {
    color: #333;
}
 form#membership-data-update-form select, #dream-reward-form select {
    border-color: #3e424e;
    background: #fff url(../images/fiesta-btn-dropdown.png)no-repeat right center;
}
 form#membership-data-update-form input#edit-captcha-hide,
 form#dream-reward-form input#edit-captcha-hide {
    color: #333;
    background: #999;
}
/*===========GIFT REDEMPTION==============*/
 .gift-redemption select {
    border: 2px solid #3e424e;
    background: url(../images/fiesta-btn-dropdown.png)no-repeat right center;
}
 div#gift-redemption-grid-image .panel-footer {
    background:#3E424E;
}
.panel-default:hover {
    background: #ddd;
}
/*==============EVENT PROPOSAL===============*/
 form#event-proposal-form {
    color: #333;
}
 @media (max-width: 991px) {
    .logoArea {
        width: 210px;
    }
    /** * NEWSLETTER ON MOBILE */
    #newsletter-form select#dob {
        max-width: none;
    }
    #newsletter-form div#main-captcha {
        width: 100%;
    }
    #newsletter-form .newsletter-row label[for] {
        width: 100%;
    }
    #newsletter-form .newsletter-row label[for="your_interests"] {
        width: 85%;
    }
    #newsletter-form select, #newsletter-form input[type="text"], #newsletter-form input[type="email"] {
        width: 100%;
    }
    #newsletter-form div#main-captcha {
        margin-left: 0;
    }
    #newsletter-form input[type="radio"] {
        margin-left: 0%;
    }
    div#reset-captcha {
        width: 100%;
        margin: 0;
    }
}
 @media (max-width: 767px) {
    #newsletter-form .newsletter-row {
        width: 100% !important;
    }
    #newsletter-form label[for="terms"] {
        width: 100% !important;
    }
}
 @media (max-width: 480px) {
    .lang {
        display: inline-block !important;
    }
    form#membership-data-update-form input#edit-captcha-hide,
    form#dream-reward-form input#edit-captcha-hide {
        font-size: 30px;
    }
    #newsletter-form div#main-captcha {
        font-size: 30px;
    }
}
 form#newsletter-form input[type='checkbox']#your_interests label:before {
    border: 2px solid #4b7b8e;
}
/** Dynamic Modal CSS ========================== */
 .modal-body {
    padding: 15px;
    background-color: #fff;
}
.centered-modal.in {
    display: flex !important;
}
.centered-modal .modal-dialog {
    margin: auto;
}
.modal-body img {
    top:0;
    right:0;
}
.modal-content .close {
    position:absolute;
    top: 3px;
    right: 7px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}
.close:focus,
.close:hover {
    color: #333;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}
.close {
    top:2px;
    right:5px;
    z-index:100;
}
.modal-body {
    padding:0px;
}
.modal .modal-content,
.modal .modal-content p{
    font-family: 'Avenir', sans-serif;
    color: #3e424e;
}
.modal-content {
    border-radius: 0 !important;
}
.modal .modal-content h1,
.modal .modal-content h2,
.modal .modal-content h3,
.modal .modal-content h4,
.modal .modal-content h5,
.modal .modal-content h6 {
    font-family: 'PantonBlackCaps' !important;
}
 div.modal-padding {
    padding: 20px !important;
}
.form-submit-button {
    background-color: #3e424e;
    border-color: #3e424e;
    color: #fff;
    border: 0;
    padding: 3px 20px;
}
.form-submit-button:hover {
    text-decoration: none;
    color: #fff;
    background: #333;
    border: 0;
}
 #myModal .modal-dialog {
    width: 50%;
}
 div#myModal .modal-dialog .modal-content img {
    width: 100%;
}
 #myModal label.drawer2-title {
    font-family: 'PantonBlackCaps';
    font-weight: normal !important;
    text-align: center !important;
    letter-spacing: 2px;
    display: block;
    font-size: 20px;
}
 #myModal label {
    text-transform: uppercase;
    text-align: center;
    color: #2e2e2e;
}
 #myModal select {
    border-color: #3e424e;
    display: block;
    margin-bottom: 10px;
    padding-right: 42px;
    cursor: pointer;
    min-height: 36px;
    width: 100%;
    padding: 5px;
    outline: 0;
}
 #myModal input.gold-btn {
    text-decoration: none;
    color: #fff;
    background: #333;
    border: 0;
    display: block;
    width: 100%;
}
 #myModal .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem;
}
