/*
La Santera B&B -- beblasantera.it
*/
    /* Here you can include your override CSS styles */
    /* Modifiche mainmenu*/

    @font-face {
        font-family: 'weirdo';
        src: url('../fonts/weirdo/weirdo-webfont.eot');
        src: url('../fonts/weirdo/weirdo-webfont.eot') format('embedded-opentype'), url('../fonts/weirdo/weirdo-webfont.woff') format('woff'), url('../fonts/weirdo/weirdo-webfont.ttf') format('truetype'), url('../fonts/weirdo/weirdo-webfont.svg#weirdo') format('svg');
    }
    #gkMobileMenu, #gkMainMenu {
        float: right;
    }
    #gkHeaderNav {
        padding: 15px 0 0 0;
    }
    #gkLogo img {
        border-radius: 20px;
        box-shadow: 7px 7px 10px rgba(82, 68, 67, 0.72);
        /* border: 2px solid rgba(105, 41, 34, 0.82); */
    }
    .gkMenu> ul> li> a {
        color: #692922;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        font-family: weirdo;
        font-weight: 600;
    }
    .gkMenu> ul> li.active> a {
        color: #cd6600;
        font-size: 1.3em;
        text-shadow: 2px -2px 5px rgba(0, 0, 0, .15);
    }
    .gkMenu> ul> li.active> a::after {
        content: "''";
    }
    .gkMenu> ul> li.active> a::before {
        content: "''";
    }
    .gkMenu> ul> li> a:hover {
        color: #cd6600;
        font-size: 1.05em;
    }
    /*gkMenu > ul > li > a:active:hover{
pointer-events: none;
}*/

    .gkMenu> ul> li:before {
        color: #692922;
        content: "-";
        float: left;
        font-weight: 900;
        line-height: 72px;
        width: 10px;
    }
    /* End modifiche mainmenu*/
    #gkIs-gk-is-116.gkIsWrapper-gk_hotel_tabs{
      box-shadow: 10px 10px 10px #333;
    }
    /* Modifiche footer nav*/

    #gkFooterNav> ul> li:before {
        color: #692922;
        content: "-";
        float: left;
        font-weight: 900;
        line-height: 22px;
        width: 5px;
    }
    #gkFooterNav> ul> li> a {
        color: #692922;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }
    #gkFooterNav> ul> li.active> a {
        color: #cd6600;
    }
    #gkFooterNav> ul> li> a:hover {
        color: #cd6600;
    }
    /* End modifiche footer nav*/
    /*Modifiche tabella stanze homepage*/

    div#container_stanze div:first-child, div#container_stanze div:nth-child(2) {
        margin-right: 3px;
    }
    div#container_stanze img {
        max-width: 90%;
    }
    /*End modifiche tabella stanze homepage*/
    /* Modifiche social-icons*/

    .gkGrid[data-cols="4"] a {
        width: 12%;
        padding-left: 5px;
    }
    /* End modifiche social-icons*/
    /*Modifica Colori*/

    body {
        background: rgba(251, 244, 227, 0.65);
    }
    #gkPageContent {
        background: rgba(56, 189, 237, 0.99);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, .5) inset, 0px -5px 10px rgba(0, 0, 0, .5) inset;
    }
    #gkMainWrap {
        background: rgba(251, 244, 227, 0.65);
    }
    #gkBottom2, #gkBottom1 {
        background: rgba(251, 244, 227, 0.65);
    }
    .box.border1 {
        border: 2px solid #FBF3E3;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .5);
        border-radius: 1.2em;
    }
    /*End modifica colori*/

    #gkContentWrap {
        background: #fbf6de;
        padding: 40px 40px 0px;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.5);
    }
    div#container_stanze img {
        border-radius: 36px;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, .5);
        border: 1px solid #FBF3E3;
    }
    #gkContentWrap.gkNoSidebar {
        border: 1px solid #FBF5E9;
        border-radius: 1em;
    }
    div#gkIs-gk-is-108.gkIsWrapper-gk_shop_and_buy {
        border-radius: 1em;
    }
    #gkBottom1 {
        padding: 0px 0;
    }
    /* Icone stanze*/

    .itemBlock a[href*="eleggua"]:first-child::before {
        content: url(../../../images/icone/eleggua_ico.png);
    }
    .itemBlock a[href*="yemaya"]:first-child::before {
        content: url(../../../images/icone/yemaya_ico.png);
    }
    .itemBlock a[href*="oshun"]:first-child::before {
        content: url(../../../images/icone/oshun_ico.png);
    }
    .itemBlock a[href*="eleggua"]:first-child, .itemBlock a[href*="yemaya"]:first-child, .itemBlock a[href*="oshun"]:first-child {
        /*color: #000;*/
        font-family: weirdo;
        border-radius: 3px;
    }
    .itemBlock a:hover, #gkMainbody h2 a:hover {
        color: #cd6600!important;
    }
    #gkMainbody a {
        color: #000;
    }
    #gkMainbody .itemReadMore, #gkMainbody .readmore> a {
        background: #cd6600;
    }
    article#k2Container.itemView h1 {
        font-family: Georgia;
    }
    p.lasantera_map {
        margin-top: 2em;
        box-shadow: 5px 5px 10px #333;
    }
    ul.sigProSleek li.sigProThumb a.sigProLink, ul.sigProSleek li.sigProThumb a.sigProLink:hover {
        color: #fff;
        border: none;
        margin: 3px;
        box-shadow: 3px 3px 10px #333;
        transition: all .2s ease-in-out;
    }
    ul.sigProSleek li.sigProThumb a.sigProLink:hover {
        transform: scale(1.03);
    }
    #gkSidebar> div {
        background: #FBF4E3;
        padding: 8px 30px;
        box-shadow: 7px 7px 10px rgba(0, 0, 0, 0.5);
    }
    .fox-column.fox-column12 h2 {
        font-size: 2em;
        font-family: weirdo;
        padding-top: .5em;
    }
    /*#gkCopyrights {
        margin: 0 -4em 0 0;
    }*/

    #gkBottom2 {
        padding: 5px 0 0 0!important;
    }
    @media screen and (max-width: 990px) {
        div.responsive.rt {
            max-width: 32%;
        }
    }
    @media screen and (max-width: 580px) {
        div#container_stanze img {
            border-radius: 17px;
        }
        #gkLogo img {
            display: block;
            margin-top: -9px;
            max-width: 90%;
        }
        #gkFooter {
            padding: 0!important;
            padding-left: 3px;
            padding-right: 3px;
        }
        #gkTop1 .box, #gkBottom2 .box {
            max-width: 100%!important;
            margin: 0 auto 8px;
        }
    }
    /*ANIMAZIONE LOGO*/

    .animated.flip {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-name: flip;
        animation-name: flip;
        -webkit-animation-duration: 5s;
        animation-duration: 5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        /* Chrome, Safari, Opera */
        animation-iteration-count: infinite;
    }
    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        40% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }
        50% {
            -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }
    /*-----------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------*/
    /*-----------------------------------------------------------------------------*/

    .shake-slow {
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-animation-duration: 30s;
        animation-duration: 30s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-iteration-count: infinite;
        /* Chrome, Safari, Opera */
        animation-iteration-count: infinite;
    }
    .shake, .shake-little, .shake-slow, .shake-hard, .shake-horizontal, .shake-vertical, .shake-rotate, .shake-opacity, .shake-crazy, .shake-chunk {
        display: inline-block;
        transform-origin: center center
    }
    .shake-freeze, .shake-constant.shake-constant--hover:hover, .shake-trigger:hover .shake-constant.shake-constant--hover {
        animation-play-state: running
    }
    .shake-freeze:hover, .shake-trigger:hover .shake-freeze, .shake:hover, .shake-trigger:hover .shake, .shake-little:hover, .shake-trigger:hover .shake-little, .shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-chunk:hover, .shake-trigger:hover .shake-chunk {
        animation-play-state: running
    }

    @keyframes shake-slow {
        2% {
            transform: translate(2px, -9px) rotate(2.5deg)
        }
        4% {
            transform: translate(-4px, 5px) rotate(-2.5deg)
        }
        6% {
            transform: translate(-8px, 8px) rotate(3.5deg)
        }
        8% {
            transform: translate(-7px, 4px) rotate(-1.5deg)
        }
        10% {
            transform: translate(7px, 0px) rotate(1.5deg)
        }
        12% {
            transform: translate(3px, 8px) rotate(-0.5deg)
        }
        14% {
            transform: translate(4px, 4px) rotate(0.5deg)
        }
        16% {
            transform: translate(-4px, -4px) rotate(3.5deg)
        }
        18% {
            transform: translate(-8px, -7px) rotate(3.5deg)
        }
        20% {
            transform: translate(-9px, 8px) rotate(2.5deg)
        }
        22% {
            transform: translate(-9px, -5px) rotate(-2.5deg)
        }
        24% {
            transform: translate(4px, -7px) rotate(-2.5deg)
        }
        26% {
            transform: translate(-1px, 3px) rotate(1.5deg)
        }
        28% {
            transform: translate(-3px, -7px) rotate(3.5deg)
        }
        30% {
            transform: translate(6px, -9px) rotate(2.5deg)
        }
        32% {
            transform: translate(8px, -5px) rotate(-2.5deg)
        }
        34% {
            transform: translate(7px, 8px) rotate(1.5deg)
        }
        36% {
            transform: translate(2px, 5px) rotate(-2.5deg)
        }
        38% {
            transform: translate(-6px, 0px) rotate(2.5deg)
        }
        40% {
            transform: translate(9px, 7px) rotate(-2.5deg)
        }
        42% {
            transform: translate(-2px, -2px) rotate(-0.5deg)
        }
        44% {
            transform: translate(0px, -6px) rotate(-2.5deg)
        }
        46% {
            transform: translate(-5px, 2px) rotate(1.5deg)
        }
        48% {
            transform: translate(-8px, -7px) rotate(3.5deg)
        }
        50% {
            transform: translate(-5px, -6px) rotate(-2.5deg)
        }
        52% {
            transform: translate(8px, 1px) rotate(-2.5deg)
        }
        54% {
            transform: translate(-1px, -1px) rotate(-2.5deg)
        }
        56% {
            transform: translate(5px, -1px) rotate(2.5deg)
        }
        58% {
            transform: translate(-6px, -8px) rotate(-2.5deg)
        }
        60% {
            transform: translate(5px, 5px) rotate(3.5deg)
        }
        62% {
            transform: translate(-4px, -2px) rotate(1.5deg)
        }
        64% {
            transform: translate(-5px, 7px) rotate(3.5deg)
        }
        66% {
            transform: translate(7px, 4px) rotate(0.5deg)
        }
        68% {
            transform: translate(-5px, -2px) rotate(-2.5deg)
        }
        70% {
            transform: translate(1px, 3px) rotate(-1.5deg)
        }
        72% {
            transform: translate(-6px, 0px) rotate(2.5deg)
        }
        74% {
            transform: translate(1px, 9px) rotate(2.5deg)
        }
        76% {
            transform: translate(10px, -5px) rotate(-2.5deg)
        }
        78% {
            transform: translate(-5px, 4px) rotate(3.5deg)
        }
        80% {
            transform: translate(-6px, 1px) rotate(0.5deg)
        }
        82% {
            transform: translate(9px, 10px) rotate(2.5deg)
        }
        84% {
            transform: translate(-1px, 5px) rotate(-1.5deg)
        }
        86% {
            transform: translate(4px, 1px) rotate(2.5deg)
        }
        88% {
            transform: translate(-5px, -7px) rotate(1.5deg)
        }
        90% {
            transform: translate(-8px, -2px) rotate(0.5deg)
        }
        92% {
            transform: translate(10px, -9px) rotate(-0.5deg)
        }
        94% {
            transform: translate(7px, 6px) rotate(-0.5deg)
        }
        96% {
            transform: translate(6px, 1px) rotate(-2.5deg)
        }
        98% {
            transform: translate(5px, 0px) rotate(1.5deg)
        }
        0%, 100% {
            transform: translate(0, 0) rotate(0)
        }
    }
    .shake-slow:hover, .shake-trigger:hover .shake-slow, .shake-slow.shake-freeze, .shake-slow.shake-constant {
        animation: shake-slow 5s ease-in-out infinite
    }

    .shake-hard:hover, .shake-trigger:hover .shake-hard, .shake-hard.shake-freeze, .shake-hard.shake-constant {
        animation: shake-hard 100ms ease-in-out infinite
    }

    .shake-horizontal:hover, .shake-trigger:hover .shake-horizontal, .shake-horizontal.shake-freeze, .shake-horizontal.shake-constant {
        animation: shake-horizontal 100ms ease-in-out infinite
    }

    .shake-vertical:hover, .shake-trigger:hover .shake-vertical, .shake-vertical.shake-freeze, .shake-vertical.shake-constant {
        animation: shake-vertical 100ms ease-in-out infinite
    }

    .shake-rotate:hover, .shake-trigger:hover .shake-rotate, .shake-rotate.shake-freeze, .shake-rotate.shake-constant {
        animation: shake-rotate 100ms ease-in-out infinite
    }

    .shake-opacity:hover, .shake-trigger:hover .shake-opacity, .shake-opacity.shake-freeze, .shake-opacity.shake-constant {
        animation: shake-opacity 0.5s ease-in-out infinite
    }

    .shake-crazy:hover, .shake-trigger:hover .shake-crazy, .shake-crazy.shake-freeze, .shake-crazy.shake-constant {
        animation: shake-crazy 100ms ease-in-out infinite
    }

    .shake-chunk:hover, .shake-trigger:hover .shake-chunk, .shake-chunk.shake-freeze, .shake-chunk.shake-constant {
        animation: shake-chunk 4s ease-in-out infinite
    }