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


    color: #B7B7A4; verde pallido --- ;
    color: #F5EBE0; rosa pallido
    color: #EDEDE9; grigio chiaro
    color: #E69593; rosso prezzi
    color: #6B705C; verde scuro
    color: #717270; grigio testo

    img - opacity: 0.8

    font-family: 'Raleway', sans-serif;
    font-family: 'Inria Serif', serif;

*/



/*stile generale*/


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Raleway', sans-serif;
    color: #717270;


}


img {
    vertical-align: bottom;
    /*width: 100%;
    height: auto; permettono di rendere un'img larga quanto il contenitore e con un'altezza automatica -responsive- poi posso utilizzare object-fit ecc..*/
}





/************* LINEE E PALLINI **************/


.linea-sx {
    width: 25%;
    height: 3px;
    background-color: #edede9;
    position: absolute;
    top: 123px;
    left: 0;
}

.linea-sx::after {
    content: '';
    width: 9px;
    height: 9px;
    background-color: #edede9;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    right: 0;
}

.linea-dx {
    width: 25%;
    height: 3px;
    background-color: #edede9;
    position: absolute;
    top: 123px;
    right: 0;
}

.linea-dx::before {
    content: '';
    width: 9px;
    height: 9px;
    background-color: #edede9;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    left: 0;
}






.servizi .linea-sx,
.servizi .linea-dx,
.orari .linea-sx,
.orari .linea-dx,
.orari-toelettatura .linea-sx,
.orari-toelettatura .linea-dx,
.altri-servizi .linea-sx,
.altri-servizi .linea-dx,
.orari-asilo .linea-sx,
.orari-asilo .linea-dx,
.orari-pensione .linea-sx,
.orari-pensione .linea-dx,
.prezzi-asilo .linea-sx,
.prezzi-asilo .linea-dx,
.storia .linea-dx,
.storia .linea-sx {

    width: 30%;
    top: 26px;
}

.struttura .linea-sx,
.le-gine .linea-dx {
    width: 55%;
    height: 1px;
    background-color: #717270;
}

.struttura .linea-sx::after,
.le-gine .linea-dx::before {
    background-color: #717270;
    top: -4px;
}

.wrap-servizi-toelettatura .linea-sx,
.wrap-servizi-asilo .linea-sx,
.wrap-servizi-pensione .linea-sx {
    width: 55%;
}


/************** BOTTONI ***************/

.btn a {


    background-color: #b7b7a4;



}

.form-group-submit input:hover,
.btn a:hover {

    background-color: #717270;
}



.struttura .btn a {
    background-color: #b7b7a4;
    color: #fff;
}

.orari .btn a,
.wrap-servizi-toelettatura .btn a,
.orari-toelettatura .btn a,
.wrap-call .btn a,
.wrap-servizi-asilo .btn a,
.orari-asilo .btn a,
.wrap-servizi-pensione .btn a,
.orari-pensione .btn a,
.tab-prezzi-asilo .btn a,
.tab-prezzi-pensione .btn a,
.tab-prezzi-toelettatura .btn a {
    background-color: #edede9;
}



/**************** header  ******************/
header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

header.contenitore-menu {
    position: relative;
}

/**************** MENU  ******************/
#burger {
    display: none;
}

.contenitore-menu {
    width: 100%;
    height: 200px;
    background-color: #FFF;
}

.nav-wrapper-mobile,
.menu-mobile {
    display: none;
}

.nav-wrapper {
    margin-top: 30px;
    width: 100%;

    position: relative;
    z-index: 20;
}

img.logo {

    width: 111px;
    height: 111px;
}

.wrap-menu-sx,
.wrap-menu-dx {
    text-align: center;
    padding: 46px 0;

}


.menu ul li {
    display: inline-block;
    position: relative;

}

.menu a,
.menu span {
    display: block;
    text-transform: uppercase;
    font-weight: 300;
    padding: 0 20px 10px 20px;
    color: #717270;
    letter-spacing: 2px;
    transition: .3s;

}


.wrap-menu-sx a:first-child {
    padding-left: 20px;
}


/**.wrap-menu-dx a:last-child{
      padding-right: 10px;
  }
/**
 .wrap-menu-sx .has-children li a {
    padding-left: 24px;
}

.wrap-menu-dx .has-children li {
    padding-left: -7px;
} 
**/


.wrap-menu-sx .has-children li a {
    text-align: left;
    padding-left: 40px;
}

.wrap-menu-dx .has-children li a {
    text-align: left;
    padding-left: 40px;
}




.menu a:hover,
.menu span:hover,
.menu-home a:hover .menu-home span:hover {
    font-weight: 600;
}


.attivo>a,
.attivo span {
    font-weight: 600;
}


.menu {
    list-style: none;
}

.sub-menu {
    position: absolute;
    top: 36px;
    left: -21px;
    visibility: hidden;
    opacity: 0;

}

.sub-menu-dropdown {
    transition: .5s;
    visibility: visible;
    opacity: 1;
    top: 26px;
}

.sub-menu li {
    width: 100%;
    border-bottom: 1px solid #b7b7a440;

}

.sub-menu a {
    padding: 5px 12px;
}

.sub-menu a:hover {
    background-color: #f5ebe07b;

}



/******** MENU HOMEPAGE ********/

.menu-home {
    color: #fff;
}

.menu-home a {
    color: #fff;
}

.menu-home .sub-menu li {
    border-bottom: 1px solid rgba(245, 235, 224, 0.32);

}

.menu-home .sub-menu a:hover {
    background-color: rgba(11, 12, 11, 0.31);

}

.contenitore-menu .menu-home {
    display: none;
}

.menu-home span {
    color: #FFF;
}

/******** PSEUDOELEMENTO DOT **********/

.dot::after {
    content: '';
    width: 9px;
    height: 9px;
    background-color: #F5EBE0;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    left: -7px;
}

.has-children::after {
    content: '';
    width: 9px;
    height: 9px;
    background-color: #F5EBE0;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    left: -7px;
}


/**************** HERO-SECTION ******************/

.hero-section {
    background: url("../img/hero-section.jpg") no-repeat center;
    background-size: cover;
    height: 100vh;
    width: 100%;



}

.hero-section::after {
    content: '';
    background-color: #0b0c0b;
    opacity: 0.5;
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;

}

/******* WELCOME *******/

.welcome-wrapper {
    position: relative;
    top: 400px;
    left: 50%;
    z-index: 10;
    width: 50%;
    transform: translateX(-50%);
}

.welcome-wrapper h1,
h2 {
    color: #fff;


}

.welcome-wrapper h1 {
    font-weight: 400;
    font-size: 50px;
}

.welcome-wrapper h2 {

    line-height: 35px;
    letter-spacing: 2px;
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
    font-size: 23px;
    text-align: center;
}

.btn a {
    margin: 40px;

    background-color: rgba(255, 255, 255, 0.72);
    color: #6B705C;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    display: block;
    padding: 17px 26px;

    text-align: center;
}

.form-group-submit input:hover,
.btn a:hover {

    background-color: #717270;
    color: #F5EBE0;
    border: 1px solid #F5EBE0;


}

.slogan-wrap {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.virgolettesx {
    width: 45px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    left: -10%;


}

.virgolettedx {
    width: 45px;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    right: -10%;


}


/*********** SECTION - SERVIZI ***********/

.servizi {
    margin: 135px 0;

}

/********************** CARD ********************/

.servizi,
.altri-servizi {
    position: relative;

}

.card-asilo,
.card-toelettatura {
    margin-top: 212px;
    position: relative;

}

.card-pensione {
    margin-top: 416px;
    position: relative;
}

.card-asilo::before,
.card-pensione::before,
.card-toelettatura::before,
.card-giulia::before,
.card-maddalena::before {

    content: '';
    width: 12px;
    height: 12px;
    background-color: #edede9;
    border-radius: 50px;
    position: absolute;
    top: -72px;
    left: 50%;
    transform: translateX(-35%);
}

.card-asilo::after,
.card-pensione::after,
.card-toelettatura::after,
.card-giulia::after,
.card-maddalena::after {
    content: '';
    width: 3px;
    height: 62px;
    background-color: #edede9;
    position: absolute;
    top: -62px;
    left: 50%;
}


.card-asilo img,
.card-pensione img,
.card-toelettatura img {
    width: 380px;
    height: 380px;
    opacity: 0.8;
    border-radius: 500px;
    border: 34px solid #edede9;

}

.semicerchio,
.semicerchio-founder {

    clip-path: circle(69% at 50% -51%);
    /*il primo valore aumenta e diminuisce/ il secondo valore posiziona nel div dx-sx/ il terzo valore aumenta o diminuisce la sezione sopra-sotto*/
    background-color: #000;
    width: 361px;
    height: 136px;
    position: absolute;

    background-color: rgba(183, 183, 164, 0.85);
    bottom: -17px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 28px;
    text-transform: uppercase;
    color: #fff;
    padding-top: 30px;
}

.semicerchio:hover {
    background-color: #717270;
}

.card-asilo a:hover,
.card-pensione a:hover,
.card-toelettatura a:hover {
    color: #F5EBE0;
    opacity: 0.85;

}

.zampa {
    width: 90px;
    height: 90px;
    font-size: 90px;
    color: #6B705C;
    opacity: 0.28;
    position: absolute;
    top: 156px;
    left: 50%;
    transform: translateX(-50%);

}


/************** struttura **************/

.struttura,
.le-gine {
    background-color: rgba(255, 232, 214, 0.27);
    position: relative;

}


.struttura img,
.le-gine img,
.wrap-servizi-toelettatura img,
.wrap-servizi-asilo img,
.wrap-servizi-pensione img {
    width: 100%;
    height: auto;
    border-radius: 100%;

}

.struttura-txt {
    padding: 85px 153px 0 0;

}


.wrap-struttura p {
    font-weight: 600;
    text-align: center;
    padding: 65px 0;
}

/************* orari ***************/

.orari-apertura {
    position: relative;
    margin: 170px 0;
}



/********** orari asilo **********/

/***************** tabella orari ************************/

.tab-orari table,
.tab-orari-asilo table,
.tab-orari-toelettatura table,
.tab-orari-pensione table {
    width: 100%;

    border-collapse: collapse;

}

.tab-orari td:first-child,
.tab-orari-asilo td:first-child,
.tab-orari-toelettatura td:first-child,
.tab-orari-pensione td:first-child {
    text-transform: uppercase;
    padding-left: 26px;
}

.tab-orari td:first-child {
    padding-right: 300px;
    /*ridurre in responsive perché sfasa la larghezza nel ridimensionamento*/

}

.tab-orari-asilo td:first-child p,
.tab-orari-toelettatura td:first-child p,
.tab-orari-pensione td:first-child p {
    color: #b7b7a4;
    font-size: 18px;
    font-weight: 600;
    padding: 7px 35px 0 0;

}

.tab-orari table td,
.tab-orari-asilo td,
.tab-orari-toelettatura table td,
.tab-orari-pensione table td {
    border-bottom: 3px solid #edede9;
    padding: 24px 0;
    font-size: 25px;
    letter-spacing: 2px;

}

.text-matita p {
    font-size: 22px;
    color: #b7b7a4;
    font-weight: 600;
    padding: 24px 0 0 26px;
}

.tab-orari td:last-child,
.tab-orari-toelettatura td:last-child {
    padding-left: 20px;

}

.orari-toelettatura,
.orari-asilo,
.orari-pensione {
    position: relative;
}


/*************** le gine *************/




.le-gine-txt p {
    padding: 85px 0 0 153px;
    text-align: right;

}

.le-gine img {
    margin: 70px 0 189px 0;
}

/************** newsletter *****************/



.newsletter {
    margin-top: 170px;
    padding: 103px 0;
    background-color: #b7b7a4;
    position: relative;


}


.newsletter p {
    text-align: center;
    padding: 72px 0;
}



.div {
    padding-top: 170px;
}


/************* form *************/

.form-group-pagina {
    position: relative;
}

:focus {
    outline: none;
}

.form-group-pagina,
.p-nome,
.p-email,
.p-submit {

    width: 90%;
    border: none;
    padding: 22px 0 22px 22px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 300;

}



.form-group-pagina button {

    padding: 22px 80px 22px 30px;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 400;
    background-color: #717270;
    color: #fff;

}

button .mail {
    font-size: 28px;
    position: absolute;
    top: 41px;
    right: 116px;
}

.form-group-pagina button:hover,
button .mail:hover {
    color: #717270;
    background-color: #F5EBE0;


}

/********** check *********/


.checkbox-wrapper {
    display: block;
    position: relative;
    margin: 20px 30px 0 3px;
    cursor: pointer;
    font-size: 18px;

}

.checkbox-wrapper a {
    text-decoration: underline;
}



/************** footer ********************/

/******** linee *********/

/***** sx *****/

.f-servizi,
.f-prezzi,
.f-team,
.f-dove,
.f-social,
.f-contatti {
    position: relative;
}

.linea-f1,
.linea-f2,
.linea-f3 {

    width: 270px;
    height: 1px;
    background-color: #edede9;
    position: absolute;
    top: 94px;
    left: 0px;

}

/****** pallini ******/

.linea-f1::after,
.linea-f2::after,
.linea-f3::after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #edede9;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    right: 0px;
}


/***** dx *****/

.linea-f4,
.linea-f5,
.linea-f6 {
    width: 270px;
    height: 1px;
    background-color: #edede9;
    position: absolute;
    top: 94px;
    right: 0px;
}

/****** pallini ******/

.linea-f4::before,
.linea-f5::before,
.linea-f6::before {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #edede9;
    border-radius: 50px;
    position: absolute;
    top: -3px;
    left: 0px;
}


.footer-wrap {
    background-color: #717270;
    padding: 0 0 50px;
}


.h1-footer {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    text-align: center;
    padding-top: 38px;
}



.f-servizi,
.f-prezzi,
.f-team {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 18px;
    font-weight: 300;
}

.footer-wrap a:hover {
    text-decoration: underline;
}

.footer-wrap a:visited {
    color: #b7b7a4;
}

.footer-wrap a:link {
    color: #F5EBE0;
}


/******* sinistra ********/

.f-servizi h3,
.f-prezzi h3,
.f-team h3 {
    font-size: 25px;
    color: #F5EBE0;
    text-transform: uppercase;
    font-weight: 400;
    padding: 60px 0 44px 30px;


}

.f-servizi ul li {
    list-style: none;

}



.f-servizi ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #F5EBE0;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 2em;
    /* Also needed for space (tweak if needed) */
    margin-left: 0em;
    /* Also needed for space (tweak if needed) */

}


/******* centro ********/

.newsletter-footer h3 {
    font-size: 25px;
    color: #F5EBE0;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 30px;
}


.logo-footer {
    margin-top: 35px;
}

.logo-footer img {
    width: 150px;
    height: 150px;

}

/**** virgolette ****/

.slogan {
    position: relative;
}

.virgolettesx-f,
.virgolettedx-f {
    width: 29px;
    height: 23px;
    opacity: 0.8;

}

.virgolettesx-f {
    position: absolute;
    top: 28px;
    left: 28%;


}

.virgolettedx-f {
    position: absolute;
    top: 88px;
    right: 24%;

}


.newsletter-footer {
    padding-bottom: 72px;
    position: relative;

}

.linea-news {
    width: 209px;
    height: 1px;
    background-color: #edede9;
    position: absolute;
    top: 164px;
    left: 210px;

}

/********* form ********/

.newsletter-footer h3 {
    padding: 130px 0 35px 0;
    text-align: center;

}

.newsletter-footer p {
    text-align: center;
    padding: 0 0 20px 0;
}


.f-nome,
.f-email {

    padding: 15px 25px 15px 10px;
    font-size: 16px;

}

.newsletter-footer button {
    padding: 15px;
    background-color: #b7b7a4;
    border: none;
    color: #fff;
    font-size: 18px;

}

.newsletter-footer button:hover,
button .mail-f:hover {
    color: #717270;
    background-color: #F5EBE0;


}

.check {
    margin: 18px 0 0 0;
}

/******* destra ********/

.f-dove h3,
.f-social h3,
.f-contatti h3 {
    font-size: 25px;
    color: #F5EBE0;
    text-transform: uppercase;
    font-weight: 400;
    padding: 60px 30px 44px 0;


}

.f-dove,
.f-contatti {
    text-align: right;
    font-size: 20px;
    font-weight: 300;
}

.f-social h3 {
    text-align: right;
}

.icon-social a {
    font-size: 30px;
    padding-left: 20px;
}

.f-contatti a {
    display: block;

}

.icon-mail i,
.icon-whatsapp i {
    font-size: 25px;
    padding-right: 20px;

}

.icon-mail a,
.icon-whatsapp a {
    font-size: 20px;
}

.icon-whatsapp {
    padding-top: 15px;
}

/********** footer-info ************/

.footer-info {
    background-color: #edede9;
}

.footer-info p {
    font-size: 18px;
    padding: 30px 0;
}


/******************** PAGINE ***************/

/******* HERO SECTION ********/

/************* IMMAGINI HERO-SECTION **************/

.hero-section-toelettatura,
.hero-section-asilo,
.hero-section-pensione,
.hero-section-contatti,
.hero-section-faq,
.hero-section-prezzi,
.hero-section-team {
    background-color: #edede9;
}

.hero-title h1 {
    font-size: 38px;
    font-weight: 400;
    text-align: center;
    padding: 70px 0;
}

.hero-section-pensione .hero-img {

    background: url("../img/pensione.jpg") no-repeat;
    background-position: 100% 65%;
    background-size: cover;
    width: 100%;
    height: 654px;
}

.hero-section-asilo .hero-img {

    background: url("../img/asilo.jpg") no-repeat;
    background-position: 100% 30%;
    background-size: cover;
    width: 100%;
    height: 654px;
}

.hero-section-toelettatura .hero-img {

    background: url("../img/toelettatura1.jpg") no-repeat;
    background-position: 100% 44%;
    background-size: cover;
    width: 100%;
    height: 654px;
}

.hero-section-team .hero-img {

    background: url("../img/apertura.jpg") no-repeat;
    background-position: 100% 41%;
    background-size: cover;
    width: 100%;
    height: 654px;
}





/************* TOLETTATURA **************/

/********** intro **********/

.wrap-servizi-toelettatura,
.wrap-servizi-asilo,
.wrap-servizi-pensione {
    position: relative;
}

/***** prodotti ******/

.wrap-prodotti,
.wrap-quote {
    background-color: rgba(245, 235, 224, 0.3);
    margin-top: 90px;
}

.hand-icon {
    padding: 112px 0;
    font-size: 80px;
    color: #b7b7a4;
    opacity: 0.3;
}

.wrap-prodotti p,
.wrap-quote p {
    text-align: left;
    padding: 64px 0;
    text-transform: uppercase;
    line-height: 38px;
}

/******** servizi *******/


.servizi-toelettatura ul li,
.servizi-asilo ul li,
.servizi-pensione ul li {
    list-style: none;
    padding: 0 0 40px 50px;
    font-size: 22px;
    padding-bottom: 30px;
    text-align: left;
}

.servizi-toelettatura ul li:first-child,
.servizi-asilo ul li:first-child,
.servizi-pensione ul li:first-child {
    padding-top: 50px;
}


.servizi-toelettatura ul li::before,
.wrap-servizi-asilo ul li::before,
.servizi-pensione ul li::before {
    content: "\2022";
    /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #b7b7a4;
    /* Change the color */
    font-weight: bold;
    /* If you want it to be bold */
    display: inline-block;
    /* Needed to add space between the bullet and the text */
    width: 1em;
    /* Also needed for space (tweak if needed) */
    margin-left: -1em;
    /* Also needed for space (tweak if needed) */

}

.wrap-servizi-toelettatura,
.wrap-servizi-asilo,
.wrap-servizi-pensione {
    margin-bottom: 80px;
}

.tab-orari-toelettatura td:first-child,
.tab-orari-asilo td:first-child,
.tab-orari-pensione td:first-child {
    padding-right: 65px;
}

.orari-toelettatura .btn,
.orari-asilo .btn,
.orari-pensione .btn {
    margin-bottom: 100px;
}

/******* altri servizi *********/

.altri-servizi {
    margin-top: 150px;

}

.wrap-altri-servizi {
    background-color: rgba(245, 235, 224, 0.2);
}


.domande-faq {
    padding-top: 40px;
    color: #b7b7a4;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

/********* card *********/

.wrap-altri-servizi .card-pensione {
    margin-top: 212px;
}

.wrap-altri-servizi .zampa {
    margin-top: 250px;
    text-align: center;
}

.wrap-altri-servizi {
    padding-bottom: 150px;
}

/************************** ASILO **************************/
.asilo-intro,
.pensione-intro,
.toelettatura-intro {


    text-align: center;
    margin: 100px 0;

}



.padding {
    padding: 30px 0;
}


.wrap-servizi-asilo img,
.wrap-servizi-pensione img {
    margin-top: 70px;
}

/***************** PAGINA PREZZI *******************/





.prezzi-toelettatura .linea-sx,
.prezzi-toelettatura .linea-dx,
.prezzi-pensione .linea-sx,
.prezzi-pensione .linea-dx {
    width: 30%;
    top: 21px;
}

.prezzi-asilo,
.prezzi-pensione {
    margin: 110px 0 90px 0;
}

.prezzi-asilo,
.wrap-prezzi-pensione,
.wrap-prezzi-toelettatura {
    position: relative;

}

.wrap-prezzi-toelettatura,
.wrap-prezzi-pensione {
    margin: 90px 0;
}


.hero-section-prezzi .hero-img-asilo {

    background: url("../img/asilo.jpg") no-repeat;
    background-position: 100% 40%;
    background-size: cover;
    width: 100%;
    height: 417px;
}

.hero-img-pensione {
    background: url("../img/pensione.jpg") no-repeat;
    background-position: 100% 67%;
    background-size: cover;
    width: 100%;
    height: 417px;

}

.hero-img-toelettatura {
    background: url("../img/toelettatura1.jpg") no-repeat;
    background-position: 100% 44%;
    background-size: cover;
    width: 100%;
    height: 417px;
}



/*** prezzi testo ***/
.giornata {
    text-align: center;
    font-size: 28px;
    letter-spacing: 2px;
    color: #B7B7A4;
    font-weight: 600;
}

.line-through {
    text-decoration: line-through;
}

.semi-bold {
    font-weight: 600;
    font-size: 24px;
}

.bold {
    font-weight: 700;
    font-size: 26px;
}

tr td .line-through {
    padding-left: 30px;
}


/************* tabelle prezzi *************/

.tab-prezzi-toelettatura table,
.tab-prezzi-pensione table,
.tab-prezzi-asilo table {
    width: 100%;
    border: 3px solid #edede9;
    border-collapse: collapse;
    text-transform: uppercase;
}

.tab-prezzi-toelettatura td,
.tab-prezzi-pensione td,
.tab-prezzi-asilo td {
    border: 3px solid #edede9;
    text-align: center;
    font-size: 22px;
    padding: 20px 0;

}

.tab-prezzi-toelettatura th,
.tab-prezzi-pensione th,
.tab-prezzi-asilo th {
    background-color: #edede9;
    padding: 25px 0;
    font-size: 22px;
    font-weight: 600;
}

.tab-prezzi-pensione th:last-child,
.tab-prezzi-asilo th:last-child {
    color: #e69593;
}

.tab-prezzi-pensione tr td:last-child,
.tab-prezzi-asilo tr td:last-child {
    background-color: rgba(245, 235, 224, 0.4);
}

.giornata-intera {
    padding: 40px 0;
}

.giornata {
    padding: 30px 0;
}

.preventivo,
.lavaggi {
    font-size: 23px;
    font-weight: 600;
    padding-left: 25px;
    text-align: left;
}

.tab-prezzi-toelettatura table,
.tab-prezzi-pensione table {
    margin-bottom: 30px;
}

.prezzi-pensione .h2-section-title,
.prezzi-toelettatura .h2-section-title {
    padding: 0;
}

.prezzi-pensione tr td .line-through {
    padding-left: 0;
}

.attenzione {
    background-color: rgba(255, 232, 214, 0.27);
    margin: 40px 0;

}

.p-attenzione {
    padding: 50px 50px;
    text-align: center;
    font-weight: 600;
    line-height: 37px;

}


/********************** TEAM *********************/

.wrap-founder-card {
    margin-top: 70px;
    position: relative;
}

.founder-title {
    margin: 78px 0;
    background-color: #edede9;
    text-align: center;
    text-transform: uppercase;
    padding: 55px 0;


}

.founder-title span {
    font-size: 30px;

}

.founder-title p {
    padding-top: 30px;
}

.founder-title i {
    font-size: 40px;
}

/*************** card ***************/

.card-giulia,
.card-maddalena {
    position: relative;



}



.card-giulia img,
.card-maddalena img {
    width: 311px;
    height: 311px;
    opacity: 0.8;
    border-radius: 500px;
    position: absolute;
    top: 32px;
    left: 9%;

}

.bordo-card {
    width: 380px;
    height: 380px;
    border-radius: 500px;
    border: 2px solid #edede9;

}

.semicerchio-founder {
    background-color: rgba(113, 114, 112, 0.85);
    top: 258px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;

}

.linea-1 {
    width: 660px;
    height: 3px;
    background-color: #edede9;
    position: absolute;
    top: -65px;
    left: 332px;
}

.giulia-txt,
.maddalena-txt {
    width: 70%;
    background-color: #edede9;
    text-align: center;
    margin: 30px 0;

}

.giulia-txt p,
.maddalena-txt p {
    padding: 40px;
}

.zampa-team {
    font-size: 60px;
    margin-bottom: 30px;
}

.pet-giulia,
.pet-maddalena {
    margin: 60px 0;
}


.pet-giulia img,
.pet-maddalena img {
    width: 160px;
    height: auto;
    border-radius: 100%;


}

.pet-txt {
    margin: 90px 0 150px 0;
}

.pet-txt p {
    text-align: center;
    font-size: 23px;
    padding: 0 20px;
}

.pet-txt h4 {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    padding: 20px 0;
    color: #B7B7A4;

}

.storia {
    position: relative;
}

/*********** team - storia ***********/
.storia img {
    width: 80%;
    height: auto;
    border-radius: 100%;
    margin-bottom: 70px;
}

.storia-txt-right p {
    text-align: right;

}

.wrap-quote {
    margin-bottom: 170px;
}

/************** LINEE TEAM *******************/


.linea-laterale-sx,
.linea-oriz-top-sx,
.linea-oriz-bot-sx,
.linea-laterale-dx,
.linea-oriz-top-dx,
.linea-oriz-bot-dx {
    width: 3px;
    height: 21.3%;
    background-color: #edede9;
    position: absolute;
    top: 185px;
}

.linea-laterale-dx,
.linea-oriz-top-dx,
.linea-oriz-bot-dx {
    right: 0;
}

.linea-oriz-top-sx,
.linea-oriz-top-dx {
    width: 135px;
    height: 3px;
    top: 185px;
}

.linea-oriz-bot-sx,
.linea-oriz-bot-dx {
    width: 98px;
    height: 3px;
    top: 657px;
}




.linea-top-pet {

    height: 3px;
    background-color: #edede9;

}

.pet-1 {
    width: 76%;
}

.pet-2 {
    width: 51%;
}


.linea-img {
    content: '';
    width: 3px;
    height: 60px;
    background-color: #edede9;
    position: absolute;
    bottom: 160px;
    left: 50%;
    transform: translateX(-50%);
}

.linea-img::before,
.linea-oriz-top-sx::before,
.linea-oriz-bot-sx::before,
.linea-oriz-top-dx::after,
.linea-oriz-bot-dx::after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #edede9;
    border-radius: 50px;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);

}

.linea-oriz-top-dx::after,
.linea-oriz-bot-dx::after {
    top: -4px;
    left: 98%;


}

.linea-oriz-top-sx::before,
.linea-oriz-bot-sx::before {
    top: -4px;
    left: 2%;

}

.wrap-sing-img {
    position: relative;
}


/********************* FAQ PAGE *********************/


.faq-title-bianco {

    color: #fff;
    text-transform: capitalize;
    padding: 35px 0;
    text-align: center;
    font-weight: 400;
    font-size: 38px;

}


.menu-prezzi ul li {
    list-style: none;
    display: inline-block;
    padding: 10px 20px;
    text-transform: uppercase;
    text-decoration: underline;

}


.menu-prezzi ul li a {
    color: #717270;
    letter-spacing: 2px;
    font-weight: 600;
}

/******** STRUTTURA *******/

.faq-title,

.faq-toelettatura {
    background-color: #b7b7a4;

}

/****** domanda *****/

.wrap-domanda {
    background-color: #edede9;
    padding: 25px;


}

.wrap-domanda span i {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #b7b7a4;
    font-size: 40px;

}

.domanda p {
    text-transform: uppercase;
    font-size: 22px;

}

.risposta {
    padding: 22px 0 73px 0;
    font-style: italic;
    font-weight: 300;
}

.risposta ul li {
    font-size: 23px;
    padding-top: 7px;
    font-weight: 400;
    font-style: normal;


}

.risposta ul li:first-child {
    padding-top: 20px;
}

/******************* CONTATTI ***********************/

.intro {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 50px;
    line-height: 40px;
    letter-spacing: 2px;
}

.hero-section-contatti .hero-title h1 {
    padding: 70px 0 30px 0;
}

.form-contatti {
    position: relative;
    margin: 100px 0;
}

.form-contatti .h2-section-title {
    margin: 180px 0 110px 0;
}

.form-group input,
.form-group-zampa input,
.form-group textarea,
.form-group-select select,
.form-group-submit input {
    width: 100%;

    padding: 14px 0;
    margin-bottom: 40px;
    font-size: 20px;
    letter-spacing: 2px;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;

}

.form-group textarea {
    width: 100%;
    resize: vertical;
    text-transform: lowercase;
    padding: 35px 0 0 35px;
    background-color: rgba(237, 237, 233, 0.5);
    border-bottom: none;

}

.form-group-zampa {
    position: relative;
}

.form-group-zampa input {

    padding-left: 60px;

}

.form-group-zampa i {
    position: absolute;
    font-size: 35px;
    color: #edede9;
    bottom: 54px;
    left: 13px;
}


.form-group input,
.form-group-zampa input,
.form-group textarea {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 3px solid #edede9;

}

.form-group-select select {
    border: 3px solid #edede9;
    color: #717270;




}

.form-group-submit input {
    border: none;
    padding: 24px 0;
    color: #717270;
    font-weight: 600;
    margin-top: 50px;

}

.form-group-select {
    position: relative;
}

.prenotazione {
    margin: 30px;
    font-size: 24px;
    font-weight: 600;
    color: #B7B7A4;
}

.form-group,
.form-group-zampa,
.form-group-select {
    margin: 0 70px;
}

.checkbox-contatti {
    padding-left: 80px;
}

/******* bordo ********/

.form-contatti-wrap {
    border: 3px solid #edede9;
    padding: 100px 0;
    margin-top: 180px;
}

.form-contatti-wrap {
    position: relative;
    border-top: none;
}

.form-contatti-wrap .h2-section-title {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    transform: translateY(-50%);

}

.form-contatti-wrap .linea-sx,
.form-contatti-wrap .linea-dx {
    top: 0px;

}


/***** mappa e contatti *****/

.info h2 {
    color: #b7b7a4;
    font-weight: 400;
    font-size: 50px;
    padding-bottom: 30px;
}

.info p {
    padding-bottom: 40px;
}

.info a:link {
    color: #717270;
}

.info h3 {
    text-transform: uppercase;
    padding: 50px 0 17px 0;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Raleway', sans-serif;

}

.info {
    background-color: rgba(255, 232, 214, 0.27);
    ;
    padding: 36px 0 40px 70px;
}

.mappa-info {
    margin-bottom: 120px;
}

/******TIPOGRAFIA******/
p {
    font-size: 25px;
    letter-spacing: 2px;
    line-height: 30px;


}

.p-footer {
    color: #FFF;
}

a {
    text-decoration: none;

}

h1,
.h1,
.h1-footer {
    font-family: 'Inria Serif', serif;

}

h2,
.h2-section-title,
.h2-section-title-newsletter {
    font-family: 'Inria Serif', serif;
    font-size: 38px;

}

.le-gine h2,
.struttura h2 {
    text-align: right;
    color: #717270;
    font-weight: 400;

    padding: 70px 0 66px 0;
    text-transform: capitalize;
}

.struttura h2 {
    text-align: left;
}

h3,
.h3 {
    font-family: 'Inria Serif', serif;

}

/*pagine servizi*/
.titolo-serv {
    font-family: 'Raleway', sans-serif;

    padding: 90px 0 50px 0;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-align: left;
    font-weight: 700;
    font-size: 22px;
}

/*tutte le pagine*/
.h2-section-title,
.h2-section-title-newsletter {
    color: #717270;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    padding: 0 0 84px 0;
}

/* struttura e le gine in HOME*/



/*newsletter titolo*/
.h2-section-title-newsletter {
    color: #FFF;

}

/** ASILO testi **/
.upper-green {
    text-align: center;
    color: #b7b7a4;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22px;
}

/***********************************************************************/
/***************************************************************/
/****************************************************/
/*********** MEDIA - RESPONSIVE **********/



/* TABLET VERTICALI */

@media (max-width: 1023px) {

    /********* menu ***********/
    #burger {
        display: block;
        position: absolute;
        top: 50px;
        right: 50px;
        z-index: 99999;
    }

    .welcome-wrapper {
        top: 300px;
        width: 80%;

    }

    .nav-wrapper {
        display: none;
    }

    .nav-wrapper-mobile {
        display: block;
        width: 100%;
        margin-top: 0;
        position: relative;
        z-index: 20;
    }

    img.logo {
        margin: 30px 0 0 30px;
    }

    .menu-mobile {
        display: block;
        position: fixed;
        height: 100%;
        width: 300px;
        top: 0;
        right: -300px;
        background: rgba(0, 0, 0, 0.7);
        padding-top: 50px;
        text-align: center;
        transition: all 0.5s;
        z-index: 999;
    }

    .side-menu-active {
        right: 0;
    }



    .opacita::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .hamburger-inner,
    .hamburger-inner:after,
    .hamburger-inner:before {
        width: 35px;
        height: 2px;
        border-radius: 0;

    }

    .burger-home .hamburger-inner,
    .burger-home .hamburger-inner:after,
    .burger-home .hamburger-inner:before {

        background-color: #fff;
    }

    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner:after,
    .hamburger.is-active .hamburger-inner:before {
        background-color: #fff;
    }

    .hamburger.is-active:hover,
    .hamburger:hover {
        opacity: 1;
    }

    .hamburger-box {

        z-index: 99999;
    }

    .menu-mobile ul {
        list-style: none;
    }

    .menu a,
    .menu span {

        padding: 0 0 10px 0;
        margin-bottom: 10px;
        color: #fff;

    }

    .menu ul li {
        display: block;
    }

    .side-menu-active {
        right: 0;
    }

    .sub-menu {
        display: none;
    }

    .has-children::after,
    .dot::after {
        display: none;
    }


    .sub-menu-active {
        position: static;
        left: auto;
        display: block;

    }


    .sub-menu li,
    .menu-home .sub-menu li {

        border-bottom: none;

    }



    /********* linee ***********/

    .servizi .linea-sx,
    .servizi .linea-dx {
        width: 25%;
    }

    .orari .linea-sx,
    .orari .linea-dx {
        width: 24%;
    }

    .orari-asilo .linea-sx,
    .orari-asilo .linea-dx {
        width: 17%;
    }

    /****** card *******/

    .card-asilo img,
    .card-pensione img,
    .card-toelettatura img {
        width: 300px;
        height: 300px;
        border: 27px solid #edede9;

    }

    .semicerchio {

        clip-path: circle(69% at 50% -39%);
        /*il primo valore aumenta e diminuisce/ il secondo valore posiziona nel div dx-sx/ il terzo valore aumenta o diminuisce la sezione sopra-sotto*/

        width: 286px;
        height: 117px;
        bottom: -11px;
        font-size: 24px;
    }

    .zampa {

        top: 138px;
    }

    .h2-section-title {
        padding: 0 0 20px 0;
    }


    /**** struttura *****/
    .struttura-txt,
    .le-gine-txt p {
        padding: 33px 0 0 0;
        text-align: center;
    }


    .struttura img,
    .le-gine img {
        margin: 10% 2% 5%;

    }

    /**tabelle**/
    /*apertura*/



    .tab-orari td:first-child {
        padding-right: 40px;
    }

    .tab-orari table td {
        font-size: 20px;

    }


    .tab-orari td:last-child {
        padding-left: 28px;
    }

    /** orari asilo **/
    .tab-orari-asilo td:first-child {
        padding-right: 113px;
    }

    .tab-orari-asilo td {
        font-size: 20px;
    }





    /**** le gine *****/

    .le-gine-txt p {
        padding: 70px 0 70px 0;
    }



    /********* newsletter ************/
    .p-nome,
    .p-email {
        margin-bottom: 25px;
    }

    .h2-section-title-newsletter {

        font-size: 35px;
    }

    .newsletter .linea-dx,
    .newsletter .linea-sx {
        width: 10%;
    }

    button .mail {

        top: 226px;
        right: 90px;
    }

    .form-group-pagina button {
        margin-left: 343px;
    }

    .form-group-pagina {
        margin-left: 57px;
    }

    .checkbox-wrapper {
        position: absolute;
        bottom: 69px;
        left: 19px;
    }


    /*************** footer *************/

    .logo-footer img {
        width: 120px;
        height: 120px;
    }

    .linea-f1,
    .linea-f2,
    .linea-f3,
    .linea-f4,
    .linea-f5,
    .linea-f6 {
        width: 87%;

    }

    .f-prezzi,
    .f-team,
    .f-servizi {

        padding-left: 15px;
    }

    .f-servizi ul li::before {

        width: 1em;

    }

    .f-servizi,
    .f-prezzi,
    .f-team {

        font-size: 17px;
        font-weight: 600;

    }

    .linea-news {
        width: 60%;
        top: 36%;
        left: 83px;
    }

    .h1-footer {

        font-size: 28px;

        padding-top: 76px;
    }

    .p-footer {
        font-size: 15px;
    }

    .p-footer,
    .icon-social a,
    .icon-mail,
    .icon-whatsapp {

        padding-right: 15px;
    }

    .f-servizi h3,
    .f-prezzi h3,
    .f-team h3 {


        padding: 60px 10px 24px 0;
    }

    .f-dove h3,
    .f-social h3,
    .f-contatti h3 {

        padding: 60px 10px 16px 15px;
    }

    .f-nome,
    .f-email {
        padding: 15px 0px 15px 0px;
        font-size: 15px;
    }

    p {
        font-size: 22px;
    }

    .newsletter-footer button {

        margin: 20px 0 0 373px;
    }

    .check {
        position: relative;

    }

    .checkbox-wrapper-f {
        position: absolute;
        top: -72px;
        left: 0;
    }

    /****** virgolette *******/
    .virgolettedx-f {
        position: absolute;
        top: 123px;
        right: 14%;
    }

    .virgolettesx-f {
        position: absolute;
        top: 69px;
        left: 21%;
    }

    /************* SERVIZI ***************/

    /**** hero-section****/



    /* altre linee riga 1974 */



    .btn a {
        width: 242px;
        padding: 17px 0;
        font-size: 18px;
        margin: 40px 0;

    }

    .tab-orari-toelettatura .btn a,
    .tab-orari-pensione .btn a,
    .tab-orari-asilo .btn a {
        margin: 40px auto;
    }

    .wrap-call .btn a {
        width: 216px;
    }

    .wrap-servizi-asilo img,
    .wrap-servizi-pensione img,
    .wrap-servizi-toelettatura img {
        margin: 70px 0 30px 0;
    }

    .servizi-toelettatura ul li,
    .servizi-asilo ul li,
    .servizi-pensione ul li {
        padding: 0 0 40px 10px;
    }

    /****** card *****/

    .zampa {
        font-size: 80px;
    }


    /**** pagina prezzi ****/




    /****** contatti ********/






    .info {

        padding: 36px 0 6px 70px;
        margin-bottom: 80px;
    }


    .form-group,
    .form-group-zampa,
    .form-group-select {
        margin: 0 20px;
    }

    .orari-toelettatura .linea-sx,
    .orari-toelettatura .linea-dx {
        width: 20%;
    }

    /************ TEAM ***********/

    .linea-1,
    .linea-laterale-sx,
    .linea-laterale-dx,
    .linea-oriz-top-sx,
    .linea-oriz-bot-sx,
    .linea-oriz-top-dx,
    .linea-oriz-bot-dx {
        display: none;
    }


    .giulia-txt,
    .maddalena-txt {
        width: 90%;
    }

    .storia .linea-dx,
    .storia .linea-sx {
        width: 7%;
        top: 26px;
    }

    .storia-txt p,
    .storia-txt-right p {
        text-align: center;
        padding: 50px 0 40px 0;
    }



}





/***************************/
/*********************/
/* SMARTPHONE */

@media (max-width: 767px) {

    #burger {

        top: 30px;
        right: 30px;
    }

    .welcome-wrapper {
        top: 190px;
        width: 90%;

    }



    /****** hero section *****/

    .welcome-wrapper h1 {

        font-size: 30px;
    }

    .welcome-wrapper h2 {
        padding: 0 30px 10px 30px;
        letter-spacing: 1px;
        font-size: 18px;
        line-height: 28px;
    }

    .virgolettesx,
    .virgolettedx {
        display: none;
    }


    /************ linee *******/
    .wrap-servizi-asilo .linea-sx,
    .news-wrap .linea-sx,
    .news-wrap .linea-dx,
    .wrap-servizi-pensione .linea-sx,
    .wrap-servizi-toelettatura .linea-sx {
        display: none;
    }

    .servizi .linea-sx,
    .servizi .linea-dx,
    .altri-servizi .linea-sx,
    .altri-servizi .linea-dx {
        width: 16%;
        top: 17px
    }

    .orari .linea-sx,
    .orari .linea-dx {
        width: 11%;
        top: 17px;
    }

    .orari-asilo .linea-sx,
    .orari-asilo .linea-dx,
    .orari-toelettatura .linea-dx,
    .orari-toelettatura .linea-sx,
    .orari-pensione .linea-dx,
    .orari-pensione .linea-sx {
        width: 10%;
        top: 17px;
    }



    /**** struttura *****/
    .struttura-txt,
    .le-gine-txt p {
        padding: 33px 10px 0 10px;
        text-align: center;
    }

    .le-gine-txt p {
        padding-bottom: 70px;
    }

    .struttura img,
    .le-gine img {
        margin: 50px 30px 0 43px;

    }

    .struttura img,
    .le-gine img {
        width: 280px;
        height: 280px;

    }

    .wrap-struttura p {

        padding: 30px 0;
    }



    /****** card *******/

    .card-asilo img,
    .card-pensione img,
    .card-toelettatura img {
        width: 300px;
        height: 300px;
        border: 27px solid #edede9;

    }

    .card-toelettatura {
        margin-top: 133px;

    }

    .card-asilo {
        margin-top: 351px;
    }

    .card-pensione {
        margin-top: 133px;
    }

    .semicerchio {

        clip-path: circle(69% at 50% -39%);
        /*il primo valore aumenta e diminuisce/ il secondo valore posiziona nel div dx-sx/ il terzo valore aumenta o diminuisce la sezione sopra-sotto*/

        width: 286px;
        height: 117px;
        bottom: -11px;
        font-size: 24px;
    }

    .zampa {
        font-size: 80px;
        top: 138px;
    }

    .wrap-altri-servizi .zampa {
        margin-top: 0;
    }

    .h2-section-title {
        padding: 0 0 20px 0;
    }

    #margine-zampa-pg-asilo {
        margin-top: 325px;
    }

    /**tabelle**/
    /*apertura*/


    .tab-orari td:first-child {
        padding-right: 15px;
        padding-left: 0;

    }

    .tab-orari table td {
        font-size: 16px;

    }

    .tab-orari td:last-child {
        padding-left: 19px;
    }

    /** orari asilo **/
    .tab-orari-asilo td:first-child {
        padding-right: 12px;
    }



    .text-matita p {
        text-align: center;
        font-size: 20px;
        color: #b7b7a4;
        padding: 20px;

    }

    .h2-section-title,
    .struttura h2,
    .le-gine h2 {
        font-size: 27px;
    }

    p {
        font-size: 20px;
        text-align: center;

    }

    /**********newsletter ********/

    .newsletter {
        margin-top: 50px;
        padding: 70px 0;

    }

    .p-nome,
    .p-email {
        margin-bottom: 25px;
        width: 94%;
        padding: 18px 0 18px 18px;
    }

    .h2-section-title-newsletter {

        font-size: 27px;
        padding-left: 10px;
    }

    .newsletter .linea-dx,
    .newsletter .linea-sx {
        width: 0;
    }

    button .mail {
        font-size: 20px;

        top: 210px;
        right: 39px;
    }


    .form-group-pagina button {
        padding: 18px 50px 18px 15px;
        margin-left: 132px;

    }

    .form-group-pagina {
        margin-left: 17px;
    }

    .checkbox-wrapper {
        position: absolute;
        bottom: 64px;
        left: 19px;
    }

    /******** footer ********/

    .logo-footer img {
        width: 120px;
        height: 120px;
    }

    .linea-f1,
    .linea-f2,
    .linea-f3,
    .linea-f4,
    .linea-f5,
    .linea-f6 {
        width: 87%;

    }

    .f-prezzi,
    .f-team,
    .f-servizi {

        padding-left: 15px;
    }

    .f-servizi ul li::before {

        width: 1em;

    }

    .f-servizi,
    .f-prezzi,
    .f-team {

        font-size: 17px;
        font-weight: 600;

    }

    .linea-news {
        width: 60%;
        top: 28%;
        left: 83px;
    }

    .h1-footer {

        font-size: 28px;

        padding-top: 76px;
    }

    .p-footer {
        font-size: 18px;
        text-align: right;
    }

    .p-footer,
    .icon-social a,
    .icon-mail,
    .icon-whatsapp {

        padding-right: 15px;

    }

    .icon-whatsapp {
        padding-bottom: 50px;
    }


    .f-servizi h3,
    .f-prezzi h3,
    .f-team h3 {


        padding: 60px 10px 24px 0;
    }

    .f-dove h3,
    .f-social h3,
    .f-contatti h3 {

        padding: 60px 10px 16px 15px;
    }

    .f-nome,
    .f-email {
        width: 70%;
        padding: 15px 0px 15px 0px;
        font-size: 15px;

        margin: 0 0 20px 63px;
    }

    .newsletter-footer button {
        margin-left: 302px;
    }



    .check {
        position: relative;

    }

    .checkbox-wrapper-f {
        position: absolute;
        top: -72px;
        left: 64px;
    }

    p {
        font-size: 22px;


    }

    .newsletter-footer h3 {
        padding: 100px 0 2px 0;
    }

    .newsletter p {
        padding: 40px 25px;
    }

    /****** virgolette *******/
    .virgolettedx-f {
        position: absolute;
        top: 123px;
        right: 14%;
    }

    .virgolettesx-f {
        position: absolute;
        top: 69px;
        left: 21%;
    }

    .logo-footer {
        margin-top: 120px;
    }

    /************* SERVIZI *************/
    /******* hero section *******/

    .hero-title h1 {
        padding: 28px 0;
    }

    .hero-section-pensione .hero-img,
    .hero-section-asilo .hero-img,
    .hero-section-toelettatura .hero-img,
    .hero-section-team .hero-img {

        height: 341px;
    }








    .wrap-servizi-toelettatura img,
    .wrap-servizi-asilo img,
    .wrap-servizi-pensione img {
        width: 300px;
        height: 300px;

    }


    .orari-asilo .btn,
    .orari-pensione .btn,
    .orari-toelettatura .btn {
        margin-bottom: 20px;
    }



    .wrap-domanda span i {

        font-size: 30px;
        transform: rotate(90deg);

    }


    .risposta ul li {
        font-size: 23px;
        text-align: center;
    }

    .domanda p {
        margin-top: 15px;
    }

    .wrap-prodotti p {
        text-align: center;

        padding: 20px 30px;
    }




    .btn a {
        font-size: 18px;
    }




    #serv-pens {
        margin-top: 351px;
    }

    .tab-orari table td,
    .tab-orari-asilo td,
    .tab-orari-toelettatura table td,
    .tab-orari-pensione table td,
    .tab-prezzi-toelettatura td,
    .tab-prezzi-pensione td,
    .tab-prezzi-asilo td {
        font-size: 16px;
    }

    .tab-orari-toelettatura td:first-child,
    .tab-orari-asilo td:first-child,
    .tab-orari-pensione td:first-child {
        padding-right: 0;
    }

    .menu-prezzi ul li {
        display: block;
        text-align: center;
    }

    .bold {
        font-size: 26px;
    }

    .preventivo,
    .lavaggi {
        font-size: 18px;
        letter-spacing: inherit;
    }



    /**** pagina prezzi ****/


    .hero-section-prezzi .hero-img-asilo,
    .hero-img-pensione,
    .hero-img-toelettatura {

        width: 100%;
        height: 291px;
    }


    .menu-prezzi ul li {
        display: flex;
        justify-content: space-around;
        padding: 10px 20px;
        text-transform: uppercase;
        text-decoration: underline;
    }

    .giornata {

        font-size: 20px;


    }

    .prezzi-toelettatura .linea-sx,
    .prezzi-toelettatura .linea-dx,
    .prezzi-pensione .linea-sx,
    .prezzi-pensione .linea-dx {
        width: 15%;

    }

    .prezzi-asilo,
    .prezzi-pensione {
        margin: 50px 0;

    }

   .box-toelettatura {
     padding: 40px 5px!important;
    }

    /******** contatti *******/



    .form-group,
    .form-group-zampa,
    .form-group-select {
        margin: 0 20px;
    }

    .form-group input,
    .form-group-zampa input,
    .form-group textarea,
    .form-group-select select,
    .form-group-submit input {
        font-size: 16px;
    }

    .info {
        padding: 30px;
        margin-bottom: 40px;
    }

    .info p {
        text-align: left;
    }

    /************ TEAM ***********/

    .linea-1,
    .linea-laterale-sx,
    .linea-laterale-dx,
    .linea-oriz-top-sx,
    .linea-oriz-bot-sx,
    .linea-oriz-top-dx,
    .linea-oriz-bot-dx,
    .storia .linea-dx,
    .storia .linea-sx {
        display: none;
    }

    .storia .h2-section-title {
        padding: 0 0 40px 0;
    }

    .giulia-txt,
    .maddalena-txt {
        width: 90%;
    }

    .storia .linea-dx,
    .storia .linea-sx {
        width: 7%;
        top: 26px;
    }

    .storia-txt p,
    .storia-txt-right p {
        text-align: center;
        padding: 50px 0 40px 0;
    }

    .storia img {
        margin-bottom: 0px;
    }

    .wrap-sing-img img {
        width: 90px;
        height: auto;
    }

    .pet-giulia,
    .pet-maddalena {
        margin-left: 20px;
        margin-right: 20px;
    }

    .wrap-quote,
    .wrap-quote p {
        text-align: center;
    }


    .pet-1 {
        width: 67%;
    }

    .pet-2 {
        width: 46%;
    }

    .linea-img {
        bottom: 90px;
    }

    .zampa-team {
        font-size: 42px;
    }

}

/* modifiche 23/09/2023 */
.box-toelettatura {
     background-color: rgba(255, 232, 214, 0.27);
     text-align: center;
     padding: 80px;
     border: 3px solid #edede9;
}

.mail-toelettatura p {
     padding: 30px 0;
     font-size: 22px;
     /*color:#b7b7a4;*/
     color:#e69593;
     font-weight: 600;
     text-transform: uppercase;
}
.mail-toelettatura a,
.whatsapp-toelettatura a {
     color: #717270;
     font-size: 25px;
     text-transform: lowercase;
     
}
.mail-toelettatura i,
.whatsapp-toelettatura i {
     padding-right: 15px;
     font-size: 25px;
}
.whatsapp-toelettatura {
     padding-top: 10px;
}