html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

body {
    line-height: 1
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default!important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
    left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span,.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(../Errord29f.html)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(/Elements/js/jquery/data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP/yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: .4em 2.1em .4em 1em;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: none;
    color: inherit;
    padding: 0;
    margin: .2em 0;
    vertical-align: middle;
    margin-left: .4em;
    margin-right: 22px
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: none
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(../Elements/js/jquery/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

.ui-widget-content a {
    color: #222
}

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(../Elements/js/jquery/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: bold
}

.ui-widget-header a {
    color: #222
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: #e6e6e6 url(../Elements/js/jquery/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #555
}

.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
    color: #555;
    text-decoration: none
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #dadada url(../Elements/js/jquery/images/ui-bg_glass_75_dadada_1x400.html) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
    border: 1px solid #aaa;
    background: #fff url(../Elements/js/jquery/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #212121
}

.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
    color: #212121;
    text-decoration: none
}

.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(../Elements/js/jquery/images/ui-bg_glass_55_fbf9ee_1x400.html) 50% 50% repeat-x;
    color: #363636
}

.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
    color: #363636
}

.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(../Elements/js/jquery/images/ui-bg_glass_95_fef1ec_1x400.html) 50% 50% repeat-x;
    color: #cd0a0a
}

.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
    color: #cd0a0a
}

.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
    color: #cd0a0a
}

.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon,.ui-widget-content .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_888888_256x240.html)
}

.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_454545_256x240.html)
}

.ui-state-active .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_454545_256x240.html)
}

.ui-state-highlight .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_2e83ff_256x240.html)
}

.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
    background-image: url(../Elements/js/jquery/images/ui-icons_cd0a0a_256x240.html)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #aaa url(../Elements/js/jquery/images/ui-bg_flat_0_aaaaaa_40x100.html) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaa url(../Elements/js/jquery/images/ui-bg_flat_0_aaaaaa_40x100.html) 50% 50% repeat-x;
    opacity: .3;
    filter: Alpha(Opacity=30);
    border-radius: 8px
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'),local('PlayfairDisplay-Regular'),url(../Elements/css/fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgFE_.woff2) format('woff2');
    unicode-range: U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'),local('PlayfairDisplay-Regular'),url(../Elements/css/fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTPYgFE_.woff2) format('woff2');
    unicode-range: U+102-103,U+110-111,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'),local('PlayfairDisplay-Regular'),url(../Elements/css/fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTLYgFE_.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: local('Playfair Display Regular'),local('PlayfairDisplay-Regular'),url(../Elements/css/fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'),local('PlayfairDisplay-Bold'),url(../Elements/css/fonts/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lWoe5ixi.woff2) format('woff2');
    unicode-range: U+400-45F,U+490-491,U+4B0-4B1,U+2116
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'),local('PlayfairDisplay-Bold'),url(../Elements/css/fonts/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lWEe5ixi.woff2) format('woff2');
    unicode-range: U+102-103,U+110-111,U+1EA0-1EF9,U+20AB
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'),local('PlayfairDisplay-Bold'),url(../Elements/css/fonts/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lWAe5ixi.woff2) format('woff2');
    unicode-range: U+100-24F,U+259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: local('Playfair Display Bold'),local('PlayfairDisplay-Bold'),url(../Elements/css/fonts/nuFlD-vYSZviVYUb_rj3ij__anPXBYf9lW4e5g.woff2) format('woff2');
    unicode-range: U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Gotham Black';
    src: url(../Elements/css/fonts/gotham/black/Gotham-Black.eot);
    src: url(../Elements/css/fonts/gotham/black/Gotham-Blackd41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/black/Gotham-Black.woff2) format('woff2'),url(../Elements/css/fonts/gotham/black/Gotham-Black.woff) format('woff'),url(../Elements/css/fonts/gotham/black/Gotham-Black.svg#Gotham-Black) format('svg');
    font-weight: 425;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Bold';
    src: url(../Elements/css/fonts/gotham/bold/Gotham-Bold.eot);
    src: url(../Elements/css/fonts/gotham/bold/Gotham-Boldd41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/bold/Gotham-Bold.woff2) format('woff2'),url(../Elements/css/fonts/gotham/bold/Gotham-Bold.woff) format('woff'),url(../Elements/css/fonts/gotham/bold/Gotham-Bold.svg#Gotham-Bold) format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Book';
    src: url(../Elements/css/fonts/gotham/book/Gotham-Book.eot);
    src: url(../Elements/css/fonts/gotham/book/Gotham-Bookd41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/book/Gotham-Book.woff2) format('woff2'),url(../Elements/css/fonts/gotham/book/Gotham-Book.woff) format('woff'),url(../Elements/css/fonts/gotham/book/Gotham-Book.svg#Gotham-Book) format('svg');
    font-weight: 325;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Extra Light';
    src: url(../Elements/css/fonts/gotham/extralight/Gotham-ExtraLight.eot);
    src: url(../Elements/css/fonts/gotham/extralight/Gotham-ExtraLightd41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/extralight/Gotham-ExtraLight.woff2) format('woff2'),url(../Elements/css/fonts/gotham/extralight/Gotham-ExtraLight.woff) format('woff'),url(../Elements/css/fonts/gotham/extralight/Gotham-ExtraLight.svg#Gotham-ExtraLight) format('svg');
    font-weight: 275;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Light';
    src: url(../Elements/css/fonts/gotham/light/Gotham-Light.eot);
    src: url(../Elements/css/fonts/gotham/light/Gotham-Lightd41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/light/Gotham-Light.woff2) format('woff2'),url(../Elements/css/fonts/gotham/light/Gotham-Light.woff) format('woff'),url(../Elements/css/fonts/gotham/light/Gotham-Light.svg#Gotham-Light) format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Medium';
    src: url(../Elements/css/fonts/gotham/medium/Gotham-Medium.eot);
    src: url(../Elements/css/fonts/gotham/medium/Gotham-Mediumd41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/medium/Gotham-Medium.woff2) format('woff2'),url(../Elements/css/fonts/gotham/medium/Gotham-Medium.woff) format('woff'),url(../Elements/css/fonts/gotham/medium/Gotham-Medium.svg#Gotham-Medium) format('svg');
    font-weight: 350;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Thin';
    src: url(../Elements/css/fonts/gotham/thin/Gotham-Thin.eot);
    src: url(../Elements/css/fonts/gotham/thin/Gotham-Thind41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/thin/Gotham-Thin.woff2) format('woff2'),url(../Elements/css/fonts/gotham/thin/Gotham-Thin.woff) format('woff'),url(../Elements/css/fonts/gotham/thin/Gotham-Thin.svg#Gotham-Thin) format('svg');
    font-weight: 250;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url(../Elements/css/fonts/gotham/ultra/Gotham-Ultra.eot);
    src: url(../Elements/css/fonts/gotham/ultra/Gotham-Ultrad41d.eot?#iefix) format('embedded-opentype'),url(../Elements/css/fonts/gotham/ultra/Gotham-Ultra.woff2) format('woff2'),url(../Elements/css/fonts/gotham/ultra/Gotham-Ultra.woff) format('woff'),url(../Elements/css/fonts/gotham/ultra/Gotham-Ultra.svg#Gotham-Ultra) format('svg');
    font-weight: 450;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'flexslider-icon';
    src: url(../Elements/js/flexslider/fonts/flexslider-icon.eot);
    src: url(../Elements/js/flexslider/fonts/flexslider-icond41d.eot?#iefix) format('embedded-opentype'),url(../Elements/js/flexslider/fonts/flexslider-icon.woff) format('woff'),url(../Elements/js/flexslider/fonts/flexslider-icon.ttf) format('truetype'),url(../Elements/js/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
    font-weight: normal;
    font-style: normal
}

.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
}

.flexslider {
    margin: 0;
    padding: 0
}

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

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

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

html[xmlns] .flexslider .slides {
    display: block
}

* html .flexslider .slides {
    height: 1%
}

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

.flexslider {
    margin: 0 0 60px;
    background: #fff;
    border: 4px solid #fff;
    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,.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0,0,0,.2);
    -o-box-shadow: '' 0 1px 4px rgba(0,0,0,.2);
    box-shadow: '' 0 1px 4px rgba(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
}

@-moz-document url-prefix() {
    .loading .flex-viewport {
        max-height: none;
    }
}

.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;
    opacity: 0;
    cursor: pointer;
    color: rgba(0,0,0,.8);
    text-shadow: 1px 1px 0 rgba(255,255,255,.3);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

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

.flex-direction-nav a.flex-next:before {
    content: ''
}

.flex-direction-nav .flex-prev {
    left: -50px
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: .7;
    left: 10px
}

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

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: .7;
    right: 10px
}

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

.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: .8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000
}

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

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

.flex-pauseplay a.flex-play:before {
    content: ''
}

.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,.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    -o-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
    box-shadow: inset 0 0 3px rgba(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,.7)
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,.9);
    cursor: default
}

.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
}

@media screen and (max-width: 860px) {
    .flex-direction-nav .flex-prev {
        opacity:1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../Elements/js/owlcarousel/owl.video.play.html) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-dots,.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    white-space: nowrap!important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: -o-linear-gradient(top,#fff 50%,#eee 100%);
    background-image: linear-gradient(to bottom,#fff 50%,#eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#ccc 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#fff 0%,#eee 50%);
    background-image: -o-linear-gradient(top,#fff 0%,#eee 50%);
    background-image: linear-gradient(to bottom,#fff 0%,#eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: -o-linear-gradient(top,#eee 50%,#fff 100%);
    background-image: linear-gradient(to bottom,#eee 50%,#fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

#colorbox,#cboxOverlay,#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%
}

#cboxMiddleLeft,#cboxBottomLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0
}

#colorbox,#cboxContent,#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#cboxOverlay {
    background: url(../Elements/js/colorbox/images/overlay.png);
    opacity: .1;
    filter: alpha(opacity=10)
}

#colorbox {
    outline: 0
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -101px 0
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -130px 0
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -101px -29px
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -130px -29px
}

#cboxMiddleLeft {
    width: 21px;
    background: url(../Elements/js/colorbox/images/controls.png) left top repeat-y
}

#cboxMiddleRight {
    width: 21px;
    background: url(../Elements/js/colorbox/images/controls.png) right top repeat-y
}

#cboxTopCenter {
    height: 21px;
    background: url(../Elements/js/colorbox/images/border.png) 0 0 repeat-x
}

#cboxBottomCenter {
    height: 21px;
    background: url(../Elements/js/colorbox/images/border.png) 0 -29px repeat-x
}

#cboxContent {
    background: #fff;
    overflow: hidden
}

.cboxIframe {
    background: #fff
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc
}

#cboxLoadedContent {
    margin-bottom: 28px
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494
}

#cboxLoadingOverlay {
    background: url(../Elements/js/colorbox/images/loading_background.png) no-repeat center center
}

#cboxLoadingGraphic {
    background: url(../Elements/js/colorbox/images/loading.gif) no-repeat center center
}

#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none
}

#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {
    outline: 0
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxPrevious:hover {
    background-position: -75px -25px
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxNext:hover {
    background-position: -50px -25px
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(../Elements/js/colorbox/images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px
}

#cboxClose:hover {
    background-position: -25px -25px
}

.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}

html,body {
    height: 100%
}

body {
    font-family: "Gotham Book",sans-serif;
    font-size: 14px;
    line-height: 1.6em;
    color: #666;
    background-color: #22313f;
}

*::selection {
    background: #556080;
    color: #fff
}

*::-moz-selection {
    background: #556080;
    color: #fff
}

*::-webkit-selection {
    background: #556080;
    color: #fff
}

*:focus {
    outline-style: none
}

* {
    box-sizing: border-box
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {
    display: none
}

a {
    text-decoration: none
}

strong {
    font-family: "Gotham Medium",sans-serif
}

.no-text {
    text-indent: -9999px
}

.icon {
    background-image: url(../Elements/img/bg-sprite.svg);
    background-repeat: no-repeat
}

.clearfix {
    clear: both;
    min-height: 0;
    display: block;
    max-height: 1px;
    overflow: hidden;
    font-size: 0
}

.inner {
    width: 1240px;
    padding: 0 20px;
    margin: auto
}

.mobile-header,.mobile-menu,.mobile-footer,.mobile-book-btn,.mobile-book-area {
    display: none
}

.container {
    min-height: 100%;
    position: relative;
    width: 100%;
    min-width: 1280px;
    top: 0
}

.header {
    /* height:150px; */
    width: 100%;
    /* display: block; */
    /* position:fixed; */
    /* left: 0; */
    /* top: 0; */
    /* z-index: 2; */
    /* transition:all .1s linear; */
    background-color: #22313f;
}

.header.mini {
    background: rgba(34,49,63,1);
    padding: 20px 50px;
    height: 90px
}



.header .lang {
    float: right;
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: rgba(255,255,255,.05);
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.header .lang:hover {
    background-color: #a39251;
    cursor: pointer
}

.header .lang .others {
    float: left;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: #cbb665;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    max-height: 0;
    opacity: 0;
    overflow: hidden
}

.header .lang:hover .others {
    max-height: 200px;
    opacity: 1
}

.header .lang .others li {
    float: left;
    width: 100%;
    height: 50px
}

.header .lang .others li a {
    color: #333;
    float: left;
    width: 100%;
    height: 100%;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.header .lang .others li a:hover {
    background-color: #a39251;
    color: #fff
}

.header .navigaton {
    float: right
}

.header .navigaton li {
    float: left;
    margin-right: 20px
}

.header .navigaton li a {
    float: left;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    position: relative;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    opacity: 1;
    font-size: 16px
}

.header .navigaton li a.active,.header .navigaton li a:hover {
    opacity: 1
}

.header .navigaton li a::before {
    content: "";
    height: 2px;
    width: 0;
    position: absolute;
    background: #cbb665;
    left: 50%;
    bottom: 0;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.header .navigaton li a.active::before,.header .navigaton li a:hover::before {
    width: 100%;
    left: 0
}

.content {
    /* padding-bottom: 510px; */
    width: 100%;
    min-height: 1px;
    display: block;
    position: relative;
    z-index: 1;
}

.content .pagetop {
    background-color: #22313f;
    height: 100%;
    float: left;
    width: 100%;
    position: relative;
    z-index: 99;
    overflow: hidden;
    min-height: 150px
}

.content .dateweather {
    position: absolute;
    right: 50px;
    top: 150px;
    width: 170px;
    z-index: 1
}

.content .dateweather .datetime {
    float: left;
    width: 100%
}

.content .dateweather .datetime .time {
    float: left;
    width: 100%;
    color: #fff;
    height: 35px
}

.content .dateweather .datetime .time .icon {
    float: left;
    width: 35px;
    height: 35px;
    background-position: 0 -77px
}

.content .dateweather .datetime .time .text {
    float: right;
    width: calc(100% - 35px);
    height: 35px;
    line-height: 35px;
    text-align: right;
    color: #fff;
    font-size: 42px
}

.content .dateweather .datetime .date {
    text-align: right;
    color: #fff;
    float: left;
    width: 100%;
    margin-top: 20px;
    letter-spacing: 5px;
    white-space: nowrap
}

.content .dateweather .weather {
    float: left;
    width: 100%;
    margin-top: 40px
}

.content .dateweather .weather a {
    display: block;
    float: left;
    width: 100%
}

.content .dateweather .weather .icon {
    display: block;
    width: 100px;
    height: 70px;
    background-image: url(../Elements/img/weather-sprite.svg);
    margin: auto;
    background-position: 0 0
}

.content .dateweather .weather .icon.w-01d,.content .dateweather .weather .icon.w-01n {
    background-position: 0 0
}

.content .dateweather .weather .icon.w-02d,.content .dateweather .weather .icon.w-02n {
    background-position: 0 -70px
}

.content .dateweather .weather .icon.w-03d,.content .dateweather .weather .icon.w-03n {
    background-position: 0 -140px
}

.content .dateweather .weather .icon.w-04d,.content .dateweather .weather .icon.w-04n {
    background-position: 0 -210px
}

.content .dateweather .weather .icon.w-09d,.content .dateweather .weather .icon.w-09n {
    background-position: 0 -280px
}

.content .dateweather .weather .icon.w-10d,.content .dateweather .weather .icon.w-10n {
    background-position: 0 -350px
}

.content .dateweather .weather .icon.w-11d,.content .dateweather .weather .icon.w-11n {
    background-position: 0 -420px
}

.content .dateweather .weather .icon.w-13d,.content .dateweather .weather .icon.w-13n {
    background-position: 0 -490px
}

.content .dateweather .weather .icon.w-50d,.content .dateweather .weather .icon.w-50n {
    background-position: 0 -560px
}

.content .dateweather .weather .text {
    float: left;
    width: 100%;
    color: #fff;
    font-family: "Gotham Book",sans-serif;
    font-size: 28px;
    text-align: right;
    letter-spacing: .5px;
    margin-top: 20px;
    white-space: nowrap
}

.content .dateweather .weather .city {
    text-align: center;
    color: #fff;
    float: left;
    width: 100%;
    letter-spacing: 14px;
    margin-top: 20px
}

.booking {
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 99999;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.booking .booknow-btn {
    float: right;
    height: 90px;
    width: 160px;
    background: rgba(255,255,255,.05);
    color: #fff;
    line-height: 90px;
    font-family: "Gotham Medium",sans-serif;
    font-size: 16px;
    position: relative;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    text-align: center
}

.booking .booknow-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #cdb866;
    z-index: -1;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.booking .booknow-btn:hover::before {
    height: 100%
}

.booking .selectDate {
    float: left;
    padding: 15px 20px;
    height: 90px;
    padding-right: 10px;
    width: 190px;
    transition: all .2s cubic-bezier(.77,0,.175,1)
}

.booking .selectDate * {
    transition: all .2s cubic-bezier(.77,0,.175,1)
}

.booking .selectDate.active,.booking .selectDate:hover {
    background: #cbb665
}

.booking .selectDate.active .label,.booking .selectDate:hover .label,.booking .selectDate.active .day,.booking .selectDate:hover .day,.booking .selectDate.active .month,.booking .selectDate:hover .month {
    color: #fff
}

.booking .selectDate .label,.booking .adult .label,.booking .child .label {
    float: left;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 12px;
    font-family: "Gotham Medium",sans-serif;
    height: 20px;
    line-height: 20px;
    opacity: 1
}

.booking .selectDate .day,.booking .selectDate .month {
    font-family: "Gotham Bold",sans-serif;
    font-size: 30px;
    color: #fff;
    margin-top: 4px;
    float: left;
    height: 36px;
    line-height: 36px;
    position: relative
}

.booking .selectDate .month {
    margin-left: 10px;
    margin-right: 4px
}

.booking .selectDate .icon {
    float: right;
    height: 36px;
    width: 26px;
    margin-top: 4px;
    background-position: -40px -77px
}

.booking .selectDate.active .icon,.booking .selectDate:hover .icon {
    background-position: -40px -113px
}

.booking .adult,.booking .child {
    float: left;
    padding: 15px 20px;
    height: 90px;
    width: 130px;
    transition: all .2s cubic-bezier(.77,0,.175,1)
}

.booking .adult *,.booking .child * {
    transition: all .2s cubic-bezier(.77,0,.175,1)
}

.booking .adult:hover,.booking .child:hover {
    background: #cbb665
}

.booking .adult:hover .label,.booking .adult:hover .text .minus,.booking .adult:hover .text .plus,.booking .adult:hover .text .value,.booking .child:hover .label,.booking .child:hover .text .minus,.booking .child:hover .text .plus,.booking .child:hover .text .value {
    color: #fff
}

.booking .adult .text,.booking .child .text {
    font-family: "Gotham Bold",sans-serif;
    font-size: 30px;
    color: #fff;
    margin-top: 4px;
    float: left;
    height: 36px;
    line-height: 36px;
    position: relative
}

.booking .adult .text .minus,.booking .adult .text .plus,.booking .child .text .minus,.booking .child .text .plus {
    float: left;
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    background-image: none;
    line-height: 34px
}

.booking .adult .text .value,.booking .child .text .value {
    float: left;
    width: 50px;
    text-align: center
}

.booking.fixed {
    position: fixed;
    bottom: inherit;
    right: 0;
    top: 90px;
    background-color: #d0bc6e;
    left: inherit!important
}

.custom-datepicker {
    position: absolute;
    bottom: 90px;
    left: 0;
    width: 610px
}

.custom-datepicker .datepicker {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.custom-datepicker .datepicker.active {
    opacity: 1;
    bottom: 0;
    visibility: visible
}

.custom-datepicker .datepicker .ui-datepicker-inline {
    float: left;
    width: 100%!important;
    box-sizing: border-box;
    padding: 20px;
    border: 0;
    border-radius: 0
}

.custom-datepicker .datepicker .ui-datepicker-inline * {
    font-family: "Gotham Medium",sans-serif;
    font-weight: normal
}

.custom-datepicker .datepicker .ui-datepicker-inline .ui-datepicker-header {
    padding: 0;
    border-radius: 0;
    border: 0;
    height: 40px;
    line-height: 40px;
    background: #fff
}

.custom-datepicker .datepicker .ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title {
    padding: 0;
    height: 40px;
    line-height: 40px
}

.custom-datepicker .ui-datepicker td span,.custom-datepicker .ui-datepicker td a {
    padding: 0!important;
    height: 38px;
    line-height: 38px;
    width: 38px;
    text-align: center;
    border: 0!important;
    background: #fff;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    font-family: "Gotham Medium",sans-serif!important;
    font-size: 12px
}

.custom-datepicker .ui-datepicker td span.ui-state-highlight,.custom-datepicker .ui-datepicker td a.ui-state-highlight {
    background: rgba(208,188,110,.2)
}

.custom-datepicker .ui-datepicker td span.ui-state-hover,.custom-datepicker .ui-datepicker td a.ui-state-hover,.custom-datepicker .ui-datepicker td span.ui-state-active,.custom-datepicker .ui-datepicker td a.ui-state-active {
    background: #22313f;
    color: #fff
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev,.custom-datepicker .ui-datepicker .ui-datepicker-next {
    opacity: 1;
    border-radius: 0;
    height: 30px;
    line-height: 30px;
    width: 30px;
    padding: 0!important;
    border: 0!important;
    background-color: #eee;
    color: #000;
    left: 0!important;
    top: 0!important;
    cursor: pointer;
    margin: 5px 0!important;
    background-image: url(../Elements/img/bg-sprite.svg);
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.custom-datepicker .ui-datepicker .ui-datepicker-next {
    right: 0!important;
    left: inherit!important
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev {
    background-position: -71px -101px
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev.ui-state-disabled {
    opacity: .5
}

.custom-datepicker .ui-datepicker .ui-datepicker-prev:not(.ui-state-disabled):hover {
    background-position: -101px -101px;
    background-color: #d0bc6e
}

.custom-datepicker .ui-datepicker .ui-datepicker-next {
    background-position: -101px -131px
}

.custom-datepicker .ui-datepicker .ui-datepicker-next:hover {
    background-position: -71px -131px;
    background-color: #d0bc6e
}

.between a {
    background-color: rgba(34,49,63,1)!important;
    color: #fff!important
}

.content .pagetop .slider-btn {
    position: absolute;
    bottom: 65px;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255,.05);
    z-index: 1
}

.content .pagetop .slider-btn::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #cdb866;
    z-index: -1;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .pagetop .slider-btn:hover::before {
    height: 100%
}

.content .pagetop .slider-btn .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    opacity: .5;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .pagetop .slider-btn:hover .icon {
    opacity: 1
}

.content .pagetop .slider-btn.slider-prev {
    left: 50px
}

.content .pagetop .slider-btn.slider-next {
    left: 111px
}

.content .pagetop .slider-btn.slider-prev .icon {
    background-position: -71px -77px
}

.content .pagetop .slider-btn.slider-next .icon {
    background-position: -95px -77px
}

.content .pagetop .offer-pop {
    position: absolute;
    right: -350px;
    width: 350px;
    height: 250px;
    background: #eee;
    z-index: 999;
    bottom: 190px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .pagetop .offer-pop.show {
    right: 0
}

.content .pagetop .offer-pop .label {
    transform: rotate(-90deg);
    display: block;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: -150px;
    top: 100px;
    width: 250px;
    text-align: center;
    background-color: #d0bc6e;
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    font-size: 18px
}

.content .pagetop .offer-pop .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,49,63,.5);
    z-index: 1
}

.content .pagetop .offer-pop .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34,49,63,.5);
    z-index: 2;
    display: table;
    text-align: center
}

.content .pagetop .offer-pop .text>span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 25px;
    color: #fff;
    font-family: "Gotham Bold",sans-serif;
    font-size: 20px
}

.content .pagetop .offer-pop .text>span span {
    display: inline-block;
    height: 40px;
    border: solid 1px #fff;
    line-height: 38px;
    font-size: 14px;
    font-family: "Gotham Medium",sans-serif;
    padding: 0 25px;
    margin-top: 20px;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .pagetop .offer-pop a:hover span span {
    background-color: #fff;
    color: #22313f
}

.offer-pop .owl-carousel,.offer-pop .owl-stage-outer,.offer-pop .owl-stage,.offer-pop .owl-item,.offer-pop .owl-item .item {
    height: 100%
}

.offer-pop .owl-dots {
    margin-top: -50px!important;
    position: relative
}

.offer-pop .owl-item .item {
    background-size: cover;
    background-position: center
}

.content .about-text {
    width: 100%;
    height: 360px;
    float: left;
    display: table;
    text-align: center
}

.content .about-text .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px
}

.content .about-text .inner h1 {
    font-size: 32px;
    font-family: "Playfair Display",sans-serif;
    color: #d0bc6e;
    margin-bottom: 30px;
    width: 840px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    font-weight: 700
}

.content .about-text .inner p {
    width: 840px;
    display: inline-block;
    font-size: 16px;
    line-height: 1.6em
}

.content .page-text {
    width: 100%;
    height: 360px;
    float: left;
    display: table;
    text-align: center
}

.content .page-text .inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px
}

.content .page-text .inner h1,.content .page-text .inner>.title {
    font-size: 32px;
    font-family: "Playfair Display",sans-serif;
    color: #d0bc6e;
    margin-bottom: 30px;
    width: 840px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    font-weight: 700
}

.content .page-text .inner p {
    width: 840px;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.6em
}

.content .page-text .inner p a {
    color: #666;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    text-decoration: underline
}

.content .page-text .inner p a:hover {
    color: #d0bc6e
}

.content .page-text.other-rooms {
    height: auto;
    padding-top: 80px;
    display: block
}

.content .page-text.other-rooms .inner {
    height: auto;
    display: block;
    margin: auto;
    width: 1240px
}

.content .page-text.other-rooms .inner>.title {
    width: 100%
}

.content .page-text.other-rooms ul {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 0;
    line-height: 0
}

.content .page-text.other-rooms ul li {
    width: calc(25% - 23px);
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    margin-bottom: 30px
}

.content .page-text.other-rooms ul li:nth-child(4n) {
    margin-right: 0
}

.content .page-text.other-rooms ul li:first-child,.content .page-text.other-rooms ul li:nth-child(4n+1) {
    margin-left: 0
}

.content .page-text.other-rooms ul li a {
    float: left;
    width: 100%;
    font-family: "Gotham Medium",sans-serif;
    font-size: 16px;
    background: #ecf0f1;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .page-text.other-rooms ul li a img {
    float: left;
    width: 100%
}

.content .page-text.other-rooms ul li a .title {
    float: left;
    width: 100%;
    height: auto;
    min-height: 78px
}

.content .page-text.other-rooms ul li a span {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    padding: 15px;
    line-height: 1.5em;
    text-align: left;
    color: #666;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .page-text.other-rooms ul li a:hover {
    background-color: #d0bc6e
}

.content .page-text.other-rooms ul li a:hover span {
    color: #fff
}

.content .page-text.other-rooms ul li:first-child {
    margin-left: 0
}

.content .page-text.other-rooms ul li:last-child {
    margin-right: 0
}

.content .discover-rooms {
    width: 50%;
    float: left;
    height: 480px;
    background: url(../Elements/temp-media/discoverrooms-bg.jpg) center bottom;
    background-size: cover;
    display: table;
    text-align: center
}

.content .discover-rooms .text {
    display: table-cell;
    vertical-align: middle;
    background: rgba(255,255,255,.3)
}

.content .discover-rooms .text .slogan {
    font-size: 24px;
    color: #22313f;
    font-family: "Gotham Medium",sans-serif;
    line-height: 1.5em;
    margin-bottom: 50px
}

.content .discover-rooms .text a {
    font-size: 14px;
    color: #22313f;
    font-family: "Gotham Medium",sans-serif;
    padding: 20px 30px;
    border: solid 1px #22313f;
    display: inline-block;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .discover-rooms .text a:hover {
    color: #fff;
    background-color: #22313f
}

.content .room-slider {
    background: #fff
}

.content .room-slider .owl-carousel,.content .room-slider .owl-stage-outer,.content .room-slider .owl-stage,.content .room-slider .owl-item,.content .room-slider .owl-item .item {
    height: 100%
}

.content .room-slider .owl-item .item {
    position: relative
}

.content .room-slider .owl-item .item .room-name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #d0bc6e;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    font-family: "Gotham Medium",sans-serif;
    color: #fff;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
}

.content .room-slider .owl-item .item .room-img {
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    background-color: #22313f;
}

.content .room-slider .owl-item {
    opacity: .5;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .room-slider .owl-item:hover,.content .room-slider .owl-item.center {
    opacity: 1
}

.content .room-slider .owl-item.center+.owl-item.active .room-name {
    padding-right: 180px
}

.content .room-slider {
    width: 100%;
    float: left;
    height: 600px;
    /* padding-top: 7%; */
    position: relative;
}

.content .room-slider .room-ctrl-btn {
    position: absolute;
    z-index: 9;
    width: 80px;
    height: 80px;
    bottom: 0;
    background: #d0bc6e;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .room-slider .room-ctrl-btn:hover {
    background-color: #bdab64
}

.content .room-slider .room-ctrl-btn .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.content .room-slider .room-ctrl-btn.room-prev {
    right: 80px
}

.content .room-slider .room-ctrl-btn.room-prev .icon {
    background-position: -71px -77px
}

.content .room-slider .room-ctrl-btn.room-next {
    right: 0
}

.content .room-slider .room-ctrl-btn.room-next .icon {
    background-position: -95px -77px
}

.content .offers {
    width: 17%;
    float: left;
    height: 480px;
    background: #ecf0f1;
    padding-bottom: 80px;
    position: relative
}

.content .offers .owl-carousel,.content .offers .owl-stage-outer,.content .offers .owl-stage,.content .offers .owl-item,.content .offers .owl-item .item {
    height: 100%
}

.content .offers .owl-item .item {
    position: relative
}

.content .offers .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px;
    position: relative;
    z-index: 99
}

.content .offers .item {
    display: table;
    width: 100%
}

.content .offers .offer-item {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    text-align: center;
    width: 100%
}

.content .offers .offer-item .offer-title {
    font-size: 22px;
    font-family: "Gotham Medium",sans-serif;
    color: #22313f;
    margin-bottom: 20px
}

.content .offers .offer-item .offer-value {
    font-size: 120px;
    font-family: "Gotham Book",sans-serif;
    color: #22313f;
    height: 120px;
    line-height: 120px
}

.content .offers .offer-item .offer-desc {
    font-size: 18px;
    font-family: "Gotham Book",sans-serif;
    color: #22313f;
    margin-top: 10px
}

.content .offers .book-now-btn {
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 0;
    height: 80px;
    width: 100%;
    background-color: #e2e6e8;
    line-height: 80px;
    font-family: "Gotham Bold",sans-serif;
    font-size: 30px;
    color: #22313f;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .offers .book-now-btn:hover {
    background-color: #22313f;
    color: #fff
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #22313f
}

.content .location-list {
    float: left;
    width: 50%;
    height: 720px;
    background-color: #22313f;
    padding: 30px;
    position: relative
}

.content .location-list .textarea {
    float: left;
    width: 100%;
    padding-right: 40%
}

.content .location-list .textarea .title {
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    font-size: 26px;
    float: left;
    width: 100%;
    line-height: 26px;
    margin-bottom: 20px
}

.content .location-list .textarea p {
    color: #fff;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6em
}

.content .location-list .textarea ul {
    float: left;
    margin-top: 0;
    width: 100%
}

.content .location-list .textarea ul li {
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px
}

.content .location-list .textarea ul li:last-child {
    margin-bottom: 0
}

.content .location-list .textarea ul li a {
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    color: #fff;
    padding-right: 30px;
    position: relative;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    font-family: "Gotham Medium",sans-serif
}

.content .location-list .textarea ul li a.active,.content .location-list .textarea ul li a:hover {
    color: #d0bc6e
}

.content .location-list .textarea ul li a .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 30px;
    background-position: -131px -101px;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .location-list .textarea ul li a.active .icon,.content .location-list .textarea ul li a:hover .icon {
    background-position: -131px -131px
}

.content .location-list .textarea ul li a .icon.icon2 {
    left: inherit;
    right: 10px;
    background-position: -161px -101px;
    opacity: 0
}

.content .location-list .textarea ul li a.active .icon.icon2,.content .location-list .textarea ul li a:hover .icon.icon2 {
    opacity: 1;
    right: 0
}

.content .location-list .maparea {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 38%;
    background: #ccc
}

.content .location-slider .owl-carousel,.content .location-slider .owl-stage-outer,.content .location-slider .owl-stage,.content .location-slider .owl-item,.content .location-slider .owl-item .item {
    height: 100%
}

.content .location-slider .owl-item .item {
    position: relative
}

.content .location-slider .owl-item .item .location-name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #d0bc6e;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    font-family: "Gotham Medium",sans-serif;
    color: #fff;
    padding-right: 180px;
    padding-left: 20px;
    text-align: left
}

.content .location-slider .owl-item .item .location-img {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center
}

.content .location-slider {
    width: 50%;
    float: left;
    height: 720px;
    position: relative
}

.content .location-slider .location-ctrl-btn {
    position: absolute;
    z-index: 9;
    width: 80px;
    height: 80px;
    bottom: 0;
    background: #d0bc6e;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .location-slider .location-ctrl-btn:hover {
    background-color: #bdab64
}

.content .location-slider .location-ctrl-btn .icon {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.content .location-slider .location-ctrl-btn.location-prev {
    right: 80px
}

.content .location-slider .location-ctrl-btn.location-prev .icon {
    background-position: -71px -77px
}

.content .location-slider .location-ctrl-btn.location-next {
    right: 0
}

.content .location-slider .location-ctrl-btn.location-next .icon {
    background-position: -95px -77px
}

.content .tripadvisor {
    width: 100%;
    height: 480px;
    float: left;
    display: table;
    text-align: center
}

.content .tripadvisor .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px
}

.content .tripadvisor .text .icon {
    width: 130px;
    height: 90px;
    display: inline-block;
    background-position: 0 -207px;
    margin-bottom: 30px
}

.content .tripadvisor .text .title {
    font-size: 24px;
    font-family: "Gotham Bold",sans-serif;
    color: #00af87;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    position: relative;
    line-height: 1.4em
}

.content .tripadvisor .text .title span {
    color: #000a12
}

.content .tripadvisor .text a {
    font-size: 14px;
    color: #00af87;
    font-family: "Gotham Medium",sans-serif;
    padding: 20px 30px;
    border: solid 1px #00af87;
    display: inline-block;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    margin-top: 30px
}

.content .tripadvisor .text a:hover {
    color: #fff;
    background-color: #00af87
}

body:not(.default) .content {
    padding-top: 90px
}

.content .page-banner {
    float: left;
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    display: table;
    text-align: center
}

body.fixed .page-banner {
    margin-bottom: 90px
}

.content .page-banner .text {
    position: relative;
    z-index: 2;
    display: table-cell;
    vertical-align: middle
}

.content .page-banner .text h1 {
    color: #fff;
    font-family: "Gotham Black",sans-serif;
    font-size: 48px;
    letter-spacing: 8px;
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px
}

.content .page-banner .text p {
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    font-size: 22px
}

.content .page-banner .overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #22313f;
    opacity: .4
}

.content .offers.band {
    float: left;
    width: calc(100% - 829px);
    height: 90px;
    background-color: #ecf0f1;
    padding: 0;
    position: relative
}

body.fixed .content .offers.band {
    position: fixed;
    top: 90px;
    left: 0;
    z-index: 99
}

.content .offers.band .offer-btn {
    position: absolute;
    width: 60px;
    height: 90px;
    top: 0;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.content .offers.band .offer-btn:hover {
    background-color: rgba(0,0,0,.05)
}

.content .offers.band .offer-btn .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.content .offers.band .offer-btn.offer-prev {
    right: 60px
}

.content .offers.band .offer-btn.offer-next {
    right: 0
}

.content .offers.band .offer-btn.offer-prev .icon {
    background-position: -119px -77px
}

.content .offers.band .offer-btn.offer-next .icon {
    background-position: -143px -77px
}

.content .offers.band .owl-carousel {
    float: left;
    width: calc(100% - 120px)
}

.content .offers.band .owl-item {
    display: table
}

.content .offers.band .item {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #22313f;
    font-family: "Gotham Medium",sans-serif;
    font-size: 18px
}

.content .offers.band .item a {
    color: #22313f!important
}

.content .booking.band {
    float: left;
    width: 829px;
    height: 90px;
    background-color: #d0bc6e;
    position: relative;
    bottom: 0;
    right: 0;
    z-index: 9
}

body.fixed .content .booking.band {
    position: fixed;
    right: 0;
    top: 90px;
    z-index: 99
}

.content .booking.band .booknow-btn {
    background-color: rgba(0,0,0,.1);
    width: 189px;
    font-size: 22px
}

.content .booking.band .booknow-btn::before {
    background-color: transparent
}

.content .booking.band .booknow-btn:hover::before {
    background-color: #22313f
}

.content .booking.openBottom .custom-datepicker {
    top: 90px;
    bottom: inherit;
    transition: all .3s linear
}

.content .booking.openBottom .custom-datepicker .datepicker {
    top: -20px;
    bottom: inherit
}

.content .booking.openBottom .custom-datepicker .datepicker.active {
    top: 0;
    bottom: inherit
}

.content .booking.openBottom .custom-datepicker .datepicker .ui-datepicker-inline {
    box-shadow: 0 10px 30px rgba(0,0,0,.1)
}

.room-list {
    float: left;
    width: 80%;
    margin: 0 10%
}

.room-list>ul>li {
    float: left;
    width: 100%;
    height: 480px;
    margin-bottom: 80px
}

.room-list>ul>li:last-child {
    margin-bottom: 0
}

.room-list>ul>li .image {
    width: 50%;
    height: 480px;
    background-size: cover;
    background-position: center
}

.room-list>ul>li .short-desc {
    width: 50%;
    height: 480px;
    background-color: #f9f9f9;
    padding: 50px;
    position: relative
}

.room-list>ul>li .short-desc p {
    margin-bottom: 30px;
    color: #666
}

.room-list>ul>li .short-desc .title {
    font-size: 20px;
    color: #22313f;
    font-family: "Gotham Bold",sans-serif;
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.room-list>ul>li .short-desc ul {
    float: left;
    width: 100%
}

.room-list>ul>li .short-desc ul li {
    float: left;
    width: 33%
}

.room-list>ul>li .short-desc .button {
    position: absolute;
    right: 50px;
    bottom: 50px;
    background-color: #d0bc6e;
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.room-list>ul>li .short-desc .button:hover {
    background-color: #22313f
}

.room-list>ul>li:nth-child(odd) .image {
    float: left
}

.room-list>ul>li:nth-child(odd) .short-desc {
    float: right
}

.room-list>ul>li:nth-child(even) .image {
    float: right
}

.room-list>ul>li:nth-child(even) .short-desc {
    float: left
}

.room-photo-gallery {
    float: left;
    height: 480px;
    width: calc(50% - .5px);
    background-color: #fff;
    position: relative
}

.room-photo-gallery .owl-carousel,.room-photo-gallery .owl-stage-outer,.room-photo-gallery .owl-stage,.room-photo-gallery .owl-item,.room-photo-gallery .owl-item .item {
    height: 100%
}

.room-photo-gallery .owl-item .item {
    position: relative
}

.room-photo-gallery .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px;
    position: relative;
    z-index: 99
}

.room-photo-gallery .item {
    display: table;
    width: 100%
}

.room-photo-gallery .item a {
    float: left;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover
}

.gal-btn {
    position: absolute;
    width: 60px;
    height: 60px;
    bottom: 0;
    z-index: 9;
    background-color: #d0bc6e;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.gal-btn:hover {
    background-color: #bdab64
}

.gal-btn .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px
}

.gal-btn.room-gallery-prev {
    right: 60px
}

.gal-btn.room-gallery-prev .icon {
    background-position: -71px -77px
}

.gal-btn.room-gallery-next {
    right: 0
}

.gal-btn.room-gallery-next .icon {
    background-position: -95px -77px
}

.room-features {
    float: left;
    height: 480px;
    width: calc(50% + .5px);
    background-color: #ecf0f1;
    padding: 40px
}

.room-features .title {
    float: left;
    width: 100%;
    font-family: "Gotham Bold",sans-serif;
    font-size: 20px;
    color: #22313f;
    margin-bottom: 30px
}

.room-features ul {
    float: left;
    width: 100%
}

.room-features ul li {
    float: left;
    width: 33%;
    height: 30px;
    line-height: 30px;
    padding-left: 36px;
    position: relative;
    margin-bottom: 5px
}

.room-features ul li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(../Elements/img/roomfeatures-bg.svg)
}

.icon.roomservice {
    background-position: 0 0
}

.icon.balcony {
    background-position: -30px 0
}

.icon.minibar {
    background-position: -60px 0
}

.icon.satellite {
    background-position: -90px 0
}

.icon.wifi {
    background-position: -120px 0
}

.icon.parking {
    background-position: -150px 0
}

.icon.laundry {
    background-position: -180px 0
}

.icon.aircondition {
    background-position: -210px 0
}

.icon.safebox {
    background-position: 0 -30px
}

.icon.phone {
    background-position: -30px -30px
}

.icon.iron {
    background-position: -60px -30px
}

.icon.garden {
    background-position: -90px -30px
}

.icon.hairdrier {
    background-position: -120px -30px
}

.icon.tv {
    background-position: -150px -30px
}

.icon.bathroom {
    background-position: -180px -30px
}

.icon.slippers {
    background-position: -210px -30px
}

.icon.bed {
    background-position: -240px 0
}

.icon.baby {
    background-position: -270px 0
}

.icon.family {
    background-position: -240px -30px
}

.icon.sea {
    background-position: -270px -30px
}

.icon.city {
    background-position: -300px 0
}

.icon.teacup {
    background-position: -300px -30px
}

.icon.kettle {
    background-position: -330px 0
}

.room-list div.image.facilities {
    position: relative
}

.room-list div.image.facilities .owl-carousel {
    position: absolute
}

.room-list div.image.facilities .owl-carousel,.room-list div.image.facilities .owl-stage-outer,.room-list div.image.facilities .owl-stage,.room-list div.image.facilities .owl-item {
    height: 100%
}

.room-list div.image.facilities .item {
    float: left;
    height: 100%;
    width: 100%
}

.room-list div.image.facilities .item a {
    float: left;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center
}

.room-list div.image.facilities .owl-nav {
    margin: 0;
    height: 60px;
    margin-top: -60px
}

.room-list div.image.facilities .owl-nav button {
    width: 60px;
    height: 60px;
    border-radius: 0;
    background-color: #d0bc6e;
    opacity: 1!important;
    position: relative;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.room-list div.image.facilities .owl-nav button:hover {
    background-color: #bdab64
}

.room-list div.image.facilities .owl-nav button span {
    text-indent: -9999px;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 50%;
    margin-top: -12px;
    margin-left: -12px;
    background-image: url(../Elements/img/bg-sprite.svg)
}

.room-list div.image.facilities .owl-nav .owl-prev span {
    background-position: -71px -77px
}

.room-list div.image.facilities .owl-nav .owl-next span {
    background-position: -95px -77px
}

li:nth-child(odd) div.image.facilities .owl-nav {
    text-align: right
}

li:nth-child(even) div.image.facilities .owl-nav {
    text-align: left
}

.location-nav {
    float: left;
    width: 22%;
    height: 720px;
    padding: 30px;
    background: #e2e6e8
}

.location-nav .title,.location-desc .title {
    font-family: "Gotham Bold",sans-serif;
    font-size: 20px;
    color: #22313f;
    margin-bottom: 20px
}

.location-desc .text {
    height: calc(100% - 42px)
}

.location-desc .text img {
    width: 100%;
    margin-bottom: 20px
}

.location-desc p {
    margin-bottom: 20px
}

.location-nav ul {
    float: left;
    margin-top: 0
}

.location-nav ul li {
    float: left;
    width: 90%;
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px
}

.location-nav ul li:last-child {
    margin-bottom: 0
}

.location-nav ul li a {
    float: left;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    color: #666;
    padding-right: 30px;
    position: relative;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    font-family: "Gotham Medium",sans-serif;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.location-nav ul li a.active,.location-nav ul li a:hover {
    color: #d0bc6e
}

.location-nav ul li a .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 20px;
    background-position: -161px -131px;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.location-nav ul li a.active .icon,.location-nav ul li a:hover .icon {
    background-position: -131px -131px
}

.location-nav ul li a .icon.icon2 {
    left: inherit;
    right: 10px;
    width: 30px;
    background-position: -161px -101px;
    opacity: 0
}

.location-nav ul li a:hover .icon.icon2 {
    opacity: 1;
    right: 0
}

.location-desc {
    float: left;
    width: 43%;
    height: 720px;
    padding: 30px;
    background: #ecf0f1
}

.location-desc>div {
    float: left;
    width: 100%;
    height: 100%;
    display: none
}

.location-map {
    float: left;
    width: 35%;
    height: 720px;
    padding: 50px
}

.reservation-form {
    width: 80%;
    padding: 50px;
    background-color: #f9f9f9;
    margin: auto;
    position: relative
}

.reservation-form .title {
    font-size: 20px;
    color: #22313f;
    font-family: "Gotham Bold",sans-serif;
    margin-bottom: 30px;
    float: left;
    width: 100%;
    text-align: center
}

.reservation-form.loading ul,.reservation-form.loading .title {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px)
}

.reservation-form .loading-div {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.5);
    z-index: 2;
    display: none;
    background-image: url(../Elements/img/loading.gif);
    background-position: center;
    background-repeat: no-repeat
}

.reservation-form.loading .loading-div {
    display: block
}

.form-list {
    width: 60%;
    margin: auto;
    line-height: 0
}

.form-list li {
    width: calc(50% - 10px);
    margin: auto;
    float: left;
    margin-bottom: 20px;
    min-height: 50px;
    position: relative
}

.form-list li:last-child {
    margin-bottom: 0
}

.form-list li:nth-child(odd) {
    float: left
}

.form-list li:nth-child(even) {
    float: right
}

.form-list li.fullwidth {
    width: 100%;
    margin: auto;
    margin-bottom: 20px
}

.form-list li input[type="text"] {
    float: left;
    width: 100%;
    height: 50px;
    border: solid 1px #ddd;
    padding: 0 10px;
    background: #fff;
    font-family: "Gotham Medium",sans-serif;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    font-size: 14px;
    color: #666
}

.form-list li input[type="text"]:focus,.form-list li textarea:focus {
    border: solid 1px #d0bc6e
}

.form-list li input[type="text"]::placeholder,.form-list li textarea::placeholder {
    font-style: italic;
    font-family: "Gotham Book",sans-serif;
    color: #ccc
}

.form-list li textarea {
    height: 150px;
    width: 100%;
    resize: none;
    padding: 10px;
    font-family: "Gotham Medium",sans-serif;
    border: solid 1px #ddd;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    font-size: 14px;
    color: #666
}

.form-list li.button {
    float: right;
    width: 40%
}

.form-list li.button input[type="submit"],.form-list li.button input[type="button"],.form-list li.button button {
    float: right;
    width: 100%;
    height: 50px;
    cursor: pointer;
    color: #fff;
    font-family: "Gotham Medium",sans-serif;
    border: 0;
    background-color: #d0bc6e;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.form-list li.button input[type="submit"]:hover,.form-list li.button input[type="button"]:hover,.form-list li.button button:hover {
    background-color: #bdab64
}

.form-list li .label {
    float: left;
    width: 100%;
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
    height: 20px;
    line-height: 20px
}

.form-list li .custom-datepicker {
    border: solid 1px #ddd
}

.form-list li .custom-datepicker,.form-list li .custom-datepicker .datepicker {
    position: relative;
    left: inherit;
    bottom: inherit;
    width: 100%;
    opacity: 1;
    visibility: visible
}

.form-list li .form-error {
    position: absolute;
    left: 0;
    top: -20px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    background: #b94a48;
    color: #fff;
    font-size: 12px!important
}

.form-list li select {
    float: left;
    width: 100%
}

.select2-container--default .select2-selection--single {
    border-radius: 0;
    border: solid 1px #ddd
}

.select2-container .select2-selection--single {
    height: 50px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 10px;
    line-height: 48px
}

.select2-dropdown {
    border: solid 1px #ddd;
    border-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    border: 0;
    background: #eee;
    font-family: "Gotham Book",sans-serif;
    font-size: 16px;
    color: #666;
    padding: 0 10px
}

.select2-search--dropdown {
    margin: 0;
    padding: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-style: italic;
    font-family: "Gotham Book",sans-serif;
    color: #ccc
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    color: #666
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 30px;
    height: 30px;
    margin: 9px;
    background-image: url(../Elements/img/bg-sprite.svg);
    background-position: -292px -101px
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    background-position: -292px -131px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.form-list li.datepicker-li.arrival {
    float: left!important
}

.form-list li.dataepicker-li.departure {
    float: right!important
}

.gallery-list {
    width: 80%;
    padding: 50px;
    background-color: #f9f9f9;
    margin: auto
}

.gallery-list ul {
    float: left;
    width: 100%;
    margin-bottom: -34px
}

.gallery-list ul li {
    float: left;
    width: calc(16% - 22px);
    text-align: center;
    background: #eee;
    margin: 0 17px;
    margin-bottom: 34px
}

.gallery-list ul li a {
    float: left;
    width: 100%;
    position: relative
}

.gallery-list ul li a .overlay {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #d0bc6e;
    z-index: 1;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.gallery-list ul li a .icon {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 110%;
    opacity: 0;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
    background-position: -262px -101px;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.gallery-list ul li a:hover .overlay {
    opacity: .5
}

.gallery-list ul li a:hover .icon {
    top: 50%;
    opacity: 1
}

.gallery-list ul li a img {
    float: left;
    width: 100%
}

.gallery-list ul li:first-child {
    margin-left: 0
}

.gallery-list ul li:nth-child(6n) {
    margin-right: 0
}

.gallery-list ul li:nth-child(6n+1) {
    margin-left: 0
}

.hotel-item {
    float: left;
    width: 48%;
    margin: 1%;
    background: #ccc;
    height: 480px;
    display: table;
    text-align: center;
    background-position: center;
    background-size: cover;
    position: relative
}

.hotel-item .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #22313f;
    z-index: 1;
    opacity: .5;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.hotel-item:hover .overlay {
    opacity: 0
}

.hotel-item .text {
    display: table-cell;
    vertical-align: middle;
    font-family: "Gotham Bold",sans-serif;
    font-size: 28px;
    color: #fff;
    line-height: 1.5em;
    position: relative;
    z-index: 2;
    text-shadow: 0 0 30px #22313f
}

.mainslider.flexslider .slides li {
    overflow: hidden
}

.mainslider.flexslider .slides li .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../Elements/img/banneroverlay.png) no-repeat center;
    background-size: cover;
    opacity: .8
}

.mainslider.flexslider .slides li .overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #22313f;
    opacity: .4
}

.mainslider.flexslider .slides li .slidetext {
    float: left;
    display: table;
    height: 100%;
    position: absolute;
    left: 50px;
    top: 0;
    z-index: 4
}

.mainslider.flexslider .slides li .slidetext p {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 48px;
    font-family: "Gotham Light",sans-serif;
    line-height: 1.4em;
    opacity: 0;
    padding: 0 20px;
    padding-top: 100px;
    transition: all 1s cubic-bezier(.77,0,.175,1)
}

.mainslider.flexslider .slides li.flex-active-slide .slidetext p {
    padding: 0 20px;
    opacity: 1
}

.mainslider.flexslider .slides li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 1
}

.reservation-form.tc-page {
    margin-top: 100px
}

.textcontent h1 {
    font-size: 24px;
    font-family: "Gotham Bold",sans-serif;
    color: #d0bc6e;
    margin-bottom: 40px
}

.subject {
    font-size: 18px;
    margin-bottom: 20px
}

.description {
    float: left;
    width: 100%;
    margin-bottom: 40px
}

.description p {
    margin-bottom: 10px
}

.description ul {
    list-style: disc;
    list-style-position: inside
}

.popupbox {
    float: left;
    padding: 30px;
    display: table;
    height: 300px
}

.popupbox .text {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.popupbox .icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    background-position: -130px -207px;
    margin-bottom: 10px
}

.popupbox .title {
    font-family: "Gotham Bold",sans-serif;
    font-size: 22px;
    color: #41ad49;
    margin-bottom: 20px
}

.popupbox p {
    font-family: "Gotham Medium",sans-serif;
    font-size: 16px;
    color: #666
}

.footer {
    width: 100%;
    height: 510px;
    display: block;
    position: absolute;
    bottom: 0;
    background: #22313f;
    text-align: left;
    padding: 50px;
    z-index: 9
}

.footer .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../Elements/temp-media/banner-img/banner3.jpg);
    background-position: center;
    background-size: cover;
    opacity: .05
}

.footer .box {
    float: left;
    position: relative;
    z-index: 2
}

.footer .box.address {
    width: 290px
}

.footer .box.hotels {
    width: 280px
}

.footer .box.hotel-links {
    padding: 0 30px;
    width: 340px
}

.footer .box .title {
    float: left;
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    color: #fff;
    width: 100%;
    margin-bottom: 30px
}

.footer .box ul {
    float: left;
    width: 100%
}

.footer .box ul li {
    float: left;
    width: 100%;
    margin-bottom: 5px
}

.footer .box ul li:last-child {
    margin-bottom: 0
}

.footer .box p {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: rgba(255,255,255,.5);
    font-family: "Gotham Light",sans-serif
}

.footer .box a {
    float: left;
    width: 100%;
    color: rgba(255,255,255,.5);
    transition: all .3s cubic-bezier(.77,0,.175,1);
    font-family: "Gotham Light",sans-serif
}

.footer .box a:hover {
    color: rgba(255,255,255,1)
}

.box.social {
    float: right;
    width: 311px;
    margin-left: 70px
}

.box.social ul {
    float: left
}

.box.social ul li {
    float: left;
    width: 46px;
    height: 46px;
    margin-right: 7px
}

.box.social ul li:last-child {
    margin-right: 0
}

.box.social ul li a {
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(255,255,255,.05)
}

.box.social ul li a .icon {
    position: absolute;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    opacity: .6;
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.box.social ul li a:hover .icon {
    opacity: 1
}

.box.social ul li a.trp .icon {
    background-position: 0 -161px
}

.box.social ul li a.fb .icon {
    background-position: -46px -161px
}

.box.social ul li a.tw .icon {
    background-position: -92px -161px
}

.box.social ul li a.ins .icon {
    background-position: -138px -161px
}

.box.social ul li a.gp .icon {
    background-position: -184px -161px
}

.box.social ul li a.in .icon {
    background-position: -230px -161px
}

.box.social ul li a.fb:hover {
    background: #3b5999
}

.box.social ul li a.tw:hover {
    background: #55acee
}

.box.social ul li a.ins:hover {
    background: #e4405f
}

.box.social ul li a.gp:hover {
    background: #dd4b39
}

.box.social ul li a.in:hover {
    background: #0077b5
}

.box.social ul li a.trp:hover {
    background: #00af87
}

.weather-list {
    float: left;
    width: 80%;
    margin: 0 10%
}

.weather-list li {
    float: left;
    width: calc(20% - 8px);
    background-color: #f6f8f8;
    padding: 30px;
    position: relative;
    padding-top: 190px;
    margin-right: 10px
}

.weather-list li:last-child {
    margin-right: 0
}

.weather-list li .bg {
    position: absolute;
    height: 160px;
    left: 0;
    right: 0;
    background: url(../Elements/temp-media/partlycloud.jpg);
    top: 0;
    z-index: 1
}

.weather-list li .bg .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #22313f;
    opacity: .4
}

.weather-list li .icon {
    display: block;
    width: 100px;
    height: 70px;
    background: url(../Elements/img/weather-sprite.svg);
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -35px;
    z-index: 2
}

.weather-list li .bg.w-01d .icon,.weather-list li .bg.w-01n .icon {
    background-position: 0 0
}

.weather-list li .bg.w-02d .icon,.weather-list li .bg.w-02n .icon {
    background-position: 0 -70px
}

.weather-list li .bg.w-03d .icon,.weather-list li .bg.w-03n .icon {
    background-position: 0 -140px
}

.weather-list li .bg.w-04d .icon,.weather-list li .bg.w-04n .icon {
    background-position: 0 -210px
}

.weather-list li .bg.w-09d .icon,.weather-list li .bg.w-09n .icon {
    background-position: 0 -280px
}

.weather-list li .bg.w-10d .icon,.weather-list li .bg.w-10n .icon {
    background-position: 0 -350px
}

.weather-list li .bg.w-11d .icon,.weather-list li .bg.w-11n .icon {
    background-position: 0 -420px
}

.weather-list li .bg.w-13d .icon,.weather-list li .bg.w-13n .icon {
    background-position: 0 -490px
}

.weather-list li .bg.w-50d .icon,.weather-list li .bg.w-50n .icon {
    background-position: 0 -560px
}

.weather-list li .text {
    font-family: "Gotham Medium",sans-serif;
    font-size: 28px;
    color: #22313f;
    text-align: center;
    margin-bottom: 20px
}

.weather-list li .condition {
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-bottom: 20px
}

.weather-list li .date {
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    color: #999;
    text-align: center
}

.footer .box.newsletter {
    float: right;
    width: 257px
}

.footer .box.newsletter input[type="text"] {
    float: left;
    width: 210px;
    height: 46px;
    margin-right: 1px;
    background: rgba(255,255,255,.05);
    border: 0;
    font-family: "Gotham Medium",sans-serif;
    font-size: 14px;
    color: #fff;
    padding: 0 10px
}

.footer .box.newsletter input[type="text"]::placeholder {
    font-family: "Gotham Light",sans-serif;
    font-style: italic;
    color: #e3e3e3
}

.footer .box.newsletter input[type="button"],.footer .box.newsletter input[type="submit"],.footer .box.newsletter button {
    float: left;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    background-color: rgba(255,255,255,.05);
    cursor: pointer;
    transition: all .3s cubic-bezier(.77,0,.175,1);
    background-position: -276px -161px;
    background-image: url(../Elements/img/bg-sprite.svg);
    text-indent: -9999px
}

.footer .box.newsletter input[type="button"]:hover,.footer .box.newsletter input[type="submit"]:hover,.footer .box.newsletter button:hover {
    background-color: #d0bc6e
}

.footer .box.newsletter.has-error input[type="text"],.footer .box.newsletter.has-error input[type="email"] {
    border: solid 1px #b94a48
}

.footer .box.newsletter.has-error .form-error {
    background-color: #b94a48;
    color: #fff;
    font-size: 12px;
    color: #fff;
    padding: 5px;
    float: left
}

.footer .copyband {
    padding-top: 50px;
    border-top: solid 1px rgba(255,255,255,.05);
    margin-top: 50px;
    position: relative;
    z-index: 2
}

.footer .copyband .logo {
    height: 50px;
    width: 220px;
    background-image: url(../Elements/img/logo.svg);
    background-size: cover;
    background-repeat: no-repeat;
    float: left
}

.footer .copyband .copyband-links {
    float: left;
    margin-top: 10px;
    margin-left: 60px
}

.footer .copyband .copyband-links li {
    float: left;
    height: 30px;
    margin-right: 30px
}

.footer .copyband .copyband-links li a {
    float: left;
    height: 30px;
    line-height: 30px;
    color: rgba(255,255,255,.5);
    transition: all .3s cubic-bezier(.77,0,.175,1)
}

.footer .copyband .copyband-links li a:hover {
    color: #fff
}

.footer .copyband .copyband-links li:last-child {
    margin-right: 0
}

.footer .copyband .copy {
    float: right;
    color: rgba(255,255,255,.5);
    line-height: 50px
}

.flexslider {
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    border: 0;
    height: 100%;
    width: 100%;
    float: left;
    background-color: #22313f;
    position: relative;
    z-index: 0
}

.flexslider .slides,.flexslider .slides li {
    height: 100%
}

.flexslider.hotels li {
    background-size: cover;
    display: table!important;
    background-position: center
}

#cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxMiddleLeft,#cboxMiddleRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    background: none!important
}

#cboxContent,#colorbox,#cboxOverlay,#cboxWrapper {
    overflow: initial!important
}

#cboxClose {
    top: -50px;
    width: 50px!important;
    height: 50px!important;
    background: url(../Elements/js/colorbox/images/cboxclose.png) #fff no-repeat center center!important
}

#cboxClose:hover {
    background: url(../Elements/js/colorbox/images/cboxclose-hover.png) #fff no-repeat center center!important
}

#cboxLoadedContent {
    margin-bottom: 0!important;
    padding: 0
}

#cboxCurrent {
    display: none!important
}

#cboxNext,#cboxPrevious {
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    background-position: left top!important
}

#cboxNext {
    right: 30px;
    left: inherit;
    background: url(../Elements/js/colorbox/images/cbox-next.jpg)
}

#cboxPrevious {
    left: 30px;
    background: url(../Elements/js/colorbox/images/cbox-prev.jpg)
}

#cboxNext:hover {
    background-image: url(../Elements/js/colorbox/images/cbox-next-hover.jpg)
}

#cboxPrevious:hover {
    background-image: url(../Elements/js/colorbox/images/cbox-prev-hover.jpg)
}

.vanta {
    position: absolute;
    color: #fff;
    font-family: "Gotham Light",sans-serif;
    right: 0;
    font-size: 12px;
    z-index: 9;
    bottom: -25px;
    opacity: .5;
    transition: all .3s linear
}

.vanta:hover {
    opacity: 1
}

.vanta strong {
    font-family: "Gotham Bold",sans-serif
}

.scrolldown .icon {
    display: inline-block;
    background-position: 0 -30px;
    width: 30px;
    height: 40px;
    vertical-align: top;
    margin: 0 8px;
    transition: all linear
}

.icon {
    background-image: url(../Elements/img/bg-sprite.svg);
    background-repeat: no-repeat
}

.page-text.contact {
    height: auto;
    padding: 50px 0
}

.page-text .fa,.page-text .fas,.page-text .fab {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: #d0bc6e
}

@media screen and (max-width: 1700px) {
    .footer .box.hotel-links {
        display:none
    }
}

@media screen and (max-width: 1600px) {
    .header .navigaton li a {
        font-size:14px
    }
}

@media screen and (max-width: 1510px) {
    .footer .copyband .copyband-links {
        float:right
    }

    .footer .copyband .copy {
        display: none
    }
}

@media screen and (max-width: 1440px) {
    .header .logo {
        height:50px;
        width: 220px;
        margin-top: -25px
    }
}

@media screen and (max-width: 1366px) {
    .form-list {
        width:80%
    }

    .header .logo {
        height: 50px;
        width: 200px
    }

    .header .navigaton li {
        margin-right: 20px
    }
}

@media screen and (max-width: 1024px) {
    .offer-pop {
        display:none
    }

    .container {
        min-width: inherit;
        width: 100%;
        transition: all .3s cubic-bezier(.77,0,.175,1);
        -webkit-filter: blur(0);
        -moz-filter: blur(0);
        -o-filter: blur(0);
        -ms-filter: blur(0);
        filter: blur(0)
    }

    .inner {
        width: 100%
    }

    .content {
        padding-bottom: 0
    }

    .content .pagetop {
        max-height: 550px
    }

    .content .pagetop .slider-btn {
        display: none
    }

    .mainslider.flexslider .slides li .slidetext p {
        font-size: 28px
    }

    .dateweather {
        display: none
    }

    .pagetop .booking {
        left: 50%;
        right: inherit;
        margin-left: -390px
    }

    .content .offers {
        display: none
    }

    .content .room-slider {
        width: 100%;
        height: 360px
    }

    .content .about-text {
        height: auto;
        padding: 50px 0
    }

    .content .discover-rooms .text .slogan {
        font-size: 20px
    }

    .content .discover-rooms .text a {
        padding: 10px 20px
    }

    .content .location-list,.content .location-slider {
        height: 540px
    }

    .content .location-list .maparea {
        display: none
    }

    .content .location-list {
        padding: 30px
    }

    .content .location-list .textarea {
        padding-right: 0
    }

    .content .location-list .textarea .title {
        font-size: 22px;
        margin-bottom: 20px
    }

    .content .location-list .textarea p {
        font-size: 14px
    }

    .content .location-list .textarea ul li a {
        padding-right: 0
    }

    .footer {
        height: auto;
        position: relative
    }

    .box.hotel-links {
        display: none
    }

    .box.social {
        margin-left: 0;
        width: 315px
    }

    .footer .box.newsletter {
        width: 315px;
        margin-top: 30px
    }

    .footer .copyband .copy {
        display: none
    }

    .footer .copyband .copyband-links {
        float: right;
        margin-left: 0
    }

    .content .discover-rooms {
        height: 360px
    }

    .mainslider.flexslider .slides li .slidetext {
        left: 0;
        width: 100%;
        text-align: center
    }

    .header.mini {
        padding: 20px
    }

    .header .navigaton li {
        margin-right: 15px
    }

    .header .navigaton li:first-child {
        
    }

    .offers.band {
        display: none
    }

    .content .booking.band {
        width: 100%
    }

    .content .page-text,.content .tripadvisor,.content .about-text {
        height: auto;
        padding: 40px 20px
    }

    .content .page-text .inner h1,.content .page-text .inner>.title,.content .page-text .inner p {
        width: 100%
    }

    .content .page-text .inner h1,.content .page-text .inner>.title {
        line-height: 1.4em
    }

    .content .page-text .inner {
        padding: 0
    }

    .content .about-text .inner {
        padding: 0
    }

    .room-list {
        width: 100%;
        margin: 0;
        padding: 0 20px
    }

    .room-list>ul>li {
        height: auto;
        margin-bottom: 20px
    }

    .room-list>ul>li .image {
        width: 100%;
        height: 0;
        padding-bottom: 60%
    }

    .room-list>ul>li .short-desc {
        width: 100%;
        height: auto;
        padding: 40px
    }

    .reservation-form {
        width: calc(100% - 40px);
        padding: 30px 20px;
        margin: 0 20px
    }

    .gallery-list {
        width: calc(100% - 40px);
        padding: 30px 20px;
        margin: 0 20px
    }

    .form-list {
        width: 100%
    }

    .gallery-list ul li {
        width: calc(16% - 23px)
    }

    .room-features ul li {
        width: 50%
    }

    .content .page-text.other-rooms .inner {
        width: 100%
    }

    .location-nav {
        width: calc(40% - 20px);
        padding: 40px;
        float: left;
        margin-left: 20px
    }

    .location-desc {
        width: calc(60% - 20px);
        height: 420px;
        padding: 40px;
        float: right;
        margin-right: 20px
    }

    .location-map {
        width: calc(60% - 20px);
        height: 300px;
        float: right;
        margin-right: 20px
    }

    .reservation-form.tc-page {
        margin-top: 20px
    }

    .weather-list li {
        width: calc(33% - 5px);
        margin-bottom: 10px;
        padding: 10px;
        padding-top: 170px
    }

    .weather-list li:nth-child(3n) {
        margin-right: 0
    }

    .weather-list li .text {
        font-size: 22px
    }

    .room-list>ul>li .short-desc .button {
        position: inherit;
        display: block;
        float: right;
        margin: 0;
        top: inherit;
        bottom: inherit;
        margin-top: 20px;
        width: 100%;
        right: inherit;
        text-align: center
    }

    .content .page-text.other-rooms ul li a .title {
        min-height: 162px
    }
}

@media screen and (max-width: 768px) {
    .header,.content .booking.band,.footer {
        
    }

    body.default .container {
        margin-top: 60px
    }

    .content {
        padding-bottom: 0
    }

    body.fixed .page-banner {
        margin-bottom: 0
    }

    .room-list>ul>li .short-desc ul {
        display: none
    }

    .room-list>ul>li .short-desc p {
        margin-bottom: 0
    }

    .content .page-banner {
        height: 500px!important
    }

    .content .page-banner .text h1 {
        height: auto;
        line-height: 1.6em;
        letter-spacing: 0;
        font-size: 28px
    }

    .content .page-banner .text p {
        font-size: 18px;
        line-height: 1.4em
    }

    .gallery-list ul {
        margin-bottom: -20px
    }

    .gallery-list ul li {
        width: calc(24% - 9px);
        margin: 0 10px;
        margin-bottom: 20px
    }

    .gallery-list ul li:nth-child(4n) {
        margin-right: 0!important
    }

    .gallery-list ul li:nth-child(4n+1) {
        margin-left: 0!important
    }

    .gallery-list ul li:nth-child(6n) {
        margin-right: 10px
    }

    .gallery-list ul li:nth-child(6n+1) {
        margin-left: 10px
    }

    .hotel-item {
        height: 280px
    }

    .room-photo-gallery {
        width: calc(100% - 40px);
        margin: 0 20px
    }

    .room-features {
        width: calc(100% - 40px);
        margin: 0 20px;
        height: auto;
        padding: 40px
    }

    .location-nav {
        width: calc(50% - 20px);
        padding: 40px;
        float: left;
        margin-left: 20px
    }

    .location-desc {
        width: calc(50% - 20px);
        height: 420px;
        padding: 40px;
        float: right;
        margin-right: 20px
    }

    .location-map {
        width: calc(50% - 20px);
        height: 300px;
        float: right;
        margin-right: 20px
    }

    body:not(.default) .content {
        padding-top: 60px
    }

    .content .pagetop {
        max-height: 400px
    }

    .pagetop .booking {
        display: none
    }

    .content .location-list .textarea ul {
        display: none
    }

    .content .location-list,.content .location-slider {
        height: 360px
    }

    .content .tripadvisor .text a {
        padding: 10px 20px
    }

    .content .about-text .inner h1,.content .about-text .inner p {
        width: 100%
    }

    .mobile-header {
        width: 100%;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        padding: 0;
        background-color: #22313f;
        display: block;
        z-index: 999;
        transition: all .3s cubic-bezier(.77,0,.175,1)
    }

    .mobile-header .logo {
        height: 50px;
        width: 220px;
        background-image: url(../Elements/img/logo.svg);
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -25px
    }

    .mobile-header .nav-btn {
        float: right;
        width: 60px;
        height: 60px;
        margin: 0;
        position: relative
    }

    .mobile-header .nav-btn .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -15px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        background-position: -232px -101px
    }

    .mobile-menu {
        display: block;
        position: fixed;
        right: -100%;
        top: 0;
        bottom: 0;
        width: 75%;
        background-color: #22313f;
        z-index: 9999;
        transition: all .3s cubic-bezier(.77,0,.175,1);
        padding: 60px 22px 30px 30px;
        z-index: 99999
    }

    .mobile-menu .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: url(../Elements/temp-media/banner-img/banner1.jpg);
        opacity: .075;
        background-position: center;
        background-size: cover
    }

    .mobile-menu .nav-btn {
        width: 60px;
        height: 60px;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2
    }

    .mobile-menu .nav-btn .icon {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -15px;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        background-position: -232px -131px
    }

    .mobile-menu .navigaton {
        width: 100%;
        float: left;
        position: relative;
        z-index: 2
    }

    .mobile-menu .navigaton li {
        width: 100%;
        float: left
    }

    .mobile-menu .navigaton li a {
        float: left;
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #fff;
        font-family: "Gotham Medium",sans-serif;
        position: relative;
        text-align: right
    }

    .mobile-menu .navigaton li a.active {
        color: #d0bc6e
    }

    .mobile-menu .lang {
        float: right;
        margin-top: 20px;
        position: relative;
        z-index: 2
    }

    .mobile-menu .lang li {
        float: left;
        margin-left: 10px;
        height: 30px;
        width: 30px
    }

    .mobile-menu .lang li a {
        float: left;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        font-family: "Gotham Medium",sans-serif;
        background: rgba(0,0,0,.1);
        font-size: 12px
    }

    .mobile-menu .lang li a.active {
        background-color: #cdb866
    }

    .mobile-menu .datetime {
        float: right;
        margin-top: 30px;
        position: relative;
        z-index: 2
    }

    .mobile-menu .datetime * {
        float: left;
        height: 26px;
        line-height: 26px;
        color: #fff;
        font-family: "Gotham Medium",sans-serif
    }

    .mobile-menu .datetime .icon {
        float: left;
        width: 26px;
        height: 26px;
        background-position: 0 -112px
    }

    .mobile-menu .datetime .time,.mobile-menu .datetime .date {
        margin-left: 15px
    }

    .mobile-menu .weather {
        float: right;
        margin-top: 0;
        position: relative;
        z-index: 2
    }

    .mobile-menu .weather * {
        float: left;
        height: 26px;
        line-height: 26px;
        color: #fff;
        font-family: "Gotham Medium",sans-serif
    }

    .mobile-menu .weather .icon {
        float: left;
        width: 26px;
        height: 26px;
        background-image: url(../Elements/img/weather-sprite-mobile.svg);
        background-position: 0 0
    }

    .mobile-menu .weather .time,.mobile-menu .weather .date {
        margin-left: 15px
    }

    body.navOpen .container {
        margin-left: -50%;
        opacity: .8;
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px)
    }

    body.navOpen .mobile-header {
        margin-left: -50%;
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px)
    }

    body.navOpen .mobile-book-btn {
        margin-left: -50%;
        -webkit-filter: blur(3px);
        -moz-filter: blur(3px);
        -o-filter: blur(3px);
        -ms-filter: blur(3px);
        filter: blur(3px)
    }

    body.navOpen .mobile-book-area {
        margin-left: -50%
    }

    body.navOpen .mobile-menu {
        right: 0
    }

    .mobile-footer {
        display: block;
        float: left;
        width: 100%;
        padding: 20px;
        background-color: #22313f;
        position: relative;
        padding-bottom: 70px
    }

    .mobile-footer .bg {
        position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-image: url(../Elements/temp-media/banner-img/banner3.jpg);
        background-position: center;
        background-size: cover;
        opacity: .05
    }

    .mobile-footer .foo-content {
        position: relative;
        z-index: 2
    }

    .mobile-footer .foo-content .box {
        float: left;
        width: 100%;
        margin-bottom: 20px
    }

    .mobile-footer .foo-content .box .title {
        color: #fff;
        font-size: 14px;
        font-family: "Gotham Medium",sans-serif;
        margin-bottom: 10px
    }

    .mobile-footer .foo-content .box p {
        margin-bottom: 10px;
        color: rgba(255,255,255,.5)
    }

    .mobile-footer .foo-content .box p,.mobile-footer .foo-content .box a {
        color: rgba(255,255,255,.5);
        font-size: 12px;
        font-family: "Gotham Book",sans-serif;
        float: left;
        width: 100%
    }

    .mobile-footer .foo-content .box.social {
        margin-left: 0;
        margin-bottom: 0
    }

    .mobile-footer .foo-content .box.social ul {
        zoom:.8}

    .mobile-book-area {
        display: block;
        position: fixed;
        z-index: 999;
        left: 0;
        width: 100%;
        bottom: -80%;
        padding: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .3s cubic-bezier(.77,0,.175,1)
    }

    .mobile-book-area.show {
        bottom: 48px;
        opacity: 1;
        visibility: visible
    }

    .mobile-book-area .title {
        float: left;
        width: 100%;
        color: #fff;
        font-family: "Gotham Medium",sans-serif;
        font-size: 14px;
        height: 50px;
        line-height: 50px;
        padding: 0 10px
    }

    .mobile-book-area .title .close-booking {
        float: right;
        width: 30px;
        height: 30px;
        margin: 10px 0;
        background-position: -232px -131px
    }

    .mobile-book-area.arrival .title {
        background-color: #22313f
    }

    .mobile-book-area.departure .title {
        background-color: #2a3d4e
    }

    .mobile-book-area .book-btn {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: #b2a059;
        color: #fff;
        text-align: center;
        font-family: "Gotham Medium",sans-serif;
        font-size: 14px
    }

    .mobile-book-area .custom-datepicker {
        position: relative;
        bottom: inherit;
        float: left;
        width: 100%;
        top: inherit;
        bottom: 0
    }

    .mobile-book-area .custom-datepicker .datepicker {
        float: left;
        opacity: 1;
        visibility: visible;
        display: block;
        position: relative;
        left: inherit;
        bottom: 0;
        margin-bottom: 0
    }

    .mobile-book-area .custom-datepicker .datepicker .ui-datepicker-inline {
        padding: 5px
    }

    .mobile-book-btn {
        position: fixed;
        bottom: 0;
        height: 50px;
        line-height: 50px;
        left: 0;
        z-index: 9999;
        display: block;
        width: 100%;
        background-color: #cdb866;
        transition: all .3s cubic-bezier(.77,0,.175,1);
        box-shadow: 0 0 20px rgba(0,0,0,.3)
    }

    .mobile-book-btn .selected {
        background-color: #22313f;
        color: #fff;
        float: left;
        width: 25%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-image: url(../Elements/img/datepicker-icon.svg);
        background-repeat: no-repeat;
        background-position: right center
    }

    .mobile-book-btn .selected.departure {
        background-color: #2a3d4e
    }

    .mobile-book-btn .selected .day::after {
        content: " /"
    }

    .mobile-book-btn select {
        float: left;
        width: 12%;
        height: 50px;
        line-height: 50px;
        text-align: center;
        font-family: "Gotham Medium",sans-serif;
        font-size: 14px;
        color: #fff;
        background-color: #32485c;
        border: 0;
        padding: 0 8px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-image: url(../Elements/img/person-icon.svg);
        background-repeat: no-repeat;
        background-position: right center
    }

    .mobile-book-btn select#drpMobileChild {
        background-size: 13px;
        background-color: #374f65
    }

    .mobile-book-btn .book {
        float: left;
        width: 26%;
        text-align: center;
        padding: 10px;
        line-height: 30px;
        padding: 10px
    }

    .mobile-book-btn a {
        height: 100%;
        text-align: left;
        color: #fff;
        font-family: "Gotham Medium",sans-serif;
        font-size: 14px;
        padding: 0 10px
    }

    html[lang="tr"] .mobile-book-btn .book {
        font-size: 10px
    }

    .mobile-footer .foo-content .box {
        width: 50%
    }

    .mobile-footer .foo-content .box.social {
        width: 100%
    }
}

@media screen and (max-width: 414px) {
    .content .page-banner {
        height:300px!important
    }

    .hotel-item {
        width: calc(100% - 40px);
        height: 240px;
        margin: 10px 20px
    }

    .hotel-item .text {
        font-size: 18px
    }

    .form-list li {
        width: 100%
    }

    .form-list li.button {
        width: 100%!important
    }

    .gallery-list ul li {
        width: calc(50% - 10px);
        margin-bottom: 20px!important
    }

    .gallery-list ul li:nth-child(2n) {
        margin-right: 0!important
    }

    .gallery-list ul li:nth-child(2n+1) {
        margin-left: 0!important
    }

    .content .tripadvisor .text a {
        padding: 10px 20px
    }

    .content .tripadvisor .text .icon {
        zoom:.9}

    .content .tripadvisor .text .title {
        font-size: 20px
    }

    .room-list>ul>li .short-desc {
        padding: 20px
    }

    .room-list>ul>li .short-desc .title {
        margin-bottom: 0;
        line-height: 1.4em;
        font-size: 18px;
        text-align: left;
        margin-bottom: 20px
    }

    .room-list>ul>li .short-desc p {
    }

    .content .page-text.other-rooms ul li {
        width: calc(50% - 10px);
        margin: 0;
        margin-bottom: 20px
    }

    .content .page-text.other-rooms ul li:nth-child(odd) {
        float: left
    }

    .content .page-text.other-rooms ul li:nth-child(even) {
        float: right
    }

    .content .page-text.other-rooms ul li a span {
        padding: 10px
    }

    .content .page-text.other-rooms {
        padding-top: 50px;
        padding-bottom: 0
    }

    .room-features {
        padding: 20px
    }

    .room-features ul li {
        width: 100%;
        height: auto
    }

    .room-photo-gallery {
        height: 280px
    }

    .room-photo-gallery .gal-btn {
        width: 40px;
        height: 40px
    }

    .room-photo-gallery .gal-btn.room-gallery-prev {
        right: 40px
    }

    .location-nav {
        width: calc(100% - 40px);
        padding: 20px;
        float: left;
        margin: 0 20px;
        height: auto
    }

    .location-desc {
        width: calc(100% - 40px);
        padding: 20px;
        float: right;
        margin: 0 20px;
        height: 400px
    }

    .location-map {
        width: calc(100% - 40px);
        height: 300px;
        float: right;
        margin: 0 20px
    }

    .mobile-footer .foo-content .box {
        width: 100%
    }

    .mobile-footer .foo-content .box.social {
        width: 100%
    }

    .content .pagetop {
        max-height: 220px
    }

    .mainslider.flexslider .slides li .slidetext p {
        font-size: 22px
    }

    .content .about-text {
        padding: 40px 20px
    }

    .content .about-text .inner h1 {
        margin-bottom: 10px;
        line-height: 1.4em
    }

    .content .page-text .inner h1,.content .page-text .inner>.title {
        margin-bottom: 10px
    }

    .content .discover-rooms {
        width: 100%
    }

    .content .room-slider {
        width: 100%
    }

    .content .location-list {
        width: 100%;
        height: auto
    }

    .content .location-slider {
        width: 100%
    }

    .content .room-slider .owl-item .item .room-name {
        height: 50px;
        line-height: 50px;
        padding-right: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        padding-left: 10px
    }

    .content .room-slider .room-ctrl-btn {
        width: 50px;
        height: 50px
    }

    .content .room-slider .room-ctrl-btn.room-prev {
        right: 50px
    }

    .content .room-slider .owl-item .item .room-img {
        bottom: 50px
    }

    .content .room-slider {
        height: 300px
    }

    .content .location-slider .owl-item .item .location-name {
        height: 50px;
        line-height: 50px;
        padding-right: 100px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
        padding-left: 10px
    }

    .content .location-slider .location-ctrl-btn {
        height: 50px;
        width: 50px
    }

    .content .location-slider .location-ctrl-btn.location-prev {
        right: 50px
    }

    .content .location-slider .owl-item .item .location-img {
        bottom: 50px
    }

    .content .location-slider {
        height: 300px
    }

    .weather-list li {
        width: calc(50% - 5px);
        padding-top: 120px
    }

    .weather-list li:nth-child(2n) {
        margin-right: 0
    }

    .weather-list li:nth-child(3n) {
        margin-right: 10px
    }

    .weather-list li .bg {
        height: 110px
    }

    .weather-list li .text {
        font-size: 18px;
        margin-bottom: 10px
    }

    .weather-list li .condition {
        margin-bottom: 10px
    }

    .content .page-text.other-rooms ul li a .title {
        min-height: 56px;
        font-size: 12px
    }

    .content .page-text .inner h1,.content .page-text .inner>.title {
        font-size: 22px
    }

    .content .page-text .inner p {
        font-size: 14px
    }

    .room-list div.image.facilities .owl-nav {
        height: 40px;
        text-align: right!important;
        margin-top: -40px
    }

    .room-list div.image.facilities .owl-nav button {
        height: 40px;
        width: 40px
    }
}

@media screen and (max-width: 375px) {
    .dataepicker-li .custom-datepicker {
        zoom:.9
    }

    .reservation-form {
        width: 100%;
        margin: 0
    }

    .gallery-list {
        width: 100%;
        margin: 0
    }

    .content .page-banner {
        height: 220px!important
    }

    .content .page-banner .text h1 {
        line-height: 1.4em;
        font-size: 24px;
        margin-bottom: 20px
    }

    .content .page-text .inner h1,.content .page-text .inner>.title {
        margin-bottom: 10px
    }

    .content .tripadvisor .text .icon {
        zoom:.8}

    .content .page-text,.content .tripadvisor {
        padding: 30px 20px
    }

    .content .page-banner .text p {
        font-size: 16px
    }

    .room-list>ul>li .short-desc .title {
        font-size: 16px
    }

    .room-photo-gallery,.room-features {
        width: 100%;
        margin: 0
    }

    .room-photo-gallery {
        height: 240px
    }

    .content .page-text.other-rooms ul li {
        width: 100%
    }

    .content .page-text.other-rooms ul li a .title {
        text-align: center;
        min-height: auto
    }

    .location-nav {
        width: 100%;
        padding: 20px;
        float: left;
        margin: 0;
        height: auto
    }

    .location-desc {
        width: 100%;
        padding: 20px;
        float: right;
        margin: 0;
        height: 400px
    }

    .location-map {
        width: 100%;
        height: 300px;
        float: right;
        margin: 0
    }

    .content .pagetop {
        max-height: 170px
    }

    .reservation-form.tc-page {
        margin-top: 0
    }

    .mobile-book-btn .book {
        line-height: 1.1em
    }

    html[lang="tr"] .mobile-book-btn .book {
        line-height: 30px
    }

    .weather-list li .text {
        font-size: 16px;
        white-space: nowrap
    }
}

@media screen and (max-width: 320px) {
    html[lang="tr"] .mobile-book-btn .book {
        font-size:0;
        line-height: 20px
    }

    html[lang="tr"] .mobile-book-btn .book::before {
        content: "FÄ°YAT SORGULA";
        font-size: 12px;
        line-height: 10px
    }

    .mobile-book-btn .selected {
        background-image: none
    }
}