@import url('https://fonts.googleapis.com/css2?family=Dekko&family=Dancing+Script:wght@700&family=Architects+Daughter&family=Indie+Flower&display=swap');

@font-face {
    font-family: Century Gothic;
    src: url("century_gothic.eot"); /* EOT file for IE */
}

@font-face {
    font-family: Century Gothic;
    src: url("century_gothic.ttf"); /* TTF file for CSS3 browsers */
}

@font-face {
    font-family: Joanna Thin;
    src: url("Joanna Sans Nova W07 Thin.eot"); /* EOT file for IE */
}

@font-face {
    font-family: Joanna Thin;
    src: url("Joanna Sans Nova W07 Thin.ttf"); /* TTF file for CSS3 browsers */
}

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
    min-height: 100vh;
    background-color: #fff;
    min-width: 320px;
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 16px;
    color: #607d8b;
}

a:hover {
    color: #337ab7;
    text-decoration: none;
}

.ctBody {
    background-color: white;
    padding-bottom: 80px;
}

.ctNoMargine {
    background-color: white;
    padding-right: 0px;
    padding-left: 0px;
}

a,
a:visited,
a:active,
a:link {
    /*color: inherit;*/
    text-decoration: none;
    cursor: pointer;
}

    a.link {
        color: #ff9933;
    }

        a.link:hover {
            color: #ff9933;
            font-weight: bold;
        }

h2 {
    margin: 0;
    font-weight: 300;
}

.clearFl {
    clear: both;
}

.Dblock {
    display: block;
}

.Dline {
    display: inline-block;
}

.Dnone {
    display: none;
}

.speciali {
    border: solid 1px #e1e8ee;
    background-color: #fff;
    padding: 20px;
}

@media (max-width: 768px) {
    .speciali {
        border: none;
        padding: 0;
    }
}

.shadow {
    box-shadow: 0 2px 6px rgba(32,32,32,.5);
}

.bigImage {
    height: 35%;
    height: 35vh;
    position: relative;
    z-index: 100;
}

.bt_ghost_home {
    border:1px solid transparent;
    padding:2px;
    margin:1px;
    color:#fff;
    text-align:center;
    display:inline-block;
}

.bt_ghost_home:hover {
    border:1px solid #fff;
    color:#fff;
}

    .bt_ghost_home > .txt {
        font-size:10px;
    }

.bt_ghost_white.logBtn {
border-width:1px;
padding:5.5px 15px;
font-weight:700;
margin-top:6px
}

@media (min-width: 768px) and (max-width: 992px) {
.bt_ghost_white.logBtn {
margin-right:2px
}
}
@media (min-width: 768px)  {
.bt_ghost_home {
      padding:2px 10px;
}
}

.pe-7s-close {
position:absolute;
top:-22px;
right:-22px;
color:#c50000;
padding:5px;
border-radius:100px;
background-color:#fefefe;
z-index:251;
border:1px solid #ddd;
border-top:none
}

.pe-7s-close:hover {
cursor:pointer;
background-color:#f89938;
color:#fff;
border-color:#f89938;
opacity:1
}



.link_Home
{
    font-weight:bold;
    text-transform:uppercase;
    color: #E83F6F;
    border-bottom: 2px solid transparent;
}
.link_Home:hover {
        color: #E83F6F;
        border-bottom: 2px solid #E83F6F;
    }

.claimNew,
h2.claimNew_sub {
    vertical-align: top;
    text-align: left;
    position: relative;
    font-size: 240%;
    margin-bottom: 40px;
    display: block;
    line-height: 1.5em;
    /*padding: 12px 0px 12px 80px;*/
}

h2.claimNew_sub {
    font-size: 200%;
    display: block;
}

@media all and (max-width: 767px) {
    .bigImage .owl-carousel .owl-item h2 {
        top: 20%;
    }

    h2.claimNew {
        font-size: 150%;
        font-weight: 700;
        margin: 10px auto;
    }

    h3.claimNew_sub {
        font-size: 17px;
    }

    .row > h2 {
        margin: 10px 10px !important;
    }
}

/*
.bigImage .owl-carousel .owl-item a {
    margin: 0 auto;
    position: absolute;
    top: 60%;
    left: 25%;
    cursor: pointer;
}

@media all and (max-width: 767px) {
    .bigImage .owl-carousel .owl-item a {
        top: 40%;
    }
}
*/

.header .max1280 {
    height: 35px;
    background-color: white;
}

.header .dotMenu .owl-controls {
    position: fixed;
    bottom: inherit;
}

.logo {
    border-radius: 0 0 8px 8px;
    text-align: center;
    text-decoration: none;
    background-color: white;
}

    .logo > div {
        padding: 8% 8% 4% 8%;
    }

    .logo img {
        max-width: 100%;
    }

    .logo span {
        font-size: 12pt;
    }

@media (min-width: 560px) {
    .logo span {
        font-size: 14pt;
    }
}

@media (min-width: 800px) {
    .logo span {
        font-size: 18pt;
    }
}

.dotMenu .owl-page {
    width: 10%;
    min-width: 55px;
    max-width: 70px;
    background-color: transparent;
}

.dotMenu.small .owl-page {
    width: 10%;
    min-width: 50px;
    max-width: 90px;
}

.dotMenu .owl-controls {
    width: 100%;
    position: inherit;
    top: 0px;
    left: 0px;
    margin-top: 0;
    text-align: left;
    white-space: nowrap;
    display: none;
}

.dotMenu .owl-theme .owl-controls .owl-page span {
    box-sizing: border-box;
    height: 50px;
    width: 0;
    border-radius: 8pt;
    opacity: 0.8;
    background-color: transparent;
    /*background-color: rgba(255,255,255,.7);*/
    transition: height 0.2s, width 0.2s, margin 0.2s, background-color 0.2s, box-shadow 0.2s, border-radius 1s;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}

.dotMenu .owl-page > span:after {
    /*display: block;*/
    content: '';
    padding-top: 100%;
}

.dotMenu .owl-theme .owl-controls .owl-page span {
    margin: 4% 10% 4% 10%;
}

    .dotMenu .owl-theme .owl-controls .owl-page span:hover, .dotMenu .owl-theme .owl-controls .owl-page.active span {
        width: 120px;
        margin: 2% 0 2% 4%;
        box-shadow: 1px 2px 10px rgba(32,32,32,0.7);
        transition: height 0.2s, width 0.2s, margin 0.2s, background-color 0.2s, box-shadow 0.2s, border-radius 2s;
        opacity: 1.0;
        display: none;
        border: solid 3px white;
    }

/*
.dotMenu .owl-page.fucsia>span:hover, .dotMenu .owl-page.fucsia.active>span {
	border: 4px solid #ef509d;
}
.dotMenu .owl-page.green>span:hover, .dotMenu .owl-page.green.active>span {
	border: 4px solid #3eb33e;
}
.dotMenu .owl-page.blue>span:hover, .dotMenu .owl-page.blue.active>span {
	border: 4px solid #4c92d9;
}
.dotMenu .owl-page.orange>span:hover, .dotMenu .owl-page.orange.active>span {
	border: 4px solid #f89938;
}
*/

.ratio1,
.ratio2_3,
.ratio16_9,
.ratio1_2,
.ratio3_4 {
    width: 100%;
}

    .ratio1:after,
    .ratio2_3:after,
    .ratio16_9:after,
    .ratio1_2:after,
    .ratio3_4:after {
        display: block;
        content: '';
    }

    .ratio1:after {
        padding-top: 100%;
    }

    .ratio2_3:after {
        padding-top: 66.666%;
    }

    .ratio3_4:after {
        padding-top: 75%;
    }

    .ratio16_9:after {
        padding-top: 56.25%;
    }

    .ratio1_2:after {
        padding-top: 50%;
    }

/*
.cardSlider {
	margin: -5px -5px 0 -5px;
}
.cardSlider .owl-controls {
	margin: 0;
}
*/

.voto {
    font-weight: bold;
    display: block;
    color: #fff;
    font-size: 24px;
    padding: 5px;
}

.cardMap {
    margin: 1px auto;
    background-color: white;
    width: 100px;
    text-align: center;
}

.cardMap .titolo {
    font-size: 14px;
    font-weight: normal;
}

.cardMap .citta {
    font-size: 12px;
    margin-top: 3px;
    text-transform: capitalize;
}

.cardMap .VotoTondo {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(63, 217, 63, 0.8);
    position: absolute;
    bottom: 0;
    right: 0px;
}

.cardMap .voto {
    font-size: 10Px;
    padding: 2px;
    text-align: center;
}

@media (min-width:768px) {
    .cardMap {
        margin: 5px auto;
        width: 160px;
    }

    .cardMap .titolo {
        font-weight: bold;
        font-size: 16Px;
    }

    .cardMap .citta {
        font-weight: normal;
        font-size: 14px;
        margin-top: 5px;
    }

    .cardMap .VotoTondo {
        width: 30px;
        height: 30px;
    }

    .cardMap .voto {
        font-size: 16Px;
    }
}

@media (min-width:1100px) {
    .cardMap {
        margin: 10px auto;
    }

    .cardMap .VotoTondo {
        width: 40px;
        height: 40px;
    }

    .cardMap .voto {
        font-size: 20Px;
        padding: 8px 4px 4px 4px;
    }

    #sec_magazine .row,
    #sec_offerte .row {
        width: 85%;
        margin: 0 auto;
    }
}

.cardFlexy {
    margin: 0px auto;
    background-color: white;
    border: 1px solid #eee;
    /*height: 360px;*/
    border-radius: 3px;
    /*#dd88b2;*/
}

.w88 {
    width: 88%;
}

.cardFlexy:hover {
    box-shadow: 0px 4px 15px rgba(0,0,0,0.3); /*#dd88b2;*/
    z-index: 55;
}

.mini .cardFlexy {
    min-width: 230px;
}

.cardFlexy summary {
    height: 120px;
    overflow: hidden;
    padding: 5px 10px 10px 10px;
}

.cardFlexy a {
    text-decoration: none;
}

.mini .cardFlexy summary {
    height: 90px;
}

.shade {
    position: relative;
    z-index: 100;
    margin-top: -30px;
    height: 30px;
    border-radius: 0 0 4px 4px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0), white);
}

.cardFlexy figure, .cardFlexy picture {
    position: relative;
    margin: 0;
    width: 100%;
    height: 280px;
}

figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    figure h2, picture h2 {
        left: 0;
        right: 0;
        padding: 6px 10px;
        margin: 0;
        background-color: rgba(0,40,80,.5);
        color: #eee;
        font-size: 120%;
        position: absolute;
    }

    figure h2 {
        top: 0;
    }

.cardFlexy figure .Tag4kids,
.cardFlexy figure .TagRec {
    position: absolute;
    height: 44px;
    width: 56px;
    right: 0;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.8);
    overflow: hidden;
    transition: ease-in,ease-in, 0.3s;
}

.cardFlexy figure .TagInterno {
    width: 156px;
    height: 44px;
}

.cardFlexy figure .Tag4kids:hover,
.cardFlexy figure .TagRec:hover {
    width: 156px;
    transition: ease-in,ease-in, 0.3s;
}

.cardFlexy figure .TagOfferta {
    position: absolute;
    top: 30px;
    right: 8%;
    background-color: transparent;
    color: #de2180;
}

.cardFlexy figure .Tag4kids {
    top: 42%;
    background-color: #fff;
    background-image: url('../../img/logo.png');
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: 5px center;
    /*background-image:url( '../../img/tick.gif'),url('../../img/logo.png');
    background-size:20px, 50px;
    background-repeat: no-repeat;
    background-position: top right, 5px  center;*/
}

.cardFlexy figure .TagRec {
    top: 66%;
    right: -5px;
    background-color: #3FD93F;
}

.cardFlexy DescLunga {
    width: 100%;
    position: relative;
    z-index: 50;
    text-align: left;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    height: 300px;
    overflow: hidden;
}

.cardDesc h2 {
    font-size: 20px;
    margin: 6px auto;
    color: #7d7d7d;
}

    .cardDesc h2:hover {
        color: #24bcaf;
    }

.colonnaMagazine,
.colonnaOfferte {
    padding: 10px;
    text-align: center;
}

@media (max-width: 990px) and (min-width:768px) {
    .cardFlexy {
        /*height: 280px;*/
    }

        .cardFlexy figure {
            height: 200px;
        }

    .cardDesc h2 {
        font-size: 16px;
    }

    #sec_magazine .colonnaMagazine {
        padding: 3px;
    }
}

.titolo {
    font-size: 22px;
    font-weight: bold;
    text-transform: capitalize;
}

main,
.bigImage header,
.dotMenu .owl-pagination {
    box-sizing: content-box;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 35px;
    position: relative;
}

main {
    margin-bottom: 3px;
    padding-top: 10px;
    padding-bottom: 20px;
}

    main > h2 {
        z-index: 100;
        font-size: 60pt;
        font-weight: 300;
        text-shadow: 0 1px 4px rgba(32,32,32,.25);
    }

.Ricerca {
    position: relative;
    z-index: 50;
    padding: 30px;
    border-radius: 4px;
    background-color: white;
    /*box-shadow: inset 0 1px 7px rgba(32,32,32,.15);*/
}

.menuLeft menuitem {
    padding: 15px;
    border-top: 1px solid #fcedf5;
    display: block;
}

    .menuLeft menuitem:first-child {
        border-top-width: 0px;
    }

    .menuLeft menuitem + ul.options {
        list-style-type: none;
        margin: 0 -10px;
        padding: 0 10px;
        display: block;
        background-color: /*#fcf7fa;*/ #eee;
        max-height: 0;
        overflow: hidden;
        box-shadow: inset 0 1px 4px rgba(32,32,32,.15);
        /*border-left: 1px solid white;
	border-right: 1px solid white;*/
    }

        .menuLeft menuitem + ul.options > li {
            margin: 0;
            padding: 10px 10px 10px 25px;
            display: block;
            border-top: 1px solid white;
        }

            .menuLeft menuitem + ul.options > li:first-child {
                border-top-width: 0px;
            }

        .menuLeft menuitem:hover + ul.options,
        .menuLeft menuitem + ul.options:hover,
        .menuLeft menuitem.selected ul.options {
            max-height: 500px;
            transition: max-height 0.8s;
            /*display: block;*/
        }

#ricercabox {
    min-height: 60px;
    width: 100%;
    /*position: absolute;
    background-color: Rgba(240,240,240,0.3);
    bottom: 0;*/
}

.progetto {
    text-align: justify;
    float: left;
    width: 42%;
}

@media (max-width:767px) {
    .progetto {
        width: 100%;
    }
}

.secOfferte_sn {
    width: 50%;
    background-image: url('../../photo/home/offerte-famiglia.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
    height: 500px;
}

.secOfferte_dx {
    padding: 10Px;
    color: White;
}

@media (min-width:992px) {
    .secOfferte_dx {
        padding: 80Px;
    }
}

#sec_fucsia {
    background: #f04f9f; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(180deg, rgba(52, 110, 168, 0.8), rgba(77, 166, 255, 0.30)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, rgba(52, 110, 168, 0.8), rgba(77, 166, 255, 0.40)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, rgba(52, 110, 168, 0.8), rgba(77, 166, 255, 0.40)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, rgba(52, 110, 168, 0.8), rgba(77, 166, 255, 0.50)); /* Standard syntax */
}

#sec_community,
#sec_community2 {
    padding: 60px 0 100px 0;
    background: #fff; /* For browsers that do not support gradients */
}

    #sec_community .ccTitolo {
        color: #fff;
        padding: 5px;
        background-color: rgba(0,0,0,0.4);
    }

.communityCard p {
    color: #fff;
    padding: 5px;
    background-color: rgba(0,0,0,0.4);
}

#sec_community2 {
    padding: 50px 0;
}

    #sec_community2 > div {
        height: 500px;
        background: url('../../img/community-famiglie-bambini.png') center no-repeat;
        background-size: contain;
    }

#sec_green {
    padding: 80px 0;
    background-color: rgba(77, 166, 255, 0.60);
}

@media (min-width:992px) {
    #sec_green {
        margin: 0 auto;
        background-image: url('../../img/scivolo-bambini400.png');
        background-repeat: no-repeat;
        background-position: left bottom;
        background-size: 30%;
        padding: 30px 0;
    }
}

#sec_offerte {
    padding: 80px 0;
}

#sec_magazine {
    padding: 25px 0 80px 0;
    background-color: #f8f5f5;
    background-image: url('../../img/press-magazine-kids.png');
}

@media (max-width: 1199px) {
    main > h2 {
        font-size: 56px;
        margin: 0 0 -25px -35px;
    }

    .cardFiltri #divAttivita .checkBox input {
        margin: 4px 10px 0;
    }
}

@media (max-width: 767px) {
    main, .bigImage header, .dotMenu .owl-pagination, .bigImage .owl-carousel .owl-item h2 {
        padding: 0 20px;
    }

        main > h2 {
            font-size: 40px;
            margin: 0 0 -20px -18px;
        }

        main > summary {
            padding: 20px;
            margin-bottom: 20px;
        }

    #sec_green {
        margin: 20px auto 20px auto;
    }

    #sec_fucsia {
        margin: 100px 0 50px !important;
    }
}

@media (max-width: 479px) {
    main, .bigImage header, .dotMenu .owl-pagination, .bigImage .owl-carousel .owl-item h2 {
        padding: 0 5px;
    }

    h2 {
        font-size: 20px;
    }

    main > h2 {
        font-size: 32px;
        margin: 0 0 20px 0;
    }

    main > summary {
        display: none;
    }
}

#divFiltri,
#divMain,
#divDx,
.imgOfferta {
    width: 100%;
    display: block;
}

#divFiltri {
    float: left;
    margin: 20px auto;
}

#divServizi,
#divDove,
#divSpeciali,
#divOfferte,
#divStrutture {
    display: none;
    z-index: 100;
    width: 100%;
}

#divAttivita {
    display: none;
    z-index: 101;
    width: 100%;
}

#gradAttivita,
#gradServizi,
#gradDove {
    float: right;
    cursor: pointer;
    margin-right: 5px;
}

@media (max-width: 1199px) {
    #divAttivita, #divServizi, #divDove, #divSpeciali, #divOfferte, #divStrutture {
        display: none;
        position: absolute;
        background-color: #fff;
        color: #3B5998;
        box-shadow: 0 1px 4px rgba(32,32,32,.15); /*#dd88b2;*/
        border: solid 1px #e1e8ee;
    }
}

@media (max-width: 425px) {
    .div_Offerte {
        margin-top: 10px;
    }
}

.div_Offerte.prenota {
    text-align: center;
    color: #3A76B5;
    position: fixed;
    top: 15px;
    width: 250px;
    z-index: 109;
}

.div_Offerte tr td > div {
    height: 420px;
}

@media (max-width: 1200px) {
    .div_Offerte.prenota {
        z-index: 109;
        top: 100px;
        right: 20px;
    }

    .div_Offerte tr td > div {
        height: auto;
    }
}

@media (max-width: 992px) {
    .div_Offerte.prenota {
        z-index: 109;
        position: relative;
        width: 100%;
        border: none;
        margin: 0px auto;
        bottom: auto;
        right: auto;
        top: 0px;
    }

    #divFiltri {
        float: none;
    }
}

@media (min-width: 1200px) {
    #divFiltri {
        max-width: 250px;
        float: right;
        margin-right: -33%;
    }

    .div_Offerte {
        margin-top: 150px;
    }

    #divMain {
        margin-left: 15px;
        width: 850px;
        float: left;
    }

    #divCentro {
        margin: 0 15px;
        float: left;
    }

    #divDx {
        width: 20%;
        float: right;
    }

    #divAttivita, #divServizi, #divDove, #divSpeciali, #divOfferte, #divStrutture {
        display: block;
        position: relative;
    }

    #gradAttivita, #gradServizi, #gradDove {
        display: none;
    }
}

#div_foto {
    height: 420px;
    opacity: 1;
    display: block;
}

    #div_foto > .owl-wrapper-outer,
    #div_foto .owl-wrapper,
    #div_foto .owl-item,
    #div_foto .bigFoto,
    #div_foto .bigFoto .bigFotoImg {
        height: 100%;
    }

.bt_fucsia.contattaci {
    width: 180px;
    height: 50px;
    font-size: larger;
    display: block;
    margin: auto;
}

@media (max-width: 992px) {
    #div_foto {
        height: 380px;
    }

    .bt_fucsia.contattaci {
        width: 360px;
    }
}

@media (max-width: 768px) {
    #div_foto {
        height: 320px;
    }
}

.MyFiltro_Title {
    font-variant: small-caps;
    font-size: 22px;
    font-weight: bold;
    margin: 30px 0 -10px 0;
    cursor: pointer;
    width: 150px;
}

.MyFiltro_item {
    cursor: pointer;
    margin: 20px 0 10px 0;
}

.MyFiltroSub_item {
    padding: 3px 0;
    cursor: pointer;
}

    .MyFiltroSub_item:hover,
    .MyFiltro_item:hover,
    .MyFiltro_Title:hover {
        background-color: #EDEFF1;
        text-decoration: none;
    }

/* Intestazione e pič di pagina */

#header {
background-color:#fff;
}

.navbar-header .navbar-brand .fa-home {
    width: 100%;
    position: relative;
    bottom: 2px;
}

.fa-home::before {
    margin-left: 0;
}

@media (max-width: 767px) {
    #header {
        position: relative;
        top: 0;
    }
}

@media (min-width: 768px) {
    #mainContent {
        padding-top: 0px;
        margin-top: 40px;
    }
}

#headContent {
    margin: 0px auto;
    height: 46px;
    background-color:#ffffff99
}

#navContent {
    width: 100%;
    background-color: white;
    z-index: 10;
}

div.headLeft {
    float: left;
    text-align: left;
}

    div.headLeft > .logo {
        position: absolute;
        z-index: 150;
        text-align: center;
        width: 100px;
        padding: 8px 6px 0 8px;
        background-color: white;
        box-shadow: 0 2px 6px rgba(0,32,64,.5);
        margin-left: 5px;
    }

div.headRight {
    height: inherit;
    float: right;
    text-align: right;
    background-color: white;
}
    .LogoTitle {
    font-size: 20pt;
    padding: 0px;
    margin-top: -15px;
    color: #3A76B5;
}

.headClaim {
    vertical-align: middle;
    font-size: 20px;
    padding: 12px 0;
    color: white;
    font-weight: normal;
    text-shadow: 0 1px 3px rgba(0,32,64,.2);
    font-weight: bold;
}

.TitH2 {
    margin: 40px auto 40px auto;
    color: #24bcaf;
    font-weight: bold;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
}

@media all and (max-width: 767px) {
    .sezioni .row .TitH2 {
        text-align: center;
        border: solid 2px #24bcaf;
        margin: 2% 05%;
        border-radius: 100px;
        color: #24bcaf;
        background-color: transparent;
        padding: 10px;
        letter-spacing: 0.0em;
    }

        .sezioni .row .TitH2:hover {
            background-color: #E5F2FF;
        }

    #sec_community, #sec_community2 {
        margin: 15px auto 0px auto;
        padding: 0px 0 50px 0;
    }
}

.TitH2 i {
    display: inline;
    padding-right: 10px;
}



.hotelBoxMD {
    width: 252px;
    margin-left: auto;
    margin-right: auto;
}

    .hotelBoxMD .fotoMD {
        width: 242px;
        height: 242px;
        overflow: hidden;
        border: solid 10px white;
        position: relative;
        margin-left: 4px;
    }

@media all and (min-width: 767px) {
    .hotelBoxMD {
        transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
    }

        .hotelBoxMD:nth-child(2n+1) {
            transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -o-transform: rotate(-5deg);
            -webkit-transform: rotate(-5deg);
        }
}

.card {
    border: solid 1px #d1d8de;
    /*border-radius: 10px;*/
    background-color: #fff;
    position: relative;
}

    .card:hover {
        box-shadow: 4px 4px 7px rgba(15,15,15, 0.2);
        text-decoration: none;
    }

.hotelBoxMD .cardImgMD {
    width: 230px;
    height: 230px;
    overflow: hidden;
    position: relative;
    z-index: 50;
}

@media (max-width: 489px) {
    .cardFlexy .cardImg {
        width: 100%;
    }
}

.cardDesc {
    width: 100%;
    position: relative;
    z-index: 50;
    text-align: left;
    padding: 5px;
    height: 100px;
    color: #337ab7;
}

.hotelBoxMD .cardRetro {
    height: 0;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    background-color: white;
    background-color: rgba(255,255,255,0.75);
    text-align: center;
    vertical-align: middle;
    width: 100%;
    transition: height 0.5s;
    font-size: 120%;
    z-index: 50;
}

.card:hover .cardRetro {
    padding-top: 30px;
    height: 250px;
}

.cell {
    display: table-cell;
}

.importante {
    color: #24bcaf;
    font-weight: bold;
}

@media all and (max-width: 767px) {
    .hide_sm {
        display: none;
    }

    .centra_sm {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (min-width: 768px) {
    .right_md {
        text-align: right;
    }
}

.btn,
.input-sm,
.form-control,
.dropdown-menu,
.btn-group-sm > .btn {
    border-radius: 0;
}


/*navbar*/

.img-blue, .img-pink, .img-orange, .img-green {
    width: 50px;
    border-radius: 50%;
}

.img-blue-sm, .img-pink-sm, .img-orange-sm, .img-green-sm {
    width: 36px;
    border-radius: 50%;
}

.img-blue-ico, .img-pink-ico, .img-orange-ico, .img-green-ico {
    width: 28px;
    border-radius: 50%;
    margin: 2px;
}

.img-ico {
    width: 32px;
    margin: 5px 0;
    padding: 0;
    border-radius: 50%;
}

.img-blue, .img-blue-sm, .img-blue-ico {
    background-color: #24bcaf;
}

.img-pink, .img-pink-sm, .img-pink-ico {
    background-color: #E83F6F;
}

.img-orange, .img-orange-sm, .img-orange-ico {
    background-color: #ff9933;
}

.img-green, .img-green-sm, .img-green-ico {
    background-color: #27C227;
}

.breadcrumbs, .index, .tag {
    display: block;
    padding-top: 8px;
    text-align: left;
    line-height: 1;
}

.navbar-default .navbar-brand {
    height: 36px;
}

.navbar-nav > li > a,
.navbar-default .navbar-brand {
    display: block;
    line-height: 2em;
    padding: 0 0.7em 4px 0.7em;
    text-decoration: none;
    font-weight: bold;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-brand {
    color: #24bcaf;
}

    .navbar-default .navbar-brand:hover,
    .navbar-default .navbar-brand:active,
    .navbar-default .lkattivo,
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:active,
    .navbar-default .navbar-nav > li > a:focus .navbar-default .navbar-nav > li > a .lkattivo {
        color: #FF6600;
        border-bottom-color: #FF6600;
        border-bottom-width: 4px;
        border-bottom-style: solid;
        padding-bottom: 0;
    }

    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #E37B35;
        background-color: transparent;
    }

    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
        color: #E37B35;
        background-color: transparent;
    }

@media (max-width: 767px) {
    .navbar-default {
        width: 100%;
    }

    .navbar-header .navbar-brand .fa-home {
        font-size: 28px;
        bottom: -10px;
        height: 100%;
    }

    .navbar-brand {
        margin-left: 150px;
    }

    .navbar-default .navbar-brand {
        min-height: 44px;
    }

    .navbar-default .navbar-nav > li > a:hover {
        color: #E37B35;
    }

    .navbar-default {
    }

    .navbar-toggle {
        margin: 4px;
    }
}

@media(min-width: 768px) {
    .navbar-default {
        background-color: #fff;
        overflow: hidden;
        height: 36px;
        min-height: 36px;
    }

    .container > .navbar-header {
        margin-left: 135px;
    }
}

@media (min-width: 768px) and (max-width:1199px) {
    .navbar-default .navbar-brand,
    .navbar-nav > li > a {
        font-size: 14px;
        padding-top: 0;
        padding-bottom: 2px;
    }

    .navbar-header .navbar-brand .fa-home {
        bottom: 0;
    }
}

.breadcrumbs > li {
    display: inline-block;
    background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAC6CAMAAADbAu42AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZENDFDQTQyMTNBMzExRTQ4RjYzRDgxNzJENTA1OTQ5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZENDFDQTQzMTNBMzExRTQ4RjYzRDgxNzJENTA1OTQ5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkQ0MUNBNDAxM0EzMTFFNDhGNjNEODE3MkQ1MDU5NDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkQ0MUNBNDExM0EzMTFFNDhGNjNEODE3MkQ1MDU5NDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4nxGgYAAAAn1BMVEX+///h8P/////+/v/9/v/7/f/5/P/g8P/j8f/8/f/z+f/i8f/r9f/1+v/t9v/k8f/x+P/i8P/f7//l8v/6/P/y+P/k8v/p9P/q9P/o9P/8/v/6/f/g7//3+//2+v/n8//s9f/0+v/v9//o8//s9v/m8//w9//y+f/m8v/4+//2+//q9f/4/P/0+f/u9//e7//w+P/u9v/e7v/d7v////+WkH3PAAAANXRSTlP/////////////////////////////////////////////////////////////////////AHy10AoAAARTSURBVHjalNnrerI6EAXgJJzEAyqeEPDUaq1aP9vu3P+17YnWVoTArP5/n/VkTaowCvcrjlKN/AlnIqc9BRHtz4NtiBFnMBwtFUS0/yqh0xAxMUeMUEz+5WLE+ZSjBUb0xyqOXIw4b8GUX9qVaH8V8Eu7EWcgR0cFEYqR7NJ+CFLaD6HZBP9cjDhv8n2BEZpNzoz5Je5LwCztl+iPHfOm/RG6Au8LBRE6jWSd5oFwS3sgFMOazSNxX+TugBF9WAUvLkZoNozTFIg6vMfNsykQismbZ1MkdAVk42meCKe0J6IPzTHPhBHzTPRi1zSbEnH/NcWUiFqM8vqYEqGYeHdQENGL9/rSKgjdtNUBIybmzcEIlbbyMaLqY6qITinmAyPqOArsMZVEu1G8+8AIXQH55kKESsutp7EQTTGfDkbcr+DVxwiVZouxEZ1G0hJjJSZm4ECEYvLqm2YnajkNKmdjJ+YKVMbUENts6ohlNnVELUfDitLqiA4jOfcxQjEVs6klOt3m5Zh6onr9ckw9oSsQl0prIHo5lQOBETfK52OM0E0bThyI6HArZz5GRG/aKcY0Eh2ug9kYI2Y2hZhmQjHfhdIY5BojIGKuwONpOIRiHkvjkOtsxhi5zkZApDgbHhGb/nAvIKLD7mWWYURsWr8xTKLTdXyP4RLVa3X2DkRMackYI1Raqy0gor1ucMowIs6tzjWGTygmTjyMiHbnOhuAmCtgYhCiNi1TGkJMaUmGESqNYiBCMfLkYURMOv0jRsyr5wEj/mschRBxPmV/qQQa4kIl/yyfEOLPc7MUEliI2QkJJERGIfYvRiHXpaBATnLbCQr+SWT/tnkU/JDLNoU+lOgk0yX2aTmmmaTYx/ik87tDZZLxTP6uUAU/BPtKGs+CtYd9vU7uM2GT8fx7HUJf4mIybD2snDkkm8XbFHogMZ9Ej3ttwZrJX10sIvad/kZAJEuCroc9ju6HxZBmks0u3RB66DUz2SiIZEm8DqEHeLFv9Z9/a2gg4+e6Golot57qaiRZIksh9YQeDvpnAREvicshtYQGf3vQ4RMveR58E6G6ngffRLKKmdQTE3IWEPFOsjLETkxIW0DEO8UnD1qq0OA71SFW4iXflhAboZN02goi3ql6JnZir8tKzANhBi3ubo+dEAm7eZJphKj7CwGfeN3/Ek8jhE4ybAuIeN385GmEiHO/7iRVhGZSU1cVMa9pewGRcJ3Xh5TJhl45BUTC7vcs0wihd6fCaoNBzItgphFCddXPpExoJrOxRkhxrcEipY1TMymuaDgk3V4YIY/EzGQgIBKu4zkj5IFQXcOJgEi4lpyTPBBVWgM2knAbzHwNkeW0M3Ag4ka8uv7IdQssIJKuL6+8k9wJ1SWZJ7kTqot7kh+iepXb+TpSvZyvJcspEHIlZib8kCs5AnXdSBrxZ3Ijajm1/p5lIWEUQCFaWH4xqSPO53AOhRA5r9pQiP5fgAEAj0vYn7NZnloAAAAASUVORK5CYII=);
    background-position: 100% -30px;
    background-size: 25px 93px;
    background-repeat: no-repeat;
    padding: 0 18px 0 8px;
    font-size: 12pt;
    font-weight: normal;
    color: #24bcaf;
}

.breadcrumbs > :last-child {
    background: none;
    padding: 6px 8px;
}

.index > li {
    display: inline-block;
    align-items: center;
    padding: 6px 15px;
    border-right: 1px solid #def;
    font-size: 1.2em;
    font-weight: normal;
    color: #24bcaf;
}

.tag > li {
    display: inline-block;
    padding: 5px;
    font-size: 0.9em;
    font-weight: normal;
    color: #24bcaf;
}

    .breadcrumbs > li > a, .index > li > a, .tag > li > a {
        color: #ff9933;
        text-decoration: none;
    }

    .breadcrumbs > li:hover > a,
    .index > li:hover > a,
    .tag > li:hover > a {
        font-weight: bold;
        background-color: transparent;
    }

div.voto {
    text-align: center;
    font-family: Century Gothic, Arial, Sans-Serif;
    font-size: 28px;
    font-weight: bold;
    color: #3674b3;
}

div.votoGray {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 7;
    width: 80px;
    height: 26px;
    background-color: #dddddd;
}

div.votoColor {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 8;
    width: 50px;
    height: 26px;
    background-color: #27C227;
}

.ck-button input + span {
    background-color: #ffffff;
    border-radius: 8px;
    overflow: auto;
    float: left;
    padding-top: 4px;
    margin: 2px;
    z-index: 15;
}

.ck-button input:hover + span {
    background-color: #c0FFe3;
    color: #47a;
    border-radius: 8px;
    border: 2px groove #9fc;
    overflow: auto;
    float: left;
    padding-top: 4px;
    margin: 0;
    z-index: 5;
}

.ck-button label {
    float: left;
    width: 68px;
    font-size: 0.8em;
    font-weight: normal;
}

.ck-button input[type=checkbox], .ck-button-sm input[type=checkbox] {
    visibility: hidden;
}

.ck-button label span, .ck-button-sm label span {
    text-align: center;
    display: block;
    z-index: 15;
    height: 80px;
}

.ck-button label .tick, .ck-button-sm label .tick {
    display: none;
}

.ck-button input:checked + span .tick,
.ck-button-sm input:checked + span .tick {
    display: block;
}

.ck-button label input,
.ck-button-sm label input {
    position: absolute;
    top: -20px;
}

.cardFiltri {
    width: 31.5%;
    margin: 5px 1.8% 10px 0;
    float: left;
    background-color: #fff;
    color: #3B5998;
    /*box-shadow: 4px 4px 7px rgba(15,15,15, 0.2);*/ /*#dd88b2;*/
    border: solid 1px #eee;
    position: relative;
}

.card_Filtri {
    margin: 5px 1.8% 10px 0;
    background-color: #fff;
    color: #3B5998;
    border: solid 1px #eee;
}

#divFiltri > :last-child {
    margin: 5px 0 10px 0;
}

.TitoloDx {
    background-color: #24bcaf;
    width: 100%;
    color: #fff;
    padding-left: 10px;
    margin: 30px 0 0 0;
    border: 1px solid #24bcaf;
}

.BoxDx {
    width: 100%;
    padding: 10px 5px;
    text-align: center;
    background-color: #fff;
}

.divDataPage {
    text-align: center;
}

@media (min-width: 768px) {
    .divDataPage {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .cardFiltri, .TitoloDx, .BoxDx {
        width: 220px;
    }

    .cardFiltri {
        width: 100%;
    }
}

.filtro_titolo {
    font-weight: bold;
    color: #FF6215;
    font-size: 18px;
    margin: 5px 0 5px 10px;
}

.filtro_Subtitolo {
    margin: 10px 0 5px 0;
    color: #FF6215;
    font-size: 14px;
    text-transform: capitalize;
}

.filtro_item, .filtro_item label {
    color: #3B5998;
    font-size: 13px;
    font-weight: normal;
}

.question {
    color: #24bcaf;
    cursor: pointer;
    display: inline;
}

@media all and (min-width: 768px) {
    .question {
        font-size: 19px;
        font-weight: bold;
    }
}

.question:active .question:hover {
    color: #24bcaf;
}

.question2 {
    color: #ff9933;
    padding: 12px 0 5px 0;
}

.tondo {
    border-radius: 50%;
    width: 44px;
}

.Titoletto {
    display: block;
    margin-top: 1em;
    margin-bottom: 2px;
    font-size: 14px;
}

.Tit_Up {
    font-size: 18px;
    font-weight: normal;
    margin: 20px 0 0 0;
    color: #808080;
}

.TitoloH2, .TitoloH3, .TitoloSx {
    font-size: 1.5em;
    font-weight: bold;
    margin: 2em 0 1em 0;
    color: #24bcaf;
    display: block;
}

    .TitoloH2 a {
        color: inherit;
    }

.TitoloH3 {
    font-size: 1.2em;
    margin: 1em 0 1em 0;
}

.TitoloSx {
    margin: 20px 0 10px 0;
}

.Tit {
    font-weight: bold;
    text-transform: capitalize;
}

.NomeHotel {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
}

.note {
    font-size: small;
    font-weight: normal;
    color: #808080;
}

#Menudx {
    vertical-align: top;
    float: left;
}

@media all and (max-width: 767px) {
    #Menudx {
        float: none;
        display: none;
    }
}

.divSx, .divDx {
    width: 150px;
}

.divCentro {
    width: 100%;
    max-width: 600px;
}

.divSx, .divDx, .divCentro {
    display: table-cell;
    vertical-align: top;
}


div.bigFoto {
    text-align: center;
    vertical-align: top;
    position: relative;
}

    div.bigFoto > .bigFotoImg {
        z-index: 5;
        height: 410px;
        text-align: center;
        margin: 0 auto;
    }

    div.bigFoto > .bigFotoOff {
        width: 100px;
        position: absolute;
        top: -3px;
        right: -2px;
    }

    div.bigFoto > .bigFotoLbl {
        position: absolute;
        bottom: 20px;
        padding: 10px;
        background-color: Rgba(240,240,240,0.5);
        margin-right: 100px;
        background: -moz-linear-gradient(left, rgba(240,240,240,0.9) 0%, rgba(255,255,255,0.5) 100%);
        background: -webkit-linear-gradient(left,rgba(240,240,240,0.9) 0%, rgba(255,255,255,0.5) 100%);
        background: -o-linear-gradient(left,rgba(240,240,240,0.9) 0%, rgba(255,255,255,0.5) 100%);
        background: -ms-linear-gradient(left,rgba(240,240,240,0.9) 0%, rgba(255,255,255,0.5) 100%);
        background: linear-gradient(to right, rgba(240,240,240,0.9) 0%, rgba(255,255,255,0.5) 100%);
    }



.telefono {
    padding: 5px 0;
    white-space: nowrap;
    display: block;
}

input.text-L {
    width: 250px;
}

input.text-XL {
    width: 350px;
}

.text-M {
    width: 150px;
}

input.text-MS {
    width: 100px;
}

input.text-S {
    width: 60px;
}

input.text-XS {
    width: 40px;
}

.ckbox > label {
    display: inline;
    font-weight: normal;
}

.TitoloDx {
    font-variant: small-caps;
    font-size: 22px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .pad-laterale {
        padding-right: 50px;
        padding-left: 0px;
    }
}




.box_grigio, .box_grigio_home {
    background-color: rgba(0, 0, 255, 0.1);
    max-width: 600px;
    border-radius: 0px;
}

.box_grigio_home {
    max-width: 750px;
    background: none;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.77), 0px 0px 5px rgba(0,0,0,0.5);
}

@media all and (min-width: 768px) {
    .box_grigio, .box_grigio_home {
        padding: 50px;
    }
}

input[type=file] {
    display: inline;
}

.fade {
    display: none;
}

    .fade.in {
        display: block;
    }

.menu {
    height: 22px;
    position: relative;
}

ul.left {
    position: absolute;
    bottom: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.blueButton, .blueButtonSel {
    cursor: pointer;
    display: inline-block;
    background-color: #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-top: 7px;
    width: 115px;
    text-align: center;
    padding: 10px 6px;
}

.blueButton {
    background-color: #eee;
    color: #2e6399;
}

.blueButtonSel {
    font-weight: bold;
    background-color: #337ab7;
    color: #fff;
}

    .blueButton:hover, .blueButtonSel:hover {
        color: #ffffff;
        background-color: #3d85cc;
        margin-top: 0px;
    }

#footer {
    background-color: #24bcaf;
    padding-top: 45px;
    color: #fff;
    position: relative;
    bottom: 0;
    width: 100%;
}

    #footer > nav {
        margin: 0;
    }

        #footer > nav .dropdown-toggle {
            text-align: center;
            border: solid 2px white;
            margin: 5% 15%;
            border-radius: 100px;
            color: white;
            background-color: transparent;
        }

            #footer > nav .dropdown-toggle:hover {
                background-color: rgba(255, 255, 255, 0.3);
            }

        #footer > nav .dropdown-menu a {
            color: white;
            text-align: center;
        }


.footerlink {
    color: white;
    font-size: 0.8em;
    display: block;
    padding: 0.8em 0;
}

    .footerlink:hover,
    .footerlink:active {
        font-weight: bolder;
        color: white;
    }

    .footerlink:focus {
        color: white;
    }

.capogruppo, .capogruppolink {
    padding: 10px 0px;
    color: white;
}

.capogruppo {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
}

#cornicetta {
    //background-image: url(../../img/testeBlu.png);
    width: 100%;
    position: absolute;
    top: -40px;
    height: 40px;
    border: 0px;
    margin: 0px;
    z-index: 100;
}

.arancio {
    font-size: 13px;
}

    .arancio:hover {
        color: white;
    }

.sociallink {
    color: #fff;
    letter-spacing: 0.5em;
}

    .sociallink:hover {
        background-color: transparent !important;
    }

    .sociallink:focus {
        background-color: transparent !important;
        color: white;
    }

nav .sociallink i {
    margin: auto;
    display: block;
    padding: 0;
}

.sociallink i:hover {
    border-radius: 5px;
}

.sociallink .fa-facebook-square:hover {
    color: #425F9B;
}

.sociallink .fa-twitter-square:hover {
    color: #1DA1F2;
}

.sociallink .fa-google-plus-square:hover {
    color: #DD5044;
}

.sociallink .fa-pinterest-square:hover {
    color: #C8000B;
}

nav .sociallink i:hover {
    color: white !important;
}

img.imgvoto {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

img.votoFull {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

img.votoNo {
    opacity: 0.2;
    filter: alpha(opacity=20);
}

    img.imgvoto:hover, img.votoNo:hover, img.votoFull:hover {
        opacity: 1.0;
        filter: alpha(opacity=100);
    }

.RigaRecensione {
    border-bottom: thin solid #ddd;
    padding: 2px 0;
}

    .RigaRecensione:hover {
        background: -webkit-linear-gradient(#e0e0e0, #eee); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#e0e0e0, #eee); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e0e0e0, #eee); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#e0e0e0, #eee);
        padding: 10px 0;
    }

.ImgHome {
    width: 210px;
    height: 210px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-origin: content-box;
    border: 1px solid #eee;
    border-radius: 2px;
    padding: 20px;
    transition: all 0.3s;
    position: relative;
}

    .ImgHome:hover {
        box-shadow: 0px 4px 8px rgba(0,0,0,0.18);
    }

@media (max-width: 990px) {
    .ImgHome {
        width: 160px;
        height: 160px;
    }
}

@media (max-width: 768px) {
    .ImgHome {
        width: 100%;
    }
}

.catHome,
#sec_magazine .cardFlexy,
#sec_offerte .cardFlexy,
.ctApp .row div i,
.fa.goToAppUpd {
    position: relative;
    bottom: 0;
    transition: all 0.3s;
}

    .catHome:hover,
    #sec_magazine .cardFlexy:hover,
    #sec_offerte .cardFlexy:hover,
    .ctApp .row div i:hover,
    .fa.goToAppUpd:hover {
        bottom: 4px;
    }

.titPagina {
    text-align: center;
    margin: 50px 0 30px;
    font-weight: bold;
}

.titPagina2 {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
}

.popup_cookies {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #eee;
    padding: 10px 50px;
    z-index: 200;
}

@media(max-width: 425px) {
    .popup_cookies {
        bottom: 50px;
    }
}

.popup_Edison {
    position: fixed;
    top: 20%;
    right: 15%;
    width: 300px;
    height: 300px;
    background-color: #f8f8f8;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 5px 5px 5px #777;
    z-index: 200;
    display: none;
}

/* LOGIN */

.bordergray {
    border: solid 1px #d1d8de;
    /*border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;*/
    background-color: #fff;
    /*padding: 8px;*/
    margin: 5px 0;
    text-align: center;
}

.txtInputLogin {
    position: relative;
    bottom: -18px;
    width: 200px;
}

.asteriscoErrore {
    font-size: 30px;
    position: relative;
    left: 5px;
    top: 5px;
}

.velonero {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}
.bt_login {
color:#fff;
padding:0;
background-color:transparent;
}
.bt_login:hover,.bt_login:active,.bt_login:focus {
color:#fff;
font-weight:700
}
.bt_login.on {
font-weight:700;
background-color:#DC7129;
}
.bt_login.on.adm {
border-radius:100px;
width:33px;
height:33px;
margin-top:6px
}

.bt_login_ico {
float:right
}
.lock.active {
width:20px
}
.adm .active {
margin-top:-9px
}

@media all and (min-width: 767px) {
    .hotelBoxMD {
        transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
    }

    .row .recensionHome:nth-child(1) .hotelBoxMD {
        transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        position: relative;
        top: 40px;
        left: 0;
        transition: all 0.28s;
    }

        .row .recensionHome:nth-child(1) .hotelBoxMD:hover {
            box-shadow: -4px 4px 7px rgba(15,15,15, 0.2);
            top: 35px;
            left: 4px;
        }

    .row .recensionHome:nth-child(2) .hotelBoxMD {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        position: relative;
        bottom: 0px;
        transition: all 0.28s;
    }

        .row .recensionHome:nth-child(2) .hotelBoxMD:hover {
            box-shadow: -0px 6px 8px rgba(15,15,15, 0.2);
            bottom: 5px;
        }

    .row .recensionHome:nth-child(3) .hotelBoxMD {
        transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        position: relative;
        bottom: -20px;
        left: 0px;
        transition: all 0.28s;
    }

        .row .recensionHome:nth-child(3) .hotelBoxMD:hover {
            bottom: -14px;
            left: -2px;
        }

    .row .recensionHome:nth-child(4) .hotelBoxMD {
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        position: relative;
        top: 40px;
        left: 0;
        transition: all 0.3s;
    }

        .row .recensionHome:nth-child(4) .hotelBoxMD:hover {
            box-shadow: 5px 6px 8px rgba(15,15,15, 0.2);
            top: 35px;
            left: -4px;
        }
}

@media (max-width: 767px) {
    .cardFiltri {
        width: 100%;
        padding: 0;
    }

        .cardFiltri #divDove button,
        .cardFiltri #divDove .btn,
        .cardFiltri #divDove > *,
        .cardFiltri #divDove > div > * {
            width: 95%;
            margin-left: 0;
        }

    #divFiltri, #divDove {
        margin: auto;
    }
}

#divDove {
    width: 100%;
    padding: 15px;
}

.capitalize, .mynome {
    text-transform: capitalize;
}

.DescLunga .titolo.cyan_txt span {
    padding: 0px;
}

.DescLunga .titolo.cyan_txt {
    padding-left: 5px;
    padding-right: 5px;
}

.btLogin div {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

.btn .caret {
    margin-left: 120px;
    margin-top: -50px;
}

div.headRight .dropdown-menu {
    left: initial;
    right: 0;
}

.dropdown-menu > li > p {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
}

@media all and (max-width: 768px) {
    .btn.focus, .btn:focus {
        color: white;
    }

    #mainContent #ricercabox .container {
        padding-top: 5px;
    }

    .btn .caret {
        margin-left: 120px;
        margin-top: -50px;
    }

    .hide_sm a, a:active {
        color: white;
    }

    #sec_green .card span {
        color: #337ab7;
    }

    .initial {
        display: initial;
    }
}

@media (max-width: 400px) {
    .btLogin {
        width: 50px;
    }


    .headRight button {
        padding-top: 10px;
    }

    .btn .caret {
        margin-left: 50px;
    }

    .headRight .dropdown-menu {
        left: -80px;
    }
}

@media (max-width: 400px) {
    .popup_Edison {
        right: 1.5%;
    }
}

.container.sezioni:hover {
    color: #337ab7;
}

.btn.focus, .btn:focus {
    color: white;
    text-decoration: none;
}

.navbar-brand fa:hover {
    color: blue;
}

.btn-group, .btn-group-vertical {
    padding-bottom: 0;
}

.anchor {
    display: block;
    height: 90px; /*same height as header*/
    margin-top: -90px; /*same height as header*/
    visibility: hidden;
}

/**************************************************************************************************/
/**************************************************************************************************/

/*CSS NEWCARDS - per favore non toccare!*/

/**************************************************************************************************/
/**************************************************************************************************/

/*GENERALE*/

.newcards {
    background-color: rgba(77, 166, 255, 0.60);
    margin: 0;
    height: 900px;
    overflow: hidden;
}

    .newcards .colonna1 {
        margin-top: 5%;
        opacity: 0;
    }

    .newcards .colonna2 {
        margin-top: 15%;
    }

    .newcards .colonna3 {
        margin-top: 0%;
    }

    .newcards .colonna4 {
        margin-top: 10%;
    }

        .newcards .colonna1 a > *,
        .newcards .colonna2 a > *,
        .newcards .colonna3 a > *,
        .newcards .colonna4 a > * {
            text-decoration: none;
            color: #1F364D;
        }

.newcard {
    max-width: 400px;
    border: 2px solid rgba(100, 100, 100, 0.2);
    border-radius: 5%;
    box-shadow: 15px 15px 25px rgba(50, 50, 50, 0.3);
    background-color: white;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 12%;
}

    .newcard:hover {
        border: 2px solid rgba(50, 50, 50, 0.3);
        box-shadow: 15px 15px 25px rgba(25, 25, 25, 0.5);
    }

.mostratutte,
.mostrameno {
    margin: 30px auto;
    width: 250px;
    display: block;
}

.mostrameno {
    display: none;
}

.newcard > a {
    display: inherit;
    cursor: pointer;
    padding: 5%;
    width: 100%;
    height: 100%;
}

.newcards .votoNC {
    display: initial;
    font-size: x-large;
}

.newcard > a > figure > div {
    font-size: small;
    bottom: 5%;
    position: absolute;
    right: 0;
    color: white;
    background-color: #3FD93F;
    border-radius: 22px 0 0 22px;
    padding: 0 8px 2px 8px;
}

.newcards .utenteNC {
    font-size: medium;
}

.newcards .leggitutto {
    position: absolute;
    right: 3%;
    bottom: 3%;
    background-color: #E37B35;
    color: white;
}

    .newcards .leggitutto:hover {
        background-color: #d36B25;
        color: white;
    }

.newcard > a > i {
    float: right;
}

.newcards .recensione > a > i,
.newcards .i4kTested > a > i {
    color: #3FD93F;
}

.newcards .articolo > a > i,
.newcards .offerta > a > i,
.newcards .struttura > a > i {
    color: #24bcaf;
}

.newcard a h3 {
    margin: 0;
    padding: 0;
    color: #24bcaf !important;
    font-size: 1.3em;
    width: 85%;
}

.newcard a h5 span {
    font-size: small;
}

.newcard h5 {
    display: inline-block;
    margin: -2% 0 3% 0;
}

.newcards .offerta > a > h6 {
    position: absolute;
    bottom: 0;
    left: 5%;
}

.newcard a h5 i {
    color: #666;
}

.newcards .articolo > a > figure {
    background-color: #eee;
    width: 50%;
    height: 30%;
    background-size: cover;
    float: left;
    margin: 0 5% 3% 0;
}

.newcard h4 {
    color: #24bcaf;
    text-align: center;
    font-style: italic;
}

.newcards .offerta > a > h4 {
    padding: 0;
    font-style: normal;
    color: #DE2180;
}

.newcards .recensione > a > figure,
.newcards .struttura > a > figure,
.newcards .i4kTested > a > figure {
    background-color: #eee;
    position: relative;
    margin: 0;
    padding: 0;
    height: 50%;
    background-size: cover;
}

.newcards .struttura > a > figure {
    margin-bottom: 5%;
}

.newcards a > figure {
}

.newcards .offerta > a > figure {
    background-color: #eee;
    width: 100%;
    height: 35%;
    background-size: cover;
}

.newcard > a > figure > i {
    color: #DE2180;
    float: right;
    margin: -2px 10%;
    border-radius: 100%;
    display: none;
}

.newcards p {
    font-size: 13px;
    text-align: justify;
    height: 30%;
    overflow: hidden;
    position: relative;
}

.newcards .articolo > a p {
    line-height: 1.7em;
    height: inherit;
    display: initial;
    position: relative;
    top: -5px;
}

.newcards .offerta p {
    height: 20%;
}

.newcards .i4kTested > a > figure > div {
    background-color: white;
    background-image: url(../../img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
    width: 20%;
    height: 25%;
}

.newcards .newcard .leggitutto {
    color: white;
}

    .newcards .newcard .leggitutto:hover {
        color: white;
    }

.newcards .scadenza.btn {
    background-color: #f04f9f;
    color: white;
    margin: auto;
    max-width: 70%;
}

    .newcards .scadenza.btn:hover {
        background-color: #e03f8f;
    }

/*Comparse*/

.newcards .offerta > a > figure > i,
.newcards .recensione > a > h6,
.newcards .offerta > a > h6,
.newcards .i4kTested > a > h6 {
    display: inline-block;
}

    .newcards .articolo > a > h3 > i,
    .newcards .i4kTested > a > h3 > i,
    .newcards .struttura > a > h3 > i,
    .newcards .articolo > a > h5,
    .newcards .articolo > a > h4,
    .newcards .articolo > a > figure > div,
    .newcards .struttura > a > figure > div,
    .newcards .struttura > a > h6,
    .newcards .struttura > a > h4,
    .newcards .offerta > a > figure > div,
    .newcard.articolo > a > span,
    .newcards .i4kTested > a > figure > div > *,
    .newcards .scadenza,
    .newcards .offerta .data,
    .newcards .offerta .leggitutto,
    .newcards .offerta > a > h6 > i {
        display: none;
    }

.newcards .offerta .scadenza {
    display: block;
}

/**************************************************************************************************/
/**************************************************************************************************/

/*FINE CSS NEWCARDS - per favore non toccare!*/

/**************************************************************************************************/
/**************************************************************************************************/

#white_txt2 {
    color: #fff;
    font-size: 50px;
    margin-top: 80px;
}

#white_txt3 {
    color: #fff;
    font-size: 40px;
}

.centered {
    text-align: center;
    vertical-align: middle;
}

.btn .caret {
    /*margin-left: 120px;*/
    margin-top: -50px;
}

.mdk {
    display: none;
}

.bg-cyan > .container > .btn-group {
    padding-bottom: 10px;
    margin-top: 10px;
}

.cardFiltri #divDove .btn-group, .btn-group-vertical {
    padding-bottom: 0px;
}

.cardFiltri #divAttivita .checkBox input {
    margin: 4px 10px 0;
}

.cardFiltri #divServizi .checkBox input {
    margin: 4px 10px 0;
}

.cardFiltri .modal-content .checkBox input {
    margin: 0;
}

.modal-dialog .modal-content .modal-body tbody tr td label {
    display: inline;
}

.modalDivContent {
    display: inline-block;
}

@media (min-width: 900px) {
    .modal-dialog {
        width: 850px;
    }
}

.owl-item table tbody tr td {
    text-align: left;
    font-size: 16px;
}

.owl-theme .owl-controls {
    margin-top: -35px;
}

    .owl-theme .owl-controls .owl-page span {
        background: #eee;
    }

@media (max-width: 413px) {
    .owl-item table tbody tr td {
        font-size: 12px;
    }
}

@media (max-width:1199px) {
    .cardFiltri #divServizi .bt_orange,
    .cardFiltri #divAttivita .bt_orange {
        margin: 10px auto;
        display: block;
    }

    .headRight .btn-group.open .dropdown-menu {
        top: 46px;
    }
}

.bt_login.on.adm {
    border-radius: 100px;
    width: 33px;
    height: 33px;
    margin-top: 6px;
}

/* CSS per rendere rosa la barra sotto a Offerte nell'header/master */

.navbar-nav > li:nth-child(7) > a:hover {
    border-bottom: #DE2180 4px solid;
}

.navbar-nav > li > a {
    height: 36px;
}

/* Codice per far sė che il menų a scomparsa vada sopra alla pagina invece di spingere */

@media (max-width:769px) {
    #myNavbar {
        position: absolute;
        z-index: 105;
        background-color: white;
        width: 100%;
        border-radius: 0 0 5px 5px;
    }
}

@media (max-width:488px) {
    .cardFlexy.templateStyle,
    .templateStyle {
        width: 100%;
    }

        .templateStyle.speciali {
            margin: 0 auto;
            display: block;
            text-align: center;
        }
}

div .btn-group .btn-default {
    color: gray;
}

@media (min-width:447px) {
    .dx {
        margin: 5px 20px;
        width: 160px;
        float: left;
    }

    .pnlmob {
        display: table-cell;
        vertical-align: middle;
        padding: 0 8px 0 12px;
    }

    .contatta {
        display: table-cell;
        vertical-align: middle;
        padding: 6px 10px;
        font-size: 18px;
    }
}

@media (max-width:446px) {
    .dx {
        margin: 1%;
        width: 40%;
        float: left;
        max-width: 250px;
    }

    .bt_orange a {
        padding: 5px;
        font-size: 15px;
    }


    .pnlmob {
        display: table-cell;
        vertical-align: middle;
        padding: 0;
    }

    .contatta {
        display: table-cell;
        vertical-align: middle;
        padding: 6px 10px;
        font-size: 15px;
    }
}

@media (max-width: 630px) {
    .dx.scriviRecensione {
        float: none;
        clear: both;
        width: 60%;
        margin: 0 auto;
        max-width: 250px;
    }

        .dx.scriviRecensione > a > div {
            padding-left: 10%;
        }
}

/*@media (max-width:445px) {
    .modal-dialog > .modal-content > .modal-body > div {
        height: 120px;
        width: 170px;
    }
}

@media (min-width:446px) and (max-width:531px) {

    .modal-dialog > .modal-content > .modal-body > div {
        height: 120px;
        width: 170px;
    }
}*/

@media (min-width: 510px) {
    .filtra {
        display: none;
    }
}

#divFiltri > .cardFiltri > .question > .fa-chevron-down {
    margin: 10px;
}

.btn-group-sm > .btn, .btn-sm {
    padding: 2px 5px;
}

#card2 {
    width: 240px;
    height: 145px;
    overflow: hidden;
    margin: 0 auto;
}

#card3 {
    width: 100%;
    height: 130px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    #card2 {
        width: 190px;
    }
}

@media (max-width: 489px) {
    #card2 {
        width: 100%;
    }
}

.fb-like {
    margin-bottom: 10px;
}

@media (max-width: 1200px) {

    .commFB > div {
        padding: 0;
        max-width: 930px;
    }

    .commFB .TitoloDx {
        margin-top: 5px;
    }
}

/* -------------------------------------------- CSS per APPUNTAMENTI -------------------------------------------- */

.ctApp,
.ctAppHotel {
    padding: 30px 0 80px 0;
}

.ctApp {
    padding-top: 0;
}

    .ctApp .goBack {
        float: right;
        width: auto;
        margin-right: 0;
    }

    .ctApp table {
        width: 95%;
        margin: 10px;
    }

    .ctApp .row {
        margin: 0;
    }

        .ctApp .row.where,
        .ctApp .row.infoApp,
        .ctApp .row.contattiApp,
        .ctApp .row.altroApp,
        .ctApp .row.pulsantiApp {
            margin-top: 30px;
            position: relative;
        }

            .ctApp .row.pulsantiApp > div {
                margin: 20px 50%;
                width: 100%;
            }

            .ctApp .row.where .coords {
                width: 100%;
                position: relative;
            }

    .ctApp .dataApp > div {
        margin-top: 5px;
    }

    .ctApp .shareApp {
        position: fixed;
        top: 15%;
        margin: 10px 5px;
        z-index: 200;
    }

@media (max-width: 990px) {
    .ctApp .shareApp {
        right: 3.5%;
    }
}

.ctBody.ctApp .bt_orange.btApp.saveEdit {
    float: none;
}

.pulsantiApp .btApp.btn-danger,
.pulsantiApp .bt_orange.btApp {
    float: left;
}

.pulsantiApp .btApp.btn-danger {
    margin: 10px auto 10px 30px;
}

@media (max-width: 991px) {
    .ctApp .row.where .coords.dataApp {
        top: 25px;
    }
}

@media (min-width: 992px) {
    .ctApp .row.where .coords .nomeRiga.lat {
        margin-left: 8.333333333%;
    }
}

.btn-danger.btApp {
    padding: 10px 15px;
    border-radius: 50px;
}

.nomeRiga {
    text-align: right;
    white-space: nowrap;
}

.row .nomeRiga, .row .txtRiga {
    margin: 0 0 15px 0;
}

@media (max-width: 990px) {
    .nomeRiga,
    .txtRiga {
        margin: 5px 0;
    }

        .nomeRiga.addressApp,
        .nomeRiga.statoApp,
        .dataApp,
        .nomeRiga.cellApp {
            clear: both;
        }
}

@media (max-width: 535px) {
    .ctApp .goBack {
        width: auto;
    }
}

.textApp {
    width: 100%;
    height: 1.5em;
    outline: none;
}

    .textApp.provincia,
    .textApp.rilevanza {
        width: 35px;
    }

    .textApp.descrApp {
        height: 10em;
        width: 100%;
    }

.dataApp {
    margin-top: 2px;
    position: relative;
}

    .dataApp .dataDa,
    .dataApp .dataA,
    .dataApp .orarioDa,
    .dataApp .orarioA {
        text-align: right;
        padding-right: 15px;
        margin-bottom: 3px;
    }

    .dataApp .col-md-3 {
        padding-left: 5px;
    }

.bt_orange.btApp {
    text-align: center;
}

/* CSS x APP_ELE */

.appElenco {
    margin: 20px auto 60px auto;
    border: solid 0 rgba(0,0,0,0);
    border-radius: 5px;
}

    .appElenco tr {
        height: 50px;
    }

        /*.appElenco tr:first-child th:first-child {
            border-radius: 10px 0 0 0;
        }

        .appElenco tr:first-child th:last-child {
            border-radius: 0 10px 0 0;
        }

        .appElenco tr:last-child td:first-child {
            border-radius: 0 0 0 10px;
        }

        .appElenco tr:last-child td:last-child {
            border-radius: 0 0 10px 0;
        }*/

        .appElenco tr td:nth-child(1n+2) {
            border-left: 2px solid #ddd;
        }

        .appElenco tr td:last-child {
            border-left: none;
        }

    .appElenco .modificaBtn a {
        color: #269abc;
        font-weight: bold;
        background-color: rgba(255,255,255,0);
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 2px solid #46b8da;
        transition: background 0.3s, color 0.28s;
    }

    .appElenco .modificaBtn:hover > a {
        background-color: #31b0d5;
        border-color: #269abc;
        color: #fff;
    }

    .appElenco .modificaBtn:active > a {
        background-color: #269abc;
        border-color: #1b6d85;
        color: #fff;
    }

    .appElenco tbody tr .btn-danger {
        background-color: rgba(255,255,255,0);
        border-radius: 0;
        border: 2px solid #d43f3a;
        color: #ac2925;
        font-weight: bold;
        transition: background 0.3s, color 0.28s;
    }

        .appElenco tbody tr .btn-danger:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

        .appElenco tbody tr .btn-danger:active {
            color: #fff;
            background-color: #c9302c;
            border-color: #ac2925;
        }

    .appElenco > tbody > tr > td {
        /*border: none;*/
        vertical-align: middle;
    }

    .appElenco tbody tr th {
        text-align: center;
        vertical-align: middle;
        font-size: 1.25em;
        border: none;
    }

    .appElenco tbody tr th {
        color: #337ab7;
    }

    .appElenco tbody bt_orange a {
        color: white;
        text-decoration: none;
    }

.titleApp, .bold {
    font-weight: bolder;
}

.appTitoloH {
    float: left;
    font-weight: bold;
    text-shadow: 1px 1px 5px white, -1px -1px 5px white, 0px 1px 5px white, 0px -1px 5px white, 1px 0px 5px white, -1px 0px 5px white;
}

/* CSS x APP_ELE */

/* -------- CSS per APPUNTAMENTI UTENTI -------- */

.textAppHotel {
    padding: 5px;
    border-radius: 5px;
    border-width: 1.5px;
    width: 100%;
    outline: none;
    box-shadow: 0 1px 2px rgba(180,180,180,0.5) inset;
}

.where .textAppHotel:active,
.where .textAppHotel:hover {
    box-shadow: 0 0 20px rgba(77,166,255,0.25);
}

.where .textAppHotel:focus {
    box-shadow: 0 0 20px rgba(77,166,255,0.4);
}

.infoApp .textAppHotel:active,
.infoApp .textAppHotel:hover {
    box-shadow: 0 0 20px rgba(248,153,56,0.25);
}

.infoApp .textAppHotel:focus {
    box-shadow: 0 0 20px rgba(248,153,56,0.4);
}

.ctAppHotel table {
    width: 95%;
}

.ctAppHotel .row {
    margin-bottom: 3px;
}

    .ctAppHotel .row.where,
    .ctAppHotel .row.infoApp,
    .ctAppHotel .row.contattiApp,
    .ctAppHotel .row.altroApp,
    .ctAppHotel .row.pulsantiApp {
        margin-top: 30px;
    }

/* -------- FINE CSS per APPUNTAMENTI UTENTI -------- */
/* -------- CSS per APPUNTAMENTI PUBBLICO -------- */

.ctApp .row .cyan_txt h1 {
    font-size: 2.5em;
    margin-top: 10px;
}

.ctApp .row div i,
.fa.goToAppUpd {
    height: 42px;
    color: rgba(77,166,255,1);
    border-radius: 100%;
    box-shadow: 0 4px 6px rgba(50,50,50,0.4);
    display: inline-block;
}

    .ctApp .row div i:hover,
    .ctApp .row div i:active,
    .fa.goToAppUpd:hover {
        color: rgba(248,153,56,1);
        box-shadow: 0 8px 11px rgba(50,50,50,0.55);
        margin: 0 0 10px 0;
    }

    .ctApp .row div i.favoriteIco {
        box-shadow: none;
        color: #ef509d;
    }

i.favoriteIco:hover {
    cursor: pointer;
}

.ctApp .row div i.favoriteIco:active {
    bottom: -3px;
}

.row .goToAppEle {
    display: inline-block;
    padding-left: 4.16%;
    float: left;
    width: 8.333333%;
}

@media (max-width: 990px) {
    .row .goToAppEle {
        padding-left: 2%;
    }
}

.provinciaApp {
    text-transform: uppercase;
}

.AppContatti ul {
    margin-left: 8.33333333%;
}

.AppContatti li {
    padding-top: 7px;
    padding-bottom: 15px;
}

    .AppContatti li span:first-child {
        font-style: italic;
    }

@media (max-width: 768px) {
    .AppContatti ul {
        margin-left: 0;
    }
}

/* -------- FINE CSS per APPUNTAMENTI PUBBLICO -------- */
/* -------------------------------------------- FINE CSS per APPUNTAMENTI -------------------------------------------- */

.btn-group.bootstrap-select.show-tick.zeroMarginLR {
    margin-left: -5px;
    margin-right: -5px;
    width: 100%;
}

.container > .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    height: 30px;
    padding-top: 5px;
}

.whiteBorder {
    border-color: #fff;
}
.w60{
    width:60%;
    margin-left:auto;margin-right:auto;
    display:block;
    text-align:center
}



.ctBlog .bt_lilghost {
    display: block;
    float: left;
    min-width: 50px;
    margin-bottom: 20px;
    padding: 3px 30px;
}

    .ctBlog .bt_lilghost.elenco {
        border-right: 0;
        margin-left: 75%;
    }

    .ctBlog .bt_lilghost.elencoIns {
        float: right;
    }

    .ctBlog .bt_lilghost.insert {
        border-left: 0;
    }

    .ctBlog .bt_lilghost.update {
        border-left: none;
        border-right: none;
    }

    .ctBlog .bt_lilghost.look {
        border-left: none;
    }

    .ctBlog .bt_lilghost.img {
        position: absolute;
        bottom: -48px;
        right: 95px;
        padding: 3px 7px;
    }

    .ctBlog .bt_lilghost.pdf {
        position: absolute;
        bottom: -48px;
        right: 15px;
        padding: 3px 7px;
    }

@media (max-width: 1200px) {
    .ctBlog .bt_lilghost.elenco {
        margin-left: 70%;
    }

    .ctBlog .bt_lilghost.img {
        bottom: -48px;
        right: 15px;
    }

    .ctBlog .bt_lilghost.pdf {
        bottom: -80px;
        right: 15px;
    }
}

@media (max-width: 992px) {
    .ctBlog .bt_lilghost.elenco {
        margin-left: 66%;
    }

    .ctBlog .bt_lilghost.img {
        top: 0px;
        right: -75px;
        bottom: auto;
        width: 91px;
    }

    .ctBlog .bt_lilghost.pdf {
        top: 32px;
        right: -75px;
        bottom: auto;
        width: 91px;
    }
}

@media (max-width: 646px) {
    .ctBlog .bt_lilghost.elenco {
        margin-left: 40%;
    }
}

.ordiniRiep .bt_ghost.bt_lilghost {
    background-color: #fff;
}

    .ordiniRiep .bt_ghost.bt_lilghost:hover {
        background-color: #d67a3c;
    }

.miniPreview {
    width: 50px;
}



@media (max-width: 646px) {
    #linkOfferte.dx {
        width: 80%;
    }
}

.container > .bt_HomeSearch {
    position: static;
    top: auto;
    left: 70%;
    height: 44px;
    border-radius: 0;
    border: none;
    background-color: rgba(227,123,53,1);
}

.box_grigio > .bt_strutturaHome {
    background-color: rgba(227,123,53,1);
    border: #E37B35;
}

.imgCarousel {
    display: none;
}

@media (max-width:1200px) {


    .imgCarousel {
        width: 100px;
        height: 90%;
        background-color: cyan;
        float: left;
        margin-top: 1%;
        margin-left: 1.5%;
        display: block;
    }

    

    .cardFiltri.offerta,
    #divFiltri h2.pink_txt {
        display: none;
    }
}
.cardFiltri .cardFlexy {
    margin: 5px 0;
}



/* ACCORDION OFFERTE CSS */

.panel.panel-default {
    border-radius: 0;
    border: none;
    box-shadow: none;
    border-color: #ddd;
}

    .panel.panel-default > .panel-heading {
        border-radius: 0;
        padding: 1px;
        margin: 8px auto 2px auto;
        background: #fff;
        border-top: 1px solid #f89938;
        border-bottom: 1px solid #f89938;
    }

    .panel.panel-default > .panel-heading2 {
        color: #333;
        background-color: #fff;
        border-color: #ddd;
        font-weight: bold;
    }

.panel-heading2 {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel.panel-default > .panel-heading:hover,
.panel.panel-default > .panel-heading:hover a span,
.panel.panel-default > .panel-heading:active,
.panel.panel-default > .panel-heading:active a span,
.panel.panel-default > .panel-heading:focus,
.panel.panel-default > .panel-heading:focus a span {
    background: #f89938;
    color: #fff;
}

.bg-grigetto.azzurrobold.centered {
    padding: 12px;
    font-size: large;
    margin-top: 20px;
}

.panel-collapse.collapse > table {
    margin-bottom: 15px;
}


/* FINE ACCORDION OFFERTE CSS */

.panel.panel-default > .panel-heading.bg-orange {
    background-color: #f89938;






#sec_offerte .cardFlexy .small.pink_txt {
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .container.sezioni .TitH2 {
        margin: 20px 0;
        position: relative;
        bottom: 0;
    }

    #sec_offerte .cardFlexy .small.pink_txt {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}

.catHome .TitH2 {
    margin: 20px auto;
    position: relative;
    bottom: 70px;
    width: 210px;
    transition: 0.3s all;
}

.categoriaHome {
    transition: all 0.225s;
    position: relative;
    bottom: 0px;
    margin: 10px 0 10px 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: inline-block;
    color: white;
    font-size: 1.5em;
    padding-top: 5px;
    width: 50px;
    padding: 5px;
    text-align: center;
    /*background-color: rgba(77, 166, 255, 0.66);*/
}

    .categoriaHome:hover {
        bottom: 3px;
        box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
        cursor: pointer;
    }

@media (max-width: 410px) {
    .categoriaHome {
        margin: 10px 2px;
    }
}

.btnCercaHome {
    text-align: left;
}

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

.tagHome {
    width: 100%;
    background-color: #fff;
    padding: 0 15px;
    transition: all 0.2s;
    background-position: center;
    background-size: cover;
    height: 200px;
    position: relative;
}

    .tagHome:hover {
        cursor: pointer;
        padding: 0;
    }

    .tagHome img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.lblTagHome {
    color: #fff;
    max-width: 90%;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
    padding: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 1px 1px 4px rgba(0,0,0,0.77), 0px 0px 5px rgba(0,0,0,0.5);
}

@media (max-width: 992px) {
    .catHome .TitH2 {
        margin: 20px 0;
        position: relative;
        bottom: 70px;
        width: 100%;
        font-size: 1.25em;
    }
}

.communityCard {
    border: 1px #ddd solid;
    width: 100%;
    height: 400px;
    text-align: center;
    position: relative;
    cursor: pointer;
}

    .communityCard:hover {
        z-index: 2;
        box-shadow: 0px 4px 15px rgba(0,0,0,0.3);
    }

    .communityCard p {
        padding: 10%;
        height: 100%;
    }

.z1 {
    z-index: 1;
}

.z50 {
    z-index: 50;
    position: absolute;
    left: 0;
}

.ccInside {
    position: absolute;
    height: 400px;
    padding-top: 200px;
    width: 100%;
}

.ccImgBg {
    background-color: #fff;
}

.ccBtn {
    border-color: #fff;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    margin-top: 20px;
}

@media (max-width: 991px) {
    .communityCard {
        height: 270px;
    }

        .communityCard h2 {
            font-size: 1.2em;
        }

    .ccInside {
        height: 270px;
        padding: 0;
    }
}

@media (max-width: 768px) {
    .communityCard {
        margin-bottom: 20px;
    }

        .communityCard p {
            padding: 30px;
        }
}

#sec_blue, #sec_blue2 {
    padding: 120px 0 120px 0;
    background: #24bcaf; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(-90deg, #24bcaf, rgba(77, 166, 255, 0.60)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-90deg, #24bcaf, rgba(77, 166, 255, 0.60)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-90deg, #24bcaf, rgba(77, 166, 255, 0.60)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-90deg, #24bcaf, rgba(77, 166, 255, 0.60)); /* Standard syntax */
}

    #sec_blue p {
        font-size: 120%;
        padding: 20Px 0;
        color: white;
    }

#sec_blue2 {
    padding: 50px 0;
}

    #sec_blue2 > div {
        height: 500px;
        background: url('../../img/community-famiglie-bambini.png') center no-repeat;
        background-size: contain;
    }

@media (min-width:992px) {
    #sec_blue {
        background-color: #24bcaf;
        background: url('../../img/community_mamme.png') right bottom no-repeat;
        background: url('../../img/community_mamme.png') right bottom no-repeat, -moz-linear-gradient(45deg, #24bcaf, rgba(77, 166, 255, 0.30)); /* For Firefox 3.6 to 15 */
        background: url('../../img/community_mamme.png') right bottom no-repeat, -webkit-linear-gradient(45deg, #24bcaf, rgba(77, 166, 255, 0.30)); /* For Safari 5.1 to 6.0 */
        background: url('../../img/community_mamme.png') right bottom no-repeat, -o-linear-gradient(45deg, #24bcaf, rgba(77, 166, 255, 0.30)); /* For Opera 11.1 to 12.0 */
        background: url('../../img/community_mamme.png') right bottom no-repeat, linear-gradient(45deg, #24bcaf, rgba(77, 166, 255, 0.30)); /* Standard syntax */
        background-size: 35%, auto;
    }
}

.offertaSeeMore:hover {
    box-shadow: 0px 4px 15px rgba(0,0,0,0.3); /*#dd88b2;*/
}

.legenda {
    position: absolute;
    right: 5px;
    top: 30px;
    width: 20%;
    background-color: #fffbce;
    padding: 8px;
    border-radius: 8px;
}

    .legenda.blog {
        top: 150px;
        right: 5%;
        font-size: 0.88em;
        min-width: 305px;
    }

.imgUrl {
    width: 100%;
}

.coverApp {
    min-height: 100px;
    width: 100%;
    margin: 0 0 20px 0;
}

.row.coverApp {
    margin-bottom: 25px;
    margin-top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

.mapApp {
    height: 240px;
    min-width: 240px;
    margin-bottom: 40px;
    clear: both;
}

    .mapApp .mapAppUpd {
        position: absolute;
        bottom: -35px;
        right: 50%;
        transform: translateX(50%);
    }

@media (max-width: 991px) {
    .ctApp .legenda,
    .legenda.blog {
        display: none;
    }
}

@media (min-width: 992px) {
    .mapApp {
        height: 360px;
    }
}

.TitH3.Eventi {
    text-align: left;
    margin-left: 8.3333333333%;
    margin-right: 8.33333333333%;
    border-bottom: 2px solid;
    font-size: 24px;
}

.NLiscrizione {
    color: white;
}

.NLiscrizione, .NLPopup {
    text-align: center;
    width: 100%;
    padding: 12px;
    background-color: #24bcaf;
}

    .NLiscrizione h2 {
        margin-top: 12px;
    }

    .NLiscrizione .btn.bt_ghost {
        border-color: #fff;
        color: #fff;
        margin: -5px auto 18px auto;
    }

        .NLiscrizione .btn.bt_ghost:hover {
            border-color: #f89938;
        }

    .NLiscrizione .NLtxt {
        width: 100%;
        padding-left: 4px;
        color: #434343;
    }

    .NLiscrizione .link {
        font-weight: bold;
    }

@media (max-width: 768px) {
    .NLiscrizione {
        border-radius: 0;
    }
}

.blogTxT {
    height: 350px;
    width: 100%;
    padding: 3px 5px;
}

/* APPUNTAMENTI ELENCO */

.AppFilter {
    min-width: 160px;
    margin-top: 13px;
    padding: 0;
}

    .AppFilter .question {
        border-bottom: 1px solid;
        margin-top: 15px;
        display: block;
    }

.mese {
    border-bottom: 1px solid;
    margin-top: 15px;
    color: #24bcaf;
}

/* SCELTA PROFILO */

.bt_C2A {
    padding: 20px;
    border-right: 1px solid #c5c6ca;
    border-left: 1px solid #c5c6ca;
}

.prize {
    color: #306194;
    font-size: 40px;
    margin: 0;
}

.prize-no {
    color: #306194;
    font-size: 30px;
    opacity: 0.5;
    margin: 0;
}

.prize_iva {
    font-size: 14px;
    padding: 20px;
    color: #306194;
    text-transform: uppercase;
}

.informa {
    padding: 7px 3px;
}

    .informa:nth-of-type(4n+0),
    .informa:nth-of-type(4n-1) {
        background-color: rgba(225,225,225,0.33);
    }

    .informa:nth-of-type(4n-1) {
        padding: 9px 3px;
    }

.panel1,
.panel4 {
    font-size: 15px;
    height: 33px;
    color: #306194;
    padding: 0 4px;
}

.panel2,
.panel3 {
    text-align: center;
    color: #306194;
    border-right: 1px solid #c5c6ca;
    border-left: 1px solid #c5c6ca;
    padding: 6px;
    vertical-align: top;
}

.panel1, .panel3 {
    background-color: #f5fbff;
}

.panel-grigio {
    background-color: #bbb;
}

/* SCELTA PAGAMENTO */

.bt_bonifico,
.bt_paypal {
    background-color: white;
    border-width: 2px;
    border-color: #f89938;
    border-style: solid;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 50px;
    position: relative;
    bottom: 0px;
    transition: all 0.15s;
}

.bt_bonifico {
    padding: 30px;
}

.bt_paypal {
    background-image: url(../../img/paypal.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 86px;
}

    .bt_bonifico:hover,
    .bt_paypal:hover {
        bottom: 3px;
        box-shadow: 0px 6px 10px rgba(0,0,0,0.4);
        cursor: pointer;
    }

    .bt_bonifico:active,
    .bt_paypal:active {
        bottom: -4px;
        box-shadow: 0px 6px 10px rgba(0,0,0,0), 0px 4px 10px rgba(0,0,0,0.2) inset;
    }

/* NEWSLETTER & LANDING X FAMIGLIE */

.infoUserNL {
    margin: 0 auto;
    color: #306194;
    text-align: left;
    font-size: 14px;
    border: 2px solid;
    padding: 10px;
    border-radius: 20px;
    border-color: #306194;
    background-color: rgba(255, 255, 255, 0.6);
}

    .infoUserNL .checkbox,
    .infoUserNL .btn.btn-default,
    .infoUserLP .checkbox,
    .infoUserLP .btn.btn-default {
        margin: 15px;
    }

.infoUserLP {
    margin: 0 auto;
    color: #306194;
    text-align: left;
    font-size: 14px;
}

.infoUser2 {
    margin: 0 auto;
    color: #306194;
    text-align: left;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.6);
}



.wait {
    width: 100%;
    position: relative;
    top: 10px;
    font-weight: bold;
    float: right;
    line-height: 40px;
    font-size: 30px;
    padding-bottom: 30px;
}

.bluBar {
    text-align: center;
    background: #24bcaf;
    color: #fff;
    margin-bottom: 50px;
    padding: 10px;
    font-size: 35px;
}

h1.titNL {
    font-size: 32px;
    color: #24bcaf;
    text-transform: uppercase;
    text-align: center;
}

@media all and (min-width: 992px) {
    h1.titNL {
        font-size: 42px;
    }
}

.ctBody.ctNL .form-control.email,
.ctBody.ctNL .form-control.name,
.ctBody.ctNL .form-control.surname,
.ctBody.ctLP .form-control.email,
.ctBody.ctLP .form-control.name,
.ctBody.ctLP .form-control.surname {
    border-width: 2px;
    border-style: inset;
    border-color: initial;
}

}

/* CSS PER MP_PROPRIETARI */

.menuStrutt,
.menuServ,
.menuApp,
.menuOrdini,
.menuOfferte,
.menuDatiUser,
.menuComm {
    padding: 5px 5%;
    border-radius: 2px;
    transition: all 0.22s;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 1.1;
    color: #24bcaf;
    border: 1px solid #24bcaf;
    box-shadow: 0px 0px 2px;
}

    .menuStrutt:hover,
    .menuServ:hover,
    .menuApp:hover,
    .menuOrdini:hover,
    .menuOfferte:hover,
    .menuDatiUser:hover,
    .menuComm:hover {
        cursor: pointer;
        background-color: #24bcaf;
        color: #fff;
        padding-left: 8%;
    }

.subMenu:hover {
    cursor: pointer;
}

.subMenu a {
    font-size: 14px;
    color: #24bcaf;
    margin-left: 5px;
}

    .subMenu a:hover {
        font-weight: bold;
    }

.ctPropr {
    width: 80%;
    float: right;
    padding: 10px 10px 50px 10px;
    background-color: white;
    min-height: 70vh;
}

#latoPropr .speciali,
#latoPropr .speciali {
    padding: 36px 6px;
}

.showLat {
    display: none;
}

@media (max-width: 768px) {
    .ctPropr {
        width: 100%;
    }

    #latoPropr {
        position: absolute;
        z-index: 501;
        width: 50%;
        right: 100%;
    }

    .menuLat .speciali {
        border: 2px solid #24bcaf;
        border-right: none;
    }

    #latoPropr .speciali,
    #latoPropr .speciali {
        padding: 6px;
    }

    .showLat {
        display: block;
        float: left;
        position: absolute;
        right: 0;
        top: 90px;
        border: 1px solid #24bcaf;
        border-right: none;
        border-radius: 2px 0px 0px 2px;
        background-color: #fff;
        padding: 5px 10px;
        color: #24bcaf;
    }

        .showLat:hover {
            background: #dddddd;
            cursor: pointer;
        }
}

@media (max-width: 450px) {
    #latoPropr {
        width: 70%;
    }
}

.menuOn {
    position: absolute;
    right: 0 !important;
    top: 90px;
}

.lock {
    opacity: 0.7;
    filter: alpha(opacity=7);
    margin-top: 0px;
    width: 28px;
    padding-top: 6px;
}

    .lock:hover, .lock.active {
        opacity: 1.0;
        filter: alpha(opacity=10);
    }



/*INDEX*/



.minibanner {
    color: white;
    margin: 0;
    padding: 10px;
    font-size: 16px;
    background-color: #ff9933;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.colTitProfilo {
    color: white;
    margin-bottom: 0;
    padding: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.superTitolo {
    font-size: 20px;
    font-style: italic;
}

.subTitolo {
    font-size: 20px;
    line-height: 1.4em;
    letter-spacing: 0.5px;
    padding: 20px 0;
}

.Tit_Col {
    padding: 20px 0;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #24bcaf;
}

.titoloH2 {
    font-size: 48px;
    font-weight: bold;
    padding-top: 50px;
    color: #306194;
    text-align: center;
}


.subTitle {
    font-size: 15px;
}

.bt_ghost {
    margin-top: 20px;
}

.colonna {

    padding: 0 35px;
    line-height: 180%;
}

.col-bordo {
    padding-left: 15px;
    padding-right: 15px;
    margin: 15px 5px;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}

.col-centrale {
    max-width: 500px;
    padding: 30px;
    margin: 10px auto;
}

.modal-body {
    line-height: 150%;
    margin: 10px;
}

    .modal-body ul {
        margin-left: 20px;
    }



.panelTitolo_tf {
    position: relative;
    padding: 10% 0 90% 0;
    max-width: 550px;
    text-align: center;
}

.imgBG {
    margin: 3% auto;
    background: url('/img/its4kids-webmarketing-turismo-famiglie.png') no-repeat;
    background-size: contain;
    background-clip: content-box;
    background-position: bottom center;
    min-height: 300px;
    width: 100%;
    max-width: 550px;
}

@media (min-width: 768px) {
    .panelTitolo_tf {
        padding: 12% 0;
        max-width: 590px;
    }

    .imgBG {
        min-height: 400px;
        width: 46%;
        max-width: 590px;
    }
}

.height200 {
    min-height: 200px;
    height:200px;
    margin:20px auto;
}

.cube {
    text-align: center;
    min-width: 60px;
    min-height: 60px;
    font-size: 12px;
    vertical-align: text-bottom;
    margin-left: 10PX;
    margin-right: 10PX;
}

.nav-pills > li > a {
    background-color: #fff;
    color: hsl(210, 71%, 44%);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .pn-blue {
    color: #fff;
    background-color: #2374AB;
}

.nav-pills > li > a {
    border-radius: 0;
}


@media all and (max-width:768px) {
    .height100 {
        height: auto;
    }
}

@media all and (max-width: 991px) {

    .centra {
        margin: 10px;
        text-align: center;
    }
}

@media all and (min-width:768px) {
    .form-control.email {
        width: 415px;
    }

    .centra {
        margin: 50px auto 10px auto;
        text-align: center;
    }
}

.quad {
    border: solid 1px #d1d8de;
    background-color: #fff;
    border-radius:8px;
    padding:15px
}


/* FINE INDEX*/

/* PROFILI */

.barrato {
    color: #b1abb5;
    text-decoration: line-through;
}

ul {
    padding-left: 10px;
}

    ul.liv1 > li {
        padding-bottom: 10px;
    }


.btUsato {
    margin: 20px;
    border: 1px solid #b1abb5;
    color: #b1abb5;
    padding: 12px;
    text-transform: uppercase;
    font-size: 18px;
}

.colFootProfilo {
    margin-bottom: 0;
    padding-TOP: 8px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

.SezTitolo {
    font-size: 180%;
    padding: 10px;
    margin: 60px auto 0px auto;
    color: #24bcaf;
    letter-spacing: 0.08em;
    text-align: center;
    font-weight: bold;
}
.SezSubTitolo {
    margin: 10px 0 40px;
    letter-spacing: 0.08em ;
    text-align: center;
}

.subTitle {
    font-size: 15px;
}

.modal-body {
    line-height: 150%;
    margin: 10px;
}

    .modal-body ul {
        margin-left: 20px;
    }

/* FINE PROFILI */


.sottolinea {
    background-color: #7FEFA5;
    background: url(/img/sottolinea.png) no-repeat;
    background-size: 100%;
    display: inline-block;
}



.TitH2_sm {
    text-align: center;
    margin: 30px auto 30px auto;
}

.blue_gradient {
    padding: 50px;
    margin: 20px 0;
    background: rgba(77, 166, 255,1);
    background: -moz-linear-gradient(to right, rgba(54, 116, 179,1) 0%, rgba(77, 166, 255,1) 40%, rgba(77, 166, 255,1) 60%, rgba(54, 116, 179,1) 100%);
    background: -webkit-linear-gradient(to right, rgba(54, 116, 179,1) 0%, rgba(77, 166, 255,1) 40%, rgba(77, 166, 255,1) 60%, rgba(54, 116, 179,1) 100%);
    background: -o-linear-gradient(to right, rgba(54, 116, 179,1) 0%, rgba(77, 166, 255,1) 40%, rgba(77, 166, 255,1) 60%, rgba(54, 116, 179,1) 100%);
    background: -ms-linear-gradient(to right, rgba(54, 116, 179,1) 0%, rgba(77, 166, 255,1) 40%, rgba(77, 166, 255,1) 60%, rgba(54, 116, 179,1) 100%);
    background: linear-gradient(to right, rgba(54, 116, 179,1) 0%, rgba(77, 166, 255,1) 40%, rgba(77, 166, 255,1) 60%, rgba(54, 116, 179,1) 100%);
}

.gray_gradient {
    background: #ebf1f3;
    background: -moz-linear-gradient(top, #ebf1f3 0%, rgba(238,238,238,1) 50%, #ebf1f3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ebf1f3), color-stop(50%, rgba(238,238,238,1)), color-stop(100%, #ebf1f3));
    background: -webkit-linear-gradient(top, #ebf1f3 0%, rgba(238,238,238,1) 50%, #ebf1f3 100%);
    background: -o-linear-gradient(top, #ebf1f3 0%, rgba(238,238,238,1) 50%, #ebf1f3 100%);
    background: -ms-linear-gradient(top, #ebf1f3 0%, rgba(238,238,238,1) 50%, #ebf1f3 100%);
    background: linear-gradient(to bottom, #ebf1f3 0%, rgba(238,238,238,1) 50%, #ebf1f3 100%);
    padding: 40px 0;
}

.panel_gray {
    padding: 80px 0px;
    background: #ebf1f3;
}

.blue_txt p.centered {
    margin-top: -10px;
}

.numContatore {
    font-size: 200%;
}

.azzurrobold {
    color: #24bcaf;
    font-weight: bold;
}

a.azzurrobold:active, a.azzurrobold:link, a.azzurrobold:visited, a.azzurrobold:hover {
    color: #24bcaf;
    font-weight: bold;
}

.bluebold {
    color: #2070c0;
    font-weight: bold;
}

.bg-blue {
    background-color: #2070c0;
    color: #fff;
}

li.bg-gray {
    background-color: #F7F8F9;
}

.just {
    margin: 0px;
    text-align: justify;
}


.white_txt, .white_txt:hover, .white_txt:link {
    color: #fff;
}

.green_txt {
    color: #27C227;
}

.orange_txt {
    color: #ff9933;
}

.cyan_txt {
    color: #24bcaf;
}

    .cyan_txt:hover {
        color: #24bcaf;
    }

.pink_txt {
    color: #E83F6F;
}

    .pink_txt:hover {
        color: #E83F6F;
    }

.blue_txt {
    color: #888;
}

    .blue_txt:hover {
        color: #337ab7;
    }

.fucsia,
.fucsia a {
    background-color: #de2180; /*#fcedf5;*/ /* rgba(239,80,157,.1)*/ /* white;*/
    color: #3b3b3b;
}

/*
.fucsia h2 {
	color: #f04f9f;
}
.fucsia .header .max1280 {
	border-bottom: 1px solid #9C27B0;
}*/

.green,
.green a {
    background-color: rgba(62,179,62,.1);
    color: #3d663d;
}

    .green h2 {
        color: #3eb33e;
    }

.blue,
.blue a {
    background-color: rgba(76,146,217,.1);
    color: #3d5266;
}

    .blue h2 {
        color: #4c92d9;
    }

.orange,
.orange a {
    background-color: rgba(248,153,56,.1);
    color: #66523d;
}

    .orange h2 {
        color: #f89938;
    }

.gray {
    color: #7d7d7d;
}


.bg-white {
    background-color: #fff;
}

.bg-green {
    background-color: #27C227;
}

    .bg-green:hover {
        background-color: #37d237;
    }

.bg-pink {
    background-color: #E83F6F;
}

    .bg-pink:hover {
        background-color: #e03f8f;
    }

.bg-cyan {
    background-color: #24bcaf;
}

    .bg-cyan:hover {
        background-color: #5DB6FF;
    }

.bg-orange {
    background-color: #ff9933;
}

    .bg-orange:hover {
        background-color: #FF6600;
    }

.bg-gray {
    background-color: #F7F8F9;
}

.bg-grayLight {
    background-color: #FbFcfd;
}

.bg-beige {
    background-color: #faf7f5;
}

.bg-gray-azzurro {
    background-color: #eaf4fb;
}

.sottolineato {
    text-decoration: underline;
}

.maiuscolo {
    text-transform: uppercase;
}
.hide_tf {
display:none;
}