@import url('//fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,600,600i,700,700i&subset=latin-ext');

/*
 * DYNAMIC CALENDAR SCSS
 */
/* importing scss's */
/* ==========================================================================
   _mixins.scss = Define the helpers
   ========================================================================== */
/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
/*------------------------------------*\
  CSS HELPERS
\*------------------------------------*/
/* positions and states */
/* display flex */
/* display inline-flex */
/* justify contet */
/* align content */
/* align items */
/* align self */
/* flex direction */
/* flex wrap */
/* flex grow */
/* flex grow */
/* flex */
/* order */
/* dimensions  */
/* colors  */
/* old */
body.calendar_noscroll, html.calendar_noscroll {
    overflow: hidden;
}

/* wrapper  */
.dyncal_wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    visibility: hidden;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    opacity: 0;
    filter: Alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease 0.3s;
    -moz-transition: opacity 0.3s ease 0.3s;
    -ms-transition: opacity 0.3s ease 0.3s;
    -o-transition: opacity 0.3s ease 0.3s;
    transition: opacity 0.3s ease 0.3s;
}

@media (min-width: 768px) {
    .dyncal_wrapper {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .dyncal_wrapper {
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.dyncal_wrapper.visible {
    z-index: 99999999999;
    visibility: visible;
    opacity: 1;
    filter: Alpha(opacity=100);
}

.dyncal_wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* box */
.dyncal_box {
    display: block;
    max-width: 1060px;
    width: 100%;
    height: 100%;
    overflow: auto;
    font-family: 'Raleway', sans-serif;
}

@media (min-height: 800px) {
    .dyncal_box {
        min-height: 460px;
        height: auto;
    }
}

/* header */
.dyncal_header {
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 40px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.dyncal_header h4 {
    font-size: 20px;
    line-height: 60px;
    text-transform: uppercase;
}

.dyncal_header .close_calendar {
    display: block;
    width: 60px;
    height: 60px;
    margin-left: auto;
}

.dyncal_header .close_calendar .cross {
    height: 100%;
    position: relative;
    z-index: 301;
    width: 100%;
    display: block;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dyncal_header .close_calendar .cross:after, .dyncal_header .close_calendar .cross:before {
    cursor: pointer;
    height: 1px;
    width: 21px;
    position: absolute;
    z-index: 400;
    display: block;
    content: '';
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.dyncal_header .close_calendar .cross:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 20px;
    right: 9px;
}

.dyncal_header .close_calendar .cross:before {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 20px;
    left: 10px;
}

.dyncal_header .close_calendar .cross:after, .dyncal_header .close_calendar .cross:before {
    height: 2px;
    width: 40px;
    top: 27px;
}

.dyncal_header .close_calendar .cross:after {
    right: 9px;
}

.dyncal_header .close_calendar .cross:before {
    left: 10px;
}

/* widget css */
#fb_calendar .fbw-calendar {
    padding: 20px 0;
    flex: initial;
}

#fb_calendar .fbw-calendar button {
    top: 20px;
}

#fb_calendar .fbw-calendar--config {
    padding: 20px;
    margin: 0;
}

#fb_calendar .fbw-calendar--config > fieldset,
#fb_calendar .fbw-calendar--config > div {
    margin-right: 0;
    margin-left: 0;
}

#fb_calendar .fbw-calendar--config label {
    margin-right: 0;
    font-weight: 300;
    font-size: .9em;
    text-transform: uppercase;
}

#fb_calendar .fbw-calendar--config .fbw-calendar--dates {
    height: auto;
}

#fb_calendar .fbw-calendar--config .fbw-calendar--dates span {
    display: block;
    height: 30px;
    padding-right: 10px;
    line-height: 30px;
}

#fb_calendar #widgets--wrapper {
    padding-right: 0;
    line-height: 20px;
}

#fb_calendar #widgets--wrapper .fbw-calendar--main {
    max-width: 100%;
}

#fb_calendar .fbw-calendar--month {
    width: 95%;
}

#fb_calendar .fbw-calendar--month thead th {
    text-transform: uppercase;
}

#fb_calendar .fbw-calendar--legend {
    text-align: center;
}

#fb_calendar .fbw-calendar--bottom .mobile {
    display: none;
}

#fb_calendar .fbw-calendar--config input,
#fb_calendar .fbw-calendar--config select {
    border: 1px solid #ccc !important;
}

#fb_calendar .fbw-calendar--config .fbw-calendar--dates span {
    border: 1px solid #ccc;
    text-indent: 5px;
}

.dyncal_wrapper {
    background: rgba(0, 0, 0, 0.8);
}

.dyncal_header .close_calendar {
    background: rgba(0, 0, 0, 0.2);
}

.dyncal_header .close_calendar:hover {
    background: rgba(0, 0, 0, 0.6);
}

.dyncal_box {
    background-color: #FFF;
}

.dyncal_box, .fbw-calendar--main {
    color: #333;
}

.dyncal_header {
    background-color: #C6B43F;
    color: #FFF;
}

.dyncal_header .cross:before, .dyncal_header .cross:after {
    background-color: #FFF;
}

.day--price {
    font-size: 13px !important;
    padding: 0 3px;
}

.fbw-calendar--weekdays{
    font-size: 16px !important;
    border: 0 !important;
}
.fbw-calendar--month-name {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.arrival--value, .departure--value{
    margin: 0 !important;
}

.fbw-calendar{margin-bottom: 0 !important;}

.fbw-calendar--label{
    font-weight: 700 !important;
    margin: 0 10px 10px 0 !important;
    color: rgb(51, 51, 51) !important;
}

.fbw-calendar--action .next .next--button {
    color: #FFF !important;
}
/*# sourceMappingURL=custom.css.map */