@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

@font-face {
font-family: 'distant_strokeregular';
src: url('fonts/distant_stroke-webfont.woff2') format('woff2'),
url('fonts/distant_stroke-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}




@font-face {
font-family: 'distant_strokemedium';
src: url('fonts/distant_stroke_medium-webfont.woff2') format('woff2'),
url('fonts/distant_stroke_medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}



body {color: #87888a;font-family: 'Roboto Condensed', sans-serif;font-weight: 300;}

h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif;}

h1.home-title {font-family: 'distant_strokemedium';font-size: 60px;color: #9dd8f1;display: inline-block;border-bottom: 2px dashed #fac8db;padding-bottom: 14px;margin-bottom: 10px;}

p {color: #9c9c9c;}
a {color: #9c9c9c; transition: 200ms linear all;}
a:hover {color: #9dd8f1; text-decoration: none;}
h3.heading-primary {
    font-family: 'distant_strokemedium';
    text-transform: none;
    color: #706f6f !important;
    font-size: 50px;
    line-height: 1;
}






.header-body {border: 0 !important;}

.header-custom {background: #fee6ef;font-weight: 300;font-size: 20px;padding: 15px 10px;}


/****************************
MAIN NAVIGATION
****************************/

.main-navigation {text-align: center;}
.main-navigation .category-container {max-width: 210px;display: inline-block; text-align: left;}
.main-navigation .category-container.video {width: 300px;max-width: 300px;}
.main-navigation .category-title {background: #fee6ef;font-weight: 500;text-transform: uppercase;font-size: 18px;font-family: 'Roboto Condensed', sans-serif;padding: 5px 10px;margin-top: 40px;}
.main-navigation .img-container .rounded-content {width: 210px;height: 210px;}
.main-navigation ul {list-style-type: none;padding: 0;margin: 0;text-align: left;}
.main-navigation ul li {position: relative;padding-left: 12px;}
.main-navigation ul li:before {transition: 200ms linear all;content:"";display: block;position: absolute;width: 6px;height: 2px;background: #9c9c9c;left: 0;top: 11px;}
.main-navigation ul li:hover:before {background: #9dd8f1;}
.cliniche .category-title {background: #daeff8 !important;text-transform: none;}
.main-navigation.cliniche p {line-height: 20px;}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 75%;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/****************************
MAIN CONTENT
****************************/

.main-content {min-height: 300px;}
.main-content h4 {color: #9c9c9c;font-size: 19px;font-weight: 400;margin-top: 30px;}
.main-content hr.solid {background: #fac8db;height: 3px;}
.main-content hr.dashed {border-top: 3px dashed #fac8db;height: 0;border-bottom: 0;background: none;}
.main-content hr.dashed:after {display: none;}
.main-content p {text-align:left;color: #9c9c9c;font-size: 16px;}
.main-content ul {text-align: left; margin-left: 0; padding-left: 17px;}
.rounded-content {max-width: 210px;border-radius: 50%;border: 3px dashed #83d0f5;}
.badge-container {max-width: 210px; display: inline-block;}
.badge-container img {max-width: 70px; margin: 0 10px;}


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


.team-name {color: #83d0f5;font-size: 20px;height: 210px;padding-top: 56px;}
.team-name span {font-size: 40px; display: block; line-height: 40px;}
.team-info {text-align: left;display: inline-block;padding-top: 30px;}
.team-info h5 {color: #9c9c9c;font-size: 19px;font-weight: 400;}
.team-info p {margin-bottom: 0;}

/****************************
FORM PRENOTAZIONE
****************************/

#form_prenotazione {}
#form_prenotazione label {}
#form_prenotazione label span {color: #89c6e0;}
#form_prenotazione input {box-shadow: 0 0 0;border-radius: 0;border: 2px solid #b2e0f4;}
#form_prenotazione select {box-shadow: 0 0 0;border-radius: 0;border: 2px solid #b2e0f4;color: #9c9c9c;}
#form_prenotazione textarea {box-shadow: 0 0 0;border-radius: 0;border: 2px solid #b2e0f4; }
#form_prenotazione .form-button {transition: all 200ms linear; width: 130px;height: 130px;display: inline-block;background: #fee6ef;border-radius: 50%;border: 3px dashed #bde4f7;line-height: 17px;font-weight: 400;padding-top: 33px;margin-bottom: 50px;margin-top: 20px;cursor: pointer;font-family: 'Roboto Condensed', sans-serif;font-size: 17px;}
#form_prenotazione .form-button span{display: block;font-weight: 500;font-size: 24px;font-family: 'Roboto Condensed', sans-serif;margin-bottom: 17px;}
#form_prenotazione .form-button:hover {background: #bde4f7;border: 3px dashed #fee6ef;color: #fff;}

/****************************
PROMOZIONE
****************************/

table.promo {width: 100%;font-family: "Roboto Condensed";}

table.promo tr.separator {
border-bottom: 2px dashed #7acbf2;
}

table.promo tr.separator td,table.promo tr.separator_post td  {
height: 20px;
}

table.promo td {
vertical-align: middle;
}

table.promo td.first {
    padding-right: 30px;
}
table.promo td.first .title {
    background: #daeff8;
    display: inline-block;
    padding: 5px 15px 4px 15px;
    font-size: 20px;
}
table.promo td.first .desc {
    margin-top: 10px;
}
table.promo td.second {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding: 0 30px;
    font-size: 36px;
    font-weight: 200;
}
table.promo td.second img {
    max-width: 40px;
}
table.promo td.third {
    padding-left: 30px;
}
table.promo td.third .form-button {
width: 100px;
height: 100px;
display: inline-block;
background: #fee6ef;
border-radius: 50%;
border: 3px dashed #bde4f7;
line-height: 24px;
font-weight: 400;
padding-top: 28px;
cursor: pointer;
text-align: center;
font-size: 20px;
transition: 200ms all linear;
}

table.promo td.third .form-button:hover {
background: #bde4f7;
border: 3px dashed #fee6ef;
color: #fff;
}



/****************************
TABELLE COSTI
****************************/
.tabella-costi {border-top: 2px dashed #7acbf2;margin: 50px 0 30px 0;overflow-x: auto;}
.tabella-costi table {width: 100%;margin: 20px 0;/* min-width: 1000px; */}
.tabella-costi table th {text-align: center;padding-top: 30px !important;}
.tabella-costi table th:last-child {border: 0;}
.tabella-costi table th, .tabella-costi table td {border-right: 1px solid #fee6ef;padding: 5px;vertical-align: middle;}
.tabella-costi table th span { background: #fee6ef;font-weight: 500;text-transform: uppercase;font-size: 18px;font-family: 'Roboto Condensed', sans-serif;padding: 5px 10px;margin-top: 40px;}
.tabella-costi table td {font-size: 16px; text-align: center;}
.tabella-costi table td .dot {background: #d9d9d9;display: inline-block;width: 20px;height: 20px;border-radius: 50%;position: relative;top: 2px;}
.tabella-costi table tr:nth-child(even) td {background: #f5f5f5;}
.tabella-costi table td span {font-size: 14px;line-height: 18px;display: inline-block;}
.tabella-costi table td:first-child {text-align: left;}
.tabella-costi table td.main {text-align: center !important; text-transform: uppercase; font-weight: 300; font-size: 20px;}
.tabella-costi table td:last-child {border: 0;}
.tabella-costi table td img {max-width: 70px;}
.tabella-costi table td:last-child img {max-width: 40px;}
.tabella-costi table td:nth-child(2) img {max-width: 40px;}
.tabella-corpo table td {width:17%;}

/****************************
FOOTER
****************************/

#footer {border: 0;background: none;margin: 0;padding: 0;}
#footer a.socials i {color: #9c9c9c !important;font-size: 44px;margin: 0 -16px 0 28px;float: right;}
#footer .footer-copyright {background: #daeff8;border: 0;padding: 5px 0 !important;margin: 15px 0 0 0;}
#footer .footer-copyright p {color: #9c9c9c;line-height: 20px;}
#footer .footer-copyright p a {color: #9c9c9c !important; text-decoration: underline;}
#footer .footer-copyright p span {display: block;font-weight: 600;}
#footer .bottom-menu {border-top: 3px solid #fac8db;padding-top: 20px;}
#footer .bottom-menu a {color: #9c9c9c;font-weight: 400;text-transform: uppercase;font-size: 18px;font-family: 'Roboto Condensed', sans-serif;margin: 0 20px;transition: 200ms linear all;}
#footer .bottom-menu a:hover {color: #9dd8f1;text-decoration: none;}





/*=================================================
IUBENDA BASE per BANNER FOOTER
=================================================*/

#iubenda {
background-color: #eee;
}


/* cookie banner related styles below */

/***************************************************************************
// * Iubenda Cookie Solution                                               *
// *                                                                       *
// * (c) 2015 Iubenda srl <info@iubenda.com>                               *
// * All Rights Reserved.                                                  *
// *                                                                       *
// *************************************************************************
//
// CHANGELOG
// 0.0.1
// - first implementation of customizable css
*/

/*  GENERAL CLASS */
#iubenda-cs-banner{
/* ------ IMPORTANT NOTICE: don't change these values as
they may prevent the banner from properly showing. Some of these lines,
moreover (like z-index) will overwrite the configuration initialized
by the script you paste in your pages. To show the banner at the bottom
you can switch to "bottom: 0px !important;". Don't forget to put "slideDown"
to "false".
*/
bottom: 0px !important;
left: 0px !important;
position: fixed !important;
width: 100% !important;
z-index: 99999998 !important;
background-color: black;
/* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{display:block;margin:0 auto;padding: 20px;width:auto;font-family: Helvetica,Arial,FreeSans,sans-serif;font-size: 14px;background: #000;color: #706f6f;}
.iubenda-banner-content{

padding-right: 20px;
}

.iubenda-cs-rationale{
max-width: 900px; position:relative; margin: 0 auto;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
font-family: Helvetica,Arial,FreeSans,sans-serif;
line-height: 1.5;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{margin:0;color: #706f6f;text-decoration:none;font-size:14px;position: absolute;top: 0;right: 0;border: none;}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{text-decoration: underline;color: #706f6f;}


/*=================================================
IUBENDA CUSTOM
=================================================*/

#iubenda-cs-banner {
background: rgba(64, 65, 72, 0.7);
}
#iubenda-cs-banner .iubenda-cs-content {padding: 10px !important;background: #fee6ef !important;}
#iubenda-cs-banner .iubenda-cs-content .iubenda-cs-rationale {
max-width: 2000px !important;
}
#iubenda-cs-banner .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-close-btn {
font-size: 0;}

#iubenda-cs-banner .iubenda-cs-content .iubenda-cs-rationale .iubenda-cs-close-btn:before {font-family: fontAwesome;content: "\f00d";color: #706f6f;font-size: 13px;}

#iubenda-cs-banner .iubenda-cs-content .iubenda-banner-content p:first-child {
display: none;
}
#iubenda-cs-banner .iubenda-cs-content .iubenda-banner-content p {
margin-bottom: 0;
margin-top: 0;
}

#iubenda-cs-banner .iubenda-cs-cookie-policy-lnk:hover{color: rgba(112, 111, 111, 0.53);}

@media (max-width: 497px) {
#iubenda-cs-banner .iubenda-cs-content .iubenda-banner-content {
font-size:11px;
}
}