@charset "UTF-8";

/* css reset - based off yui with some customisation
-------------------------------------------------------------- */

@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i");

/* New Corporate Booking Form CSS*/

*:focus {
    outline: none;
    background: transparent;
}


/* ------------------------------------------- */

.corpBfWrapper {
    background: rgba(11, 23, 50, 0.2);
    border-radius: 25px;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.corpBfGreetingsWrapper h2 {
    color: white;
    margin: 0;
}

.corp-dropdown-menu {
    display: block;
    height: auto;
    max-height: 175px;
    margin-top: 0px;
    overflow-x: hidden;
    background: rgb(19, 33, 72);
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: white;
    scroll-behavior: smooth;
}

.corp-dropdown-menu li {
    padding-top: 6px;
    color: rgb(19, 33, 72);
}


/* ------------------------------------------- */

.hotelSearchWrapperLabel,
.corpBfDpLabel {
    font-size: 12px;
}


.corpBfHotelSearchWrapper {
    position: relative;
}

.corpBfHotelSearchWrapper, .corporateDatePickerWrapper, .corpBfSubmitBtnWrapper {
    margin: 45px 0 0 0;
}
.hotelSearchInputWrapper input {
    background: transparent;
    border: 1px solid #7d7d7d;
    margin: 8px 0 0 0;
    color: white;
    border-radius: 5px;
    width: 95%;
    padding: 10px;
}

.corporateDatePickerWrapper input {
    background: transparent;
    border: 1px solid #7d7d7d;
    margin: 8px 0 0 0;
    color: white;
    border-radius: 5px;
    padding: 10px;
}

.corpBfSubmitBtnWrapper {
    cursor: pointer;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.corpBfSubmitBtnWrapper button {
    color: white;
    background: #009DDF;
    border: 0px solid;
    border-radius: 34px;
    width: 175px;
    height: 40px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.corpBfSubmitBtnWrapper button:hover {
    opacity: 0.8;
}

.loginbtnfront {
    color: white;
    background: #009DDF;
    border: 0px solid;
    border-radius: 34px;
    width: 110px;
    /* height: 40px; */
    padding: 15px 30px 15px 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.loginbtnfront:hover {
    opacity: 0.7;
}

iframe {
    height: 700px !important;
}


/* END OF - New Corporate Booking Form CSS*/

::-webkit-input-placeholder {
    color: #039EDC;
    font-style: normal;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

::-moz-placeholder {
    color: #039EDC;
    font-style: normal;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

::-ms-input-placeholder {
    color: #039EDC;
    font-style: normal;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}

body .wp-block-cover-image {
    margin: 0 auto;
}

.wp-block-quote.is-large {
    margin: 0 auto 16px;
}

.wp-block-pullquote>p:first-child {
    margin-top: 0;
}

.wp-block-separator {
    margin: 3em auto;
    padding: 0;
}

@media screen and (min-width: 768px) {
    .wp-block-cover-text p {
        padding: 1.5em 0;
    }
    .entry-content>* {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.sab-edit-settings,
.saboxplugin-wrap .saboxplugin-socials {
    display: none !important;
}

.blocks-gallery-item img {
    border-radius: 10px;
}

@media screen and (max-width: 640px) {
    .wp-block-spacer {
        max-height: 60px;
    }
}

.content-card {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 27px;
    position: relative;
    text-align: center;
}

.content-card .img {
    width: 100%;
    height: auto;
    display: block;
    background: #fff;
    padding-top: 60%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    border-radius: 20px;
}

.content-card h3 {
    padding: 40px 30px 10px;
    font-weight: 600;
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.content-card p {
    font-size: 14px;
    padding: 0 30px 20px;
    color: #051A4B;
}

.content-card .more {
    margin: 0 30px 20px;
    display: inline-block;
    text-decoration: underline;
}

.content-card .meta {
    position: absolute;
    left: 15px;
    top: 0;
    color: #fff;
    font-size: 10px;
    padding: 3px 15px;
    font-weight: bold;
}

.content-card .btn {
    margin: 0 5px;
}

.entry-content>.two-cards-row {
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.entry-content>.two-cards-row .row-bounds {
    padding-top: 0;
}

@media screen and (min-width: 641px) {
    .entry-content>.two-cards-row .row-bounds {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .entry-content>.two-cards-row .row-bounds:after {
        content: '';
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
    .entry-content>.two-cards-row .row-bounds>.content-card {
        display: inline;
        width: 49%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 0 2% 0;
    }
    .entry-content>.two-cards-row .row-bounds>.content-card:nth-child(2n) {
        margin: 0 0 2% 2%;
    }
}

@media screen and (min-width: 1061px) {
    .entry-content>.two-cards-row {
        padding: 0;
    }
}

.entry-content>.text-carousel-row {
    margin: 0;
    max-width: 100%;
    padding: 0 0 0 0;
}

.entry-content>.text-carousel-row h4 {
    text-align: center;
    display: block;
    padding-bottom: 20px;
    margin: 0;
}

@media screen and (min-width: 1061px) {
    .entry-content>.text-carousel-row {
        padding: 0 0 0 0;
    }
    .entry-content>.text-carousel-row h4 {
        padding-bottom: 40px;
    }
}

.text-slides {
    padding: 0 27px 100px;
    position: relative;
}

.text-slides h4 {
    margin: 0;
}

.text-slides .cycle-pager {
    position: absolute;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    bottom: 50px;
    z-index: 320;
    text-align: center;
}

.text-slides .cycle-pager>span {
    margin: 0 5px;
    opacity: 0.3;
    border-radius: 50%;
    background: #007DC3;
    width: 10px;
    height: 10px;
    display: inline-block;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.text-slides .cycle-pager>span:hover,
.text-slides .cycle-pager>span:focus {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

.text-slides .cycle-pager>span.cycle-pager-active {
    opacity: 1;
}

.text-slides .text-slide {
    text-align: center;
    width: 100%;
}

.text-slides .text-slide p {
    font-size: 20px;
    font-weight: 200;
    line-height: 1.4;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 0 27px;
}

@media screen and (min-width: 1061px) {
    .text-slides {
        padding-bottom: 140px;
        padding-top: 0;
    }
    .text-slides .cycle-pager {
        bottom: 70px;
    }
    .text-slides .text-slide p {
        font-size: 30px;
    }
}

.entry-content>.main-content-part {
    padding: 0;
    text-align: center;
    max-width: 100%;
    margin: 0;
}

.entry-content>.main-content-part .row-bounds {
    max-width: 950px;
    padding-top: 0;
}

.entry-content>.main-content-part ul {
    padding-bottom: 20px;
    margin: 0;
}

.entry-content>.main-content-part li {
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    font-size: 14px;
}

.entry-content>.main-content-part p,
.entry-content>.main-content-part h2,
.entry-content>.main-content-part h3,
.entry-content>.main-content-part h4 {
    margin: 0;
}

.entry-content>.main-content-part p {
    padding-bottom: 20px;
}

.entry-content>.main-content-part h2 {
    padding-bottom: 20px;
}

.entry-content>.main-content-part h3,
.entry-content>.main-content-part h4 {
    padding-bottom: 20px;
}

.entry-content>.main-content-part .grey-content {
    text-align: left;
}

.entry-content>.main-content-part .grey-content .image {
    padding-bottom: 20px;
}

.entry-content>.main-content-part .grey-content .image img {
    width: 100%;
    border-radius: 20px;
}

@media screen and (min-width: 641px) {
    .entry-content>.main-content-part .grey-content {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .entry-content>.main-content-part .grey-content .image {
        width: 40%;
    }
    .entry-content>.main-content-part .grey-content .text {
        width: 60%;
        padding-left: 20px;
    }
}

@media screen and (min-width: 1061px) {
    .entry-content>.main-content-part {
        padding: 0;
    }
    .entry-content>.main-content-part h2,
    .entry-content>.main-content-part h3 {
        padding-bottom: 40px;
    }
    .entry-content>.main-content-part li {
        font-size: 16px;
    }
    .entry-content>.main-content-part .grey-content .text {
        padding-left: 50px;
    }
}

.entry-content>.video-row {
    margin: 0;
    max-width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.entry-content>.video-row .row-bounds {
    padding-top: 0;
}

.entry-content>.video-row .wp-video-popup {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.entry-content>.video-row .wp-video-popup>div {
    display: block;
    width: 100%;
    height: 50vw;
    border-radius: 20px;
    background-size: cover;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.entry-content>.video-row .wp-video-popup:hover svg,
.entry-content>.video-row .wp-video-popup:focus svg {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    transform: scale(1.25);
}

.entry-content>.video-row .wp-video-popup:hover svg .arc,
.entry-content>.video-row .wp-video-popup:focus svg .arc {
    fill: #fff;
}

.entry-content>.video-row .wp-video-popup svg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 3;
    margin: -61px 0 0 -62px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.entry-content>.video-row .wp-video-popup svg .arc {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    fill: #007DC3;
}

.entry-content>.video-row .cont {
    position: relative;
}

@media screen and (max-width: 640px) {
    .entry-content>.video-row .row-bounds {
        padding-left: 0;
        padding-right: 0;
    }
    .entry-content>.video-row h2,
    .entry-content>.video-row .columns,
    .entry-content>.video-row .desc,
    .entry-content>.video-row .all-block {
        padding-left: 20px;
        padding-right: 20px;
    }
    .entry-content>.video-row .cont .wp-video-popup>div {
        border-radius: 0;
    }
}

@media screen and (max-width: 1060px) {
    .entry-content>.video-row .wp-video-popup svg {
        width: 60px;
        height: 60px;
        margin: -30px 0 0 -30px;
    }
}

@media screen and (min-width: 641px) {
    .entry-content>.video-row {
        padding-left: 27px;
        padding-right: 27px;
    }
}

@media screen and (min-width: 1061px) {
    .entry-content>.video-row {
        padding: 0;
    }
    .entry-content>.video-row h2 {
        padding-bottom: 40px;
    }
    .entry-content>.video-row .wp-video-popup>div {
        height: 600px;
    }
}

.heading {
    text-align: center;
    display: block;
    padding-bottom: 40px;
}

.heading h2 {
    color: #000;
}

.all-block {
    text-align: center;
    display: block;
    padding-top: 20px;
}

.entry-content>.cta-row {
    max-width: 100%;
    margin: 0;
}

.entry-content>.cta-row h4 {
    color: #fff;
    text-align: center;
    margin: 0;
}

.columns {
    padding: 20px 0;
    max-width: 1050px;
    margin: 0 auto;
}

.columns img {
    height: 70px;
    width: auto;
    margin: 0 auto 20px;
}

.columns .col {
    padding-bottom: 40px;
}

@media screen and (min-width: 641px) {
    .columns {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .columns:after {
        content: '';
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
    }
    .columns .col {
        width: 31%;
        margin-right: 3.5%;
    }
    .columns .col:nth-child(3n) {
        margin-right: 0;
    }
}

.ui {
    z-index: 10;
}

.ui.table {
    width: 100%;
    background: #FFFFFF;
    margin: 1em 0em;
    border: 2px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    color: rgba(0, 0, 0, 0.87);
    border-collapse: separate;
    border-spacing: 0px;
    border-radius: 10px;
}

.ui.table:first-child {
    margin-top: 0em;
}

.ui.table:last-child {
    margin-bottom: 0em;
}

.ui.table th,
.ui.table td {
    -webkit-transition: background 0.1s ease, color 0.1s ease;
    -o-transition: background 0.1s ease, color 0.1s ease;
    transition: background 0.1s ease, color 0.1s ease;
}

.ui.table th.link,
.ui.table td.link {
    cursor: pointer;
}

.ui.table thead {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.table thead th {
    cursor: auto;
    background: #007DC3;
    text-align: inherit;
    color: #fff;
    padding: 0.92857143em 0.78571429em;
    vertical-align: inherit;
    font-style: none;
    font-weight: bold;
    text-transform: none;
    border-left: none;
    font-size: 12px;
}

.ui.table thead th .next {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    cursor: pointer;
}

.ui.table thead th .next:before {
    content: "→";
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
}

.ui.table thead th .next.disabled {
    opacity: 0;
    cursor: default;
}

.ui.table thead th .prev {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    cursor: pointer;
}

.ui.table thead th .prev:before {
    content: "←";
    display: inline-block;
    padding: 12px 20px;
    cursor: pointer;
}

.ui.table thead th .prev.disabled {
    opacity: 0;
    cursor: default;
}

.ui.table thead tr>th:first-child {
    border-left: none;
}

.ui.table thead tr:first-child>th:first-child {
    border-radius: 0.28571429rem 0em 0em 0em;
}

.ui.table thead tr:first-child>th:last-child {
    border-radius: 0em 0.28571429rem 0em 0em;
}

.ui.table thead tr:first-child>th:only-child {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.table tfoot {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.table tfoot th {
    cursor: auto;
    border-top: 1px solid rgba(34, 36, 38, 0.15);
    background: #F9FAFB;
    text-align: inherit;
    color: rgba(0, 0, 0, 0.87);
    padding: 0.78571429em 0.78571429em;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal;
    text-transform: none;
}

.ui.table tfoot tr>th:first-child {
    border-left: none;
}

.ui.table tfoot tr:first-child>th:first-child {
    border-radius: 0em 0em 0em 0.28571429rem;
}

.ui.table tfoot tr:first-child>th:last-child {
    border-radius: 0em 0em 0.28571429rem 0em;
}

.ui.table tfoot tr:first-child>th:only-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

.ui.table tr td {
    border-top: 1px solid #f5f5f5;
    color: #007DC3;
    font-size: 12px;
}

.ui.table tr:first-child td {
    border-top: none;
}

.ui.table tbody+tbody tr:first-child td {
    border-top: 1px solid rgba(34, 36, 38, 0.1);
}

.ui.table td {
    padding: 0.78571429em 0.78571429em;
    text-align: inherit;
}

.ui.table>.icon {
    vertical-align: baseline;
}

.ui.table>.icon:only-child {
    margin: 0em;
}

.ui.table.segment {
    padding: 0em;
}

.ui.table.segment:after {
    display: none;
}

.ui.table.segment.stacked:after {
    display: block;
}

.ui.table th .image,
.ui.table td .image {
    max-width: none;
}

.ui.table th .image img,
.ui.table td .image img {
    max-width: none;
}

.ui.table tr.positive,
.ui.table td.positive {
    -webkit-box-shadow: 0px 0px 0px #A3C293 inset;
    box-shadow: 0px 0px 0px #A3C293 inset;
}

.ui.table tr.positive,
.ui.table td.positive {
    background: #FCFFF5 !important;
    color: #2C662D !important;
}

.ui.table tr.negative,
.ui.table td.negative {
    -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;
    box-shadow: 0px 0px 0px #E0B4B4 inset;
}

.ui.table tr.negative,
.ui.table td.negative {
    background: #FFF6F6 !important;
    color: #9F3A38 !important;
}

.ui.table tr.error,
.ui.table td.error {
    -webkit-box-shadow: 0px 0px 0px #E0B4B4 inset;
    box-shadow: 0px 0px 0px #E0B4B4 inset;
}

.ui.table tr.error,
.ui.table td.error {
    background: #FFF6F6 !important;
    color: #9F3A38 !important;
}

.ui.table tr.warning,
.ui.table td.warning {
    -webkit-box-shadow: 0px 0px 0px #C9BA9B inset;
    box-shadow: 0px 0px 0px #C9BA9B inset;
}

.ui.table tr.warning,
.ui.table td.warning {
    background: #FFFAF3 !important;
    color: #573A08 !important;
}

.ui.table tr.active,
.ui.table td.active {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
}

.ui.table tr.active,
.ui.table td.active {
    background: #007DC3 !important;
    color: #fff !important;
}

.ui.table td.range {
    background: #039EDC !important;
    color: #fff !important;
}

.ui.table tr.disabled td,
.ui.table tr td.disabled,
.ui.table tr.disabled:hover,
.ui.table tr:hover td.disabled {
    pointer-events: none;
    color: #DAE2E9;
}

.ui.table[class*="left aligned"],
.ui.table [class*="left aligned"] {
    text-align: left;
}

.ui.table[class*="center aligned"],
.ui.table [class*="center aligned"] {
    text-align: center;
}

.ui.table[class*="right aligned"],
.ui.table [class*="right aligned"] {
    text-align: right;
}

.ui.table[class*="top aligned"],
.ui.table [class*="top aligned"] {
    vertical-align: top;
}

.ui.table[class*="middle aligned"],
.ui.table [class*="middle aligned"] {
    vertical-align: middle;
}

.ui.table[class*="bottom aligned"],
.ui.table [class*="bottom aligned"] {
    vertical-align: bottom;
}

.ui.table th.collapsing,
.ui.table td.collapsing {
    width: 1px;
    white-space: nowrap;
}

.ui.fixed.table {
    table-layout: fixed;
}

.ui.fixed.table th,
.ui.fixed.table td {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.ui.selectable.table tbody tr:hover,
.ui.table tbody tr td.selectable:hover {
    background: rgba(0, 0, 0, 0.05) !important;
    color: rgba(0, 0, 0, 0.95) !important;
}

.ui.selectable.inverted.table tbody tr:hover,
.ui.inverted.table tbody tr td.selectable:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

.ui.table tbody tr td.selectable {
    padding: 0em;
}

.ui.table tbody tr td.selectable>a:not(.ui) {
    display: block;
    color: inherit;
    padding: 0.78571429em 0.78571429em;
}

.ui.selectable.table tr.error:hover,
.ui.table tr td.selectable.error:hover {
    background: #ffe7e7 !important;
    color: #943634 !important;
}

.ui.selectable.table tr:hover td.error {
    background: #ffe7e7 !important;
    color: #943634 !important;
}

.ui.selectable.table tr.warning:hover {
    background: #fff4e4 !important;
    color: #493107 !important;
}

.ui.table tr td.selectable.warning:hover {
    background: #fff4e4 !important;
    color: #493107 !important;
}

.ui.selectable.table tr:hover td.warning {
    background: #fff4e4 !important;
    color: #493107 !important;
}

.ui.selectable.table tr.active:hover {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

.ui.table tr td.selectable.active:hover {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

.ui.selectable.table tr:hover td.active {
    background: #E0E0E0 !important;
    color: rgba(0, 0, 0, 0.87) !important;
}

.ui.selectable.table tr.positive:hover {
    background: #f7ffe6 !important;
    color: #275b28 !important;
}

.ui.table tr td.selectable.positive:hover {
    background: #f7ffe6 !important;
    color: #275b28 !important;
}

.ui.selectable.table tr:hover td.positive {
    background: #f7ffe6 !important;
    color: #275b28 !important;
}

.ui.selectable.table tr.negative:hover {
    background: #ffe7e7 !important;
    color: #943634 !important;
}

.ui.table tr td.selectable.negative:hover,
.ui.selectable.table tr:hover td.negative {
    background: #ffe7e7 !important;
    color: #943634 !important;
}

.ui.attached.table {
    top: 0px;
    bottom: 0px;
    border-radius: 0px;
    margin: 0em -1px;
    width: calc(100% - (-1px * 2));
    max-width: calc(100% - (-1px * 2));
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #D4D4D5;
}

.ui.attached+.ui.attached.table:not(.top) {
    border-top: none;
}

.ui[class*="top attached"].table {
    bottom: 0px;
    margin-bottom: 0em;
    top: 0px;
    margin-top: 1em;
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.table[class*="top attached"]:first-child {
    margin-top: 0em;
}

.ui[class*="bottom attached"].table {
    bottom: 0px;
    margin-top: 0em;
    top: 0px;
    margin-bottom: 1em;
    -webkit-box-shadow: none, none;
    box-shadow: none, none;
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

.ui[class*="bottom attached"].table:last-child {
    margin-bottom: 0em;
}

.ui.striped.table>tr:nth-child(2n),
.ui.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(0, 0, 50, 0.02);
}

.ui.inverted.striped.table>tr:nth-child(2n),
.ui.inverted.striped.table tbody tr:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0.05);
}

.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
    background: #EFEFEF !important;
    color: rgba(0, 0, 0, 0.95) !important;
}

.ui.table[class*="single line"],
.ui.table [class*="single line"],
.ui.table[class*="single line"],
.ui.table [class*="single line"] {
    white-space: nowrap;
}

.ui.one.column.table td {
    width: 100%;
}

.ui.two.column.table td {
    width: 50%;
}

.ui.three.column.table td {
    width: 33.33333333%;
}

.ui.four.column.table td {
    width: 25%;
}

.ui.five.column.table td {
    width: 20%;
}

.ui.six.column.table td {
    width: 16.66666667%;
}

.ui.seven.column.table td {
    width: 14.28571429%;
}

.ui.eight.column.table td {
    width: 12.5%;
}

.ui.nine.column.table td {
    width: 11.11111111%;
}

.ui.ten.column.table td {
    width: 10%;
}

.ui.eleven.column.table td {
    width: 9.09090909%;
}

.ui.twelve.column.table td {
    width: 8.33333333%;
}

.ui.thirteen.column.table td {
    width: 7.69230769%;
}

.ui.fourteen.column.table td {
    width: 7.14285714%;
}

.ui.fifteen.column.table td {
    width: 6.66666667%;
}

.ui.sixteen.column.table td {
    width: 6.25%;
}

.ui.table th.one.wide,
.ui.table td.one.wide {
    width: 6.25%;
}

.ui.table th.two.wide,
.ui.table td.two.wide {
    width: 12.5%;
}

.ui.table th.three.wide,
.ui.table td.three.wide {
    width: 18.75%;
}

.ui.table th.four.wide,
.ui.table td.four.wide {
    width: 25%;
}

.ui.table th.five.wide,
.ui.table td.five.wide {
    width: 31.25%;
}

.ui.table th.six.wide,
.ui.table td.six.wide {
    width: 37.5%;
}

.ui.table th.seven.wide,
.ui.table td.seven.wide {
    width: 43.75%;
}

.ui.table th.eight.wide,
.ui.table td.eight.wide {
    width: 50%;
}

.ui.table th.nine.wide,
.ui.table td.nine.wide {
    width: 56.25%;
}

.ui.table th.ten.wide,
.ui.table td.ten.wide {
    width: 62.5%;
}

.ui.table th.eleven.wide,
.ui.table td.eleven.wide {
    width: 68.75%;
}

.ui.table th.twelve.wide,
.ui.table td.twelve.wide {
    width: 75%;
}

.ui.table th.thirteen.wide,
.ui.table td.thirteen.wide {
    width: 81.25%;
}

.ui.table th.fourteen.wide,
.ui.table td.fourteen.wide {
    width: 87.5%;
}

.ui.table th.fifteen.wide,
.ui.table td.fifteen.wide {
    width: 93.75%;
}

.ui.table th.sixteen.wide,
.ui.table td.sixteen.wide {
    width: 100%;
}

.ui.sortable.table thead th {
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid rgba(34, 36, 38, 0.15);
    color: rgba(0, 0, 0, 0.87);
}

.ui.sortable.table thead th:first-child {
    border-left: none;
}

.ui.sortable.table thead th.sorted {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui.sortable.table thead th.sorted:hover {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ui.sortable.table thead th:after {
    display: none;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: '';
    height: 1em;
    width: auto;
    opacity: 0.8;
    margin: 0em 0em 0em 0.5em;
    font-family: 'Icons';
}

.ui.sortable.table thead th.ascending:after {
    content: '\f0d8';
}

.ui.sortable.table thead th.descending:after {
    content: '\f0d7';
}

.ui.sortable.table th.disabled:hover {
    cursor: auto;
    color: rgba(40, 40, 40, 0.3);
}

.ui.sortable.table thead th:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.8);
}

.ui.sortable.table thead th.sorted {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
}

.ui.sortable.table thead th.sorted:after {
    display: inline-block;
}

.ui.sortable.table thead th.sorted:hover {
    background: rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, 0.95);
}


/******************************* Nag*******************************/

a.ui.nag {
    cursor: pointer;
}

.ui.nag>.title {
    display: inline-block;
    margin: 0em 0.5em;
    color: #FFFFFF;
}

.ui.nag>.close.icon {
    cursor: pointer;
    opacity: 0.4;
    position: absolute;
    top: 50%;
    right: 1em;
    font-size: 1em;
    margin: -0.5em 0em 0em;
    color: #FFFFFF;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.ui.nag:hover {
    background: #555555;
    opacity: 1;
}

.ui.nag .close:hover {
    opacity: 1;
}

.ui.overlay.nag {
    position: absolute;
    display: block;
}

.ui.fixed.nag {
    position: fixed;
}

.ui.bottom.nags,
.ui.bottom.nag {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
    top: auto;
    bottom: 0em;
}

.ui.inverted.nags .nag,
.ui.inverted.nag {
    background-color: #F3F4F5;
    color: rgba(0, 0, 0, 0.85);
}

.ui.inverted.nags .nag .close,
.ui.inverted.nags .nag .title {
    color: rgba(0, 0, 0, 0.4);
}

.ui.inverted.nag .close,
.ui.inverted.nag .title {
    color: rgba(0, 0, 0, 0.4);
}

.ui.nags .nag {
    border-radius: 0em !important;
}

.ui.nags .nag:last-child {
    border-radius: 0em 0em 0.28571429rem 0.28571429rem;
}

.ui.bottom.nags .nag:last-child {
    border-radius: 0.28571429rem 0.28571429rem 0em 0em;
}

.ui.popup {
    display: none;
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 2px 0 0 -2px;
    /* Fixes content being squished when inline (moz only) */
    min-width: -webkit-min-content;
    min-width: -moz-min-content;
    min-width: min-content;
    z-index: 1900;
    line-height: 1.4285em;
    max-width: 250px;
    background: #FFFFFF;
    font-weight: normal;
    font-style: normal;
    color: rgba(0, 0, 0, 0.87);
    border-radius: 7px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
}

.ui.popup>.header {
    padding: 0em;
    font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 1.14285714em;
    line-height: 1.2;
    font-weight: bold;
}

.ui.popup>.header+.content {
    padding-top: 0.5em;
}

.ui.visible.overlay.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.ui.visible.left.overlay.sidebar,
.ui.visible.right.overlay.sidebar,
.ui.visible.top.overlay.sidebar,
.ui.visible.bottom.overlay.sidebar {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
}

.ui.visible.overlay.sidebar~.fixed,
.ui.visible.overlay.sidebar~.pusher {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

.ui.push.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 102;
}

.ui.left.push.sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.ui.right.push.sidebar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.ui.top.push.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0);
}

.ui.bottom.push.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0);
}

.ui.visible.push.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.ui.uncover.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}

.ui.visible.uncover.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.ui.slide.along.sidebar {
    z-index: 1;
}

.ui.left.slide.along.sidebar {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.ui.right.slide.along.sidebar {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.ui.top.slide.along.sidebar {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.ui.bottom.slide.along.sidebar {
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0);
}

.ui.animating.slide.along.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.ui.visible.slide.along.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.ui.slide.out.sidebar {
    z-index: 1;
}

.ui.left.slide.out.sidebar {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
}

.ui.right.slide.out.sidebar {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

.ui.top.slide.out.sidebar {
    -webkit-transform: translate3d(0%, 50%, 0);
    transform: translate3d(0%, 50%, 0);
}

.ui.bottom.slide.out.sidebar {
    -webkit-transform: translate3d(0%, -50%, 0);
    transform: translate3d(0%, -50%, 0);
}

.ui.animating.slide.out.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.ui.visible.slide.out.sidebar {
    -webkit-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.ui.scale.down.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    z-index: 102;
}

.ui.left.scale.down.sidebar {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.ui.right.scale.down.sidebar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.ui.top.scale.down.sidebar {
    -webkit-transform: translate3d(0%, -100%, 0);
    transform: translate3d(0%, -100%, 0);
}

.ui.bottom.scale.down.sidebar {
    -webkit-transform: translate3d(0%, 100%, 0);
    transform: translate3d(0%, 100%, 0);
}

.ui.scale.down.left.sidebar~.pusher {
    -webkit-transform-origin: 75% 50%;
    -ms-transform-origin: 75% 50%;
    transform-origin: 75% 50%;
}

.ui.scale.down.right.sidebar~.pusher {
    -webkit-transform-origin: 25% 50%;
    -ms-transform-origin: 25% 50%;
    transform-origin: 25% 50%;
}

.ui.scale.down.top.sidebar~.pusher {
    -webkit-transform-origin: 50% 75%;
    -ms-transform-origin: 50% 75%;
    transform-origin: 50% 75%;
}

.ui.scale.down.bottom.sidebar~.pusher {
    -webkit-transform-origin: 50% 25%;
    -ms-transform-origin: 50% 25%;
    transform-origin: 50% 25%;
}

.ui.animating.scale.down>.visible.ui.sidebar {
    -webkit-transition: -webkit-transform 500ms ease;
    transition: -webkit-transform 500ms ease;
    -o-transition: transform 500ms ease;
    transition: transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, -webkit-transform 500ms ease;
}

.ui.visible.scale.down.sidebar~.pusher,
.ui.animating.scale.down.sidebar~.pusher {
    display: block !important;
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}

.ui.visible.scale.down.sidebar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.ui.visible.scale.down.sidebar~.pusher {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}

.ui.sticky {
    position: static;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 800;
}

.ui.sticky.bound {
    position: absolute;
    left: auto;
    right: auto;
}

.ui.sticky.fixed {
    position: fixed;
    left: auto;
    right: auto;
}

.ui.sticky.bound.top,
.ui.sticky.fixed.top {
    top: 0px;
    bottom: auto;
}

.ui.sticky.bound.bottom,
.ui.sticky.fixed.bottom {
    top: auto;
    bottom: 0px;
}

.ui.native.sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
}

.ui.tab {
    display: none;
}

.ui.tab.active,
.ui.tab.open {
    display: block;
}

.ui.tab.loading {
    position: relative;
    overflow: hidden;
    display: block;
    min-height: 250px;
}

.ui.tab.loading * {
    position: relative !important;
    left: -10000px !important;
}

.ui.tab.loading:before,
.ui.tab.loading.segment:before {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0em 0em -1.25em;
    width: 2.5em;
    height: 2.5em;
    border-radius: 500rem;
    border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.tab.loading:after,
.ui.tab.loading.segment:after {
    position: absolute;
    content: '';
    top: 100px;
    left: 50%;
    margin: -1.25em 0em 0em -1.25em;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation: button-spin 0.6s linear;
    animation: button-spin 0.6s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: 0.2em;
    -webkit-box-shadow: 0px 0px 0px 1px transparent;
    box-shadow: 0px 0px 0px 1px transparent;
}


/******************************* Transitions*******************************/

.transition {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: 300ms;
    animation-duration: 300ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/******************************* States*******************************/


/* Animating */

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important;
}


/* Loading */

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px;
}


/* Hidden */

.hidden.transition {
    display: none;
    visibility: hidden;
}


/* Visible */

.visible.transition {
    display: block !important;
    visibility: visible !important;
    /* backface-visibility:@backfaceVisibility;transform: @use3DAcceleration;*/
}


/*-------------- Fade---------------*/

.transition.fade.in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.transition[class*="fade up"].in {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.transition[class*="fade down"].in {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.transition[class*="fade left"].in {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.transition[class*="fade right"].in {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.transition.fade.out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.transition[class*="fade up"].out {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

.transition[class*="fade down"].out {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

.transition[class*="fade left"].out {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.transition[class*="fade right"].out {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}


/* In */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(10%);
        transform: translateX(10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}


/* Out */

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-5%);
        transform: translateY(-5%);
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(5%);
        transform: translateX(5%);
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
    }
}


/*-------------- Flips---------------*/

.flip.transition.in,
.flip.transition.out {
    -webkit-animation-duration: 600ms;
    animation-duration: 600ms;
}

.horizontal.flip.transition.in {
    -webkit-animation-name: horizontalFlipIn;
    animation-name: horizontalFlipIn;
}

.horizontal.flip.transition.out {
    -webkit-animation-name: horizontalFlipOut;
    animation-name: horizontalFlipOut;
}

.vertical.flip.transition.in {
    -webkit-animation-name: verticalFlipIn;
    animation-name: verticalFlipIn;
}

.vertical.flip.transition.out {
    -webkit-animation-name: verticalFlipOut;
    animation-name: verticalFlipOut;
}


/* In */

@-webkit-keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes horizontalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateY(-90deg);
        transform: perspective(2000px) rotateY(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes verticalFlipIn {
    0% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
}


/* Out */

@-webkit-keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes horizontalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateY(0deg);
        transform: perspective(2000px) rotateY(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateY(90deg);
        transform: perspective(2000px) rotateY(90deg);
        opacity: 0;
    }
}

@-webkit-keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}

@keyframes verticalFlipOut {
    0% {
        -webkit-transform: perspective(2000px) rotateX(0deg);
        transform: perspective(2000px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(2000px) rotateX(-90deg);
        transform: perspective(2000px) rotateX(-90deg);
        opacity: 0;
    }
}


/*-------------- Scale---------------*/

.scale.transition.in {
    -webkit-animation-name: scaleIn;
    animation-name: scaleIn;
}

.scale.transition.out {
    -webkit-animation-name: scaleOut;
    animation-name: scaleOut;
}

@-webkit-keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.form-row {
    z-index: 100;
    position: relative;
}

.form-row .row-bounds {
    position: relative;
    text-align: center;
    padding-bottom: 0;
}

.form-row .intro {
    color: #007DC3;
    padding-bottom: 30px;
}

.form-row .intro.wide {
    padding-bottom: 0;
}

.form-row .intro h1 {
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 18px;
    color: #fff;
}

.form-row .intro p {
    font-size: 16px;
    font-weight: 400;
    max-width: 748px;
    margin: 0 auto 20px;
    color: #fff;
}

.form-row .form {
    background: rgba(11, 23, 50, 0.4);
    border-radius: 33px;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.form-row .form h2 {
    font-weight: bold;
    font-size: 16px;
    color: #fff;
}

.corpBfForm form {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.corporateDatePickerWrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.form-row .form .group {
    position: relative;
    margin: 35px 0 0 0;
}

.form-row .form .group-half {
    float: left;
    width: 45%;
}

.form-row .form .group-half.out {
    float: right;
}

.corpCheckInDate {
    position: relative;
    width: 45%;
}

.corpCheckOutDate {
    position: relative;
    width: 45%;
}




.form-row .form input:focus~.bar:before {
    width: 100%;
}

.form-row .form input[type="password"] {
    letter-spacing: 0.3em;
}

.form-row .form .icon {
    top: 13px;
    width: 30px;
    height: 19px;
    position: absolute;
    right: 2px;
    z-index: 100;
}

.form-row .form label {
    color: #039EDC;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.form-row .form .eye {
    background-image: url(../images/eye.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.form-row .form .date {
    background-image: url(../images/date.svg);
    background-repeat: no-repeat;
    background-position: center center;
    /*right: -6px;*/
    pointer-events: none;
}

.form-row .form .eye-slash {
    background-image: url(../images/eye-hide.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.form-row .form .bar {
    position: relative;
    display: block;
    width: 100%;
}

.form-row .form .bar:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0px;
    position: absolute;
    background: #039EDC;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: 0%;
}

.form-row .form .btn-box {
    overflow: hidden;
}

.btn-box {
    margin: 35px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-row .form .btn-submit {
    float: right;
}

.form-row .form .forgot {
    font-size: 12px;
    display: inline-block;
}

.form-row .form .forgot a {
    color: #fff;
    text-decoration: none;
}

.form-row .form .forgot a:hover {
    color: #039EDC;
}

.form-row .form .already {
    font-size: 15px;
    display: inline-block;
    padding: 0 20px 20px 0;
    color: rgba(255, 255, 255, 0.5);
}

.form-row .form .already a {
    color: #fff;
    text-decoration: none;
}

.form-row .form .already a:hover {
    color: #039EDC;
}

.form-row .form .terms {
    clear: both;
    font-size: 10px;
    display: block;
    padding: 20px 20px 0 0;
    color: rgba(255, 255, 255, 0.5);
}

.form-row .form .terms a {
    color: #fff;
    text-decoration: none;
}

.form-row .form .terms a:hover {
    color: #039EDC;
}

.form-row .form .btn-box-flex {
    clear: both;
    text-align: center;
}

.form-row .form .btn-box-flex .btn-submit,
.form-row .form .btn-box-flex .or {
    float: none;
    /*width: 100%;*/
    /*display: block; */
}
    .form-row .form .btn-box-flex .or {
        padding: 10px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        line-height: 50px;
    }
    @media screen and (min-width: 641px) {
        .form-row .form {
            padding: 50px 30px;
        }
    }
    @media screen and (min-width: 641px) and (max-width: 1060px) {
        .form-row .form {
            padding: 50px 30px;
        }
        .form-row .btn-box-flex {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .form-row .btn-box-flex .btn-submit,
        .form-row .btn-box-flex .or {
            float: none;
            width: auto;
        }
    }
    @media screen and (min-width: 1061px) {
        .form-row .row-bounds {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            text-align: left;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .form-row .intro {
            width: 50%;
            padding: 0;
        }
        .form-row .intro h1 {
            font-size: 40px;
        }
        .form-row .intro p {
            font-size: 20px;
            padding-bottom: 20px;
            max-width: 720px;
        }
        .form-row .intro.wide {
            margin: 0 auto;
            text-align: center;
        }
        .form-row .form {
            width: 40%;
        }
        .form-row .form h2 {
            font-size: 20px;
        }
    }
    @media screen and (min-width: 1250px) {
        .form-row .intro h1 {
            font-size: 40px;
        }
        .form-row .form .forgot,
        .form-row .form .already {
            line-height: 60px;
            padding-bottom: 0;
        }
        .form-row .btn-box-flex {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-direction: normal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
        .form-row .btn-box-flex .btn-submit,
        .form-row .btn-box-flex .or {
            float: none;
            width: auto;
        }
        .form-row .btn-box-flex .btn-submit {
            white-space: nowrap;
            padding-left: 30px;
            padding-right: 30px;
        }
    }



/* START OF -- Corp Registration Form - CSS */
.corpRegistrationForm {
    background: rgba(11, 23, 50, 0.4);
    border-radius: 33px;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}

.corpRegistrationForm input {
    background: transparent;
    border: 1px solid #7d7d7d;
    margin: 8px 0 0 0;
    color: white;
    border-radius: 5px;
    padding: 10px;
    width: 95%;
}

.crfHeading {
    color: white;
    font-size: 24px;
    font-weight: bold;
}

.crfSmallInfo {
    margin: 15px 0 15px 0;
    line-height: 27px;
    color: white;
    opacity: 0.7;
    font-size: 19px;
}

.crfNameInputWrapper {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 30px 0;
}

.crfLoginRegisterCTA {
    margin: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
}

.crfRegisterCTA {
    color: white;
    background: #009DDF;
    border: 0px solid;
    border-radius: 34px;
    font-weight: bold;
    padding: 15px 30px 15px 30px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.crfRegisterCTA:hover {
    opacity: 0.6;
}

.crfFirstName, .crfLastNameWrapper {
    width: 48%;
}

.crfEmailInput input {
    width: 95%;
}

.crfFirstNameInput input {
    width: 90%;
}

.crfLastNameInput input {
    width: 90%;
}

.crfFirstNameLabel, .crfLastNameLabel, .crfEmailLabel  {
    font-size:12px;
}

.crfLoginCTA {
    color: #17a9e7;
    transition: 0.3s;
    cursor: pointer;
    text-decoration:none;
}

.crfLoginCTA:hover {
    opacity: 0.7;
}

.crfLogin {
    color: white;
}

.crfRegisterCTA a {
    text-decoration: none;
    color : white;
}     
/* END OF -- Corp Registration Form  */




/* START OF -- Corp Login Form */

.clfEmailInputWrapper, .clfPasswordInputWrapper {
    margin: 35px 0 0 0;
}

.clfEmailLabel, .clfPasswordLabel  {
    font-size:12px;
}

.clfEmailInput input, .clfPasswordInput input {
    background: transparent;
    border: 1px solid #7d7d7d;
    margin: 8px 0 0 0;
    color: white;
    border-radius: 5px;
    padding: 10px;
    width: 95%;
}




/* END OF -- Responsiveness Corp Register/Login Form */


/*Media query for max-width - 1440px;*/
@media screen and (max-width: 1440px) {

}

/*Media query for max-width - 1024px;*/
@media screen and (max-width: 1024px) {

}

/*Media query for max-width - 768px;*/
@media screen and (max-width: 768px) {

}


/*Media query for max-width - 425px;*/
@media screen and (max-width: 425px) {
    .crfNameInputWrapper {
        flex-direction: column;
        margin: 0;
    }
    .crfFirstName, .crfLastNameWrapper {
        width: 100%;
    }
    .crfFirstNameInput input {
        width: 95%;
    }
    .crfLastNameInput input {
        width: 95%;
    }
    .crfLoginRegisterCTA {
        flex-direction: column;
    flex-flow: column-reverse;
    }
    .crfLogin {
        margin: 10px 0 0 0;
    }
    .crfEmailLabel, .crfLastNameLabel, .crfFirstNameLabel {
        margin: 20px 0 0 0;
    }
    .corpBfSubmitBtnWrapper {
        flex-direction: column-reverse;
        flex-flow: column-reverse;
        margin: 20px 0 0 0;
    }
    .or {
        margin: 10px 0 10px 0;
    }
    .corporateDatePickerWrapper {
        flex-direction: column;
    }
    .corpBfHotelSearchWrapper, .corporateDatePickerWrapper, .corpBfSubmitBtnWrapper {
        margin: 0;
    }

    .corpBfSubmitBtnWrapper {
        margin: 30px 0 0 0;
    }

    .corpCheckInWrapper, .corpCheckOutWrapper, .corpBfHotelSearchWrapper{
        margin: 20px 0 0 0;
        width: 100%;
    }
    .corporateDatePickerWrapper input {
        width: 95%;
    }
}

/*Media query for max-width - 375px;*/
@media screen and (max-width: 375px) {

}


/*Media query for max-width - 320px;*/
@media screen and (max-width: 320px) {

}

.crfRegisterCTA input {
    padding: 0;
    border: 0px solid;
    width: 100%;
    margin: 0;
}

.extra-option__cta img {
    width: 35px;
    cursor: pointer;
    transition: 0.3s;
}

.extra-option__cta img:hover {
    opacity: 0.7;
}

.corpBfGreetingsWrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.cbfMenu {
    display: none;
    background: #007DC3;
    padding: 15px 0px 15px 20px;
    border: 2px solid white;
    position: absolute;
    border-radius: 19px;
    right: 0;
    top: 33px;
    z-index: 10;
    width: 144px;
    /* height: 100px; */
    -webkit-box-shadow: -2px 10px 26px -10px rgba(39,82,184,1);
    -moz-box-shadow: -2px 10px 26px -10px rgba(39,82,184,1);
    box-shadow: -2px 10px 26px -10px rgba(39,82,184,1);
}

.cbfItem {
    /* background: #ececec;
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    justify-content: center; */
    transition: 0.3s;
}

.cbfItem:hover {
    opacity: 0.7;
}

.cbfItem a {
    color: white;
    font-size: 14px;
    cursor: pointer;
    text-decoration: none;
    transition: 0.3s;
}

.cbfItem a:hover {
    color:black;
}

    /* ---------------------------------------
    /*JQUERY UI - theme nigran */
    .yoke-picker-skin {
        /* font-size: 42%; */
    }
    
    .yoke-picker-skin .ui-widget {
        font-family: "Helvetica Neue","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
        background: #29a2d9;
        border: none;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        /* box-shadow: 0 1px 6px #c5c5c5; */
    }
    
    .yoke-picker-skin .ui-datepicker-title {
        padding: 0;
        margin: 0;
    }
    
    .yoke-picker-skin .ui-datepicker {
        padding: 0;
        width: 41.5%;
    }

    .yoke-picker-skin .ui-datepicker-header {
        border: none;
        border-bottom: 1px solid #2d97cb;
        background: transparent;
        font-weight: normal;
        font-size: 11px;
        text-transform: uppercase;
    }

    .yoke-picker-skin .ui-datepicker-header .ui-state-hover {
        background: transparent;
        border-color: transparent;
        cursor: pointer;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-title {
        /* margin-top: 1.5em;
        margin-bottom: 1em; */
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-prev-hover,
    .yoke-picker-skin .ui-datepicker .ui-datepicker-next-hover,
    .yoke-picker-skin .ui-datepicker .ui-datepicker-next,
    .yoke-picker-skin .ui-datepicker .ui-datepicker-prev {
        top: 1.7em;
        border:none;
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-prev-hover {
        left: 2px;
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-next-hover {
        right: 2px;
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-next span,
    .yoke-picker-skin .ui-datepicker .ui-datepicker-prev span {
        background-image: url(images/ui-icons_ffffff_256x240.png);
        background-position: -32px -32px;
        margin-top: 0;
        top: 0;
        font-weight: normal;
    }

    .yoke-picker-skin .ui-datepicker-title select {
        color: white;
        padding: 4px;
        background: transparent;
        border: 1px solid white;
        border-radius: 3px;
        width: 42%;
        /* margin: 0; */
        margin: 10px 8px 10px 8px;
    }

    .ui-datepicker-title select option {
        color: #1AA7E2;
    }

    /*
    .yoke-picker-skin .ui-datepicker .ui-datepicker-prev span {
        background-position: -96px -32px;
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-prev-hover span {
        background-position: -96px -48px;
    }

    .yoke-picker-skin .ui-datepicker .ui-datepicker-next-hover span {
        background-position: -32px -48px;
    } */

    .yoke-picker-skin .ui-datepicker table {
        margin: 0;
    }

    .yoke-picker-skin .ui-datepicker th {
        padding: 1.5em 0;
        color: #9fd9f1;
        font-size: 8px;
        font-weight: normal;
        text-shadow: 0 0 2px #45c4f8;
        text-transform: uppercase;
        border: none;
        border-top: 1px solid #3fabdc;
    }

    .yoke-picker-skin .ui-datepicker td {
        border: none;
        padding: 0;
    }

    .yoke-picker-skin td .ui-state-default {
        background: transparent;
        border: none;
        text-align: center;
        padding: 0.5em 0;
        margin: 0;
        font-weight: normal;
        color: #efefef;
        font-size: 12px;
    }

    .yoke-picker-skin td .ui-state-active,
    .yoke-picker-skin td .ui-state-hover {
        background: #1b7fb0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        padding: 6px 0 6px 0;
    }
    /* ---END OF nigran datapicker theme ------------------------------------