@font-face {
	font-weight: 100;
  	font-style: normal;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Thin.ttf);
}
@font-face {
    font-weight: 100;
    font-style: italic;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-ThinItalic.ttf);
}
@font-face {
	font-weight: 300;
  	font-style: normal;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Light.ttf);
}
@font-face {
    font-weight: 300;
    font-style: italic;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-LightItalic.ttf);
}
@font-face {
	font-weight: 400;
  	font-style: normal;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
}
@font-face {
    font-weight: 400;
    font-style: italic;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Italic.ttf);
}
@font-face {
	font-weight: 500;
  	font-style: normal;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
}
@font-face {
    font-weight: 500;
    font-style: italic;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-MediumItalic.ttf);
}
@font-face {
	font-weight: 700;
  	font-style: normal;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
}
@font-face {
    font-weight: 700;
    font-style: italic;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-BoldItalic.ttf);
}
@font-face {
	font-weight: 900;
  	font-style: normal;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-Black.ttf);
}
@font-face {
    font-weight: 900;
    font-style: italic;
    font-family: 'Roboto';
    src: url(../fonts/Roboto/Roboto-BlackItalic.ttf);
}
/* white background and box outline */
/* we have to use !important because we are overwritng inline styles */
/* .gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div {
    
    background-color: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
} */


/* arrow colour */

/* .gm-style>div:first-child>div+div>div:last-child>div>div:first-child>div>div>div {
    background-color: #2185D0 !important;
} */


/* close button */
/* .gm-style>div:first-child>div+div>div:last-child>div>div:last-child {
    display: none; */
/*    align: center !important;
    opacity: 1;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #2185D0;
    border-radius: 13px;
    box-shadow: 0 0 5px #2185D0;*/
}


/* image icon inside close button */

/* .gm-style>div:first-child>div+div>div:last-child>div>div:last-child>img {
    display: none; */
/*    width: auto !important;
    margin: auto !important;
    height: auto !important;*/
}


/* positioning of infowindow */

/* .gm-style-iw {
    top: 22px !important;
    left: 22px !important;
} */
    /* red */
.my-error-class {
    color: #FF0000;
    font-size: 13px !important;
}

.error-msg {
    color: #FF0000;
    font-size: 13px !important;
}
    /* green */
.my-valid-class {
    color: #00CC00;
}

/* .map-icon {
    color: white !important;
}

.map-icon-label .map-icon {
    font-size: 24px;
    color: #FFFFFF !important;
    line-height: 48px;
    text-align: center;
    white-space: nowrap;
}

.maptitle {
    position: absolute;
    top: 52%;
    font-size: 1.3em;
    padding-left: 10px;
    width: 100%;
    overflow: hidden;
    font-weight: bold;
    color: #fff;
    text-transform: initial;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-right: 20px;
}

.mapbutton {
    width: 100% !important;
    font-weight: bold;
}

.mapstar {
    font-size: 1.2em;
    position: absolute;
    font-weight: bold;
    padding-left: 10px;
    top: 62%;
    color: white;
}

.mapprice {
    font-size: 1.2em;
    position: absolute;
    font-weight: bold;
    padding: 5px 10px;
    top: 36%;
    color: white;
    background-color: rgba(0, 0, 0, 0.6);
} */

html {
    font-family: 'Roboto', sans-serif !important;
    line-height: 1.2;
}

body {
    font-family: 'Roboto', sans-serif !important;
    color: #33414a;
    background-color: #f9f9f9;
    line-height: 1.2;
}

h1 {
    font-size: 36px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

h3 {
    font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

h4 {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

h5 {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

h4.ui.inverted.header {
    font-size: 14px !important;
    font-weight: 700;
    font-family: inherit;
    font-weight: 500;
}

.ui.inverted.link.list a.item {
    font-size: 13px;
    line-height: 20px;
    font-family: montserrat,Arial,sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    display: list-item;
    text-align: -webkit-match-parent;
}

p {
    font-weight: 400;
    color: #333;
    line-height: 1.4 !important;
}

.quote p {
    color: #fff;
}

a {
    font-weight: 500 !important;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\002a"
}

.glyphicon-plus:before {
    content: "\002b"
}

.glyphicon-eur:before,
.glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}


/*
--------------------------------
Main Components
-------------------------------- */

.navbar {
    margin: 0;
    padding: 20px 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}
.navbar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
@media (min-width: 768px) {
    .navbar {
        padding-bottom: 10px;
        padding-top: 10px;
        background-color: #515b62;
        -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
           -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
                box-shadow: 0 0 4px rgba(0, 0, 0, .4);
        border-bottom: none;
    }
    .filters {
        margin-top: 0px !important;
    }
}
@media (max-width: 768px) {
    .navbar {
        padding-bottom: 20px;
    }
    .search-filter {
        padding-bottom: 20px;
    }
    .filters {
        padding-bottom: 10px !important;
        margin-top: 10px !important;
    }
}

@media (max-width: 768px) {
    #search-search {
        margin: 2px 0 !important;
    }
}
.openscenter {
    z-index: 9999 !important;
}
#search-destination {
    padding-right: 25px !important;
}
#clear-icon {
    position:absolute;
    float:right;
    padding: .67861429em 1em;
    width:2em;
    top:0px;
    right:0px;
    background:transparent;
    color:#ccc;
    text-align:center;
    cursor:pointer;
}
#clear-icon:after {
    content: "\274c";
    position: absolute;
    right: 10px;
}
#clear-icon:hover, #clear-icon:focus {
    color:rgba(0,0,0,0.5);
}
#clear-icon:active {
    color:#ccc;
}
header {
    /* position: fixed; */
    /* z-index: 30; */
    height: 50px;
    width: 100%;
    /* top: 0; */
    /* left: 0; */
    /* background-color: rgba(0, 99, 161, 0.9); */
    background-color: #1c7df6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
    box-shadow: 0 0 4px rgba(0, 0, 0, .4);
}

header.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
}

header::before {
    /* never visible - this is used in jQuery to check the current MQ */
    display: none;
    content: 'mobile';
}

.ui.multiple.dropdown>.label {
    font-weight: 400;
}

.ui.dropdown .menu .active.item {
    font-weight: normal !important;
}

@media only screen and (min-width:1024px) {
    header {
        height: 50px;
    }
    header.nav-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    header::before {
        content: 'desktop';
    }
}

html#hotel-search {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    max-width: 1700px;
    margin: 0 auto;
}

.search-header {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding-left: 10px;
    padding-right: 10px;
}
.ui.search-content.container {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding-right: 5px;
    padding-left: 5px;
}

.ui.book-body.container {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
}

li.lang-switcher a {
    padding: 0px !important;
    margin: 0px !important;
    padding-left: 10px !important;
    border-bottom: none !important;
}

li.lang-switcher img {
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
    top: 8px !important;
    width: 25px;
}

.cd-logo {
    display: inline-block;
    height: 100%;
    margin-left: 0px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-logo img {
    display: block;
    max-width: 100%;
    margin-top: 5px;
}

@media only screen and (min-width:1024px) {
    .cd-nav-trigger {
        visibility: hidden;
    }
}

.cd-nav-trigger {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50px;
    overflow: hidden;
    white-space: nowrap;
    color: transparent;
}

.cd-nav-trigger span {
    position: absolute;
    height: 2px;
    width: 20px;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -10px;
    -webkit-transition: background-color 0.3s 0.3s;
    -moz-transition: background-color 0.3s 0.3s;
    transition: background-color 0.3s 0.3s;
    background-color: #ffffff;
}


.cd-nav-trigger span::before,
.cd-nav-trigger span::after {
    /* upper and lower lines of the menu icon */
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform 0.3s 0.3s;
    -moz-transition: -moz-transform 0.3s 0.3s;
    transition: transform 0.3s 0.3s;
}

.cd-nav-trigger span::before {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
}

.cd-nav-trigger span::after {
    -webkit-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px);
}

.nav-is-visible .cd-nav-trigger span {
    background-color: rgba(255, 255, 255, 0);
}

.nav-is-visible .cd-nav-trigger span::before {
    -webkit-transform: translateY(0) rotate(-45deg);
    -moz-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    -o-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}

.nav-is-visible .cd-nav-trigger span::after {
    -webkit-transform: translateY(0) rotate(45deg);
    -moz-transform: translateY(0) rotate(45deg);
    -ms-transform: translateY(0) rotate(45deg);
    -o-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
}

.cd-main-nav {
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    width: 260px;
    height: 100vh;
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    visibility: hidden;
    background: #171717;
    -webkit-transition: visibility 0s 0.3s;
    -moz-transition: visibility 0s 0.3s;
    transition: visibility 0s 0.3s;
    color: #fff;
}

.cd-main-nav a {
    display: block;
    padding: .9em 2em .9em 1em;
    border-bottom: 1px solid #303030;
    color: #ffffff;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.cd-main-nav li ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translateX(260px);
    -moz-transform: translateX(260px);
    -ms-transform: translateX(260px);
    -o-transform: translateX(260px);
    transform: translateX(260px);
}

.cd-main-nav.nav-is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}

.cd-main-nav.moves-out>li>a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.cd-main-nav.moves-out>li>ul {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-main-nav .cd-subnav-trigger1,
.cd-main-nav .go-back a {
    position: relative;
}

.cd-main-nav .cd-subnav-trigger1::before,
.cd-main-nav .cd-subnav-trigger1::after,
.cd-main-nav .go-back a::before,
.cd-main-nav .go-back a::after {
    /* arrow icon in CSS */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-main-nav .cd-subnav-trigger1::before,
.cd-main-nav .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-main-nav .cd-subnav-trigger1::after,
.cd-main-nav .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-main-nav .cd-subnav-trigger1::before,
.cd-main-nav .cd-subnav-trigger1::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

.cd-main-nav .cd-subnav-trigger,
.cd-main-nav .go-back a {
    position: relative;
}

.cd-main-nav .cd-subnav-trigger::before,
.cd-main-nav .cd-subnav-trigger::after,
.cd-main-nav .go-back a::before,
.cd-main-nav .go-back a::after {
    /* arrow icon in CSS */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-main-nav .cd-subnav-trigger::before,
.cd-main-nav .go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-main-nav .cd-subnav-trigger::after,
.cd-main-nav .go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.cd-main-nav .cd-subnav-trigger::before,
.cd-main-nav .cd-subnav-trigger::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%;
}

.cd-main-nav .go-back a {
    padding-left: 2em;
}

.cd-main-nav .go-back a::before,
.cd-main-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
}

.cd-main-nav .placeholder {
    /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
    display: none;
}

@media only screen and (min-width:1024px) {
    .cd-main-nav {
        position: static;
        visibility: visible;
        width: 100%;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        background: transparent;
        text-align: right;
    }
    .cd-main-nav li {
        display: inline-block;
        height: 100%;
    }
    .cd-main-nav li a {
        display: inline-block;
        padding: .8em;
        line-height: 1;
        font-size: 14px;
        font-weight: 500;
        border-bottom: none;
        /* Prevent .cd-subnav-trigger flicker is Safari */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
        text-transform: uppercase;
    }
    .cd-main-nav li a:not(.cd-subnav-trigger1):hover {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: .6;
    }
    .cd-main-nav li a:not(.cd-subnav-trigger):hover {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        opacity: .6;
    }
    .cd-main-nav .go-back {
        display: none;
    }
    .cd-main-nav .cd-subnav-trigger {
        z-index: 1;
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 5em;
        -webkit-transition: border 0.3s;
        -moz-transition: border 0.3s;
        transition: border 0.3s;
    }
    .cd-main-nav .cd-subnav-trigger:hover {
        border-color: rgba(255, 255, 255, 0.4);
    }
    .cd-main-nav .cd-subnav-trigger::before,
    .cd-main-nav .cd-subnav-trigger::after {
        top: 17px;
        right: 12px;
        background-color: #ffffff;
        /* change transform-origin to rotate the arrow */
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: -webkit-transform 0.3s, width 0.3s, right 0.3s;
        -moz-transition: -moz-transform 0.3s, width 0.3s, right 0.3s;
        transition: transform 0.3s, width 0.3s, right 0.3s;
    }
    .cd-main-nav .cd-subnav-trigger::before {
        right: 18px;
    }
    .cd-main-nav .cd-subnav-trigger,
    .cd-main-nav .placeholder {
        padding-right: 2.4em;
        padding-left: 1.1em;
    }
    .cd-main-nav li ul {
        height: 50px;
        padding-right: 200px;
        background-color: rgba(0, 77, 126, 0.9);
        padding: 0 25% 0 calc(5% + 124px);
        -webkit-transform: translateY(-80px);
        -moz-transform: translateY(-80px);
        -ms-transform: translateY(-80px);
        -o-transform: translateY(-80px);
        transform: translateY(-80px);
        -webkit-transition: -webkit-transform 0.3s 0.2s;
        -moz-transition: -moz-transform 0.3s 0.2s;
        transition: transform 0.3s 0.2s;
    }
    @media (min-width: 1400px) {
        .cd-main-nav li ul {
            padding: 0 30% 0 calc(5% + 124px);
        }
    }
    .cd-main-nav li ul li {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
        -webkit-transition: -webkit-transform 0.3s 0s, opacity 0.3s 0s;
        -moz-transition: -moz-transform 0.3s 0s, opacity 0.3s 0s;
        transition: transform 0.3s 0s, opacity 0.3s 0s;
    }
    .cd-main-nav .placeholder {
        /* never visible or clickable- it is used to take up the same space as the .cd-subnav-trigger */
        display: block;
        visibility: hidden;
        opacity: 0;
        pointer-event: none;
    }
    .cd-main-nav.moves-out>li>a {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
    .cd-main-nav.moves-out>li>ul {
        -webkit-transition: -webkit-transform 0.3s;
        -moz-transition: -moz-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .cd-main-nav.moves-out>li ul li {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 0.3s 0.2s, opacity 0.3s 0.2s;
        -moz-transition: -moz-transform 0.3s 0.2s, opacity 0.3s 0.2s;
        transition: transform 0.3s 0.2s, opacity 0.3s 0.2s;
    }
    .cd-main-nav.moves-out .cd-subnav-trigger::before,
    .cd-main-nav.moves-out .cd-subnav-trigger::after {
        width: 14px;
        right: 17px;
    }
    .cd-main-nav.moves-out .cd-subnav-trigger::before {
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -o-transform: rotate(225deg);
        transform: rotate(225deg);
    }
    .cd-main-nav.moves-out .cd-subnav-trigger::after {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

.cd-main-content::before {
    /* never visible - this is used in jQuery to check the current MQ */
    display: none;
    content: 'mobile';
}

@media only screen and (min-width:1024px) {
    .cd-main-content::before {
        content: 'desktop';
    }
}

.cd-main-content {
    position: relative;
    z-index: 2;
    background-color: #f2f2f2;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-main-content.nav-is-visible {
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
}

@media only screen and (min-width:1024px) {
    .cd-main-content {}
    .cd-main-content.nav-is-visible {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

.no-js .cd-nav-trigger,
.no-js .cd-subnav-trigger {
    display: none;
}

.no-js header {
    position: relative;
    height: auto;
}

.no-js .cd-logo img {
    margin-bottom: 14px;
}

.no-js .cd-main-nav {
    position: static;
    width: 100%;
    height: auto;
    visibility: visible;
    overflow: visible;
}

.no-js .cd-main-nav li {
    display: inline-block;
}

.no-js .cd-main-nav li:last-child {
    display: block;
}

.no-js .cd-main-nav .go-back {
    display: none;
}

.no-js .cd-main-nav li ul {
    position: static;
    width: 100%;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (min-width:1024px) {
    .no-js .cd-main-nav {
        height: 80px;
    }
    .no-js .cd-main-nav li ul {
        position: absolute;
        top: 80px;
    }
    .no-js .cd-main-nav li ul li {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
    .no-js .cd-main-nav li ul li:last-child {
        display: none;
    }
}

.no-js .cd-main-content {
    padding-top: 0;
}

@media only screen and (min-width:1024px) {
    .no-js .cd-main-content {}
}

.important-word {
    position: absolute;
    height: 50px;
    padding: 1.35em;
    font-size: 14px;
    font-weight: 500;
    color: #ffcd20 !important;
    margin-left: 120px;
    text-transform: uppercase;
    color: #fff;
}

.rslides {
    position: absolute;
    z-index: -1;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: absolute;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}
.rslides-item {
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#main-search {
    position: absolute;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    top: 150px;
}

.text-case {
    text-transform: lowercase;
}
.first-letter {
    text-transform: capitalize;
}

.flex-slider-item {
    height: 500px;
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) { 
    .flex-slider-item {
        height: 400px;
    }
}

#carousel .slides > li {
    height: 80px;
    background-size: cover;
    background-position: center;
}

.property-text {
    display: inline-block; 
    color: #fbbd08;
    font-size: 48px;
    font-weight: bold;
}

.exchangeable-text {
    font-size: 42px;
    margin-bottom:40px;
    color: #000;
    text-transform: unset;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;    
}

@media only screen and (max-width:768px) {
    .property-text {
        display: inline-block; 
        color: #fbbd08;
        font-size: 25px;
        font-weight: bold;
    }
    .exchangeable-text {
        font-size:18px;
        margin-bottom:40px;
        color: #000;
        text-transform: unset;
        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;    
    } 
}


.s-select select {
	background: transparent;
	width: 115%;
	padding: 7px 5px 5px 15px;
	border: 0;
	border-radius: 0;
	height: 37px;
	margin: 0;
	font-weight: 400;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	color: #999;
}




.ui.secondary.menu .active.item {
    background: rgba(0, 99, 161, 0.8);
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.ui.secondary.menu .active.item:hover {
    background: rgba(0, 99, 161, 0.9) !important;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
}

.ui.secondary.menu .item {
    font-weight: 500;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.6);
}

.ui.secondary.menu .item:hover {
    font-weight: 500;
    font-size: 14px;
    color: #fff !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.ui.secondary.menu a.item {
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.ui.animated.fade.green.button {
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

button.ui.ihotel-back.button {
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.ui.button {
    font-family: 'Roboto', sans-serif;
    font-weight: 700 !important;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui.ihotel.button {
    font-weight: 500 !important;
    color: #fff;
    font-size: 14px !important;
    text-transform: uppercase;
}

button.small.ui.button {
    font-weight: 600 !important;
    font-size: 14px;
    text-transform: uppercase;
}

button.ui.ihotel.button {
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

button.ui.ihotel.right.floated.button {
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

button.ui.ihotel-default.right.floated.button {
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

button.ui.button {
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase;
}

.ui.ihotel.fluid.submit.button {
    font-weight: 500 !important;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.main-slider {
    position: relative;
    height: 700px;
    width: 100%;
}

.ui.inverted.segment,
.ui.primary.inverted.segment {}

.home-banner img {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 100%;
    background-size: cover;
    height: 500px;
}

.page-header {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 250px;
    padding-top: 30px;
}

.page-header img {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.page-banner {
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 550px;
}

.page-banner img {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.ui.page-title.grid.container {
    padding-top: 30px;
    width: 100%;
}

.page-title {
    padding-top: 60px;
    width: 100%;
    text-align: center;
    padding-bottom: 60px;
    color: #333;
    text-transform: uppercase;
}

.page-text {
    margin-top: -20px;
    margin-bottom: 80px;
}

.about-text {
    margin-left: 120px;
}

img.ui.centered.mini.image {
    width: 150px;
}

a.item {
    font-size: 13px;
}

a.item:hover {
    color: #03629a !important;
}

p.left {
    font-size: 13px;
}

.ui.inverted.vertical.footer.segment {
    padding-top: 50px;
}

.ui.small.image,
.ui.small.images .image,
.ui.small.images img,
.ui.small.images svg {
    height: 120px;
    width: auto;
}

.copyright h5 {
    font-size: 10px;
    font-weight: 400;
}

.footer-menu {
    margin-bottom: 30px;
}

.copyright {
    
    background: #333 url(.../home/img/pattern.png) repeat 0 0;
    color: #fff;
}



.copyright a {
    color: #fff !important;
}

.copyright a:hover {
    color: #03629a !important;
}

.social-link li {
    float: left;
    cursor: pointer;
}

img.ui.small.image {
    width: 70px;
}

.special-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.meta span {
    margin-top: 10px;
    padding-top: 0px;
    font-size: 12px;
    font-weight: 800 !important;
}

.header {
    text-transform: uppercase;
    font-size: 14px !important;
}

a.header {
    font-weight: 600 !important;
    margin-bottom: 5px;
    font-size: 18px !important;
    line-height: 1.2 !important;
}

.footer-news {
    height: 90px;
}
.ui.divider:not(.vertical):not(.horizontal){border-top:0.1px solid rgb(255,255,255,.2);border-bottom:1px solid rgb(255,255,255,.2)}

.ui.primary.button {
    font-weight: 500 !important;
    text-transform: uppercase;
    background: #03629a;
    font-family: 'Roboto', sans-serif !important;
    text-shadow: none !important;
}
.ui.primary.button:hover {
    background: #0D7BBA;
}
.ui.primary.right.ribbbon.label {
    background: #03629a;
    color: #fff;
}
.ui.primary.right.ribbbon.label::after {
    background: #03629a;
}

h4.ui.header {
    /* text-transform: uppercase; */
    /* font-size: 14px !important; */
}

i.ui.star.icon {
    margin-right: 0px;
    padding-right: 0px;
    color: #ffcd20 !important;
}

.cd-header {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #21272c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:768px) {
    .cd-header {
        height: 70px;
        background-color: transparent;
    }
}

#cd-logo {
    float: left;
    margin: 13px 0 0 5%;
}

#cd-logo img {
    display: block;
}

@media only screen and (min-width:768px) {
    #cd-logo {
        margin: 23px 0 0 5%;
    }
}

.cd-primary-nav {
    /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
    float: right;
    margin-right: 5%;
    width: 44px;
    height: 100%;
    background: url("../assets/cd-icon-menu.svg") no-repeat center center;
}

.cd-primary-nav ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.cd-primary-nav ul.is-visible {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.cd-primary-nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    background: #21272c;
    border-top: 1px solid #333c44;
    color: #ffffff;
}

@media only screen and (min-width:768px) {
    .cd-primary-nav {
        /* reset navigation values */
        width: auto;
        height: auto;
        background: none;
    }
    .cd-primary-nav ul {
        position: static;
        width: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        line-height: 70px;
    }
    .cd-primary-nav ul.is-visible {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .cd-primary-nav li {
        display: inline-block;
        margin-left: 1em;
    }
    .cd-primary-nav a {
        display: inline-block;
        height: auto;
        font-weight: 600;
        line-height: normal;
        background: transparent;
        padding: .6em 1em;
        border-top: none;
    }
}


/* --------------------------------
Slider
-------------------------------- */

.cd-hero {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-hero-slider {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.cd-hero-slider li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-hero-slider li.selected {
    /* this is the visible slide */
    position: relative;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-hero-slider li.move-left {
    /* slide hidden on the left */
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.cd-hero-slider li.is-moving,
.cd-hero-slider li.selected {
    /* the is-moving class is assigned to the slide which is moving outside the viewport */
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
}

@media only screen and (min-width:768px) {
    .cd-hero-slider {
        height: 400px;
    }
}

@media only screen and (min-width:1170px) {
    .cd-hero-slider {
        height: 400px;
        border-bottom: 1px solid #ddd;
    }
}


/* --------------------------------
Single slide style
-------------------------------- */

.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cd-hero-slider li:first-of-type(1) {}

.cd-hero-slider li:nth-of-type(2) {}

.cd-hero-slider li:nth-of-type(3) {}

.cd-hero-slider li:nth-of-type(4) {}

.cd-hero-slider li:nth-of-type(5) {}

.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0px;
    /* this padding is used to align the text */
    padding-top: 160px;
    text-align: center;
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cd-hero-slider .cd-img-container {
    /* hide image on mobile device */
    display: none;
}

.cd-hero-slider .cd-img-container img {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-hero-slider .cd-bg-video-wrapper {
    /* hide video on mobile device */
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cd-hero-slider .cd-bg-video-wrapper video {
    /* you won't see this element in the html, but it will be injected using js */
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cd-hero-slider h2,
.cd-hero-slider p {
    line-height: 1.2;
    margin: 0 auto 14px;
    color: #222;
    width: 90%;
    max-width: 400px;
}

.cd-hero-slider h2 {
    font-size: 20px;
    font-weight: 500 !important;
    text-transform: uppercase;
}

h4.ui.sub.header {
    color: #222 !important;
}

h4.ui.centered.header {
    color: #222 !important;
}

.cd-hero-slider strong {
    font-size: 18px;
    font-weight: 600;
    color: #03629a;
    line-height: 1.2;
    text-transform: uppercase;
}

.cd-hero-slider p {
    font-weight: 400;
    line-height: 1.2;
}

.cd-hero-slider .cd-btn {
    display: inline-block;
    padding: 1.2em 1.4em;
    margin-top: .8em;
    background-color: rgba(212, 68, 87, 0.9);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.cd-hero-slider .cd-btn.secondary {
    background-color: rgba(22, 26, 30, 0.8);
}

.cd-hero-slider .cd-btn:nth-of-type(2) {
    margin-left: 1em;
}

.no-touch .cd-hero-slider .cd-btn:hover {
    background-color: #d44457;
}

.no-touch .cd-hero-slider .cd-btn.secondary:hover {
    background-color: #161a1e;
}

@media only screen and (min-width:768px) {
    .cd-hero-slider li:nth-of-type(2) {
        background-image: none;
    }
    .cd-hero-slider li:nth-of-type(3) {
        background-image: none;
    }
    .cd-hero-slider li:nth-of-type(4) {
        background-image: none;
    }
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {}
    .cd-hero-slider .cd-bg-video-wrapper {
        display: block;
    }
    .cd-hero-slider .cd-half-width {
        width: 45%;
    }
    .cd-hero-slider .cd-half-width:first-of-type {
        left: 5%;
    }
    .cd-hero-slider .cd-half-width:nth-of-type(2) {
        right: 5%;
        left: auto;
    }
    .cd-hero-slider .cd-img-container {
        display: block;
    }
    .cd-hero-slider h2,
    .cd-hero-slider p {
        max-width: 520px;
    }
    .cd-hero-slider h2 {
        font-weight: 300;
    }
    .cd-hero-slider .cd-btn {
        font-size: 1.4rem;
    }
}

@media only screen and (min-width:1170px) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {}
    .cd-hero-slider h2,
    .cd-hero-slider p {
        margin-bottom: 20px;
    }
    .cd-hero-slider h2 {}
    .cd-hero-slider p {}
}


/* --------------------------------
Single slide animation
-------------------------------- */

@media only screen and (min-width:768px) {
    .cd-hero-slider .cd-half-width {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }
    .cd-hero-slider .move-left .cd-half-width {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }
    .cd-hero-slider .selected .cd-half-width {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-hero-slider .is-moving .cd-half-width {
        /* this is the slide moving outside the viewport
wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }
    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
    }
    .cd-hero-slider .cd-full-width h2,
    .cd-hero-slider .cd-full-width p,
    .cd-hero-slider .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    .cd-hero-slider .move-left .cd-full-width h2,
    .cd-hero-slider .move-left .cd-full-width p,
    .cd-hero-slider .move-left .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    .cd-hero-slider .selected .cd-full-width h2,
    .cd-hero-slider .selected .cd-full-width p,
    .cd-hero-slider .selected .cd-full-width .cd-btn {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .cd-hero-slider li.is-moving .cd-full-width h2,
    .cd-hero-slider li.is-moving .cd-full-width p,
    .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
        /* this is the slide moving outside the viewport
wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }
    .cd-hero-slider li.selected h2 {
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }
    .cd-hero-slider li.selected p {
        -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
        -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
        transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
    }
    .cd-hero-slider li.selected .cd-btn {
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
    }
}


/* --------------------------------
Slider navigation
-------------------------------- */

.cd-slider-nav {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
    text-align: center;
    height: 55px;
    border-bottom: 1px solid #ccc;
}

.cd-slider-nav nav,
.cd-slider-nav ul,
.cd-slider-nav li,
.cd-slider-nav a {
    height: 100%;
}

.cd-slider-nav nav {
    display: inline-block;
    position: relative;
}

.cd-slider-nav .cd-marker {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 100%;
    /*color: #03629a;
background-color: #ffffff;
box-shadow: inset 0 3px 0 currentColor;*/
    -webkit-transition: -webkit-transform 0.2s, box-shadow 0.2s;
    -moz-transition: -moz-transform 0.2s, box-shadow 0.2s;
    transition: transform 0.2s, box-shadow 0.2s;
}

.cd-slider-nav .cd-marker.item-2 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.cd-slider-nav .cd-marker.item-3 {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
}

.cd-slider-nav .cd-marker.item-4 {
    -webkit-transform: translateX(300%);
    -moz-transform: translateX(300%);
    -ms-transform: translateX(300%);
    -o-transform: translateX(300%);
    transform: translateX(300%);
}

.cd-slider-nav .cd-marker.item-5 {
    -webkit-transform: translateX(400%);
    -moz-transform: translateX(400%);
    -ms-transform: translateX(400%);
    -o-transform: translateX(400%);
    transform: translateX(400%);
}

.cd-slider-nav ul::after {
    clear: both;
    content: "";
    display: table;
}

.cd-slider-nav li {
    display: inline-block;
    width: 200px;
    float: left;
}

.cd-slider-nav li.selected a {
    color: #000;
    font-weight: 600;
}

.no-touch .cd-slider-nav li.selected a:hover {
    background-color: transparent;
}

.cd-slider-nav a {
    display: block;
    position: relative;
    padding-top: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #03629a;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.cd-slider-nav a::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    background: url(../assets/cd-icon-navigation.svg) no-repeat 0 0;
}

.cd-slider-nav li:first-of-type a::before {
    background-position: 0 0;
}

.cd-slider-nav li.selected:first-of-type a::before {
    background-position: 0 -24px;
}

.cd-slider-nav li:nth-of-type(2) a::before {
    background-position: -24px 0;
}

.cd-slider-nav li.selected:nth-of-type(2) a::before {
    background-position: -24px -24px;
}

.cd-slider-nav li:nth-of-type(3) a::before {
    background-position: -48px 0;
}

.cd-slider-nav li.selected:nth-of-type(3) a::before {
    background-position: -48px -24px;
}

.cd-slider-nav li:nth-of-type(4) a::before {
    background-position: -72px 0;
}

.cd-slider-nav li.selected:nth-of-type(4) a::before {
    background-position: -72px -24px;
}

.cd-slider-nav li:nth-of-type(5) a::before {
    background-position: -96px 0;
}

.cd-slider-nav li.selected:nth-of-type(5) a::before {
    background-position: -96px -24px;
}

@media only screen and (min-width:768px) {
    .cd-slider-nav {
        height: 75px;
    }
    .cd-slider-nav a {
        text-transform: uppercase;
    }
    .cd-slider-nav a::before {
        top: 18px;
    }
}


/* --------------------------------
Main content
-------------------------------- */

.cd-main-content {
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
}

.cd-main-content p {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #999999;
}

@media only screen and (min-width:1170px) {
    .cd-main-content {}
    .cd-main-content p {
        font-size: 1.6rem;
    }
}


/* --------------------------------
Javascript disabled
-------------------------------- */

.no-js .cd-hero-slider li {
    display: none;
}

.no-js .cd-hero-slider li.selected {
    display: block;
}

.no-js .cd-slider-nav {
    display: none;
}

i.big.icon,
i.big.icons {
    font-size: 24px !important;
}

section.cd-hero {
    margin-top: -5px;
    z-index: 0;
}

.ui.red.right.ribbon.label {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
}

.ui.search .prompt {
    border-radius: 4px;
}

.daterangepicker.opensright:before {
    visibility: hidden !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
}

.cd-slider-nav li img {
    float: left;
}

.cd-slider-nav li img {
    float: left;
}

.cd-slider-nav li label {
    position: relative;
    top: 8px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left !important;
    width: 100px;
    cursor: pointer;
}


/**login heseg**/

.main-nav {}

.main-nav ul {}

.main-nav ul.is-visible {}

.main-nav a {}

@media only screen and (min-width:768px) {
    .main-nav {
        width: auto;
        height: auto;
        background: none;
        cursor: auto;
    }
    .main-nav ul {}
    .main-nav ul.is-visible {}
    .main-nav li {
        display: inline-block;
    }
    .main-nav li:nth-last-child(2) {}
    .main-nav a {
        background: transparent;
    }
    .main-nav a.cd-signin,
    .main-nav a.cd-signup {}
    .main-nav a.cd-signup {}
}


/* --------------------------------
xsigin/signup popup
-------------------------------- */

.cd-user-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 99, 161, 1));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 99, 161, 1));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 99, 161, 1));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 99, 161, 1));
    z-index: 30;
    overflow-y: auto;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    transition: opacity 0.3s, visibility 0.3s;
}

.cd-user-modal.is-visible {
    visibility: visible;
    opacity: 1;
}

.cd-user-modal.is-visible .cd-user-modal-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.cd-user-modal-container {
    position: relative;
    width: 100%;
    max-width: 350px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 5px;
}

.cd-user-modal-container .cd-switcher:after {
    content: "";
    display: table;
    clear: both;
}

.cd-user-modal-container .cd-switcher li {
    width: 50%;
    float: left;
    text-align: center;
}

.cd-user-modal-container .cd-switcher li:first-child a {
    border-top-left-radius: 5px !important;
}

.cd-user-modal-container .cd-switcher li:last-child a {
    border-top-right-radius: 5px !important;
}

.cd-user-modal-container .cd-switcher a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #03629a;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}

#social-footer {
    text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 30px;
	margin-top: 30px;
}

#social-footer p {
	font-size: 12px;
    color: #8c8c8c;
    
}

#social-footer ul {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}

#social-footer a .icon { margin: 0 }

#social-footer ul li {
	display: inline-block;
	margin: 0 5px 10px 5px;
}

#social-footer ul li a {
	color: #fff;
	text-align: center;
	line-height: 33px;
	display: block;
    font-size: 16px;
	width: 35px;
	height: 35px;
	border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
}

.main-footer {
    background: #333;
	padding: 30px 0 10px 0
}

.main-footer .ui.inverted.list a.item {
    font-size: 14px
}

.main-footer .ui.inverted.list a.item:hover,
.main-footer .ui.inverted.list a.item:focus {
    color: #ccc !important;
    text-decoration: underline
}

.main-footer h4.ui.inverted.header {
    font-size: 16px !important;
    font-weight: 700
}

.footer-text {
    margin-bottom:0;
    font-size: 13px;
    color: #ccc;
}

.styled-select select {
    display: block;
    width: 100%;
    height: 40px;
    padding: 5px 5px 5px 15px;
    border-radius: 3px;
    font-size: 12px;
    border: 0;
    background-color: #434343;
    color: rgb(179, 175, 175);
    font-size: 14px;
}

#social-footer ul li a:hover {
	border: 1px solid #fff;
	background: #fff;
    color: #1c7df6
}

.s-select p {
    font-size: 12px;
    color: #8c8c8c;
    text-align: center;
}

.cd-user-modal-container .cd-switcher a:hover {
    text-decoration: none;
}

.cd-user-modal-container .cd-switcher a.selected {
    background: #FFF;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.cd-user-modal-container .cd-switcher a.selected:hover {
    background: #FFF;
    color: #222;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

@media only screen and (min-width:600px) {
    .cd-user-modal-container {
        margin: 8em auto;
        border-radius: 5px;
    }
    .cd-user-modal-container .cd-switcher a {
        height: 70px;
        line-height: 70px;
        font-weight: 600;
    }
}

.cd-form {
    padding: 1.4em;
}

.cd-form .fieldset {
    position: relative;
    margin: 1.4em 0;
}

.cd-form .fieldset:first-child {
    margin-top: 0;
}

.cd-form .fieldset:last-child {
    margin-bottom: 0;
}

.cd-form label {
    font-size: 14px;
}

.cd-form label.image-replace {
    /* replace text with an icon */
    display: inline-block;
    position: absolute;
    left: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 20px;
    width: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent;
    text-shadow: none;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.cd-form label.cd-username {
    background-image: url("../img/cd-icon-username.svg");
}

.cd-form label.cd-email {
    background-image: url("../img/cd-icon-email.svg");
}

.cd-form label.cd-password {
    background-image: url("../img/cd-icon-password.svg");
}

.cd-form input {
    margin: 0;
    padding: 0;
}

.cd-form input.full-width {
    width: 100%;
}

.cd-form input.has-padding {}

.cd-form input.has-border {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-weight: 500;
    font-size: 14px;
}

.cd-form input.has-border:focus {
    outline: none;
}

.cd-form input.has-error {
    border: 1px solid #d76666;
}

.cd-form input[type=password] {}

.cd-form input[type=submit] {
    padding: 16px 0;
    cursor: pointer;
    background: #03629a;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.no-touch .cd-form input[type=submit]:hover,
.no-touch .cd-form input[type=submit]:focus {
    background: #005286;
    outline: none;
}

.cd-form .hide-password {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 15px;
    border-left: 1px solid #d2d8d8;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-size: 0.875rem;
    color: #343642;
}

.cd-form .cd-error-message {
    display: inline-block;
    position: absolute;
    left: -5px;
    bottom: -35px;
    background: rgba(215, 102, 102, 0.9);
    padding: .8em;
    z-index: 2;
    color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    border-radius: 0.25em;
    /* prevent click and touch events */
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0, visibility 0 0.2s;
    -moz-transition: opacity 0.2s 0, visibility 0 0.2s;
    transition: opacity 0.2s 0, visibility 0 0.2s;
}

.cd-form .cd-error-message::after {
    /* triangle */
    content: '';
    position: absolute;
    left: 22px;
    bottom: 100%;
    height: 0;
    width: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgba(215, 102, 102, 0.9);
}

.cd-form .cd-error-message.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.2s 0, visibility 0 0;
    -moz-transition: opacity 0.2s 0, visibility 0 0;
    transition: opacity 0.2s 0, visibility 0 0;
}

@media only screen and (min-width:600px) {
    .cd-form {
        padding: 2em;
    }
    .cd-form .fieldset {
        margin: 2em 0;
    }
    .cd-form .fieldset:first-child {
        margin-top: 0;
    }
    .cd-form .fieldset:last-child {
        margin-bottom: 0;
    }
    .cd-form input.has-padding {}
    .cd-form input[type=submit] {
        padding: 16px 0;
    }
}

.cd-form-message {
    padding: 1.4em 1.4em 0;
    font-size: 14px;
    line-height: 1.4;
    text-align: center;
}

@media only screen and (min-width:600px) {
    .cd-form-message {
        padding: 2em 2em 0;
    }
}

.cd-form-bottom-message {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 1;
    text-align: center;
}

.ui.form>p {
    text-align: center;
}

.cd-close-form {
    /* form X button on top right */
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0;
    top: -40px;
    background: url("../img/cd-icon-close.svg") no-repeat center center;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@media only screen and (min-width:1170px) {
    .cd-close-form {
        display: none;
    }
}

#cd-login,
#cd-signup,
#cd-reset-password {
    display: none;
}

#cd-login.is-selected,
#cd-signup.is-selected,
#cd-reset-password.is-selected {
    display: block;
    padding: 20px;
}

.cd-signup {
    text-transform: inherit !important;
}

.cd-signin {
    text-transform: inherit !important;
}

/**end login heseg**/

label.security {
    font-weight: 500;
    text-align: center;
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    color: #005082;
}

label.security a {
    width: 100%;
    text-align: left;
    margin-top: 5px;
    font-size: 14px;
    padding-top: 5px;
}

.page-content {
    position: relative;
    top: -180px;
}

.page-content h1 {
    color: #fff;
    margin-bottom: 10px;
    text-shadow: 1px 1px #000;
    font-family: 'Roboto', sans-serif !important;
}

.page-content h5 {
    color: #fff;
    text-shadow: 1px 1px #000;
}

.page-static {
    background: #03629a;
}

.ui.twelve.wide.center.aligned.column.page-text p {
    font-weight: 400;
    line-height: 1.4 !important;
    color: #222;
}

/* .ui.twelve.wide.center.aligned.column.page-text strong {
    font-size: 18px;
    font-weight: 600;
    color: #03629a;
    line-height: 1.2;
    text-transform: uppercase;
} */

.ui.medium.rounded.fade.reveal.image {
    margin-bottom: 5px;
}

p.ui.blue {
    margin-top: 5px;
    color: #03629a !important;
    font-weight: 400;
}

.ui.stackable.four.column.grid.container {
    margin-bottom: 50px;
}

.ui.grid.fluid.contact-form {
    position: absolute;
    right: 0px;
    margin-right: 20%;
    margin-top: -500px;
}

.ui.grid.about-header.container {
    padding-top: 80px;
    position: absolute;
    width: 100%;
    margin: 0 auto;
}

.fourteen.wide.center.aligned.column h3 {
    margin-right: 20px;
    margin-left: 20px;
    float: left;
    font-family: 'Roboto', sans-serif !important;
}

.fourteen.wide.center.aligned.column h3 a {
    color: #222;
}

.about-header {
    position: absolute;
    padding-top: 100px;
}

.sixteen.wide.about-header.center.aligned.column a {
    color: #222;
}

.ui.small.rounded.fade.reveal.image {
    width: 200px;
    margin-bottom: 20px !important;
    margin: 0 auto;
}

.main-page {
    margin: 0 auto;
    padding: 40px 0;
    max-width: 1400px;
}

.blog-page {
    margin-top: 0px;
    margin-bottom: 50px;
}

.search-result {
    margin-bottom: 40px;
}

.search-page {
    margin-top: 50px;
    margin-bottom: 50px;
}

.ui.stackable.grid.container.page-question {
    margin-top: 5em;
}

.ui.styled.accordion .accordion .active.title,
.ui.styled.accordion .active.title {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    color: #03629a;
    text-transform: uppercase;
}

.ui.styled.accordion .accordion .title,
.ui.styled.accordion .title {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif !important;
    text-transform: uppercase;
    color: #333;
}

.ui.accordion .accordion .content,
.ui.accordion .content {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    color: #222;
}

.ui.accordion .accordion .active.content,
.ui.accordion .active.content {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
}

.search-form {
    background: #fff;
}

.flexslider {
    margin-bottom: 10px;
}

.flex-control-nav {
    position: relative;
    bottom: auto;
}

.custom-navigation {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.custom-navigation>* {
    display: table-cell;
}

.custom-navigation>a {
    width: 50px;
}

.custom-navigation .flex-next {
    text-align: right;
}

.flex-container a:hover,
.flex-slider a:hover {
    outline: none;
}

.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}


/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/

.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flexslider .slides:after {
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.no-js .flexslider .slides>li:first-child {
    display: block;
}


/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/

.flexslider {
    margin: 0 0 60px;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav a.flex-next:before {}

.flex-direction-nav .flex-prev {}

.flex-direction-nav .flex-next {}

.flexslider:hover .flex-direction-nav .flex-prev {}

.flexslider:hover .flex-direction-nav .flex-prev:hover {}

.flexslider:hover .flex-direction-nav .flex-next {}

.flexslider:hover .flex-direction-nav .flex-next:hover {}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
    z-index: -1;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #03629a;
    cursor: pointer;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}


/* ====================================================================================================================
* RESPONSIVE
* ====================================================================================================================*/

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {}
    .flex-direction-nav .flex-next {}
}

.flexslider {
    margin-bottom: 10px;
}

.flex-control-nav {
    position: relative;
    bottom: auto;
}

.custom-navigation {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.custom-navigation>* {
    display: table-cell;
}

.custom-navigation>a {
    width: 50px;
}

.custom-navigation .flex-next {
    text-align: right;
}

article {
    margin: 10px auto;
    width: 100%;
    color: #222;
}

.quote {
    background: #03629a;
    padding: 15px 20px 5px 15px;
    border-radius: 5px;
    margin-bottom: 30px;
    color: #fff;
}

.quote:after {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 20px 18px 0 18px;
    border-color: #03629a transparent transparent transparent;
    position: relative;
    top: 37px;
    left: 20px;
}

.student {
    margin-left: 25px;
}

.student .photo {
    background-color: #ccc;
    border-radius: 100px;
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 10px;
}

.student p {
    position: relative;
    top: 5px;
    text-transform: uppercase;
}

.student p:nth-child(2) {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.student p:nth-child(3) {
    font-size: 14px;
    color: #03629a;
    font-weight: 600;
    margin-top: 3px;
}

section.slider {
    margin-bottom: 30px;
}

.right-search {
    padding: 10px;
    background: #00578d;
    border-radius: 5px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #ccc;
    color: #000;
    font-weight: 600;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
     text-decoration: none; 
}

.fa-chevron-left:before {
    color: #03629a;
}

i.fa.fa-chevron-right.glyphicon.glyphicon-chevron-right {
    color: #03629a;
    border-radius: 0px;
}

.daterangepicker.dropdown-menu.ltr.show-calendar.openscenter {
    border: 1px solid #ddd;
    display: none;
    padding-right: 30px;
}

td.weekend.available:hover {
    border: 2px solid #fff;
    border-right: 3px solid #fff;
}

td.off.available {
    border: 2px solid #fff;
    border-radius: 0px;
    border-radius: 0px;
}

td.off.available:hover {
    border: 2px solid #fff;
    border-radius: 0px;
}

td.available {
    background: #f1f1f1;
    border-radius: 0px;
    border: 2px solid #fff;
    padding: 10px;
}

td.available:hover {
    background: #f1f1f1;
    border-radius: 0px;
    border: 2px solid #fff !important;
    padding: 10px;
}

td.in-range.available {
    background: #b0deff;
    border-radius: 0px;
    color: white;
    border: 2px solid #fff !important;
    padding: 10px;
}

td.in-range.available:hover {
    background: #003580;
    color: white;
    border-radius: 0px;
    border: 2px solid #fff !important;
    padding: 10px;
}

.daterangepicker.ltr .calendar.left {
    margin-right: 20px;
}

h2.month {
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 600 !important;
}

th.month {
    color: #000;
    font-size: 14px;
    font-weight: 600 !important;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    padding: 10px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    padding: 10px;
    color: #FFF;
    border: 2px solid #fff;
    border-radius: 0px !important;
    background: #003580 !important;
}

.calendar-table {
    padding: 10px;
}

i.icon.arrow.right:before {
    content: "\f054" !important;
}

i.icon.arrow.left:before {
    content: "\f053" !important;
}

.daterangepicker td.start-date.end-date {
    border-radius: 8px;
}

.daterangepicker td.in-range {
    border: 2px solid #fff;
}

.hotel-date {
    margin-top: 5px;
    padding-right: 0px;
}

.hotel-number {
    margin-top: -10px;
}

button.ui.mini-search.fluid.red.button {
    margin-top: 5px;
}

.meta {
    margin-bottom: 5px !important;
}

.meta a {
    margin-bottom: 5px !important;
}

.description {
    font-weight: 400 !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 1.3;
    margin-top: 10px;
    margin-bottom: 20px;
}

.hotel-date-right.column {
    padding-right: 3px !important;
}

.hotel-date-left.column {
    padding-left: 3px !important;
}

.people-number-right {
    padding-left: 3px !important;
}

.people-number-left {
    padding-right: 3px !important;
}

h4.ui.header.blog-header {
    color: #333 !important;
    margin-bottom: 5px;
}

h1.ui.header.blog-header {
    color: #333 !important;
    margin-bottom: 5px !important;
    font-size: 15px !important;
}

.blog-header {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.blog-comments {
    position: relative;
}

.blog-mail {
    text-transform: uppercase;
}

h4.ui.header.blog-header a {
    color: #333 !important;
    font-size: 18px;
}

h4.ui.header.blog-header a:hover {
    color: #4183C4 !important;
}

.ui.fluid.vertical.menu.blog-right-menu a {
    font-size: 12px;
    font-weight: 600;
    color: #555;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

.blog-pagination {
    margin-bottom: 30px;
}

.blog-share {
    margin-bottom: 10px;
    margin-top: 10px;
}

a.meta {
    font-size: 14px !important;
}

a.header {
    font-size: 12px !important;
    font-weight: 600;
    color: #000;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

a.time {
    color: #03629a !important;
}

h6.ui.horizontal.header.divider {
    text-transform: uppercase;
    font-size: 14px;
}

.ui.piled.segment,
.ui.piled.segments {
    margin-top: 1em;
}

.fourteen.wide.center.aligned.column {
    font-size: 14px !important;
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

.fourteen.wide.center.aligned.column h4 {
    font-weight: 600;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
}

.ui.styled.accordion,
.ui.styled.accordion .accordion {
    box-shadow: none !important;
}

.main-search {
    background: #e6edf6 !important;
    margin-top: 50px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.search-filter {
    background: #fff;
    padding: 10px 0;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

h5.ui.header.search-header {
    margin-bottom: 0px;
}

.image img {
    float: left;
    margin-right: 25px;
}

.list-item {
    float: left;
    width: 100%;
    height: 230px;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}

@media (min-width: 992px) {
    .list-item {
        width: 50%;
        height: 250px;
    }
}

.list-item .img.left:hover,
.list-item .img.left.hover {
    -webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.8);
       -moz-box-shadow: 0 8px 12px rgba(0,0,0,0.8);
            box-shadow: 0 8px 12px rgba(0,0,0,0.8);
}

#pac-input {
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
    height:30px;
    border:none;
    margin-left: 12px;
    margin-top:10px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 300px;
}

#pac-input:focus {
  border-color: #4d90fe;
}
.list-item img {
    width: 50%;
}

.extra {
    margin-top: 30px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: #fff !important;
    border-radius: 100%;
    margin-top: -3px;
    -webkit-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.5) !important;
    -moz-box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.5) !important;
    border: none !important;
}

::section.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    color: none !important;
}

.ui-widget-header {
    background: #fff !important;
    height: 1px !important;
}

.ui-slider {}

.ui-widget.ui-widget-content {
    height: 5px !important;
}

.jplist-range-slider .value {
    font-weight: 500;
    font-size: 14px !important;
}

.jplist-drop-down {
    float: right !important;
    margin: 0em !important;
    max-width: 100% !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 0 auto !important;
    -ms-flex: 1 0 auto !important;
    flex: 1 0 auto !important;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    text-align: left !important;
    text-shadow: none !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(34, 36, 38, 0.15) !important;
    color: rgba(0, 0, 0, 0.87) !important;
    border-radius: 0.28571429rem !important;
    -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease !important;
    transition: box-shadow 0.1s ease, border-color 0.1s ease !important;
    box-shadow: none !important;
    color: #ccc !important;
    padding: 5px !important;
    height: 40px !important;
}

.jplist-drop-down .jplist-dd-panel:after {
    content: "\2605" !important;
    color: #fbbd08 !important;
    font-size: 20px !important;
    font-weight: 500;
    z-index: 0 !important;
}

.jplist-drop-down ul {
    box-shadow: none !important;
    width: 150px !important;
    border-top: none !important;
    left: -6px;
}

.jplist-drop-down ul li {
    text-indent: 5px !important;
}

.hotel-name {
    padding: 10px;
    position: relative;
    top: -150px;
}

p.theme {
    position: absolute;
    left: 15px;
    bottom: 30px;
}

.ui.dropdown>.text {
    font-weight: 400;
    font-size: 14px;
}

.text a {
    color: #fff !important;
}

.room-name {
    position: absolute;
    bottom: 60px;
    left: 15px;
    right: 15px;
}

.room-name h5 {
    font-weight: 400;
    text-transform: initial;
    box-sizing: border-box;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.block.right {
    padding: 10px;
    color: #fff;
    height: 0px;
}

img.visible.centered.medium.circular.content.image {
    margin-left: 110px;
    margin-bottom: 10px;
}

img.hidden.circular.content {
    margin-left: 110px;
    margin-bottom: 10px;
    border: 2px solid #f1f1f1;
}

.search-content.column {
    cursor: pointer;
    padding-right: 0px !important;
}

.search-content.column img {
    position: relative;
    cursor: pointer;
    height: 100%;
    padding-right: 0px !important;
}

#wrapper .text {
    position: relative;
    padding: 10px;
    bottom: 250px;
    left: 0px;
    background: #fff;
    opacity: 0.9;
}

.main-breadcrumb {
    background: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.ui.header-search.stackable.grid {
    padding-top: 10px;
}

.section {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

.active.section {
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
}

h3.ui.header {
    font-size: 14px;
    text-transform: uppercase;
}

a.item.active {
    font-size: 14px;
    font-weight: 500 !important;
    font-family: 'Roboto', sans-serif !important;
}

a.item {
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

.ui.inverted.link.list a {
    font-size: 14px;
}

button.centered.aligned.floated.positive.ui.button {
    font-size: 14px;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
}

.res-btn {
    margin-top: 225px;
}

.ui.segment.reser {
    background: #1B1C1D;
}

.ui.davu {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #f1f1f1;
}

.ui.video {
    padding-top: 40px;
    padding-bottom: 40px;
}

.reset-menu {
    margin-bottom: 20px;
}

button.positive.ui.button {
    font-size: 20px;
    width: 300px;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
    margin-top: 10px;
}

.partner {
    background: #fff;
    border-top: 1px solid #dedede;
    padding-top: 10px;
    padding-bottom: 10px;
}

.partner-info {
    background-color: rgba(0, 99, 161, 0.9);
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #dedede;
}

.partner-video {
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #dedede;
}

.reset-form {
    border-top: 1px solid #dedede;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 20px;
    background: #03629a;
    background: url(../img/wall1.jpg);
}

h6.header {
    font-size: 14px !important;
    text-transform: uppercase;
}

.hotel-add {
    margin-bottom: 30px;
}

.ui.mini.positive.button {
    font-size: 14px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
}

.ihotel {
    background: #03629a !important;
    color: #fff !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
}

.ihotel-default {
    background: #ccc !important;
    color: #333 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
}

.ihotel-default:hover {
    background: #ddd !important;
    color: #333 !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    font-family: 'Roboto', sans-serif !important;
}

i.right.chevron.icon {
    font-size: 14px !important;
    font-weight: 400 !important;
}

.ihotel:hover {
    background: #00578d !important;
}

.ihotel-back {
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.ui.form .field>label {
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 14px;
    margin-top: 10px;
}

.ui.transparent.input {
    border: 1px solid #dedede !important;
    border-radius: 3px !important;
    height: 40px;
}

#example1 td {
    vertical-align: bottom;
}

#example2 td {
    vertical-align: top;
}

.ui.progress:last-child {
    margin-bottom: 0px;
}

.ui.table thead tr:first-child>th {
    font-weight: 500;
}

.ui.table td.negative,
.ui.table tr.negative {}

.ihotel-title {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.hotel-admin {
    position: fixed;
    right: 0px;
    background: #f1f1f1;
    border-radius: 100%;
    height: 60px;
    width: 60px;
}

.admin-login {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-bottom: 100px;
    padding-top: 20px;
    background-color: rgba(0, 99, 161, 0.9);
}

h4#contact {
    color: #fff;
}

.login-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

.people-say {
    padding-bottom: 20px;
    padding-top: 40px;
    border-top: 1px solid #ddd;
    background: #fff;
}

.cd-logo-admin {
    padding-top: 10px;
}

.admin-body {
    padding-left: 15px;
    padding-right: 15px;
}

.admin-header {
    padding-top: 20px;
    padding-bottom: 40px;
}

h5.ui.header {
    font-weight: 500;
}

tr.ihotel-blue {
    background: #f9f9f9;
}

.com-label {
    font-size: 25px !important;
}

.progress {
    color: #000 !important;
    font-weight: 500 !important;
}

.user-comment {
    background: #f1f1f1 !important;
}

.com-service {
    background: #f1f1f1 !important;
}

.user-id {
    color: #03629a;
}

.print-header {
    position: relative !important;
    float: right !important;
    margin-top: -20px !important;
    color: #333 !important;
}

.print-header a {
    color: #333 !important;
}

.print-header a:hover {
    color: #03629a !important;
}

.hidden.content {
    font-weight: 400 !important;
}

thead.neh-error {
    background: red !important;
}

.neh-table {
    font-weight: 600 !important;
}

.neh-title {
    font-size: 15px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

th {
    font-weight: 600;
}

td {}

.neh-toloh {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.error-neh {
    border: 1px solid #dedede !important;
}

h6.ui.right.floated.header {
    font-size: 14px !important;
}

.like-meta {
    z-index: 1000;
    position: relative;
    top: -250px;
    padding: 5px;
}

.price {
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 45px;
    padding: 5px 10px;
    padding-right: 15px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    max-width: 70%;
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
}

.inc-price {
    font-size: 12px; 
    color: rgba(255, 255, 255, 0.7);
}
.inc-price:not(:empty) {
    margin: 2px;
}

.review {
    position: absolute;
    top: 20px;
    right: 20px;
}

.room-button {
    position: absolute;
    bottom: 30px;
    right: 20px;
}

.review a {
    color: #fff;
}

.img.left {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in;
       -moz-transition: all 0.15s ease-in;
            transition: all 0.15s ease-in;
    background-size: cover;
}

.img-left-opacity {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent 25%, transparent 50%, rgba(0, 0, 0, .7));
}

img.ui.fluid.image {
    z-index: -1;
}

.ui.heart.rating .icon {
    color: #ff4b4b;
}

.ui-widget.ui-widget-content {
    border: 0px solid #fff !important;
    background: #03629a;
}

.jplist-panel .jplist-pagination .jplist-current {
    color: #fff !important;
    background: rgba(0, 99, 161, 0.9) !important;
    font-weight: 500 !important;
    text-shadow: none !important;
}

.room-page {
    float: left;
    width: 100%;
    position: relative;
}

label.room-label {
    font-size: 13px;
    font-weight: 500;
}

.card img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dollar-exchange {
    position: absolute;
    z-index: 0;
    padding: 15px;
    float: left;
    height: 10px;
    width: 10px;
    padding-left: 35%;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

.dollar-exchange-full {
    position: absolute;
    z-index: 0;
    padding: 15px;
    float: left;
    height: 10px;
    width: 10px;
    padding-left: 35%;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-top: 5px;
}

.ui.dropdown.dollar-exch {
    padding-bottom: 20px;
    font-weight: 600;
}

.item.exchange {
    font-size: 12px;
    font-weight: 600 !important;
}

.calendar.left {
    float: left !important;
}

.daterangepicker_input {
    display: none;
}

.exchange {
    padding: 2px !important;
    font-size: 12px !important;
}

.car_rent {
    margin-top: 5px;
}

.daterangepicker.dropdown-menu.ltr.show-calendar.opensright {
    display: none;
}

.shadow {
    -webkit-box-shadow: 0 15px 46px rgba(26, 26, 29, 0.3), 0 15px 90px rgba(0, 0, 0, 0.2);
            box-shadow: 0 15px 46px rgba(26, 26, 29, 0.3), 0 15px 90px rgba(0, 0, 0, 0.2);
}

.sub.header {
    text-transform: initial;
}

a.item.tab-travel {
    background: #d01919 !important;
}

a.item.tab-travel:hover {
    background: #bd0202 !important;
}

a.item.tab-aspac {
    background: #20b4e3 !important;
}

a.item.tab-aspac:hover {
    background: #20b4e3 !important;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.jplist-label {
    margin-left: 5px !important;
    background: none !important;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 0px !important;
}

.ui.dropdown.blue.label {
    color: #fff !important;
}

button.jplist-current {
    background: none !important;
    border-radius: 0px !important;
    font-family: 'Roboto', sans-serif !important;
}

button.jplist-next {
    background: none !important;
    border-radius: 0px !important;
    font-family: 'Roboto', sans-serif !important;
}

.jplist-panel .jplist-pagination button {
    background: none !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
}

.jplist-panel .jplist-pagination button {
    color: #3e3e3e !important;
    padding: 0 12px !important;
}

.search-google-map.column {
    float: right !important;
    padding-left: 0px !important;
}

.search-result.column {
    padding-right: 0px !important;
}

.res-video {
    margin-bottom: 40px;
}

button.ui.red.button {
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    text-shadow: none !important;
}

.fluid.ui.red.button {
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    text-shadow: none !important;
}

.silver-back {
    background: #f9f9f9;
}
.silver-back-back {
    padding: 45px;
    background-repeat: no-repeat;
    background-size: auto;
}

.ihotel-progress {
    margin-top: -40px;
    padding-bottom: 0px !important;
}

.ui.table td.negative,
.ui.table tr.negative {
    background: #ebffec !important;
}

i.icon.large.green.check.circle {
    margin-left: 0px !important;
}

.ui.basic.label {
    font-size: 14px !important;
    font-weight: 500;
}

.daterangepicker.dropdown-menu.ltr.single.opensright {
    display: none;
}

.about-banner {
    padding-top: 120px;
    background: url(../img/ub_background.jpg);
    background-size: 100% auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.about-link a {
    color: #000;
}

.about-info {
    text-align: center;
    padding: 20px;
    border-radius: 5px;
    color: #333;
    background: rgba(255, 255, 255, 0.7);
    /* background: rgba(0, 0, 0, 0.7); */
    margin-top: 60px;
    margin-bottom: 80px;
}

.about-info p {
    /* color: white !important;     */
}

.back-white {
    background: #fff;
}

.about-img {
    width: 200px;
    margin: 0 auto;
}

.back-silver {
    padding-bottom: 80px;
    background-color: rgba(0, 99, 161, 0.9);
}

.pay-total {
    padding: 20px 0 16px;
    color: #000;
}

.pay-total p {
    color: #000;
}

.pay-total h4 {
    color: #000 !important;
}

.pay-total span {
    color: #000 !important;
}

.pay-total h2 {
    text-transform: uppercase;
    color: #000 !important;
}

@media only screen and (min-width:1024px) {
    .cd-logo {
        position: absolute;
        z-index: 2;
    }
}

.flexslider {
    margin-bottom: 0px !important;
}

.group-logo img {
    padding-top: 20px;
}

.group-title {
    text-transform: uppercase;
    padding-top: 15px;
    font-weight: 500;
}

.hq {
    top: 0px;
    background: green;
    position: absolute;
    color: #fff;
    z-index: 0;
    right: 0px;
    padding: 10px;
    margin-left: 10px;
    text-align: center;
}

.jplist-range-slider {
    float: right !important;
}

.kilometers {
    padding: 5px;
    color: #000;
    background: #ffcd20 !important;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

td.off.active.start-date.available {
    color: #fff;
}

.ui.floating.label {
    z-index: 0;
}

.floating.circular.ui.red.label {
    z-index: 0;
}

.blog-img img {
    margin-top: 10px;
    margin-bottom: 10px !important;
}

button.ui.readmore.right.floated.button a {
    font-weight: 600;
    background: none;
    color: #555 !important;
    font-size: 12px !important;
}

button.ui.readmore.right.floated.button a:hover {
    font-weight: 600;
    background: none;
    color: #555 !important;
    font-size: 12px !important;
}

button.ui.readmore.right.floated.button {
    font-weight: 600;
    background: none;
    color: #555 !important;
    font-size: 12px !important;
}

.button.ui.mini.facebook.button i.icon.facebook:before {
    color: #fff;
}

.button.ui.mini.twitter.button i.icon.twitter:before {
    color: #fff;
}

.button.ui.mini.google.plus.button i.icon.google.plus:before {
    color: #fff;
}

.button.ui.mini.instagram.button i.icon.instagram:before {
    color: #fff !important;
}

.ui.pagination.menu .active.item {
    background: rgba(0, 99, 161, 0.9);
    color: #fff;
}

.ui.pagination.menu .item:hover {
    background: #f1f1f1;
}

.group-page {
    margin-top: 20px;
    margin-bottom: 20px;
}

#main {
    margin-top: 20px;
}

.group-btn {
    height: 45px;
}

.daterangepicker {
    border: 1px solid #ccc;
    padding-right: 15px;
}

.daterangepicker.opensright:after {
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

i.icon.yellow.star {
    left: 0px;
    margin-left: 0px;
}

.calendar-container {
    height: 538px;
    left: 50%;
    margin: -255px 0 0 -245px;
    position: absolute;
    top: 45%;
    width: 510px;
}

.calendar-order {
    text-align: center;
}

.calendar-order header {
    position: relative;
}

.calendar-orderh2 {
    text-transform: uppercase;
}

.calendar-order thead {
    font-weight: 600;
    text-transform: uppercase;
}

.calendar-order tbody {
    color: #7c8a95;
}

.calendar-order tbody td:hover {
    border: 2px solid #03629a;
}

.calendar-order tbody td.active {
    border: 2px solid #03629a;
}

.date-haeder {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.header-date {
    background: #fff !important;
    border: none !important;
}

.calendar-order td {
    border: 2px solid transparent;
    border-radius: 4px;
    display: inline-block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
    margin: 10px;
    color: #000;
    background: #ccc;
}

td.event {
    color: #000;
    background: #ebf4f8;
}

td.current-day {
    background: #03629a;
}

td.event.active {
    background: #03629a;
    color: #fff;
}

.current-day {
    background: #03629a;
    color: #f9f9f9;
}

.event {
    cursor: pointer;
    position: relative;
}

.event:after {
    background: #c0392b;
    border-radius: 50%;
    bottom: 8px;
    display: block;
    content: '';
    height: 8px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    width: 8px;
}

.event.current-day:after {}

.btn-prev,
.btn-next {
    border: 2px solid #cbd1d2;
    border-radius: 50%;
    color: #cbd1d2;
    height: 32px;
    font-size: 22px;
    line-height: 28px;
    margin: -16px;
    position: absolute;
    top: 50%;
    width: 32px;
}

.btn-prev:hover,
.btn-next:hover {
    background: #cbd1d2;
    color: #f9f9f9;
}

.btn-prev {
    left: 30px;
}

.btn-next {
    right: 35px;
}

.list {
    margin-top: 0px;
}

.close {
    color: #A4AAAB;
    margin-top: -15px;
    margin-right: 10px;
    float: right;
}

.day-event {
    background-color: #F2F2F2;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    display: none;
}

.day-event p {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 0px;
}

.day-event span {
    font-size: 12px;
}

.calendar tbody td.active {}

.day-event button {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 50px;
    padding: 0;
    font-size: 18px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #c0392b;
    border: 0;
    border-bottom: 2px solid #b53224;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #b53224;
    box-shadow: inset 0 -2px #b53224;
}

.check-btn {
    width: 100%;
}

input[type=checkbox] {
    display: none;
}

span-calender {
    background-color: #03629a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    -webkit-transition: background-color 150ms ease-in;
    -moz-transition: background-color 150ms ease-in;
    -ms-transition: background-color 150ms ease-in;
    -o-transition: background-color 150ms ease-in;
    transition: background-color 150ms ease-in;
}

spanspan-calender:hover {
    background-color: #c0392b;
}

input[type=checkbox]:checked+span-calender {
    background-color: #9C2E23;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #9C2E23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size: 15px 13px;
}

input[type=checkbox]:checked:hover+span-calender {
    background-color: #9C2E23;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #9C2E23 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size: 15px 15px;
}

.print-btn {
    padding: 1px 14px 5px 14px;
}


/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* STYLES GO HERE */
}


/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
    /* STYLES GO HERE */
}


/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* STYLES GO HERE */
}


/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* STYLES GO HERE */
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* STYLES GO HERE */
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* STYLES GO HERE */
}


/* Desktops and laptops ----------- */

@media only screen and (min-width: 1224px) {
    /* STYLES GO HERE */
}


/* Large screens ----------- */

@media only screen and (min-width: 1824px) {
    /* STYLES GO HERE */
}


/* iPhone 5 (portrait & landscape)----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    /* STYLES GO HERE */
}


/* iPhone 5 (landscape)----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    /* STYLES GO HERE */
}


/* iPhone 5 (portrait)----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    /* STYLES GO HERE */
}

.order-form {
    width: 100%;
}

.cd-single-item {
    position: relative;
    background: #ffffff;
}

.cd-slider-wrapper {
    position: relative;
    z-index: 1;
    -webkit-transition: width 0.4s;
    -moz-transition: width 0.4s;
    transition: width 0.4s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: width;
}

@media only screen and (min-width: 1024px) {
    .cd-slider-wrapper {
        width: 50%;
    }
    .cd-slider-active .cd-slider-wrapper {
        width: 100%;
    }
}

.cd-slider {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.cd-slider::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cd-slider li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cd-slider li img {
    display: block;
    width: 100%;
}

.cd-slider li.selected {
    position: relative;
    z-index: 2;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.cd-slider li.move-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

@media only screen and (min-width: 1024px) {
    .cd-slider {
        cursor: pointer;
    }
    .cd-slider::before {
        /* never visible - this is used in jQuery to check the current MQ */
        content: 'desktop';
    }
    .cd-slider::after {
        /* slider cover layer - to indicate the image is clickable */
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(3, 98, 154, 0.6) url("../img/cd-icon-zoom.svg") no-repeat center center;
        /* size of the icon */
        background-size: 48px;
        opacity: 0;
        z-index: 4;
        -webkit-transition: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        transition: opacity 0.2s;
    }
    .no-touch .cd-slider:hover::after {
        opacity: 1;
    }
    .cd-slider-active .cd-slider {
        cursor: auto;
    }
    .cd-slider-active .cd-slider::after {
        display: none;
    }
}

@media only screen and (min-width: 1024px) {
    .cd-slider-navigation li,
    .cd-slider-pagination {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
        -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
        transition: opacity 0.4s 0s, visibility 0s 0.4s;
    }
    .cd-slider-active .cd-slider-navigation li,
    .cd-slider-active .cd-slider-pagination {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
        -moz-transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
        transition: opacity 0.4s 0.4s, visibility 0s 0.4s;
    }
}

.cd-slider-navigation li {
    position: absolute;
    z-index: 2;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cd-slider-navigation li:first-of-type {
    left: 10px;
}

.cd-slider-navigation li:last-of-type {
    right: 10px;
}

.cd-slider-navigation li a {
    display: block;
    width: 48px;
    height: 48px;
    background: url("../img/cd-icon-arrow.svg") no-repeat center center;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0s;
    transition: opacity 0.2s 0s, visibility 0s 0s;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.cd-slider-navigation li a.inactive {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    transition: opacity 0.2s 0s, visibility 0s 0.2s;
}

.no-touch .cd-slider-navigation li a:hover {
    opacity: .7;
}

.cd-slider-navigation li:first-of-type a {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media only screen and (min-width: 1024px) {
    .cd-slider-navigation li:first-child {
        left: 30px;
    }
    .cd-slider-navigation li:last-child {
        right: 30px;
    }
}

.cd-slider-pagination {
    /* you won't see this element in the html but it will be created using jQuery */
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
}

.cd-slider-pagination:after {
    content: "";
    display: table;
    clear: both;
}

.touch .cd-slider-pagination {
    visibility: hidden;
}

.cd-slider-pagination li {
    display: inline-block;
    float: left;
    margin: 0 5px;
}

.cd-slider-pagination li.selected a {
    background: #f5f4f3;
}

.cd-slider-pagination a {
    display: block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #f5f4f3;
    /* fix a bug in IE9/10 - transparent anchor not clickable */
    background-color: rgba(255, 255, 255, 0);
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.cd-slider-wrapper .cd-close {
    display: none;
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 30px;
    width: 48px;
    height: 48px;
    background: url("../img/cd-icon-close.svg") no-repeat center center;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.4s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.4s;
    transition: transform 0.3s 0s, visibility 0s 0.4s;
}

.cd-slider-active .cd-slider-wrapper .cd-close {
    visibility: visible;
    opacity: 1;
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
    transition: transform 0.3s 0s, visibility 0s 0s, opacity 0.4s 0.4s;
}

.no-touch .cd-slider-active .cd-slider-wrapper .cd-close:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

@media only screen and (min-width: 1024px) {
    .cd-slider-wrapper .cd-close {
        display: block;
    }
}

.cd-item-info {
    padding: 50px 5%;
}

.cd-item-info h2,
.cd-item-info p {
    max-width: 480px;
}

.cd-item-info h2 {
    font-size: 2.4rem;
    font-weight: bold;
}

.cd-item-info p {
    line-height: 1.6;
    margin: 1em 0;
    color: #666666;
}

.cd-item-info .add-to-cart {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: none;
    padding: .8em 1.6em;
    background-color: #f42e4e;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "PT Sans", sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    cursor: pointer;
    border-radius: 4px;
}

@media only screen and (min-width: 1024px) {
    .cd-item-info {
        position: absolute;
        width: 50%;
        top: 0;
        right: 0;
        padding: 0px 20px 0;
        margin: 0;
    }
}


.cd-content p {
    width: 90%;
    max-width: 768px;
    padding: 4em 0;
    margin: 0 auto;
    color: #afa8a0;
    line-height: 1.8;
}

.like-heart {
    position: relative;
    bottom: 280px;
    padding-left: 20px;
    float: left;
    z-index: 100;
}

.like-heart i {
    background: 0 0 !important;
    color: #FF6D75 !important;
    text-shadow: 0 -1px 0 #CD0707, -1px 0 0 #CD0707, 0 1px 0 #CD0707, 1px 0 0 #CD0707 !important;
}

.like-heart i:hover {
    color: #FF6D75 !important;
    text-shadow: 0 -1px 0 #CD0707, -1px 0 0 #CD0707, 0 1px 0 #CD0707, 1px 0 0 #CD0707 !important;
}

.social-link {
    margin-top: 5px;
    width: 100%;
}

.social-link span {
    margin-right: 5px;
    float: left;
}

.blog-date {
    font-weight: 600;
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px;
}

.content a {
    font-size: 14px;
    font-weight: 400;
}

.list-header .content {
    padding-top: 10px;
}

.upload-zone {
    display: inline-block;
}

.upload-browse {
    position: relative;
    display: inline-block;
    width: 120px;
    height: 120px;
    margin: 10px;
    border-radius: 5px;
    border: 2px dashed rgba(34, 36, 38, 0.14902);
    cursor: pointer;
}

.upload-browse .icon {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.upload-zone-item {
    display: inline-block;
    height: 120px;
    margin-right: 20px;
    margin: 10px;
    position: relative;
}

.upload-zone-button {
    margin: 0;
    padding: 0;
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
}

.upload-zone-button:focus,
.upload-zone-button:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.upload-zone-button .icon {
    margin: 0;
    padding: 0;
    width: 15px;
    line-height: 15px;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.upload-zone-item img {
    width: auto;
    height: 100%;
    display: inline-block;
}

.out-of-month{
    opacity: 0;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    line-height:0 !important;
    vertical-align: top;
    visibility:hidden;
}




.room,
.people {
	position: relative;
	display: inline-block;
	padding-right: 20px;
}
.room input,
.people input {
	width: 40px;
	height: 40px;
	border: none;
	outline: none;
	font-weight: 500;
	text-align: center;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
}

.room input[type=number]::-webkit-inner-spin-button, 
.room input[type=number]::-webkit-outer-spin-button,
.people input[type=number]::-webkit-inner-spin-button, 
.people input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance: none; 
}

.room .plus,
.people .plus,
.people .minus,
.room .minus {
	position: absolute;
	right: 0;
	width: 20px;
	height: 20px;
	font-size: 9px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #3394DE;
	color: rgba(255, 255, 255, 1);
	background-color: #3394DE;
}
.room .plus i,
.people .plus i,
.people .minus i,
.room .minus i{
    width:18px;
    height:18px;
    margin:0;
    line-height:18px;
}

.room .plus,
.people .plus {
	top: 0;
    border-top-right-radius: 4px;
}
.room .minus,
.people .minus {
	bottom: 0;
    border-bottom-right-radius: 4px;
}
.spacerFixHeight{
    display: none !important;
    float: none !important;
}
.room_price.icon{
    height: 1.2857em !important;
    font-size: 14px !important;
    line-height: 1.2857em !important;
    color: rgba(0,0,0,0.6) !important;
}
.ui.list .list>.item>.icon+.content, 
.ui.list .list>.item>.image+.content, 
.ui.list>.item>.icon+.content, 
.ui.list>.item>.image+.content {
    vertical-align: middle !important;
}
.jp-alert {
    margin: 5px;
    padding: 5px 10px;
    background-color: #03629A; 
}
.jp-alert p {
    text-align: center;
    color: rgba(255,255,255,0.87);
}
.search-result .ui.inverted.dimmer {
    background-color: #f2f2f2;
}
p {
    margin-bottom: 10px;
}
.responsive-table {
    width: 100%;
    overflow-x: auto;
    border: 1px solid rgba(34,36,38,0.1);
    border-radius: 0.000001em;
}
.responsive-table .table {
    border: 0 !important;
}
#order-table {
    text-align: center;
}

.home-carousel .item {
    height: 100vh;
    background-size: cover;
}

.rating-header {
    position: relative;
    padding: 160px 20px 20px;
    background-position: center;
    background-size: cover;
}

.rating-header * {
    position: relative;
    z-index: 2;
}

.rating-header-title {
    margin: 0 0 10px;
    color: #0063a1;
}

.rating-header .opacity {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-linear-gradient(bottom, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, .95) 20%, rgba(249, 249, 249, .0001) 100%);
    background-image:      -o-linear-gradient(bottom, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, .95) 20%, rgba(249, 249, 249, .0001) 100%);
    background-image:         linear-gradient(to top, rgba(249, 249, 249, 1) 0%, rgba(249, 249, 249, .95) 20%, rgba(249, 249, 249, .0001) 100%);
    z-index: 0;
}

.rating-body {
    background-color: #eee;
    padding: 30px;
}

.rating-body .ui.header {
    margin: 0.5em 0;
}

.custom-radio-buttons:before,
.custom-radio-buttons:after {
    display: table;
    content: " ";
}

.custom-radio-buttons:after {
    clear: both;
}

.custom-radio-button {
    display: block;
    float: left;
    width: 100%;
    padding: 5px 0;
    font-size: 22px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}

.custom-radio-button:not(:first-child) {
    border-left: 1px solid #eee;
}

.custom-radio-button:hover,
.custom-radio-button:focus {
    background-color: #ddd;
}

.custom-radio-button.active {
    background-color: #0063a1;
    color: #fff;
}

.custom-radio-button input[type=radio] {
    display: none;
}

.custom-radio-buttons[class*="one column"] > .custom-radio-button {
    width: 100%;
}

.custom-radio-buttons[class*="two column"] > .custom-radio-button {
    width: 50%;
}

.custom-radio-buttons[class*="three column"] > .custom-radio-button {
    width: 33.33333333%;
}

.custom-radio-buttons[class*="four column"] > .custom-radio-button {
    width: 25%;
}

.custom-radio-buttons[class*="five column"] > .custom-radio-button {
    width: 20%;
}

.custom-radio-buttons[class*="six column"] > .custom-radio-button {
    width: 16.66666667%;
}

.custom-radio-buttons[class*="seven column"] > .custom-radio-button {
    width: 14.28571429%;
}

.custom-radio-buttons[class*="eight column"] > .custom-radio-button {
    width: 12.5%;
}

.custom-radio-buttons[class*="nine column"] > .custom-radio-button {
    width: 11.11111111%;
}

.custom-radio-buttons[class*="ten column"] > .custom-radio-button {
    width: 10%;
}

.custom-radio-buttons[class*="eleven column"] > .custom-radio-button {
    width: 9.09090909%;
}

.custom-radio-buttons[class*="twelve column"] > .custom-radio-button {
    width: 8.33333333%;
}

.custom-radio-buttons[class*="thirteen column"] > .custom-radio-button {
    width: 7.69230769%;
}

.custom-radio-buttons[class*="fourteen column"] > .custom-radio-button {
    width: 7.14285714%;
}

.custom-radio-buttons[class*="fifteen column"] > .custom-radio-button {
    width: 6.66666667%;
}

.custom-radio-buttons[class*="sixteen column"] > .custom-radio-button {
    width: 6.25%;
}

.ihotel-google-map.column {
    margin: 5px !important;
    width: 96.6%;
}

.search-google-map {
    position: relative;
    padding: 0 !important;
}

.search-google-map #map-search {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    width: calc(100% - 40px);
    z-index: 1;
    font-size: 14px;
    padding: 8px 12px;
    outline: 0;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7);
            box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.7);
}

.search-google-map #map-search::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.search-google-map #map-search:-ms-input-placeholder {
    color: #999;
}

.search-google-map #map-search::-webkit-input-placeholder {
    color: #999;
}

@media only screen and (min-width: 1200px) {
    #subscribe-modal {
        margin: 0em 0em 0em -20%;
    }
}

.ui.message.event-message {
    padding: 6px 24px !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.event-description {
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #4183c4;
}

.event-description img {
    float: left;
    display: inline-block;
    height: 40px;
    width: auto;
    margin-right: 10px;
}

.qr-container {
    text-align: center;
}

@media (min-width: 768px) {
    .qr-container {
        width: 400px;
        margin: 0 auto;
    }
}

@media (min-width: 992px) {
    .qr-container {
        width: 300px;
        margin: 0 auto;
    }
}

.qr-container .ui.message .header {
    font-family: 'Roboto', sans-serif;
    text-transform: none;
}

.qr-image {
    display: inline-block;
    padding: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
}

.price-text {
    font-size: 11px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}

#select-place.ui.dropdown .menu > .header {
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    color: #777;
}

#select-place.ui.dropdown .menu > .item {
    border-top-color: rgba(34, 36, 38, 0.1);
    font-size: 14px;
    padding-left: 2.25em !important;
    color: #333;
}

#select-place.ui.dropdown .menu > .active.item {
    font-weight: 400;
}

#home-search.ui.search > .results .result .title {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

/*-------- 4.4 Common --------*/
.badge-save {
	position: absolute;
	top: 0;
	right: 12px;
	width: 65px;
	height: 77px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: url(../home/img/badge_save_new.png);
	font-size: 11px;
	line-height: 12px;
	padding-top: 37px;
    margin-top: 7px;
}

.badge-save strong {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

@media (min-width: 1600px) {
    .ui.container {
        width: 1400px;
    }
}

.ui.large.header {
    font-size: 16px !important;
    margin-bottom: 16px;
    font-weight: 700;
}


.ui.selection.dropdown.success:hover {
    border-color: #2C662D;
}
.ui.selection.dropdown.success {
    background: #FCFFF5;
    border-color: #2C662D;
}
.ui.dropdown.success,
.ui.dropdown.success > .default.text,
.ui.dropdown.success > .text {
    color: #2C662D;
}

/* Tours boxes*/
.tour_container {
	margin: 0;
}

.img_container {
	position: relative;
	overflow: hidden;
    border-radius: 4px;
}

.tour_title {
	position: relative;
}

.hotel_container .hotel_title .rating {
	font-size: 9px;
	margin-left: -3px;
}

.text-size {
	margin: 0 0 7px;
	font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
    color: #333;
    font-weight: 700;
}

.location-size {
    font-size: 12px;
    line-height: 20px;
    font-family: "Montserrat", Arial, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased;
}

.hotel-price {
    font-size: 14px;
    color: #000;
}

@media (min-width: 768px) {
    .text-size {
        white-space: normal;
    }
}

.img_container a:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.img_container img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-backface-visibility: hidden;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.main_title {
    font-size: 16px;
    margin-bottom: 20px;
}
.main_title h2 {
    font-weight: 300;
    letter-spacing: -1px;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}
@media (min-width: 768px) {
    .main_title h2 {
        font-size: 24px;
    }   
}
.main_title p {font-family: Roboto, sans-serif; font-weight:300; font-size:20px}

.service-text {
    color: #383838;
    font-weight: 400;
    font-size: 13px;
}

.service-name {
    color: #383838;
    font-size: 15px;
    font-weight: normal;
    margin: 12px 0 6px;
}

.bank-image {
    padding-left: 0px;
    padding-right: 8px;
    width: 38px;
    height: auto;
}

.modal {
	background: rgba(255, 255, 255, 0.85);
}

#subscribe-modal {
    padding: 0;
    max-width: 742px;
}

#subscribe-modal .modal-dialog {
    background-image: url(../home/img/popup.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	height: 402px;
    max-width: 742px;
    width: 742px;
}

#subscribe-modal .close {
    color: #000;
    align-items: center;
    justify-content: center;
    align-content: center;
    display: flex;
    background: #fff;
    padding: 0 !important;
    opacity: 1;
    border-radius: 50%;
}

#subscribe-modal .modal-body {
    position: relative;
    padding: 25px 30px;
    height: 100%;
	max-height: 100%;
	box-shadow: 0px 0px 20px 0px rgba(160, 160, 160, 0.2);
}

@media(min-width:768px) {
    #subscribe-modal .modal-form {
	    width: 350px;
    }
}
 #subscribe-modal .modal-form input.form-control {
    border: none;
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.09);
	height: 40px;
    border-radius: 0px;
    float: left;
}
}
#subscribe-modal .modal-form input.form-control:focus {
    box-shadow: 0px 0px 15px 0px #03629a61;
}

#subscribe-modal .modal-form input.form-control::-webkit-input-placeholder {
    color: #bbb;
}
 #subscribe-modal .modal-form input.form-control::-moz-placeholder {
    color: #bbb;
}
#subscribe-modal .modal-form input.form-control::-ms-input-placeholder {
    color: #bbb;
}
 #subscribe-modal .modal-form input.form-control::-moz-placeholder {
    color: #bbb;
}
 #subscribe-modal .modal-form .input-group-btn .btn.btn-default {
	color: #fff;
	height: 40px;
    background-color: #03629A;
    border-color: transparent;
    border-radius: 0px;
}
#subscribe-modal .modal-logo {
    margin-bottom: 50px;
}

#subscribe-modal .ih-p {
	font-size: 24px;
	line-height: 36px;
    color: #222;
    font-weight: 300;
} 
#subscribe-modal .ih-p:before {
	content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAAABHNCSVQICAgIfAhkiAAAAXJJREFUOI3NkbFLW1EYxX/nxmcGO1SKiAWh0g4qz+Rl7Si4O4l1KPgHCC0tBQdLN4cW10KhS0s72X+jU0GShxlKUCk4WbCLg2lyT5emfUEjcfOM97vf755zj7iGXKvdjTE+AyZK9frj4kxDAdL0fiyVXkhaBxJsK4RUe3vN3p2RKwGVShpD2LS9Kin8f16KMW4Bj3pH4TJAT1F6KlgDftt+B5wUoqx4fv7BUKDQ7b4yvFEI00HaBiawTw2fkUJMkpcF8HBypfLcIbw2vA3t9o6T5DtgdToz2t//caWjPpC0/DfCJzWbLaRdpAajo7cGOnKWLWF3ODv7qlbr3LOzd1wunwDHoV6fBvDCwjh5/ktguKQ1w4jtj0iTjI21Y5Z9M/wEZPjw70/y/LS4d7H+LFsBJoEjpNvAw94odLvvB0W/6MjeAKLsRTUah56bm6JcToF7yvODQaB+SLVai1nmWK1+GWqhoL7WovQEQNLOdUE3T38A5QyAeRb7mBcAAAAASUVORK5CYII=');
}

#subscribe-modal .ih-p2 {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 50px;
	padding-left: 18px;
	padding-right: 270px;
    color: #222;
    font-weight: 300;
}

.ih-strong {
    font-size: 30px;
    font-weight: 900;
}

@media (max-width: 767px) {
    #subscribe-modal .ih-p {
        font-size: 17px;
        color: #222;
	}
	#subscribe-modal .ih-p2 {
		padding-left: 0px;
		padding-right: 0px;
        color: #444;
	}
    #subscribe-modal .modal-mobile {
        width: 100%;
    }
    #subscribe-modal .form-control {
        width: 150px;
    }
	#subscribe-modal .modal-dialog {
		margin-left: 0px;
		width: 100%;
	}
	#subscribe-modal .modal-body {
		width: 100%;
	}
	#subscribe-modal .modal {
		padding: 0;
	}
}

@media (max-width: 1024px) {
    #subscribe-modal .modal-mobile {
        width: 100%;
    }
}

#text-fixer p strong {
    font-weight: bold;
}

#text-fixer p strong em {
    font-style: italic bold;
}

#text-fixer p em {
   font-style: italic;
}

#text-fixer blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

#text-fixer ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#text-fixer ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

#text-fixer img {
    max-width: 100% !important;
    height: auto;
}

#date-size {
    font-size: 17px !important;
    color: #04639b;
    margin: 0;
}

@media (max-width: 768px) {
    #date-size {
        font-size: 12px !important;
        margin: 0;
    }
}
.payment-alert {
    margin: 30px 0;
    padding: 30px 15px;
    font-weight: 300;
    font-size: 22px;
    text-align: center;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    background-color: #fff;
    color: #777;
}
@media (min-width: 768px) {
    .payment-alert {
        margin: 80px 0;
        padding: 30px;
    } 
}
.payment-alert-header {
    margin-bottom: 20px;
    font-size: 70px;
}
.payment-alert .button {
    margin-top: 20px;
}

.payment-alert-title {
    margin-top: 40px !important;
}


/* .ui.list .icon {
    background-color: #e8e8e8;
    color: #04639b;
    -webkit-box-shadow: none;
            box-shadow: none;
} */

.room-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.room-price {
    margin-top: 0px;
    text-align: right;
    font-size: 21px;
    margin-bottom: 20px;
    font-weight: 500;
}

.room-price-desc {
    font-size: 12px;
    font-weight: 300;
    color: #999;
}

.room-description * {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 18px !important;
    color: #777 !important;
}

.room-description p {
    margin-bottom: 5px !important;
}

@media (max-width: 767px) {
    .scroll-x {
        overflow-x: auto;
        white-space: nowrap;
        width: 100%;
    }
}

.room-description b,
.room-description strong {
    font-weight: 500 !important;
}

.hotel-description,
.hotel-description * {
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 22px !important;
    color: #777 !important;
}

.hotel-description b,
.hotel-description strong {
    font-weight: 500 !important;
}

.flexslider {
    border: 0;
}

.ui.label {
    font-weight: 500;
    font-family: Roboto, sans-serif;
}

.ui.primary.checkbox label {
    margin-top: 20px;
    font-weight: 500;
    line-height: 20px;
    color: #04639b;
}

.ui.primary.checkbox label [data-tooltip] {
    margin-left: 10px;
    float: right;
}

.ui.primary.checkbox label [data-tooltip][data-inverted]:after {
    font-size: 14px;
    font-family: Roboto, sans-serif;
}

.ui.primary.checkbox label .icon {
    font-size: 24px;
    color: #aeaeae;
}

.ui.primary.checkbox label:before {
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 2px solid #aeaeae;
}

.ui.primary.checkbox label:after {
    width: 20px;
    height: 20px;
    line-height: 20px;
}

.ui.primary.checkbox input:checked~.box:before,
.ui.primary.checkbox input:checked~label:before {
    border: 2px solid #04639b;
}
.ui.primary.checkbox input:checked~.box:after,
.ui.primary.checkbox input:checked~label:after {
    opacity: 1;
    color: #04639b;
}

.room-desc .ui.selection.dropdown {
    border-width: 2px;
    border-radius: 0 !important;
}
.room-desc .ui.selection.dropdown .text {
    font-weight: 500;
}
.room-desc .ui.selection.dropdown.primary {
    border-color: #04639b;
}
.room-desc .ui.selection.dropdown.primary .text {
    color: #04639b;
}
.room-desc .button {
    border-radius: 0;
}

.ui.green.label {
    background-color: #399650;
    border-color: #399650;
}

@media (max-width: 767px) { 
    .searchable {
        padding: 2px !important;
    }
}

.selected-star {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} 

.more-filter {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: visible;
}

@media (max-width: 767px) {
    #search-search {
        padding-top: 2px !important;
        padding-bottom: 4px !important;
    }
}

@media (max-width: 767px) {
    .mobile-size {
        padding-top: 0px !important;
    }
}

@media (max-width: 767px) {
    .cancellation {
        font-size: 11px !important;
    }
}

@media (max-width: 767px) {
    .cancellation-price {
        font-size: 11px !important;
        margin-top: 42px !important;
    }
}

@media (max-width: 767px) {
    #request {
        height: 60.1428px !important;
    }
}

.text-fixer p strong {
    font-weight: bold;
}

.text-fixer p strong em {
    font-style: italic bold;
}

.text-fixer p em {
   font-style: italic;
}

.text-fixer blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

.text-fixer ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.text-fixer ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

@media (max-width: 767px) {
    .text-fixer p strong {
        font-weight: bold;
        font-size: 12px;
    }

    .text-fixer p strong em {
        font-size: 12px;
        font-style: italic bold;
    }

    .text-fixer p em {
        font-size: 12px;
        font-style: italic;
    }
}
.terms p {
    margin: 0 0 10px;
}
.terms b,
.terms strong {
    font-weight: 500;
}
.secret-deal {
    text-align: center;
    background-color: #fff;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.secret-deal-title {
    margin: 20px 0;
    font-size: 18px;
}

.ui.lendmn.button { 
    background: #ff6600 !important;
    border: none;
    padding: 15px;
    color: #ffffff;
    font-size: 11px !important;
    white-space: nowrap;
}

.features-title {
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .features-title {
        font-size: 34px;
        margin-bottom: 60px;
    }
}

.feature {
    height: 100%;
    padding: 16px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.feature-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.feature-img {
    min-width: 60px;
}

.feature-header img {
    display: block;
    height: 40px;
    width: auto;
}

.feature-title {
    line-height: 40px;
    font-size: 20px;
    font-weight: 500;
}

.feature-body {
    color: #777;
}

.white-bg {
    background-color: #fff !important;
}

.white-text {
    color: #fff !important;
}

.auth-jumbo {
    position: relative;
    padding: 60px 0;
    background-image: url('../img/auth-bg.jpg');
    background-size: cover;
}

.auth-jumbo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color:rgba(0, 0, 0, 0.7);
}

.intro_title {
    padding: 140px 0;
}

@media (max-width: 767px) {
    .intro_title {
        display: none;
    }
}

.text-justify {
    text-align: justify;
}

.text-normal {
    text-transform: none !important;
}

#services {
    padding-bottom: 40px;
}

.service {
    margin: 0 20px;
}

.service-image {
    min-height: 300px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
}

.ui.indicating.progress[data-percent^="1"] .bar,
.ui.indicating.progress[data-percent^="3"] .bar,
.ui.indicating.progress[data-percent^="2"] .bar,
.ui.indicating.progress[data-percent^="4"] .bar,
.ui.indicating.progress[data-percent^="6"] .bar,
.ui.indicating.progress[data-percent^="5"] .bar,
.ui.indicating.progress[data-percent^="7"] .bar,
.ui.indicating.progress[data-percent^="8"] .bar,
.ui.indicating.progress[data-percent^="9"] .bar,
.ui.indicating.progress[data-percent^="100"] .bar {
  background-color: #03629a;
}
.ui.progress.success .bar {
    background-color: #03629a!important;
}
@media only screen and (width: 768px) {
  div .revbar {
    margin-bottom: 1rem!important;
  }
}

.thirty-resorts-background {
    background: #3871fd !important;
    color: #fff !important;
    border-radius: unset !important;
}
.thirty-resorts-background .ui.items>.item>.content>.header {
    color: #fff;
    font-weight: 900;
}
.thirty-resorts-background a {
    font-weight: 200 !important;
    color: #fff !important;
}
.thirty-resorts-background .ui.blue.button, .ui.blue.buttons .button {
    background-color: #fff;
    color: #3871fd !important;
    text-transform: uppercase;
    font-weight: 900;
}
.thirty-resorts-background .ui.negative.button, .ui.negative.buttons .button {
    background-color: #3871fd;
    color: #FFF !important;
}
.thirty-resorts-background .ui.button {
    font-family: 'Roboto', sans-serif;
    font-weight: 900 !important;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: inherit;
}
.thirty-resorts-background .ui.label {
    border-radius: inherit;
    font-weight: 900 !important;
    font-size: 70%;
}
.thirty-resorts-background img.ui.small.image {
    height: 40px !important;
    width: auto;
}
.thirty-resorts-background .ui.items {
    margin: 0;
}
.thirty-resorts-background .ui.medium.image {
    width: 100%;
}
@media only screen and (max-width: 768px) {
    .thirty-resorts-background img.ui.small.image {
        height: 20px !important;
    }
}
@media only screen and (max-width: 1024px) {
    .thirty-resorts-background img.ui.small.image {
        height: 30px !important;
    }
}