@-webkit-keyframes animated-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-20px);
    }

    60% {
        -webkit-transform: translateY(20px);
    }
}

@keyframes animated-bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(20px);
    }
}

@-webkit-keyframes animated-pulse {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.5);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes animated-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}

:root {
    --blue-color: #4a90e2;
    --green-color: #4a90e2;
    --yellow-color: #ffb614;
    --orange-color: rgb(255, 119, 40);
    --dark-color: rgb(24, 28, 38);
    --light-color: rgb(255, 255, 255);
    --dark-color-navbar-slide: rgba(24, 28, 38, 0.9);
}

html,
body,
p,
*,
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a,
p,
p.lead {
    font-family: 'chivo', 'kingthings_trypewriter_2Rg', 'Roboto', 'Arial', sans-serif;
}

.animated {
    opacity: 1;
}

.my-animated {
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-fill-mode: forwards;

    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

.animated-bounce {
    -webkit-animation-name: animated-bounce;
    animation-name: animated-bounce;
    display: block;
}

.animated-pulse {
    -webkit-animation-name: animated-pulse;
    animation-name: animated-pulse;
    display: inline-block;
}

.pricing-table {
    cursor: default;
}

.pricing-table .plan .plan-header .plan-price {
    font-weight: normal;
}

body {
    background-color: var(--light-color);
}

.theme-font {
    color: var(--orange-color) !important;
}



.theme-background-grey {
    background-color: var(--dark-color);
}

.fc-toolbar .fc-right h2 {

    color: #FCF8E3 !important;
}

.text-title-rooms {
    color: #fff !important;
}

.text-light .heading:after,
.text-light.heading:after {
    border-color: #fff;
    color: #fff !important;
}

.text-grey .heading:after,
.text-grey.heading:after {
    border-color: #ccc;
}

.text-orange {
    color: var(--orange-color) !important;
    text-align: left;
}

#contatti-subtitle {
    color: var(--orange-color) !important;
}

p a:not(.button) {
    text-decoration: underline !important;
    font-style: italic;
}

p {
    margin-bottom: 10px;
}

body.modal-open {
    position: fixed;
    width: 100%;
}

.color-theme {
    background: var(--green-color) !important;
    color: #ffffff;
}

.color-theme-inverse {
    background: #ffffff;
    color: var(--orange-color) !important;
}

.form-group label.text-grey {
    color: #ccc;
    text-align: center;
}

.form-group label.text-light {
    color: #fff;
}

.text-color-theme {
    color: var(--orange-color) !important;
}

.seperator {
    margin: 20px auto;
}

.img-thumbnail {
    border: 8px solid #FFF;
    border-bottom: 50px solid #fff;
}

.title-heading {
    font-size: 76px;
    line-height: 1.2;
    font-weight: 700;
}

.box-fancy [class*="col-"] {
    padding: 0px 50px 0px !important;
}

.box-fancy [class*="col-"] span {
    display: inline-block;
}

@media (max-width: 479px) {
    .box-fancy h3 {
        font-size: 34px;
        margin-bottom: 5px;
    }
}

@media (max-width:479px) {
    .current-month {
        font-size: 24px !important;
        margin-top: 20px !important;
    }
}

@media (max-width:479px) {
    .clndr-previous-button {
        margin-left: 10px !important;
    }

}

@media (max-width:479px) {
    .clndr-next-button {
        margin-right: 10px !important;
    }
}

@media (max-width:479px) {
    .img {
        margin-right: 10px !important;
    }
}

#page-title {
    border-bottom: 0 !important;
    padding-top: 70px;
    padding-bottom: 40px;
    background-color: transparent !important;
}

.scroll-to {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 30px;
}

#alert-prenota {
    position: fixed;
    top: 20px;
    right: 20px;
    min-width: 300px;
    z-index: 9999;
}


.alert {
    border-left-width: 10px;
    border-radius: 0;
}

.alert-success {
    background-color: #5cb85c;
    border-color: #53af53;
}

.alert-info {
    background-color: #2699c8;
    border-color: #3aaddc;
}

.alert-warning {
    background-color: #f6b63a;
    border-color: #ffcd51;
}

.alert-danger {
    background-color: #de4b37;
    border-color: #f3604c;
}

.alert,
.alert a.alert-link {
    color: #fff;
}


.background-image.background-image-not-full {
    background-size: auto;
    background-color: rgba(0, 0, 0, 0.6);
    background-blend-mode: multiply;
}

.border-striped {
    border-style: solid;
    border-width: 8px;
    border-image: url(../../images/striped-box-square.png) 14 round;
}

/************* HEADER *************/

.lines-button {
    padding: 8px 0;
}

button.lines-button span {
    display: inline-block;
}

#mainMenu {
    float: none;

}

@media (min-width: 991px) and (min-device-width:991px) {
    #mainMenu .main-menu {
        text-align: center;
    }

    #mainMenu .main-menu li {
        float: none;
        display: inline-block;
    }
}

.nav-main-menu-responsive {
    height: 70px;
    line-height: 70px;
}

#header:not(.header-sticky):not(.header-interna) #logo img {
    display: none;
}

#header,
#header-wrap,
#logo img,
#header.header-sticky:not(.header-static) nav#mainMenu ul.main-menu,
#mainMenu>ul,
#header .side-panel-button {
    height: 80px;
}

.parallax,
.page-title-parallax {
    background-position: top center !important;
}

/*#header.header-dark:not(.header-transparent),*/
#header.header-sticky.header-dark:not(.header-navigation-light) #header-wrap,
#header.header-dark:not(.header-navigation-light) .main-menu .dropdown-menu {
    /*background-color: rgba(0, 0, 0, 0.7);*/
    background-color: var(--dark-color-navbar-slide);
}

#header.header-dark,
.header-dark {
    border-bottom: none;
    background-color: var(--dark-color);
}



#mainMenu>ul>li>a {
    font-size: 15px;
    padding: 10px 20px;
}

@media (min-width: 992px) {
    #header.header-modern+.fullscreen {
        padding-top: 180px;
    }

}

#header.header-sticky:not(.header-static) #logo img {
    height: 60px;
    padding: 5px 0px;
}

#header.header-dark #logo img {
    height: 80px;
    padding: 5px 0px;
}

#header.header-sticky:not(.header-static) #mainMenu>ul>li>a {
    line-height: 50px;
}

.title-big {
    font-size: 44px;
    line-height: 1.2em;
}

.text-bigger {
    font-size: 120%;
}

span.underline,
.underline {
    border-bottom: 2px solid;
    display: inline-block;
}


@media (max-width: 767px) {

    #section1 span.underline,
    #section1 .underline {
        border-bottom: none;

    }
}

/************* FORMS *************/

.button {
    border: none;
    white-space: normal;
    line-height: 1.6em;
    font-weight: 300;
    padding: 6px 22px;
    border-radius: 2em;
    animation: all 0.3s;
}

.button.button-lg {
    font-size: 32px;
}

@media (max-width: 480px) {
    .button.button-lg {
        font-size: 14px;
    }
}

.button.button-md {
    font-size: 18px;
}

.button:hover {
    color: #fff;
}

.button:not(:hover),
a.button:hover {
    opacity: 1;
}


.button-with-action {
    padding: 0px;
    font-size: 15px;
}

.button-with-action .button-action,
.button-with-action .button-text {
    display: inline-block;
    /*    padding-top: 18px;
        padding-bottom: 18px;*/
    padding: 18px;
}

.button-with-action .button-action {
    background-color: var(--orange-color);
    padding: 18px 22px;

}

/* .button-with-action .button-text {
} */

.button-with-action.icon-left {
    padding-left: 0px;
}

.button-with-action.icon-right {
    padding-right: 0px;
}

.button-with-action.icon-left .button-action {
    float: left;
}

.button-with-action.icon-right .button-action {
    float: right;
}

.button.button-with-action.icon-right i {
    margin-left: 0px;
}

.button-with-action .button-text i {
    font-size: 30px;
}

select.input-sm {
    height: 43px;
}

.datepicker {
    color: #222;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    .input-group-sm input[type=date],
    .input-group-sm input[type=time],
    .input-group-sm input[type=datetime-local],
    .input-group-sm input[type=month],
    input[type=date].input-sm,
    input[type=time].input-sm,
    input[type=datetime-local].input-sm,
    input[type=month].input-sm {
        height: 43px;
        line-height: 1.3333;
    }
}


.has-feedback .input-sm~.form-control-feedback {
    top: 34px;

}

.has-feedback.has-required label {
    color: var(--green-color);
}

.has-feedback.has-required .form-control {
    border-color: var(--green-color);
}

.has-feedback.has-required .form-control-feedback {
    color: var(--green-color);
}



.footer-content .map {
    height: 250px;
    width: 100%;
    min-height: auto;
}


.bg-stripes {
    width: 100%;
    background-image: url("../../images/pattern_nastro.jpg");
    background-repeat: repeat-x;
    height: 50px;
    position: absolute;
    margin-top: -25px;
}

.bg-stripes-caution {
    width: 100%;
    background-image: url("../../images/caution_stripe.png");
    background-repeat: repeat-x;
    height: 50px;
    position: absolute;
    margin-top: -50px;
}


/******************** HOME *****************/

.parallax-viewport {
    position: relative;
    overflow: hidden;
    width: 520px;
    height: 450px;
}

.parallax-layer {
    position: absolute;
}

#prenota-widget-home h2 {
    font-weight: 700;
}

#prenota-widget-home .form-control,
#prenota-widget-home .input-group-addon {
    border: none;
}


#prenota-widget-home ::-webkit-input-placeholder {
    color: #333;
}

#prenota-widget-home :-moz-placeholder {
    /* Firefox 18- */
    color: #333;
}

#prenota-widget-home ::-moz-placeholder {
    /* Firefox 19+ */
    color: #333;
}

#prenota-widget-home :-ms-input-placeholder {
    color: #333;
}



#prenota-widget-home .form-control {
    padding: 24px;
    text-align: center;
    font-size: 18px;

}

#prenota-widget-home .form-control+.form-control {
    border-top: 1px dashed #666;
}

/*.gm-style > div > div > div > div > div > div {
    background-color: #000!important;
}*/

.google-map iframe {
    width: 100%;
    min-height: 400px;
    border: 0;
    display: block;
}

#google-map {
    line-height: 0px !important;
}

.gmap_marker {
    font-size: 16px;
    padding: 10px;
    /*font-family: 'Montserrat', sans-serif;*/
    font-weight: 700;
    min-width: 440px;
    color: #333 !important;
}

.gmap_marker img {
    float: left;
    width: 150px;
    margin-right: 20px;
}

.gmap_marker span {
    white-space: nowrap;
}

/**************** PRENOTA *****************/

.radio label+label {
    margin-left: 20px;
}


.fc-agendaWeek-view .fc-widget-content,
.fc-agendaDay-view .fc-widget-content,
.fc-agendaSevenDay-view .fc-widget-content {
    height: 60px !important;
    /*height: 20px!important;*/
    cursor: pointer;
}

.fc-agendaMobile-view .fc-widget-content {

    /*height: 30px!important;*/
    height: 40px !important;
    cursor: pointer;
}

.fc-bgevent {
    opacity: 0.9 !important;
    padding: 6px;
    font-size: 12px;
    text-align: center;
    /*border: 1px solid #BF2805;*/
}

.fc-past {
    /*background: #ededed;*/
    background: rgb(34, 34, 34);
}

.fc-unthemed .fc-today {
    background: rgb(239, 204, 167);
}

.fc .fc-axis {
    vertical-align: top;
}

.fc-future {

    /*background: rgb(239, 204, 167);*/
    background: #6CB756;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    /*border-color: #a9a9a9!important;*/
    border-color: #8E6C4E !important;
}


.fc-bgevent:after {
    content: 'Occupato';
    /*color: #000;*/
    color: #fff;
    line-height: 40px;
}

@media (max-width:767px) {
    .fc-bgevent:after {
        font-size: 10px;
        line-height: 30px;
    }
}

.fc-state-default {
    background-image: none !important;
}

.fc-state-default.fc-corner-left,
.fc-state-default.fc-corner-right {
    border-radius: 0;
}

.fc button {
    height: 2.3em;
    padding: 3px 1em;
}


.fc-state-default {
    background-color: var(--orange-color);
    color: #fefefe;
    text-shadow: none;
}

.fc button.fc-state-disabled {
    /*opacity: .75;*/
    cursor: default
}

.fc-day-header.fc-widget-header {
    color: var(--orange-color);
}



.pricing-table .plan .plan-header {
    padding: 10px 22px;
}

.pricing-table .plan .plan-header .plan-price {
    font-size: 85px;
    padding: 25px 0 10px;
}

.pricing-table .plan .plan-header .plan-price sup {
    top: -20px;
}






/**************** GALLERY *****************/


#progress {
    /*    background-image: url(http://adraft.pancakeapps.com/crime_scene_coming_soon/img/progress.png);
        background-size: cover;*/
    background-color: rgba(245, 245, 245, 0.4);
}


.progress-bar-theme {
    /*background-color: #F0D816;*/
    background-color: var(--orange-color);
}

.progress-bar-striped,
.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 75%, transparent 75%, transparent);
    background-size: 42px 42px;
}

.record-badge {
    position: absolute;
    right: 0;
    padding: 10px 20px;
    font-size: 20px;
    background: var(--orange-color);
}

.record-badge+h1 {
    float: left;
    text-align: left !important;
}

@media (max-width:767px) {
    .record-badge {
        position: static;
        display: inline-block;
        margin-bottom: 30px;
    }

    .record-badge+h1 {
        float: none;
        text-align: center !important;
    }
}

#gallery .row.solved img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px
}

#gallery .row.solved p.lead {
    margin-bottom: 30px;

}

#gallery .row.unsolved img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}


/*FOOTER*/

.gallery-last-insert {
    padding: 0;
    margin: 0;
}

.gallery-last-insert li {
    list-style: none;
    display: inline-block;
}

.footer-content-fb {
    float: left;
}

.footer-content-fb iframe {
    margin-top: 14px;
}

.footer-content-after-fb {
    margin-top: 14px;
}

#footer .logo {
    margin-bottom: auto;
    margin-top: auto;
    max-width: none;
}

/**************** EVENTI E AZIENDE *****************/

.agency-bg {
    position: absolute;
    left: 0;
    top: 0;
}

.agency-bg-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 28, 38, 0.9);
}

.agency-black-opacity {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
}

#fa-birthday-cake {
    color: var(--orange-color) !important;
    font-size: 50px;
}

#fa-users {
    color: var(--orange-color) !important;
    font-size: 50px;
}

.img-event-1-back {
    background-image: url("images/group-people.jpg");
}

.img-event-2-back {
    background-image: url("images/girls-toasting-wine.jpg");
}

.events-img-back {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 500px;
    height: 300px;
}

.img-events-box {
    max-width: 100% !important;
}


@media screen and (min-width:768px) {
    .ribbon-container {
        background: white;
        border-radius: 10px;
        z-index: 90;
    }

    .ribbon-wrapper {
        width: 140px;
        height: 140px;
        overflow: hidden;
        position: absolute;
        top: 0px;
        right: 15px;
    }

    .ribbon {
        color: #ffffff;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        --webkit-transform: rotate(45deg);
        --moz-transform: rotate(45deg);
        --ms-transform: rotate(45deg);
        --o-transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: 0px;
        top: 16px;
        width: 200px;
        background: var(--orange-color);
    }

}


.label-record {
    background: var(--orange-color);
    padding: 12px 20px;

}

/*.ribbon:before, .ribbon:after {
    content: "";
    border-top:   5px solid #6e8900;
    border-top:   5px solid #999;
    border-left:  5px solid transparent;
    border-right: 5px solid transparent;
    position:absolute;
    bottom: -5px;
}

.ribbon:before {
    left: 0;
}
.ribbon:after {
    right: 0;
}*/

/* ICONA FACEBOOK PAGINA CONTATTI */

.social-icon-list a {
    display: inline-block;
    height: 42px;
    width: 42px;
    line-height: 42px;
    font-size: 18px;
    margin: 0 10px 10px 0;
    text-align: center;
    border-radius: 50%;
}

.social-fb {
    background-color: #4e8cce;
}

.social-ta {
    background-color: rgb(61, 190, 61);
}

.social-icons a:hover i {
    -webkit-animation: toTopFromBottom 0.3s forwards;
    -moz-animation: toTopFromBottom 0.3s forwards;
    animation: toTopFromBottom 0.3s forwards;
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        -moz-transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

@keyframes toTopFromBottom {
    49% {
        transform: translateY(-100%);
    }

    50% {
        opacity: 0;
        transform: translateY(100%);
    }

    51% {
        opacity: 1;
    }
}

.Coupon1 {
    max-width: 60%;
    margin: 0 auto;
    text-align: center;
}

#regala-coupon form#form-contatto-coupon {
    border: 1px solid var(--orange-color);
    padding: 14px 10px;
    max-width: 50%;
    text-align: center;
    margin: 0 auto;
}

#regala-coupon .cta {
    line-height: 60px;
    padding: 18px 26px;
}

#regala-coupon .cta img {
    margin-right: 20px;
}

#regala-coupon form .form-control {
    border: none;
    border-bottom: 1px solid var(--orange-color);
    background: none;
    color: #ffffff;
}

#regala-coupon form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: var(--orange-color);
}

#regala-coupon form .select.form-group {
    position: relative;
    color: var(--orange-color);
}

#regala-coupon form .select.form-group:after {
    content: "\f0d7";
    position: absolute;
    top: 36%;
    right: 14px;
    font: normal normal normal 14px/1 FontAwesome;
}

/*FIX FF*/
#regala-coupon form select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 var(--orange-color);
}

/*FIX IE*/
#regala-coupon form select::-ms-expand {
    display: none;
}


#regala-coupon form ::-webkit-input-placeholder {
    color: var(--orange-color);
}


#regala-coupon form :-moz-placeholder {
    /* Firefox 18- */
    color: var(--orange-color);
}

#regala-coupon form ::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--orange-color);
}

#regala-coupon form :-ms-input-placeholder {
    color: var(--orange-color);
}


#CDSWIDSSP {

    margin: 0 auto !important;
}


@media (max-width: 991px) {

    .footer-content-fb {
        float: none;
        margin: 0 auto;
    }

    .footer-content-after-fb {
        margin-left: 0px
    }
}

@media (max-width: 991px) {
    .map {
        min-height: 300px;
    }
}

/************ UTILITIES *************/
@media (max-width:480px) {
    .button {
        padding: 12px 16px;
    }

    .footer-content .last-inserts img {
        /*margin: 0 auto;*/
        margin-bottom: 5px;
    }

    #section1 {
        padding-top: 40px;
    }

    .scroll-to {
        display: none !important;
    }
}

@media (max-width:767px) {
    .text-center-xs {
        text-align: center;
    }

    .center-xs {
        margin: 0 auto;
    }

    .g-recaptcha.center-xs>div>div {
        margin: 0 auto;
    }

    #regala-coupon form#form-contatto-coupon {

        max-width: 100%;

    }


}

@media (min-width:768px) and (max-width:991px) {
    .text-center-sm {
        text-align: center;
    }

    .center-sm {
        margin: 0 auto;
    }

    .g-recaptcha.center-sm>div>div {
        margin: 0 auto;
    }


}

@media (min-width:992px) and (max-width:1199px) {
    .text-center-md {
        text-align: center;
    }

    .center-md {
        margin: 0 auto;
    }

    .g-recaptcha.center-md>div>div {
        margin: 0 auto;
    }
}