.alertify .ajs-dimmer, .alertify .ajs-modal {
    top: 0;
    right: 0;
    position: fixed;
    padding: 0;
    z-index: 1981
}

#aktivite-slider .owl-controls, #owl-container .owl-controls, .owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent
}

.alertify .ajs-dimmer {
    bottom: 0;
    left: 0;
    margin: 0;
    background-color: #252525;
    opacity: .5
}

.alertify .ajs-modal {
    left: 0;
    bottom: 0;
    overflow-y: auto
}

.alertify .ajs-dialog {
    position: relative;
    margin: 10% auto;
    min-height: 110px;
    max-width: 500px;
    padding: 24px 24px 0;
    outline: 0;
    color: #fff;
    background-color: #333
}

    .alertify .ajs-dialog.ajs-capture:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        z-index: 1
    }

.alertify .ajs-reset {
    position: absolute !important;
    display: inline !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 2
}

    .alertify .ajs-commands button {
        display: none;
        width: 10px;
        height: 10px;
        margin-left: 10px;
        padding: 10px;
        color: red;
        border: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        cursor: pointer
    }

        .alertify .ajs-commands button.ajs-close {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAh0lEQVQYlY2QsQ0EIQwEB9cBAR1CJUaI/gigDnwR6NBL/7/xWLNrZ2b8EwGotVpr7eOitWa1VjugiNB7R1UPrKrWe0dEAHBbXUqxMQbeewDmnHjvyTm7C3zDwAUd9c63YQdUVdu6EAJzzquz7HXvTiklt+H9DQFYaxFjvDqllFyMkbXWvfpXHjJrWFgdBq/hAAAAAElFTkSuQmCC)
        }

        .alertify .ajs-commands button.ajs-maximize {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAOUlEQVQYlWP8//8/AzGAhYGBgaG4uBiv6t7eXkYmooxjYGAgWiELsvHYFMCcRX2rSXcjoSBiJDbAAeD+EGu+8BZcAAAAAElFTkSuQmCC)
        }

.alertify .ajs-header {
    margin: -24px -24px 0;
    padding: 16px 24px;
    background-color: #333
}

.alertify .ajs-body {
    min-height: 56px
}

    .alertify .ajs-body .ajs-content {
        padding: 16px 24px 16px 16px
    }

.alertify .ajs-footer {
    padding: 4px;
    margin-left: -24px;
    margin-right: -24px;
    min-height: 43px;
    background-color: #333
}

    .alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button, .alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
        margin: 4px
    }

.alertify.ajs-maximized .ajs-dialog, .alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content, .alertify.ajs-resizable .ajs-dialog {
    padding: 0
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: right
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
    float: left;
    clear: none;
    text-align: left
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    min-width: 88px;
    min-height: 35px
}

.alertify .ajs-handle {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
    overflow: hidden !important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
    left: 0;
    right: 0;
    padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
    margin-left: -24px;
    margin-right: -24px
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
    left: 0;
    right: 0
}

.alertify.ajs-closable .ajs-commands button.ajs-close, .alertify.ajs-maximizable .ajs-commands button.ajs-maximize, .alertify.ajs-maximizable .ajs-commands button.ajs-restore {
    display: inline-block
}

.alertify.ajs-maximized .ajs-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
    position: fixed !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-maximized .ajs-commands, .alertify.ajs-resizable .ajs-commands {
    margin: 14px 24px 0 0
}

.alertify.ajs-maximized .ajs-header, .alertify.ajs-resizable .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 24px
}

.alertify.ajs-maximized .ajs-body, .alertify.ajs-resizable .ajs-body {
    min-height: 224px;
    display: inline-block
}

    .alertify.ajs-maximized .ajs-body .ajs-content, .alertify.ajs-resizable .ajs-body .ajs-content {
        position: absolute;
        top: 50px;
        right: 24px;
        bottom: 50px;
        left: 24px;
        overflow: auto
    }

.alertify.ajs-maximized .ajs-footer, .alertify.ajs-resizable .ajs-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
    display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
    cursor: move
}

.alertify.ajs-modeless .ajs-dimmer, .alertify.ajs-modeless .ajs-reset {
    display: none
}

.alertify.ajs-modeless .ajs-modal {
    overflow: visible;
    max-width: none;
    max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
    position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
    max-height: 500px;
    overflow: auto
}

.alertify.ajs-basic .ajs-header {
    opacity: 0
}

.alertify.ajs-basic .ajs-footer {
    visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
    display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
    padding-top: 0
}

    .alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
        margin-top: 0
    }

.ajs-no-overflow {
    overflow: hidden !important;
    outline: 0
}

.ajs-no-selection, .ajs-no-selection * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:568px) {
    .alertify .ajs-dialog {
        min-width: 150px
    }

    .alertify:not(.ajs-maximized) .ajs-modal {
        padding: 0 5%
    }

    .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
        min-width: initial;
        min-width: auto
    }
}

@-moz-document url-prefix() {
    .alertify button:focus {
        outline: #3593D2 dotted 1px
    }
}

.alertify .ajs-dimmer, .alertify .ajs-modal {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition-property: opacity,visibility;
    transition-property: opacity,visibility;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.alertify.ajs-hidden .ajs-dimmer, .alertify.ajs-hidden .ajs-modal {
    visibility: hidden;
    opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms
}

.alertify .ajs-dialog.ajs-shake {
    -webkit-animation-name: ajs-shake;
    animation-name: ajs-shake;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes ajs-shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-slideIn;
    animation-name: ajs-slideIn;
    -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1.275);
    animation-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-slideOut;
    animation-name: ajs-slideOut;
    -webkit-animation-timing-function: cubic-bezier(.6,-.28,.735,.045);
    animation-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-zoomIn;
    animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-zoomOut;
    animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-fadeIn;
    animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-fadeOut;
    animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-pulseIn;
    animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-pulseOut;
    animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInX;
    animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutX;
    animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInY;
    animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutY;
    animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes ajs-pulseIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@-webkit-keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@-webkit-keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25)
    }
}

@keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25,.25,.25);
        transform: scale3d(.25,.25,.25)
    }
}

@-webkit-keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ajs-fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 0
    }
}

@keyframes ajs-fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,90deg);
        transform: perspective(400px)rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,-20deg);
        transform: perspective(400px)rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,10deg);
        transform: perspective(400px)rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,-5deg);
        transform: perspective(400px)rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,90deg);
        transform: perspective(400px)rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,-20deg);
        transform: perspective(400px)rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,10deg);
        transform: perspective(400px)rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,-5deg);
        transform: perspective(400px)rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,-20deg);
        transform: perspective(400px)rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,90deg);
        transform: perspective(400px)rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,-20deg);
        transform: perspective(400px)rotate3d(1,0,0,-20deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px)rotate3d(1,0,0,90deg);
        transform: perspective(400px)rotate3d(1,0,0,90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,90deg);
        transform: perspective(400px)rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,-20deg);
        transform: perspective(400px)rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,10deg);
        transform: perspective(400px)rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,-5deg);
        transform: perspective(400px)rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,90deg);
        transform: perspective(400px)rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,-20deg);
        transform: perspective(400px)rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,10deg);
        transform: perspective(400px)rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,-5deg);
        transform: perspective(400px)rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,-15deg);
        transform: perspective(400px)rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,90deg);
        transform: perspective(400px)rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@keyframes ajs-flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,-15deg);
        transform: perspective(400px)rotate3d(0,1,0,-15deg);
        opacity: 1
    }

    100% {
        -webkit-transform: perspective(400px)rotate3d(0,1,0,90deg);
        transform: perspective(400px)rotate3d(0,1,0,90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }

    100% {
        margin-top: 5%
    }
}

@keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }

    100% {
        margin-top: 5%
    }
}

@-webkit-keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }

    100% {
        margin-top: -100%
    }
}

@keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }

    100% {
        margin-top: -100%
    }
}

.alertify-notifier {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 1982;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

    .alertify-notifier .ajs-message {
        position: relative;
        width: 260px;
        max-height: 0;
        padding: 0;
        opacity: 0;
        margin: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-transition-timing-function: linear;
        transition-timing-function: linear
    }

        .alertify-notifier .ajs-message.ajs-visible {
            -webkit-transition-duration: 500ms;
            transition-duration: 500ms;
            -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
            transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
            opacity: 1;
            max-height: 100%;
            padding: 15px;
            margin-top: 10px
        }

        .alertify-notifier .ajs-message.ajs-success {
            background: rgba(91,189,114,.95)
        }

        .alertify-notifier .ajs-message.ajs-error {
            background: rgba(217,92,92,.95)
        }

        .alertify-notifier .ajs-message.ajs-warning {
            background: rgba(252,248,215,.95)
        }

    .alertify-notifier.ajs-top {
        top: 10px
    }

    .alertify-notifier.ajs-bottom {
        bottom: 10px
    }

    .alertify-notifier.ajs-right {
        right: 10px
    }

        .alertify-notifier.ajs-right .ajs-message {
            right: -320px
        }

            .alertify-notifier.ajs-right .ajs-message.ajs-visible {
                right: 290px
            }

    .alertify-notifier.ajs-left {
        left: 10px
    }

        .alertify-notifier.ajs-left .ajs-message {
            left: -300px
        }

            .alertify-notifier.ajs-left .ajs-message.ajs-visible {
                left: 0
            }

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

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

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 20px;
    height: 100%;
}

    .owl-carousel .owl-stage {
        position: relative;
        display: inline-block;
        -ms-touch-action: inherit;
        height: 100%;
    }

        .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);
        height: 100%;
    }

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

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        display: block
    }

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

    .owl-carousel .owl-refresh .owl-item {
        display: none
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        height: 100%;
    }

        .owl-carousel .owl-item img {
            display: block;
            height: auto !important;
            margin-top: 0 !important;
            width: auto !important;
            text-align: center;
            margin: 0 auto;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }

    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }

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

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

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

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.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(owl.video.play.png)no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    transition: scale 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3,1.3);
        transition: 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;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

@media screen and (max-width:1024px) {
    #owl-container {
        margin-top: 117px
    }
}

@media screen and (max-width:1023px) {
    #owl-container {
        margin-top: 85px
    }
}

#owl-container .owl-controls {
    position: fixed;
    height: 0;
    top: 50%;
    left: 50%;
    text-align: center
}

    #owl-container .owl-controls .owl-nav [class*=owl-] {
        width: 50px;
        height: 50px;
        display: inline-block;
        cursor: pointer
    }

#owl-container .owl-prev {
    background: url(/img/arr-left.png)
}

    #owl-container .owl-prev:hover {
        background-position: 0 -50px
    }

#owl-container .owl-next {
    margin-left: 1px;
    background: url(/img/arr-right.png)
}

    #owl-container .owl-next:hover {
        background-position: 0 -50px
    }

#owl-container .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

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

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

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

#owl-container .owl-nav {
    position: fixed;
    width: 101px;
    left: 50%;
    margin-left: -50px
}

#owl-container .owl-dots {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    left: 50%;
    margin-top: 60px;
    margin-left: -499px
}

    #owl-container .owl-dots:before {
        position: absolute;
        display: block;
        content: "";
        width: 900px;
        height: 1px;
        margin: 53px 0 0 49px;
        background-color: #92908d
    }

#owl-container .owl-dot {
    position: relative;
    display: inline-table;
    float: left;
    width: 84px;
    height: 64px;
    margin: 0 5px;
    padding-top: 20px;
    font-size: 18px;
    color: #92908d;
    border: 3px solid transparent
}

    #owl-container .owl-dot:before {
        position: absolute;
        display: block;
        content: "";
        width: 9px;
        height: 9px;
        margin: 25px 0 0 36px;
        border: 1px solid #92908d;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        background: #92908d
    }

    #owl-container .owl-dot.active:before, #owl-container .owl-dot:hover:before {
        border: 1px solid #fff;
        background: #fff
    }

    #owl-container .owl-dot.active, #owl-container .owl-dot:hover {
        color: #fff
    }

    #owl-container .owl-dot.active {
        border: 3px solid #fff
    }

#owl-container .desc {
    position: absolute;
    width: 470px;
    top: 20%;
    right: 100px;
    font-size: 70px;
    color: #fff;
    z-index: 1
}

    #owl-container .desc .t2 {
        margin-top: 3px;
        font-family: Oranienbaum,serif;
        font-size: 40px;
        line-height: 44px
    }

    #owl-container .desc .t3 {
        margin-top: 10px;
        font-size: 32px;
        line-height: 35px
    }

    #owl-container .desc .t4 {
        font-size: 13px;
        line-height: 15px
    }

    #owl-container .desc .link {
        display: table;
        margin-top: 10px;
        width: 36px;
        height: 36px;
        background: url(/img/desc-link.png)
    }

        #owl-container .desc .link:hover {
            background-position: 0 -36px
        }

#arrow-splitter {
    position: fixed;
    width: 1px;
    height: auto;
    top: 300px;
    left: 50%;
    bottom: 50px;
    background-color: #03918f;
    z-index: 2
}

@media screen and (max-height:880px) {
    #owl-container .owl-controls {
        top: 60%
    }
}

@media screen and (max-width:1279px),screen and (max-height:699px) {
    #owl-container .owl-dots {
        display: none !important
    }
}

@media screen and (max-width:1279px) {
    #arrow-splitter {
        display: none
    }

    #owl-container .owl-controls {
        top: 75%
    }

    #owl-container .desc {
        position: absolute;
        width: 600px;
        top: 150px;
        left: 50%;
        margin-left: -300px;
        text-align: center
    }

        #owl-container .desc .link {
            margin: 10px auto 0
        }
}

@media screen and (max-width:767px) {
    #owl-container .desc {
        width: 300px;
        top: 33px;
        left: 50%;
        margin-left: -150px;
        font-size: 50px;
        text-align: center
    }

        #owl-container .desc .t2 {
            margin-top: 3px;
            font-size: 30px;
            line-height: 33px
        }

        #owl-container .desc .t3 {
            margin-top: 10px;
            font-size: 25px;
            line-height: 28px
        }

        #owl-container .desc .t4 {
            font-size: 12px;
            line-height: 14px
        }
}

@media screen and (max-height:550px) {
    #owl-container .owl-controls {
        top: 87%
    }
}

#aktivite-slider .owl-controls {
    position: absolute;
    top: -42px;
    left: 50%;
    margin-left: -40px;
    text-align: center
}

    #aktivite-slider .owl-controls .owl-nav [class*=owl-] {
        width: 14px;
        height: 24px;
        display: inline-block;
        cursor: pointer
    }

#aktivite-slider .owl-prev {
    background: url(/img/arr-aktleft.png)
}

    #aktivite-slider .owl-prev:hover {
        background-position: 0 -24px
    }

#aktivite-slider .owl-next {
    margin-left: 50px;
    background: url(/img/arr-aktright.png)
}

    #aktivite-slider .owl-next:hover {
        background-position: 0 -24px
    }

#aktivite-slider .owl-item {
    width: 235px
}

    #aktivite-slider .owl-item:last-child {
        margin-right: 0 !important
    }

#owl-galeri .owl-controls {
    position: absolute;
    bottom: 50%;
    z-index: 2;
    left: 0;
    width: 100%;
}

    #owl-galeri .owl-controls .owl-prev {
        left: 0px;
        position: absolute;
        background: url(/img/white-arrow.svg) no-repeat 14px;
        width: 30px;
        height: 30px;
        z-index: 11;
        top: 50%;
        transform: translateY(-50%) rotate(-180deg);
        background-size: 14px;
        content: '';
        background-color: #000;
        padding: 21px;
    }

    #owl-galeri .owl-controls .owl-next {
        position: absolute;
        background: url(/img/white-arrow.svg) no-repeat 14px;
        width: 30px;
        height: 30px;
        z-index: 11;
        top: 50%;
        transform: translateY(-50%) rotate(0deg);
        background-size: 14px;
        content: '';
        background-position: 18px;
        background-color: #000;
        padding: 21px;
        right: 0;
    }

.owl-carousel.aligned .owl-item.active {
    overflow: hidden;
    z-index: 9999
}

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

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

body { /* line-height:1; */ /* background:center center no-repeat fixed #322e29; */ /* background-size:cover */
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

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

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

a {
    text-decoration: none;
    -webkit-transition: color .2s;
    transition: color .2s
}

::-webkit-input-placeholder {
    color: #292521
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'),local('OpenSans'),url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRaCWcynf_cDxXwCLxiixG1c.ttf)format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'),local('OpenSans-Semibold'),url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNStqQynqKV_9Plp7mupa0S4g.ttf)format('truetype')
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'),local('OpenSans-Bold'),url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzNqQynqKV_9Plp7mupa0S4g.ttf)format('truetype')
}

@font-face {
    font-family: Oranienbaum;
    font-style: normal;
    font-weight: 400;
    src: local('Oranienbaum'),local('Oranienbaum-Regular'),url(http://fonts.gstatic.com/s/oranienbaum/v4/WyaFSM_en0pjtlmUWwS7GV02b4v3fUxqf9CZJ1qUoIA.ttf)format('truetype')
}

@font-face {
    font-family: Oswald;
    font-style: normal;
    font-weight: 400;
    src: local('Oswald Regular'),local('Oswald-Regular'),url(http://fonts.gstatic.com/s/oswald/v10/AWM5wXtMJeRP-AcRTgT4qQ.ttf)format('truetype')
}

body, html { /* width:100%; */ /* height:100%; */ /* margin:0; */ /* padding:0; */ /* font-family:'Open Sans',sans-serif; */ /* font-size:13px */
}

h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

h2 {
    font-size: 14px
}

.op10, .op10b {
    font-size: 10px
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.itbl {
    display: inline-table !important
}

.iblk {
    display: inline-block !important
}

.table {
    display: table !important
}

.semi {
    font-weight: 600 !important
}

.bold {
    font-weight: 700 !important
}

.op10b, .op11b {
    font-weight: 700
}

.posr {
    position: relative !important
}

.nls {
    letter-spacing: 0 !important
}

.oh {
    overflow: hidden !important
}

a.ul:hover {
    text-decoration: underline !important
}

.op11, .op11b {
    font-size: 11px
}

.op12, .op12b, .op12s {
    font-size: 12px
}

.op12s {
    font-weight: 600
}

.op12b, .op13b {
    font-weight: 700
}

.op13b {
    font-size: 13px
}

.op14s, .op15s {
    font-weight: 600
}

.op14s {
    font-size: 14px
}

.op15, .op15b, .op15s {
    font-size: 15px
}

.op15b {
    font-weight: 700
}

.op16s, .op20s {
    font-weight: 600
}

.op16, .op16s {
    font-size: 16px
}

.op18 {
    font-size: 18px
}

.op20s {
    font-size: 20px
}

.op24 {
    font-size: 24px
}

.op46 {
    font-size: 46px;
    font-family: 'Open Sans',sans-serif !important
}

.mi15 {
    font: 15px Oranienbaum,serif
}

.mi16 {
    font: 16px Oranienbaum,serif
}

.mi18 {
    font: 18px Oranienbaum,serif
}

.mi20 {
    font: 20px Oranienbaum,serif
}

.mi40 {
    font: 40px Oranienbaum,serif
}

.mi50 {
    font: 50px Oranienbaum,serif
}

.mi60 {
    font: 60px Oranienbaum,serif
}

.mi80 {
    font: 80px Oranienbaum,serif
}

.mt1 {
    margin-top: 1px !important
}

.mt2 {
    margin-top: 2px !important
}

.mt3 {
    margin-top: 3px !important
}

.mt5 {
    margin-top: 5px !important
}

.mt7 {
    margin-top: 7px !important
}

.mt10 {
    margin-top: 10px !important
}

.mt15 {
    margin-top: 15px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.mt30 {
    margin-top: 30px !important
}

.mt50 {
    margin-top: 50px !important
}

.mt75 {
    margin-top: 75px !important
}

.mt100 {
    margin-top: 100px !important
}

.pt50 {
    padding-top: 50px !important
}

.ml66 {
    margin-left: 66px
}

.ml72 {
    margin-left: 72px
}

.vlineg, .vlinew {
    margin: 5px auto
}

.color1 {
    color: #fff
}

.color2 {
    color: #4b4743
}

.color3 {
    color: #b7985b
}

.color4 {
    color: #92908d
}

.color5 {
    color: #16908e
}

.color6 {
    color: #000
}

.color7 {
    color: #292521
}

.color8 {
    color: #f6d79a
}

.vlineg {
    width: 1px;
    height: 30px;
    background: #4b4742
}

.vlinew {
    width: 1px;
    height: 25px;
    background: #fff
}

body.nf404 {
    background-image: url(/img/bg/nf404.jpg)
}

body.standart-oda {
    background-image: url(/img/bg/oda-suit/standart-oda.jpg)
}

body.executive-oda {
    background-image: url(/img/bg/oda-suit/executive-oda.jpg)
}

body.aile-odasi {
    background-image: url(/img/bg/oda-suit/aile-odasi.jpg)
}

body.corner-suit {
    background-image: url(/img/bg/oda-suit/corner-suit.jpg)
}

body.junior-suit {
    background-image: url(/img/bg/oda-suit/junior-suit.jpg)
}

body.executive-suit {
    background-image: url(/img/bg/oda-suit/executive-suit.jpg)
}

body.royal-suit {
    background-image: url(/img/bg/oda-suit/royal-suit.jpg)
}

body.president-suit {
    background-image: url(/img/bg/oda-suit/president-suit.jpg)
}

body.a-la-carte {
    background-image: url(/img/bg/restaurant-bar/a-la-carte.jpg)
}

body.acik-bufe {
    background-image: url(/img/bg/restaurant-bar/acik-bufe.jpg)
}

body.barlar {
    background-image: url(/img/bg/restaurant-bar/barlar.jpg)
}

body.coffee-shop {
    background-image: url(/img/bg/restaurant-bar/coffee-shop.jpg)
}

body.alisveris {
    background-image: url(/img/bg/aktiviteler/alisveris.jpg)
}

body.eglence {
    background-image: url(/img/bg/aktiviteler/eglence.jpg)
}

body.spor {
    background-image: url(/img/bg/aktiviteler/spor.jpg)
}

body.hana-beach {
    background-image: url(/img/bg/aktiviteler/plaj-hanaBeach.jpg)
}

body.beach-pool {
    background-image: url(/img/bg/aktiviteler/plaj-beachPool.jpg)
}

body.silence-pool {
    background-image: url(/img/bg/aktiviteler/plaj-silencePool.jpg)
}

body.su-sporlari {
    background-image: url(/img/bg/aktiviteler/su-sporlari.jpg)
}

body.masaj {
    background-image: url(/img/bg/aktiviteler/wellness-masaj.jpg)
}

body.hamam {
    background-image: url(/img/bg/aktiviteler/wellness-hamam.jpg)
}

body.sauna {
    background-image: url(/img/bg/aktiviteler/wellness-sauna.jpg)
}

body.jakuzi {
    background-image: url(/img/bg/aktiviteler/wellness-jakuzi.jpg)
}

body.buhar-odasi {
    background-image: url(/img/bg/aktiviteler/wellness-buharOdasi.jpg)
}

body.balo-konferans {
    background-image: url(/img/bg/toplanti/balo-konferans.jpg)
}

body.genel-bakis {
    background-image: url(/img/bg/genel-bakis/genel-bakis.jpg)
}

body.kurumsal {
    background-image: url(/img/bg/kurumsal/kurumsal.jpg)
}

body.firsatlar {
    background-image: url(/img/bg/firsatlar/firsatlar.jpg)
}

body.iletisim {
    background-image: url(/img/bg/iletisim/iletisim.jpg)
}

body.aktiviteler {
    background-image: url(/img/bg/aktiviteler/aktiviteler.jpg)
}

body.odalar-suitler {
    background-image: url(/img/bg/odalar-suitler/odalar-suitler.jpg)
}

@media screen and (max-width:1023px) {
    body.nf404 {
        background-image: url(/img/bg/nf404_mobil.jpg)
    }

    body.standart-oda {
        background-image: url(/img/bg/oda-suit/standart-oda_mobil.jpg)
    }

    body.executive-oda {
        background-image: url(/img/bg/oda-suit/executive-oda_mobil.jpg)
    }

    body.aile-odasi {
        background-image: url(/img/bg/oda-suit/aile-odasi_mobil.jpg)
    }

    body.corner-suit {
        background-image: url(/img/bg/oda-suit/corner-suit_mobil.jpg)
    }

    body.junior-suit {
        background-image: url(/img/bg/oda-suit/junior-suit_mobil.jpg)
    }

    body.executive-suit {
        background-image: url(/img/bg/oda-suit/executive-suit_mobil.jpg)
    }

    body.royal-suit {
        background-image: url(/img/bg/oda-suit/royal-suit_mobil.jpg)
    }

    body.president-suit {
        background-image: url(/img/bg/oda-suit/president-suit_mobil.jpg)
    }

    body.a-la-carte {
        background-image: url(/img/bg/restaurant-bar/a-la-carte_mobil.jpg)
    }

    body.acik-bufe {
        background-image: url(/img/bg/restaurant-bar/acik-bufe_mobil.jpg)
    }

    body.barlar {
        background-image: url(/img/bg/restaurant-bar/barlar.jpg)
    }

    body.coffee-shop {
        background-image: url(/img/bg/restaurant-bar/coffee-shop_mobil.jpg)
    }

    body.alisveris {
        background-image: url(/img/bg/aktiviteler/alisveris_mobil.jpg)
    }

    body.eglence {
        background-image: url(/img/bg/aktiviteler/eglence_mobil.jpg)
    }

    body.spor {
        background-image: url(/img/bg/aktiviteler/spor_mobil.jpg)
    }

    body.hana-beach {
        background-image: url(/img/bg/aktiviteler/plaj-hanaBeach_mobil.jpg)
    }

    body.beach-pool {
        background-image: url(/img/bg/aktiviteler/plaj-beachPool_mobil.jpg)
    }

    body.silence-pool {
        background-image: url(/img/bg/aktiviteler/plaj-silencePool_mobil.jpg)
    }

    body.su-sporlari {
        background-image: url(/img/bg/aktiviteler/su-sporlari_mobil.jpg)
    }

    body.masaj {
        background-image: url(/img/bg/aktiviteler/wellness-masaj_mobil.jpg)
    }

    body.hamam {
        background-image: url(/img/bg/aktiviteler/wellness-hamam_mobil.jpg)
    }

    body.sauna {
        background-image: url(/img/bg/aktiviteler/wellness-sauna_mobil.jpg)
    }

    body.jakuzi {
        background-image: url(/img/bg/aktiviteler/wellness-jakuzi_mobil.jpg)
    }

    body.buhar-odasi {
        background-image: url(/img/bg/aktiviteler/wellness-buharOdasi_mobil.jpg)
    }

    body.balo-konferans {
        background-image: url(/img/bg/toplanti/balo-konferans_mobil.jpg)
    }

    body.genel-bakis {
        background-image: url(/img/bg/genel-bakis/genel-bakis_mobil.jpg)
    }

    body.kurumsal {
        background-image: url(/img/bg/kurumsal/kurumsal_mobil.jpg)
    }

    body.firsatlar {
        background-image: url(/img/bg/firsatlar/firsatlar_mobil.jpg)
    }

    body.iletisim {
        background-image: url(/img/bg/iletisim/iletisim_mobil.jpg)
    }

    body.aktiviteler {
        background-image: url(/img/bg/aktiviteler/aktiviteler_mobil.jpg)
    }

    body.odalar-suitler {
        background-image: url(/img/bg/odalar-suitler/odalar-suitler_mobil.jpg)
    }
}

#footmenu, #leftmenu, #rightmenu, #topmenu {
    position: fixed
}

#topmenu {
    width: 100%;
    height: 117px;
    background: #221f1c;
    filter: alpha(opacity=90);
    opacity: .9;
    z-index: 5
}

    #topmenu .lang {
        float: right;
        padding-right: 20px;
        line-height: 117px;
        font-family: Oswald,sans-serif;
        font-size: 13px;
        letter-spacing: 1px
    }

        #topmenu .lang a {
            color: #cfb279
        }

            #topmenu .lang a:hover {
                color: #fff
            }

    #topmenu .menu {
        float: left;
        margin: 56px 0 0 20px
    }

        #topmenu .menu li {
            float: left;
            margin-left: 30px;
            font-family: Oswald,sans-serif;
            color: #fff
        }

            #topmenu .menu li:hover {
                color: #cfb279
            }

    #topmenu .mobile-menu {
        display: none;
        position: absolute;
        right: 20px;
        top: 29px
    }

        #topmenu .mobile-menu span {
            display: block;
            width: 22px;
            height: 2px;
            border-radius: 1px;
            background-color: #92908d;
            margin: 4px 0
        }

        #topmenu .mobile-menu.opened span, #topmenu .mobile-menu:hover span {
            background-color: #fff
        }

@media screen and (max-width:1023px) {
    #topmenu {
        height: 85px;
        filter: alpha(opacity=100);
        opacity: 1
    }

        #topmenu .lang {
            padding-right: 60px;
            line-height: 80px
        }

        #topmenu .menu {
            clear: both;
            display: none;
            width: 100%;
            margin: 1px 0;
            background-color: #221f1c
        }

            #topmenu .menu li {
                clear: both;
                width: 100%;
                height: 20px;
                margin: 0;
                padding: 5px 0;
                text-align: center;
                line-height: 20px
            }

                #topmenu .menu li:hover {
                    color: #fff;
                    background-color: #16908e
                }

        #topmenu .mobile-menu {
            display: block
        }
}

#leftmenu {
    display: block;
    width: 350px;
    height: auto;
    top: 117px;
    right: 0;
    bottom: 0;
    left: -300px;
    background: #fff;
    transition: .2s;
    -webkit-transition: .2s;
    z-index: 3
}

.home #leftmenu {
    bottom: 50px
}

.home.scrollbot #leftmenu {
    bottom: 0
}

#leftmenu.opened {
    left: 0
}

#leftmenu .close-button, #leftmenu .open-button {
    position: absolute;
    width: 32px;
    height: 63px;
    top: 50%;
    background: url(/img/arr-menuleft.png);
    cursor: pointer;
    z-index: 1
}

#leftmenu .open-button {
    right: -32px
}

    #leftmenu .open-button:hover {
        background-position: 0 -63px
    }

#leftmenu .close-button {
    display: none;
    right: 0;
    background-position: 0 -126px
}

#leftmenu.opened .open-button {
    display: none
}

#leftmenu.opened .close-button {
    display: block
}

#leftmenu .degree {
    display: block;
    position: absolute;
    width: 50px;
    padding-top: 27px;
    top: 51%;
    right: 0;
    color: #4b4742;
    text-align: center;
    background: url(/img/sun.png)13px 0 no-repeat;
    z-index: 10
}

#leftmenu.opened .degree {
    display: none
}

#leftmenu .content {
    position: absolute;
    width: 100%;
    margin-top: -253px;
    top: 50%;
    color: #4b4742;
    text-align: center;
    z-index: 0
}

    #leftmenu .content .t1 {
        line-height: 18px
    }

    #leftmenu .content .t2 {
        margin-top: 5px;
        line-height: 15px
    }

    #footer .assist, #leftmenu .content .assist, .iletisim .assist {
        display: inline-block;
        width: 205px;
        height: 64px;
        margin-top: -34px;
        padding-top: 54px;
        background: url(/img/bg-elegance-assist.png);
        text-align: center
    }

        #footer .assist .m, #leftmenu .content .assist .m {
            margin-top: 8px;
            line-height: 12px
        }

        #footer .assist a, #leftmenu .content .assist a {
            color: #4b4742
        }

            #footer .assist a:hover, #leftmenu .content .assist a:hover, .iletisim .assist a:hover {
                text-decoration: underline
            }

    #leftmenu .content .trip {
        display: table;
        margin: 50px auto 0;
        color: #92908d
    }

        #leftmenu .content .trip .img {
            display: inline-block;
            width: 48px;
            height: 28px;
            background: url(/img/trip-advisor.png)
        }

        #leftmenu .content .trip:hover .img {
            background-position: 0 -28px
        }

        #leftmenu .content .trip a {
            color: #92908d
        }

        #leftmenu .content .trip:hover a {
            color: #b7985b
        }

@media screen and (max-height:880px) {
    #leftmenu .content {
        margin-top: -213px
    }

        #leftmenu .content .assist, #leftmenu .content .buttons, #leftmenu .content .follow, #leftmenu .content .trip {
            margin-top: 30px !important
        }
}

@media screen and (max-height:600px) {
    #leftmenu .content {
        margin-top: 0;
        top: 0
    }

        #leftmenu .content .assist, #leftmenu .content .buttons, #leftmenu .content .follow, #leftmenu .content .t1, #leftmenu .content .trip {
            margin-top: 15px
        }
}

#leftmenu .content .buttons {
    display: table;
    margin: 50px auto 0
}

    #leftmenu .content .buttons a {
        height: 28px;
        margin: 0 5px;
        padding: 6px;
        color: #b7985b;
        line-height: 28px;
        border: 1px solid #b7985b
    }

.bottom-menu .img img, .followbig li {
    border: 2px solid #fff
}

#leftmenu .content .buttons a:hover {
    color: #fff;
    border-color: #4b4743;
    background: #4b4743
}

#rightmenu {
    display: block;
    width: 50px;
    height: auto;
    top: 117px;
    right: 0;
    bottom: 0;
    background: #fff;
    transition: .2s;
    -webkit-transition: .2s;
    z-index: 3
}

.home #rightmenu {
    bottom: 50px
}

.home.scrollbot #rightmenu {
    bottom: 0
}

#rightmenu .open-button {
    position: absolute;
    width: 76px;
    height: 76px;
    top: 49%;
    left: -38px;
    background: url(/img/btn-elegant-bir-gun.png);
    cursor: pointer
}

    #rightmenu .open-button.en {
        background: url(/img/btn-elegant-bir-gun-en.png)
    }

    #rightmenu .open-button:hover {
        background-position: 0 -76px
    }

#rightmenu.opened .open-button {
    background-position: 0 -152px
}

#footmenu {
    width: 100%;
    height: 50px;
    bottom: 0;
    background: #fff;
    z-index: 4
}

.home.scrollbot #footmenu {
    display: none
}

#footmenu .bt1 {
    position: absolute;
    width: 150px;
    height: 50px;
    left: 125px;
    background: url(/img/btn-rezervasyon.png)
}

    #footmenu .bt1.en {
        background: url(/img/btn-rezervasyon-en.png)
    }

    #footmenu .bt1:hover {
        background-position: 0 -50px
    }

#footmenu .bt2 {
    position: absolute;
    width: 160px;
    height: 50px;
    right: 50%;
    background: url(/img/bg-elegance-dunya.png)repeat-x;
    padding-top: 22px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #000;
    border-right: 1px solid #ccc;
    overflow: visible
}

    #footmenu .bt2 i {
        width: 24px;
        height: 13px;
        background: url(/img/arr-elegance-dunya.png)no-repeat;
        float: right;
        margin: 0 -35px 0 0
    }

@media screen and (max-width:1023px) {
    #footmenu, #leftmenu, #rightmenu {
        display: none
    }
}

#logo, .follow, .followbig {
    display: inline-block
}

    .follow .t {
        letter-spacing: 2px
    }

    .follow li {
        float: left;
        width: 30px;
        height: 30px;
        margin: 4px 2px
    }

    .follow .fb {
        background: url(/img/sm/fb.png)
    }

    .follow .tw {
        background: url(/img/sm/tw.png)
    }

    .follow .in {
        background: url(/img/sm/in.png)
    }

    .follow .ta {
        width: 41px;
        height: 30px;
        background: url(/img/sm/ta.png)
    }

    .follow .fb:hover, .follow .in:hover, .follow .tw:hover {
        background-position: 0 -30px
    }

    .followbig li {
        float: left;
        width: 82px;
        height: 82px;
        margin-left: 11px
    }

    .followbig a:first-child li {
        margin-left: 0
    }

    .followbig .ta {
        background: url(/img/sm/ta_big.png);
        background-size: cover
    }

    .followbig .fb {
        background: url(/img/sm/fb_big.png);
        background-size: cover
    }

    .followbig .tw {
        background: url(/img/sm/tw_big.png);
        background-size: cover
    }

    .followbig .in {
        background: url(/img/sm/in_big.png);
        background-size: cover
    }

        .followbig .fb:hover, .followbig .in:hover, .followbig .ta:hover, .followbig .tw:hover {
            background-position: 0 -82px
        }

@media screen and (max-width:600px) {
    .followbig li {
        width: 67px;
        height: 67px
    }

    .followbig .fb:hover, .followbig .in:hover, .followbig .ta:hover, .followbig .tw:hover {
        background-position: 0 -67px
    }
}

#elegant {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    cursor: url(/img/cur-close.cur),auto;
    background: rgba(41,37,33,.9);
    z-index: 10
}

    #elegant.opened {
        visibility: visible
    }

    #elegant .boxes {
        margin: 0 auto
    }

        #elegant .boxes .item {
            width: 127px;
            height: 111px;
            margin-bottom: 9px;
            padding: 15px;
            color: #38d4d2;
            background: rgba(3,145,143,.8)
        }

            #elegant .boxes .item .img {
                display: none;
                position: absolute;
                top: -150px;
                left: 0
            }

            #elegant .boxes .item:hover .img {
                display: block
            }

        #elegant .boxes .b1 {
            font-size: 12px;
            line-height: 14px
        }

        #elegant .boxes .b2 {
            font-size: 16px;
            font-weight: 600;
            line-height: 19px
        }

        #elegant .boxes .b3 {
            position: absolute;
            bottom: 25px;
            font-size: 11px
        }

        #elegant .boxes .ok {
            position: absolute;
            width: 23px;
            height: 43px;
            right: 6px;
            bottom: 16px
        }

        #elegant .boxes .item:hover {
            color: #fff;
            background: #292521
        }

            #elegant .boxes .item:hover .ok {
                background: url(/img/arr-elegant.png)
            }

@media screen and (max-width:1024px) {
    #elegant .boxes .item {
        color: #fff;
        background: #292521
    }

        #elegant .boxes .item .ok {
            background: url(/img/arr-elegant.png)
        }

        #elegant .boxes .item:hover .img {
            display: none
        }
}

#static-container {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0
}

#container {
    position: relative;
    width: auto;
    top: 2000px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 50px;
    z-index: 1;
    overflow: hidden
}

    #container .sym03, #container .sym04 {
        height: 45px;
        margin: 0 auto;
        width: 15px
    }

    #container.noscrl {
        top: 0 !important
    }

    #container.first {
        padding-top: 150px !important
    }

    #container.firstfit {
        padding-top: 117px !important
    }

    #container .sym01, #container .sym02 {
        width: 15px;
        height: 14px;
        margin: 10px auto;
        background: url(/img/sym01.png)
    }

        #container .sym01.nm, #container .sym02.nm {
            margin: 0 auto
        }

    #container .sym02 {
        background: url(/img/sym02.png)
    }

    #container .sym03 {
        background: url(/img/sym03.png)
    }

    #container .sym04 {
        background: url(/img/sym04.png)
    }

@media screen and (max-width:1023px) {
    #elegant {
        visibility: hidden !important
    }

    #container {
        margin: 0 !important
    }

        #container.first {
            padding-top: 118px !important
        }

        #container.firstfit {
            padding-top: 85px !important
        }
}

#logo {
    float: left;
    width: 137px;
    height: 117px;
    margin-left: 85px;
    background: url(/img/logo.png)no-repeat;
    background-size: cover
}

@media screen and (max-width:1023px) {
    #logo {
        width: 100px;
        height: 85px;
        margin-left: 50px
    }
}

.bottom-menu {
    position: fixed;
    width: 600px;
    bottom: 60px;
    left: 50%;
    margin-left: -300px;
    z-index: 3
}

    .bottom-menu .img li {
        display: none;
        text-align: center
    }

        .bottom-menu .img li:first-child {
            display: block
        }

    .bottom-menu .img, .bottom-menu .menu {
        display: table;
        margin: 0 auto
    }

    .bottom-menu .txt {
        margin-top: 10px;
        text-align: center;
        color: #fff
    }

        .bottom-menu .txt .t1 {
            font-family: Oranienbaum,serif;
            font-size: 30px;
            line-height: 33px
        }

        .bottom-menu .txt .t2 {
            margin-top: 10px
        }

    .bottom-menu .menu {
        margin-top: 10px;
        border-top: 1px solid #92908d
    }

        .bottom-menu .menu li {
            float: left;
            margin: 10px 19px 0;
            font-size: 12px;
            color: #92908d
        }

            .bottom-menu .menu li.active, .bottom-menu .menu li:hover {
                cursor: pointer;
                color: #fff
            }

@media screen and (max-width:1279px),screen and (max-height:880px) {
    .bottom-menu {
        display: none !important
    }
}

.odamenu {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 117px;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5
}

    .odamenu.opened {
        display: block
    }

    .odamenu .item {
        position: relative;
        float: left;
        width: 50%;
        min-width: 630px;
        height: 170px;
        z-index: 1
    }

        .odamenu .item .img {
            float: left;
            width: 65%;
            height: 100%;
            background: url(/img/odamenu/standart.jpg)center center no-repeat;
            background-size: cover
        }

        .odamenu .item.executive .img {
            background-image: url(/img/odamenu/executive.jpg)
        }

        .odamenu .item.corner .img {
            background-image: url(/img/suitmenu/corner.jpg)
        }

        .odamenu .item.junior .img {
            background-image: url(/img/suitmenu/junior.jpg)
        }

        .odamenu .item.executive-suit .img {
            background-image: url(/img/suitmenu/executive.jpg)
        }

        .odamenu .item.royal .img {
            background-image: url(/img/suitmenu/royal.jpg)
        }

        .odamenu .item .img .over {
            display: none;
            position: relative;
            width: 100%;
            height: 100%;
            background: rgba(22,144,142,.65)
        }

        .odamenu .item .desc {
            float: left;
            width: 35%;
            height: 100%;
            background-color: #292521
        }

            .odamenu .item .desc.d2 {
                background-color: #2c2824
            }

            .odamenu .item .desc.d3 {
                background-color: #322d29
            }

            .odamenu .item .desc.d4 {
                background-color: #36312c
            }

        .odamenu .item .desc-content {
            position: absolute;
            margin: 0 20px;
            bottom: 10px
        }

        .odamenu .item .desc h3 {
            font-family: 'Times New Roman',Arial;
            font-size: 25px;
            color: #fff
        }

        .odamenu .item .desc p {
            color: #92908d;
            font-size: 12px
        }

    .odamenu .bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: rgba(50,46,41,.7);
        cursor: url(/img/cur-close.cur),auto;
        z-index: 0
    }

    .odamenu .item:hover .img .over {
        display: block
    }

    .odamenu .item:hover .desc {
        background: #16908e
    }

        .odamenu .item:hover .desc p {
            color: #fff
        }

@media screen and (max-width:1279px) {
    .odamenu .item {
        width: 100%;
        min-width: 320px;
        height: 110px
    }
}

@media screen and (max-width:1023px) {
    .odamenu {
        top: 85px
    }
}

@media screen and (max-width:600px) {
    .odamenu .item {
        height: 80px
    }

        .odamenu .item .img {
            width: 30%
        }

        .odamenu .item .desc {
            width: 70%
        }

            .odamenu .item .desc h3 {
                font-size: 20px
            }

            .odamenu .item .desc p {
                font-size: 10px
            }
}

.elegant {
    background: #fff;
    text-align: center
}

    .elegant .elegant-content {
        max-width: 700px;
        margin: 0 auto;
        padding: 40px
    }

    .elegant .ec4, .elegant .ec5 {
        margin-top: 20px
    }

    .elegant .ec2 {
        margin-top: 5px
    }

    .elegant .ec3 {
        display: inline-block;
        width: 83px;
        height: 1px;
        margin-top: 20px;
        background-color: #4b4743
    }

    .elegant .ec5 {
        letter-spacing: 1px
    }

    .elegant .kesfet {
        display: inline-block;
        margin-top: 35px;
        padding: 7px;
        color: #b7985b;
        border-bottom: 1px solid #b7985b;
        text-decoration: none
    }

        .elegant .kesfet:hover {
            margin-top: 34px;
            font-weight: 600;
            border-top: 1px solid #b7985b
        }

.home-boxes {
    display: table;
    width: 100%
}

    .home-boxes .b1, .home-boxes .b2, .home-boxes .b3, .home-boxes .b4 {
        float: left;
        width: 50%;
        height: 400px;
        height: 33.33vw;
        background: url(/img/home-boxes/01.jpg)center center no-repeat;
        background-size: cover
    }

    .home-boxes .b2 {
        background-image: url(/img/home-boxes/02.jpg)
    }

    .home-boxes .b3 {
        background-image: url(/img/home-boxes/03.jpg)
    }

    .home-boxes .b4 {
        background-image: url(/img/home-boxes/04.jpg)
    }

    .home-boxes .b3, .home-boxes .b4 {
        height: 343px;
        height: 28.125vw
    }

    .home-boxes .mask {
        display: none;
        width: 100%;
        height: 100%;
        text-align: center;
        background: rgba(41,37,33,.7)
    }

    .home-boxes .box:hover .mask {
        display: block
    }

    .home-boxes .b1 .mask, .home-boxes .b2 .mask {
        line-height: 400px;
        line-height: 33.5vw
    }

    .home-boxes .b3 .mask, .home-boxes .b4 .mask {
        line-height: 343px;
        line-height: 28.5vw
    }

    .home-boxes .box-content {
        display: inline-block;
        width: 90%;
        height: auto;
        margin: 50px 0;
        line-height: normal;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }

    .home-boxes .mask .splitter {
        display: inline-block;
        width: 1px;
        height: 31px;
        background-color: #fff
    }

    .home-boxes .mask .t1 {
        font: 50px Oranienbaum,serif
    }

    .home-boxes .mask .t2 {
        font-size: 15px;
        font-weight: 600
    }

    .home-boxes .mask .t3 {
        font-size: 12px;
        color: #92908d
    }

    .home-boxes .kesfet {
        display: inline-block;
        width: 76px;
        height: 76px;
        margin-top: 15px;
        line-height: 76px;
        color: #b7985b;
        border: 1px solid #b7985b;
        border-radius: 38px;
        text-decoration: none
    }

.col1, .col2, .colpoint {
    line-height: 15px
}

.room-content {
    width: 100%;
    height: 50px;
    float: left
}

    .room-content .subject {
        font-size: 12px;
        color: #9c998e
    }

    .room-content p {
        padding: 4px 0
    }

.col1 {
    float: left;
    width: 110px
}

    .col1.en {
        width: 80px
    }

.col2 {
    float: left;
    margin-left: 4px;
    color: #716c5e
}

.colpoint {
    float: left
}

@media screen and (max-width:1279px) {
    .home-boxes .mask .splitter {
        display: none
    }

    .home-boxes .box-content {
        margin: 0
    }

    .home-boxes .kesfet {
        width: auto;
        height: auto;
        margin-top: 0;
        line-height: normal;
        border: none
    }
}

@media screen and (max-width:1024px) {
    .home-boxes .mask .t1 {
        font-size: 24px
    }

    .home-boxes .mask .t2 {
        font-size: 12px
    }

    .home-boxes .mask .t3 {
        font-size: 10px
    }
}

@media screen and (max-width:600px) {
    .home-boxes .b1, .home-boxes .b2, .home-boxes .b3, .home-boxes .b4 {
        float: none;
        width: 100%
    }

    .home-boxes .b1, .home-boxes .b2 {
        height: 266px;
        height: 66.66vw
    }

    .home-boxes .b3, .home-boxes .b4 {
        height: 228px;
        height: 56.25vw
    }

    .home-boxes .b1 .mask, .home-boxes .b2 .mask {
        line-height: 266px;
        line-height: 67vw
    }

    .home-boxes .b3 .mask, .home-boxes .b4 .mask {
        line-height: 228px;
        line-height: 56.5vw
    }
}

.aktivite {
    background: #fff;
    text-align: center
}

.home .aktivite .aktivite-content {
    margin-top: 0
}

.aktivite .aktivite-content {
    margin: 0 auto;
    padding: 20px;
    color: #4b4742
}

.home .aktivite .aktivite-content {
    padding: 40px
}

.aktivite .aktivite-content .title {
    font: 40px Oranienbaum,serif
}

#aktivite-slider {
    max-width: 1400px;
    margin: 15px auto 0
}

    #aktivite-slider .button {
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-top: 10px;
        background: url(/img/btn-aktivite.png)
    }

    #aktivite-slider li:hover .button {
        background-position: 0 -36px
    }

    #aktivite-slider li:hover .img {
        background: #38d4d2
    }

        #aktivite-slider li:hover .img img {
            opacity: .4
        }

    #aktivite-slider li .ac1 {
        margin-top: 15px
    }

    #aktivite-slider li .ac2 {
        margin-top: 10px
    }

@media screen and (max-width:1024px) {
    #aktivite-slider li:hover .img {
        background: 0 0
    }

        #aktivite-slider li:hover .img img {
            opacity: 1
        }
}

@media screen and (max-width:600px) {
    #aktivite-slider {
        margin-left: 0
    }

    .aktivite .aktivite-content .title {
        font-size: 30px
    }
}

#footer {
    margin-top: 200px;
    text-align: center
}

    #footer .fs1 {
        width: 100%;
        padding: 30px 0;
        background: #fff
    }

        #footer .fs1 .slogan {
            position: relative
        }

            #footer .fs1 .slogan h3 {
                position: relative;
                width: 220px;
                height: 25px;
                margin: 0 auto;
                line-height: 25px;
                font-size: 18px;
                background: #fff;
                z-index: 1
            }

            #footer .fs1 .slogan .midline {
                position: absolute;
                width: 100%;
                top: 50%;
                z-index: 0
            }

                #footer .fs1 .slogan .midline span {
                    display: block;
                    height: 1px;
                    background: #000
                }

    #footer .boutique {
        width: 70px;
        height: 37px;
        margin: 20px auto
    }

    #footer .footer-menu > li {
        display: inline-block;
        text-align: left;
        vertical-align: top
    }

        #footer .footer-menu > li.splitter {
            width: 1px;
            height: 106px;
            margin: 0 20px;
            background: #b0aead
        }

        #footer .footer-menu > li:first-child {
            border: none
        }

    #footer .footer-menu li ul {
        margin-top: 5px
    }

    #footer .footer-menu li li {
        font-size: 11px;
        line-height: 14px
    }

    #footer .footer-menu li a {
        display: table;
        color: #4b4742
    }

        #footer .footer-menu li a:hover {
            color: #000
        }

    #footer .footer-menu .title {
        font-size: 12px;
        font-weight: 700
    }

    #footer .footer-menu .location {
        height: 52px;
        margin: 12px 0 0 20px;
        padding: 5px 0 0 35px;
        font: 15px Oranienbaum,serif;
        color: #4b4742;
        background: url(/img/location.png)no-repeat
    }

    #footer .footer-menu li.last a {
        display: table-row
    }

    #footer .fs2 {
        width: 100%;
        padding: 8px 0;
        background: #323132
    }

        #footer .fs2 .fr {
            display: table;
            width: 100%
        }

            #footer .fs2 .fr > li {
                width: 33.33%;
                display: table-cell;
                vertical-align: middle
            }

        #footer .fs2 .left, #footer .fs2 .right {
            padding: 0 20px;
            font-size: 10px;
            line-height: 12px
        }

        #footer .fs2 .left {
            text-align: left
        }

        #footer .fs2 .right {
            text-align: right
        }

        #footer .fs2 > .splitter {
            margin: 0 auto;
            width: 360px;
            height: 1px;
            background: #414141
        }

        #footer .fs2 .follow .f {
            width: auto;
            padding: 0 10px;
            line-height: 30px
        }

        #footer .fs2 .follow .ta span {
            margin: 25px 0 0 -2px;
            font-size: 9px;
            color: #b7985b
        }

        #footer .fs2 .follow .ta:hover span {
            display: block
        }

            #footer .fs2 .follow .ta:hover span:after {
                content: 'tripadvisor'
            }

        #footer .fs2 li {
            display: inline-block
        }

    #footer .fs2-menu li {
        display: inline-block;
        font-size: 11px;
        text-align: left;
        vertical-align: top
    }

    #footer .fs2 .left a, #footer .fs2 .right, #footer .fs2-menu a {
        color: #fff
    }

        #footer .fs2 .left a:hover, #footer .fs2-menu a:hover {
            color: #e3c790
        }

    #footer .fs2-menu li.splitter {
        width: 1px;
        height: 12px;
        margin: 0 15px;
        background: #b0aead
    }

    #footer .fs2 .copyright {
        margin: 15px 0
    }

        #footer .fs2 .copyright, #footer .fs2 .copyright a {
            font-size: 11px;
            color: #92908d
        }

            #footer .fs2 .copyright a:hover {
                font-size: 11px;
                color: #b7985b
            }

            #footer .fs2 .copyright .zadaca {
                display: inline-block;
                width: 45px;
                height: 11px;
                margin-left: 3px;
                padding-top: 2px;
                text-indent: 100%;
                background: url(/img/zadaca.png)no-repeat;
                vertical-align: middle;
                overflow: hidden
            }

                #footer .fs2 .copyright .zadaca i {
                    display: inline-block;
                    text-indent: 100%
                }

@media screen and (max-width:1023px) {
    #footer .fs2 .fr > li {
        width: 100%;
        display: block;
        vertical-align: baseline
    }

    #footer .fs2 .fs2-menu {
        margin-top: 22px
    }

    #footer .fs2 .left, #footer .fs2 .right {
        margin-top: 10px;
        padding: 0;
        text-align: center
    }
}

@media screen and (max-width:800px) {
    #footer .footer-menu .location {
        margin-left: 0
    }

    #footer .footer-menu li.last {
        display: table;
        margin: 30px auto 0
    }

        #footer .footer-menu li.last a {
            display: table;
            margin: 0 auto
        }

    #footer .footer-menu > li.splitter.ls {
        display: none
    }
}

@media screen and (max-width:600px) {
    #footer .fs1 .slogan h3 {
        position: relative;
        width: 280px;
        height: 23px;
        line-height: 23px;
        font-size: 14px
    }

    #footer .footer-menu > li {
        display: block;
        margin-top: 30px;
        text-align: center
    }

        #footer .footer-menu > li.splitter {
            display: none
        }

    #footer .footer-menu li a {
        margin: 0 auto
    }

    #footer .fs2-menu li.splitter {
        margin: 0 10px
    }
}

#ebulletin {
    display: none;
    position: absolute;
    width: 100%;
    height: 43px;
    margin-top: -51px;
    text-align: left;
    line-height: 43px;
    background: #414141
}

    #ebulletin.opened {
        display: block
    }

    #ebulletin .ebmail, #ebulletin .ebsave {
        height: 26px;
        font-size: 10px;
        color: #92908d;
        line-height: 26px;
        border: 1px solid #92908d;
        background: 0 0;
        outline: 0;
        vertical-align: middle
    }

    #ebulletin .ebmail {
        width: 204px;
        margin-left: 138px;
        padding: 0 8px
    }

    #ebulletin .ebsave {
        display: inline-block;
        width: 72px;
        margin-left: 6px;
        text-align: center
    }

        #ebulletin .ebsave:hover {
            color: #fff;
            border: 1px solid #333233;
            background: #333233
        }

    #ebulletin .ebmail::-webkit-input-placeholder {
        color: #92908d
    }

@media screen and (max-width:1023px) {
    #ebulletin {
        text-align: center
    }

        #ebulletin .ebmail {
            margin-left: 0
        }
}

#featuretxt {
    width: 250px;
    position: fixed;
    top: 50%;
    right: 50px;
    margin-top: -125px;
    padding: 20px;
    background: rgba(41,37,33,.9);
    text-align: left;
    z-index: 0
}

    #featuretxt:hover {
        background: rgba(183,152,91,.8)
    }

    #featuretxt .f1 {
        color: #fff;
        line-height: 30px
    }

    #featuretxt .f2 {
        margin-top: 10px;
        color: #92908d
    }

    #featuretxt:hover .f2 {
        color: #f6d79a
    }

    #featuretxt .f3 {
        display: table;
        margin-top: 30px;
        font-size: 10px;
        border: 1px solid #b89956
    }

    #featuretxt:hover .f3 {
        border-color: #000
    }

    #featuretxt .f3 .inner {
        margin: 1px;
        padding: 6px;
        color: #b89956;
        border: 1px solid #b89956
    }

    #featuretxt:hover .f3 .inner {
        color: #000;
        border-color: #000
    }

@media screen and (max-width:1023px) {
    #featuretxt {
        display: none !important
    }
}

.contento {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

    .contento.wide {
        max-width: 1100px
    }

    .contento .t1 {
        letter-spacing: 3px
    }

    .contento .t2 {
        margin-top: 5px;
        font: 66px Oranienbaum,serif
    }

        .contento .t2 i {
            position: absolute;
            width: 36px;
            height: 36px;
            margin: 26px 0 0 10px;
            font: 10px 'Open Sans',sans-serif;
            color: #f6d79a;
            background: url(/img/desc-link.png)
        }

            .contento .t2 i:hover {
                background-position: 0 -36px
            }

            .contento .t2 i span {
                display: block;
                margin: 5px 0 0 40px;
                font-size: 18px;
                letter-spacing: 1px;
                opacity: .7
            }

            .contento .t2 i:hover span {
                opacity: 1
            }

    .contento .t3 {
        display: inline-block;
        max-width: 425px;
        font-size: 16px
    }

    .contento .content-arr {
        display: table;
        margin: 5px auto 0
    }

        .contento .content-arr .left, .contento .content-arr .right {
            float: left;
            width: 30px;
            height: 30px;
            margin: 8px 5px 0 0
        }

        .contento .content-arr .right {
            margin: 8px 0 0 5px
        }

        .contento .content-arr a .left, .contento .content-arr a .right {
            background: url(/img/arr-content.png)
        }

        .contento .content-arr a .right {
            background-position: 0 -30px
        }

        .contento .content-arr .splitter {
            float: left;
            width: 1px;
            height: 50px;
            background: #fff
        }

    .contento .card-content {
        display: inline-block;
        width: 425px;
        padding: 0 38px 45px;
        background: #fff;
        color: #292521
    }

        .contento .card-content .menu {
            display: inline-block
        }

            .contento .card-content .menu li {
                float: left;
                margin: 0 8px;
                color: #292521;
                font-weight: 600
            }

                .contento .card-content .menu li i {
                    display: block;
                    width: 100%;
                    height: 4px
                }

                .contento .card-content .menu li.active i, .contento .card-content .menu li:hover i {
                    background: #16908e
                }

                .contento .card-content .menu li div {
                    margin-top: 10px
                }

        .contento .card-content h2 {
            margin-top: 30px
        }

        .contento .card-content .locate {
            display: inline-block;
            padding: 7px 0;
            letter-spacing: 2px;
            border-bottom: 1px solid #000
        }

        .contento .card-content .img {
            display: table;
            margin: 15px auto 0
        }

            .contento .card-content .img img {
                width: 100%;
                max-width: 382px
            }

            .contento .card-content .img span {
                position: absolute;
                margin-top: 100px;
                padding: 3px 5px;
                font-size: 12px;
                font-weight: 600;
                background: #fff
            }

            .contento .card-content .img i {
                position: absolute;
                width: 15px;
                height: 45px;
                left: 50%;
                margin-left: -7px;
                background: url(/img/sym03.png)
            }

        .contento .card-content .s1 {
            margin-top: 20px
        }

        .contento .card-content .s2 {
            margin-top: 15px
        }

        .contento .card-content .s3 {
            margin: 25px 0 0 20px;
            text-align: left;
            line-height: 22px;
            font-size: 12px
        }

            .contento .card-content .s3 span {
                font-weight: 700
            }

            .contento .card-content .s3 ul {
                display: table;
                text-align: left;
                list-style: disc
            }

        .contento .card-content .gal {
            display: inline-block;
            width: 76px;
            height: 76px;
            border: 1px solid #292521;
            border-radius: 38px;
            text-decoration: none
        }

            .contento .card-content .gal.middle, .contento .card-content .gal:hover {
                color: #f6d79a;
                background: #b7985b;
                border: 1px solid #b7985b
            }

            .contento .card-content .gal.middle {
                position: absolute;
                margin: -100px 0 0 -40px;
                font-size: 12px;
                font-weight: 600
            }

            .contento .card-content .gal .inner {
                width: 64px;
                height: 64px;
                margin: 5px;
                color: #292521;
                line-height: 64px;
                border: 1px solid transparent;
                border-radius: 33px
            }

            .contento .card-content .gal.middle .inner, .contento .card-content .gal:hover .inner {
                color: #f9e5bc;
                border: 1px solid #f6d79a;
                border-radius: 33px
            }

            .contento .card-content .gal.middle:hover {
                color: #92908d;
                background: #4b4742;
                border: 1px solid transparent
            }

                .contento .card-content .gal.middle:hover .inner {
                    color: #92908d;
                    border: 1px solid #92908d;
                    border-radius: 33px
                }

        .contento .card-content .gal2 {
            display: inline-block;
            width: 228px;
            height: 45px;
            line-height: 45px;
            color: #292521;
            font-size: 15px;
            font-weight: 700;
            border: 2px solid #666;
            text-decoration: none
        }

            .contento .card-content .gal2:hover {
                color: #fff;
                border: 2px solid #4b4743;
                background: #4b4743
            }

        .contento .card-content .gal3 {
            display: inline-block;
            padding: 1px 0;
            border-top: 1px solid #4b4742;
            border-bottom: 1px solid #4b4742;
            text-decoration: none
        }

            .contento .card-content .gal3 .inner {
                padding: 6px 30px;
                color: #292521;
                font-size: 13px;
                font-weight: 600;
                letter-spacing: 1px;
                border-top: 1px solid #4b4742;
                border-bottom: 1px solid #4b4742
            }

            .contento .card-content .gal3:hover {
                border-color: #b7985b
            }

                .contento .card-content .gal3:hover .inner {
                    color: #b7985b;
                    border-color: #b7985b
                }

    .contento .c1, .contento .c2 {
        display: inline-block;
        width: 501px
    }

    .contento .c1 {
        margin-top: 30px;
        background: #7e6a44
    }

        .contento .c1 > div {
            margin: 6px;
            padding: 10px;
            border: 1px solid #f6d79a;
            letter-spacing: 2px
        }

            .contento .c1 > div, .contento .c1 > div a {
                color: #f6d79a
            }

        .contento .c1.trans {
            display: table;
            width: auto;
            margin: 14px auto 0;
            background: 0 0
        }

            .contento .c1.trans > div {
                padding: 13px 20px;
                border: 1px solid #fff;
                letter-spacing: 1px
            }

                .contento .c1.trans > div, .contento .c1.trans > div a {
                    color: #fff
                }

    .contento .c2 {
        margin-top: 30px;
        background: #292521
    }

        .contento .c2 > div {
            margin: 6px;
            line-height: 20px;
            color: #fff;
            border: 1px solid #544833
        }

    .contento.nocard .s1 {
        display: inline-block;
        width: 100%;
        max-width: 610px;
        margin-top: 20px
    }

    .contento.nocard .s2 {
        display: inline-block;
        width: 100%;
        max-width: 535px;
        margin-top: 20px;
        line-height: 20px
    }

    .contento.nocard .s3 {
        display: inline-block;
        width: 100%;
        max-width: 610px;
        font-size: 18px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: 3px
    }

    .contento.nocard .s4 {
        display: inline-block;
        width: 100%;
        max-width: 535px;
        font-size: 14px;
        line-height: 20px
    }

    .contento.nocard .btn {
        display: inline-block;
        width: 98%;
        max-width: 497px;
        margin-top: 40px;
        font-size: 15px;
        font-weight: 700;
        border: 2px solid #fff
    }

        .contento.nocard .btn:hover {
            border-color: #98886c;
            background: #6e6348
        }

        .contento.nocard .btn .inner {
            margin: 5px 4px;
            padding: 10px 3px;
            color: #fff;
            border: 1px solid transparent;
            letter-spacing: 2px
        }

        .contento.nocard .btn:hover .inner {
            color: #f5d69e;
            border-color: #bfa87b
        }

    .contento.nocard .btn2 {
        display: inline-block;
        width: 98%;
        max-width: 501px;
        height: 49px;
        margin-top: 40px;
        color: #000;
        line-height: 49px;
        background: #fff
    }

    .contento.nocard .btn3, .contento.nocard .card {
        display: table;
        margin: 0 auto
    }

    .contento.nocard .btn2:hover {
        background: #b7985b
    }

    .contento.nocard .btn3 {
        width: 98%;
        max-width: 374px;
        height: 45px;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        line-height: 45px;
        letter-spacing: 1px;
        border: 2px solid #fff
    }

        .contento.nocard .btn3:hover {
            border: 2px solid #292521;
            background: #292521
        }

    .contento.nocard .card .item {
        display: inline-block;
        width: 320px;
        margin: 10px 22px;
        background: #fff;
        vertical-align: top
    }

    .contento.nocard .card .img .bg {
        display: none;
        position: absolute;
        width: 320px;
        height: 182px;
        color: #fff;
        background: rgba(34,31,28,.9)
    }

    .contento.nocard .card .img img, .contento.nocard .card .img:hover .bg {
        display: block
    }

    .contento.nocard .card .img .bg .b1 {
        margin: 149px 0 0 18px;
        font-size: 16px;
        float: left
    }

    .contento.nocard .card .img .bg .b2 {
        margin: 155px 10px 0 0;
        font-size: 16px;
        float: left
    }

    .contento.nocard .card .alltxt {
        min-height: 175px;
        padding: 18px;
        line-height: 18px
    }

    .contento.nocard .card .toptxt {
        font-size: 11px;
        color: #292521
    }

    .contento.nocard .card .title {
        margin-top: 5px;
        font-size: 20px;
        font-weight: 600;
        color: #292521
    }

    .contento.nocard .card .sym03 {
        margin-top: 3px !important
    }

    .contento.nocard .card .txt {
        margin-top: 10px;
        font-size: 12px;
        color: #4b4742
    }

    .contento .card.odasuit .item {
        text-align: left;
        color: #292521
    }

        .contento .card.odasuit .item .at1 {
            font-size: 16px;
            font-weight: 400;
            color: #716c5e
        }

        .contento .card.odasuit .item .at2 {
            margin-top: 20px;
            font-size: 12px;
            line-height: 14px !important
        }

        .contento .card.odasuit .item .at3, .contento .card.odasuit .item .at4 {
            width: 70px;
            height: 46px;
            margin: -65px 0 0 215px
        }

        .contento .card.odasuit .item .at5 {
            float: left;
            display: inline-block;
            width: 36px;
            height: 36px;
            margin: 50px 0 0 -4px;
            background: url(/img/btn-aktivite.png)
        }

            .contento .card.odasuit .item .at5:hover {
                background-position: 0 -36px
            }

        .contento .card.odasuit .item .at6 {
            float: right;
            display: table;
            margin-top: 55px;
            font-size: 10px;
            font-weight: 600;
            border: 1px solid #92908d
        }

        .contento .card.odasuit .item .room-details {
            position: absolute;
            margin: 10px 0 0 37px;
            font-size: 12px;
            color: #716c5e
        }

            .contento .card.odasuit .item .room-details.en {
                position: absolute;
                margin: 148px 0 0 32px;
                font-size: 12px;
                color: #716c5e
            }

        .contento .card.odasuit .item .at6:hover {
            border: 1px solid #bf9e65
        }

        .contento .card.odasuit .item .at6 .inner {
            margin: 1px;
            padding: 2px 10px;
            color: #4b4742;
            border: 1px solid #92908d
        }

        .contento .card.odasuit .item .at6:hover .inner {
            color: #bf9e65;
            border-color: #bf9e65
        }

    .contento.nocard .box-info {
        display: table;
        width: 98%;
        max-width: 441px;
        height: 254px;
        margin: 89px auto 0;
        line-height: 254px;
        border: 1px solid #fff
    }

        .contento.nocard .box-info.small {
            max-width: 374px;
            height: 320px;
            margin: 0 auto;
            line-height: 320px;
            border: 2px solid #fff
        }

        .contento.nocard .box-info .b2 {
            margin-top: 3px;
            letter-spacing: 2px
        }

        .contento.nocard .box-info .b3 {
            display: inline-block;
            max-width: 260px;
            margin-top: 5px;
            font-size: 14px;
            line-height: 20px
        }

        .contento.nocard .box-info .b4 {
            font-size: 11px;
            color: #fff
        }

        .contento.nocard .box-info .b5 {
            margin-top: 5px;
            font: 24px Oranienbaum,serif;
            color: #fff
        }

        .contento.nocard .box-info .box-sym {
            position: absolute;
            left: 50%;
            margin: -26px 0 0 -7px !important
        }

@media screen and (max-width:600px) {
    .contento .t2 i {
        display: none
    }

    .contento .t2 {
        font-size: 48px
    }

    .contento .t3 {
        font-size: 13px
    }

    .contento .card-content {
        width: 100%;
        padding: 0 0 45px
    }

        .contento .card-content .menu li {
            margin: 0 5px
        }

    .contento .c1, .contento .c2 {
        width: 100% !important
    }

    .contento.nocard .btn {
        font-size: 12px
    }

    .contento.nocard .card .item {
        margin: 10px 0
    }
}

#genel-bakis .gb1 {
    display: table;
    width: 100%;
    margin: 117px auto 0
}

    #genel-bakis .gb1 .i1 {
        line-height: 270px;
        line-height: 21.65vw;
        background: #fff
    }

    #genel-bakis .gb1 .i1, #genel-bakis .gb1 .i2 {
        float: left;
        display: block;
        width: 50%;
        min-width: 295px;
        height: 21.65vw;
        min-height: 270px
    }

#genel-bakis .box-content, .aktiviteler .box-content, .contento.nocard .box-content {
    display: inline-block;
    width: 96%;
    margin: 0 2%;
    line-height: normal;
    text-align: center;
    vertical-align: middle
}

#genel-bakis .gb1 .i13 {
    font: 60px Oranienbaum,serif
}

#genel-bakis .gb1 .i21, #genel-bakis .gb1 .i22 {
    float: left;
    width: 50%;
    min-width: 295px;
    height: 21.65vw;
    min-height: 270px;
    background: url(/img/genel-bakis/01.jpg)center center no-repeat;
    background-size: cover
}

#genel-bakis .gb1 .i22 {
    background-image: url(/img/genel-bakis/02.jpg)
}

#genel-bakis .gb1 .img {
    display: inline-block;
    width: 68px;
    height: 38px;
    background: url(/img/amblem-sari.png)
}

#genel-bakis .gb1 .i1 .gi1 {
    display: inline-block;
    max-width: 415px;
    font-size: 12px
}

#genel-bakis .gb2 {
    display: table;
    width: 50%;
    margin: 0 auto
}

    #genel-bakis .gb2 .i1, #genel-bakis .gb2 .i2 {
        float: left;
        width: 50%;
        min-width: 295px
    }

    #genel-bakis .gb2 .i11 {
        display: inline-block;
        width: 100%;
        height: 272px;
        background: #292521
    }

        #genel-bakis .gb2 .i11 .inner {
            height: 260px;
            margin: 5px;
            line-height: 260px;
            border: 1px solid #b7985b
        }

        #genel-bakis .gb2 .i11 .img {
            display: inline-block;
            width: 34px;
            height: 35px;
            background: url(/img/plane.png)
        }

    #genel-bakis .gb2 .i12 {
        display: inline-block;
        width: 100%;
        height: 49px;
        margin-top: 9px;
        background: #000
    }

        #genel-bakis .gb2 .i12 .inner {
            height: 35px;
            margin: 6px;
            line-height: 35px;
            color: #fff;
            letter-spacing: 2px;
            text-align: center;
            border: 1px solid #fff
        }

        #genel-bakis .gb2 .i12:hover .inner {
            color: #f6d79a;
            border-color: #94815c
        }

    #genel-bakis .gb2 .i2 {
        height: 438px;
        background: #b7985b
    }

    #genel-bakis .gb2 .i21 {
        height: 272px;
        line-height: 272px;
        text-align: center
    }

        #genel-bakis .gb2 .i21 li {
            display: inline-block
        }

            #genel-bakis .gb2 .i21 li.splitter {
                width: 1px;
                height: 31px;
                margin: 30px 10px 0;
                background: #4b4742;
                vertical-align: top
            }

        #genel-bakis .gb2 .i21 .ico {
            display: inline-block;
            width: 46px;
            height: 34px
        }

        #genel-bakis .gb2 .i21 .sm .ico {
            background: url(/img/ico-ship.png)no-repeat
        }

        #genel-bakis .gb2 .i21 .bp .ico {
            background: url(/img/ico-swim.png)no-repeat
        }

        #genel-bakis .gb2 .i21 .as .ico {
            background: url(/img/ico-antique.png)no-repeat
        }

    #genel-bakis .gb2 .i214 {
        display: inline-block;
        max-width: 337px
    }

    #genel-bakis .gb2 .i22 {
        height: 146px;
        padding: 10px 20px;
        background: #9c814d
    }

    #genel-bakis .gb2 .i221 {
        font: 42px Oranienbaum,serif;
        max-width: 337px
    }

    #genel-bakis .gb2 .i222 {
        letter-spacing: 1px
    }

    #genel-bakis .gb2 .rez {
        display: table;
        margin-top: 20px;
        border: 1px solid #292521
    }

        #genel-bakis .gb2 .rez:hover {
            border-color: #fff
        }

        #genel-bakis .gb2 .rez .inner {
            margin: 1px;
            padding: 9px 14px;
            color: #292521;
            border: 1px solid #292521;
            letter-spacing: 1px
        }

        #genel-bakis .gb2 .rez:hover .inner {
            color: #fff;
            border-color: #fff
        }

@media screen and (max-width:1439px) {
    #genel-bakis .i1 .sym03 {
        display: none
    }
}

@media screen and (max-width:1365px) {
    #genel-bakis .gb2 .i21 li.splitter {
        margin: 0 5px
    }

    #genel-bakis .gb2 .i221 {
        font-size: 40px
    }
}

@media screen and (max-width:1279px) {
    #genel-bakis .gb1 .i21, #genel-bakis .gb2 {
        width: 100%
    }

    #genel-bakis .gb1 .img {
        margin-top: 3px
    }

    #genel-bakis .gb1 .i22 {
        display: none
    }
}

@media screen and (max-width:1023px) {
    #genel-bakis .gb1 {
        margin-top: 85px
    }

    #genel-bakis .gb2 .i1, #genel-bakis .gb2 .i2 {
        width: 100%
    }

    #genel-bakis .gb1 .i13 {
        font-size: 30px
    }
}

@media screen and (max-width:600px) {
    #genel-bakis .gb1 .i1 .gi1 {
        font-size: 11px
    }

    #genel-bakis .gb1 .i1, #genel-bakis .gb1 .i2 {
        width: 100%
    }
}

body.galeri #footmenu, body.galeri #leftmenu, body.galeri #rightmenu, body.galeri #topmenu {
    display: none !important
}

body.galeri #leftmenu, body.galeri #rightmenu {
    top: 50px !important
}

#galmenu {
    display: none;
    position: fixed;
    width: 100%;
    height: 50px;
    top: 0;
    background: 0 0;
    z-index: 4
}

.galeri .menu {
    position: fixed;
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    text-align: center;
    background: #23201c;
    cursor: pointer;
    z-index: 5
}

.galeri .arrs, .galeri .close, .galeri .desc {
    position: fixed;
    z-index: 2
}

.galeri .menu .txt {
    display: inline-block;
    margin-top: 7px;
    font-size: 10px;
    color: #ccc
}

.galeri .menu .lines {
    display: inline-block;
    margin-top: 2px
}

    .galeri .menu .lines span {
        display: block;
        width: 32px;
        height: 3px;
        margin-top: 3px;
        background: #fff
    }

.galeri .menu .list {
    display: none;
    position: absolute;
    top: 50px;
    background: #23201c
}

.galeri .menu.opened .list {
    display: block
}

.galeri .menu .list li {
    display: block;
    width: 215px;
    padding: 6px 9px;
    font-size: 10px;
    color: #ccc;
    text-align: left
}

    .galeri .menu .list li:hover {
        color: #fff;
        background: #16908e
    }

.galeri .close {
    top: 0;
    right: 0;
    border: 2px solid #fff;
    line-height: 46px
}

    .galeri .close .ico {
        float: left;
        width: 37px;
        height: 37px;
        margin: 6px;
        background: url(../img/close.png)
    }

    .galeri .close .txt {
        float: left;
        height: 49px;
        margin: 0 22px;
        color: #fff;
        font-weight: 700;
        line-height: 49px;
        vertical-align: middle
    }

.galeri .desc {
    width: 417px;
    height: 46px;
    padding-left: 15px;
    bottom: 0;
    right: 0;
    font-size: 16px;
    font-weight: 600;
    color: #212223;
    line-height: 46px;
    background: #fff
}

.galeri .arrs {
    top: 50%;
    right: 0;
    margin-top: -106px
}

    .galeri .arrs li {
        width: 70px;
        height: 70px;
        margin-top: 1px;
        line-height: 70px;
        text-align: center;
        background: #fff;
        cursor: pointer
    }

        .galeri .arrs li:first-child {
            margin-top: 0
        }

    .galeri .arrs .arr {
        display: inline-block;
        width: 12px;
        height: 23px;
        vertical-align: middle
    }

    .galeri .arrs li.prev .arr {
        background: url(../img/arr-galerileft.png)
    }

    .galeri .arrs li.next .arr {
        background: url(../img/arr-galeriright.png)
    }

    .galeri .arrs li.next:hover, .galeri .arrs li.prev:hover {
        background: #202123
    }

        .galeri .arrs li.next:hover .arr, .galeri .arrs li.prev:hover .arr {
            background-position: 0 -23px
        }

    .galeri .arrs li.num {
        font-size: 14px;
        color: #212223;
        cursor: default
    }

        .galeri .arrs li.num .splitter {
            display: inline-block;
            width: 1px;
            height: 39px;
            margin: 0 5px;
            background: #8b8b8b;
            vertical-align: middle
        }

@media screen and (max-width:1024px) {
    #galmenu, .galeri .close .txt {
        display: none
    }

    .galeri .close {
        top: 0;
        right: 0
    }

        .galeri .close .ico {
            width: 34px;
            height: 34px
        }
}

@media screen and (max-width:600px) {
    .galeri .desc {
        width: 100%;
        height: 20px;
        font-size: 12px;
        text-align: center;
        line-height: 20px
    }

    .galeri .menu .list li {
        padding: 5px 9px;
        font-size: 10px
    }

    .galeri .arrs {
        margin-top: -59px
    }

        .galeri .arrs li {
            width: 39px;
            height: 39px;
            line-height: 39px
        }

            .galeri .arrs li.num {
                font-size: 8px
            }

                .galeri .arrs li.num .splitter {
                    height: 20px;
                    margin: 0 3px
                }
}

.aktiviteler .item-boxes {
    display: table;
    width: 100%;
    margin: 0 auto
}

    .aktiviteler .item-boxes .item {
        display: block;
        float: left;
        width: 50%
    }

    .aktiviteler .item-boxes .img, .aktiviteler .item-boxes .txt {
        float: left;
        width: 50%;
        min-width: 220px;
        height: 455px;
        height: 23.69vw;
        min-height: 220px
    }

    .aktiviteler .item-boxes .item:hover .img, .aktiviteler .item-boxes .item:hover .txt {
        background: #b7985b
    }

    .aktiviteler .item-boxes .txt {
        text-align: center;
        line-height: 455px;
        line-height: 23.69vw;
        color: #292521;
        background: #fff
    }

    .aktiviteler .item-boxes .item:hover .txt {
        color: #4b4742
    }

    .aktiviteler .item-boxes .fr .img, .aktiviteler .item-boxes .fr .txt {
        float: right
    }

    .aktiviteler .item-boxes .img img {
        display: block;
        width: 100%;
        height: 100%
    }

    .aktiviteler .item-boxes .txt .i1 {
        font-size: 11px
    }

    .aktiviteler .item-boxes .txt .i2 {
        font-size: 20px;
        font-weight: 600
    }

    .aktiviteler .item-boxes .txt .i3 {
        color: #92908d
    }

    .aktiviteler .item-boxes .item:hover .txt .i3 {
        color: #4b4742
    }

.aktiviteler .item .gal {
    display: inline-block;
    width: 76px;
    height: 76px;
    margin-top: 25px;
    font-size: 12px;
    font-weight: 700;
    line-height: 76px;
    color: #292521;
    text-decoration: none;
    text-align: center;
    border: 1px solid #292521;
    border-radius: 38px;
    vertical-align: middle
}

.aktiviteler .item:hover .gal {
    background: #e1b96a;
    border: 1px solid #e1b96a
}

@media screen and (max-width:1366px) {
    .aktiviteler .item-boxes .img, .aktiviteler .item-boxes .txt {
        height: 300px;
        height: 23vw
    }

    .aktiviteler .item-boxes .txt {
        line-height: 300px;
        line-height: 23vw
    }

    .aktiviteler .item .gal {
        width: auto;
        height: auto;
        margin-top: 10px;
        line-height: normal;
        border: none
    }

    .aktiviteler .item:hover .gal {
        background: 0 0;
        border: none
    }
}

@media screen and (max-width:1023px) {
    .aktiviteler .item-boxes .img, .aktiviteler .item-boxes .txt {
        height: 220px;
        height: 25vw
    }

    .aktiviteler .item-boxes .txt {
        line-height: 220px;
        line-height: 25vw
    }
}

@media screen and (max-width:880px) {
    .aktiviteler .item-boxes .item {
        width: 100%
    }

    .aktiviteler .item-boxes .img, .aktiviteler .item-boxes .txt {
        height: 300px;
        height: 50vw
    }

    .aktiviteler .item-boxes .txt {
        line-height: 300px;
        line-height: 50vw
    }
}

@media screen and (max-width:455px) {
    .aktiviteler .item-boxes .item {
        width: 100%
    }

    .aktiviteler .item-boxes .img, .aktiviteler .item-boxes .txt {
        width: 100%;
        height: 100vw
    }

    .aktiviteler .item-boxes .txt {
        line-height: 100vw
    }
}

.iletisim-form, .static-text {
    display: inline-block;
    width: 100%;
    max-width: 724px;
    margin-top: -16px;
    background: #fff
}

.static-text {
    padding: 50px 0;
    color: #292521
}

.iletisim-form .form-content {
    display: inline-block;
    margin: 0 30px 30px
}

.iletisim-form input, .iletisim-form select, .iletisim-form textarea {
    width: 188px;
    height: 27px;
    margin: 40px 2px 0;
    color: #292521;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
    border: none;
    border-bottom: 2px solid #292521;
    outline: 0;
    resize: none
}

.iletisim-form select {
    height: 31px
}

.iletisim-form textarea {
    width: 100%;
    max-width: 578px;
    height: 100px;
    margin-top: 45px;
    overflow: hidden
}

.iletisim-form .gonder {
    width: 45px;
    height: 36px;
    margin: 30px 0 0 40px;
    padding-left: 45px;
    font-size: 12px;
    line-height: 36px;
    color: #292521;
    text-align: left;
    background: url(../img/btn-aktivite.png)0 -36px no-repeat
}

    .iletisim-form .gonder:hover {
        background-position: 0 -72px
    }

.iletisim .iletisim-title {
    color: #fff
}

.iletisim .map-container {
    width: 100%;
    height: 375px;
    margin-top: 33px
}

.iletisim .location-info {
    float: left;
    width: 25%;
    height: 375px;
    color: #f6d79a;
    text-align: center;
    line-height: 375px;
    background: #4b4743
}

.iletisim #google-map {
    float: left;
    width: 75%;
    height: 375px
}

    .iletisim #google-map .box-content {
        height: 111px
    }

.iletisim .location-info .box-content {
    display: inline-block;
    line-height: normal;
    vertical-align: middle
}

.iletisim .location-info .assist {
    background: url(../img/bg-elegance-assistw.png)
}

    .iletisim .location-info .assist a {
        color: #fff
    }

    .iletisim .location-info .assist .m {
        margin-top: 3px;
        line-height: 12px
    }

.iletisim .location-info .li {
    margin-top: 30px
}

@media screen and (max-width:1023px) {
    .iletisim #google-map, .iletisim .location-info {
        float: none;
        width: 100%
    }

    .iletisim .location-info {
        height: 75px;
        line-height: 75px
    }

        .iletisim .location-info .assist {
            display: none
        }

        .iletisim .location-info .li {
            margin-top: 0
        }
}

@media screen and (max-width:642px) {
    .iletisim-form textarea {
        max-width: 384px
    }

    .iletisim-form .gonder {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:600px) {
    .iletisim-form input, .iletisim-form select, .iletisim-form textarea {
        width: 100%
    }

    .iletisim-form textarea {
        max-width: inherit
    }
}