/*----------------------
SìcheConviene per Dental Group
bg@barbaragambini.com
2024.02.27
----------------------*/


body, html { width: 100%;  height: 100%; scroll-behavior: smooth;   }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }
a { color:; }
a:hover { color:#1068B2; }

body { font-size:16px; }
.clear { clear:both; visibility:hidden; margin:0; }
nav { position:relative; z-index:2000; box-shadow:1px 2px 3px rgba(0,0,0,.1); }
a.brand, a.brand:hover { text-decoration:none; color:#212121; }


/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#e12422; }
.pink { color: #F93174; }
.rosso-mattone { color:#7A0A27; }
.marrone { color:#330000; }
.blu { color:#215682; }
.ciano { color:#4babc0;}
.giallo { color:#215682; }
.green { color:#00b2a7; }
.light-green { color:#E0F0D7; }
.light-blue { color:#A0C8EA; }
.blu-grey { color:#647382; }
.light-grey { color:#f8f8f8; }
.nero {color:#000000}

.dark-green { color:#017a45; }
.dark-blu { color:#15253b; }
.heavy-green { color:#1d2b0b; }
.gold { color: #D7AB24; }
.bianco { color: #fff; }
.orange { color:#FF6333; }
.light-orange { color:#FF825C; }

.blu-grey-bg { background-color:#647382; }
.light-grey-bg { background-color:#f0f0f0; }

.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7A0A27; }
.rosso-bg { background-color:#e12422; }
.ciano-bg { background-color:#1aa4bf;}
.giallo-bg { background-color:#215682; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#215682; }
.green-bg { background-color:#00b2a7; }
.dark-green-bg { background-color:#017a45; }
.pink-bg { background-color: #F93174; }


.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#A0C8EA; }
.heavy-green-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#3b4d66; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#FF6333; }
.gold-bg { background-color: #D7AB24; }

.light-orange-bg { background-color:#FF825C; }
.light-green-bg { background-color:#c4e973; }
.cold-grey-bg { background-color:#d1d4d9 ; }
.dark-blu-bg { background-color:#15253b;}
.dark { color:#3b4d66;}

.grey { color:#333; }
.grey-bg { background-color:#333; }


.text-14 { font-size:12px; }
.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-60 { font-size:60px; }


.opacity-10 { opacity:.1; }
.opacity-20 { opacity:.2; }
.opacity-30 { opacity:.3; }
.opacity-40 { opacity:.4; }
.opacity-50 { opacity:.5; }
.opacity-60 { opacity:.6; }
.opacity-70 { opacity:.7; }
.opacity-80 { opacity:.8; }
.opacity-90 { opacity:.9; }


.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }


.line-height-1 { line-height:1; } 
.line-height-1.small { line-height:1.1; }
.line-height-n { line-height: normal; }
.line-height-2 { line-height: 1.5; }


.border-radius-3 { border-radius: 3px}
.border-radius-5 { border-radius: 5px}
.border-radius-8 { border-radius: 8px}
.border-radius-10 { border-radius: 10px}
.border-radius-15 { border-radius: 15px}
.border-radius-20 { border-radius: 20px}
.border-radius-25 { border-radius: 25px}
.border-radius-30 { border-radius: 30px}
.border-radius-35 { border-radius: 35px}
.border-radius-40 { border-radius: 40px}

.max-width-90 { max-width:900px; }
.max-width-80 { max-width:800px; }
.max-width-70 { max-width:700px; }
.max-width-60 { max-width:600px; }
.max-width-50 { max-width:500px; }
.max-width-40 { max-width:400px; }
.max-width-30 { max-width:300px; }

/*-------------------------
font
-------------------------*/
.font-freeroad { font-family: 'Freeroad Bold', sans-serif; }
.font-opensans { font-family: 'Open Sans', sans-serif; }
.font-opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
.font-muli { font-family: 'Muli', sans-serif; }
.font-coda { font-family: 'Coda', cursive; }
.font-oswald { font-family: 'Oswald', sans-serif; }
.font-anton { font-family: 'Anton', sans-serif; letter-spacing:0.03em; }
.font-norffo { font-family: 'Norffo'; }
.font-norffo-i { font-family: 'Norffo Italic'; }
.font-montserrat { font-family: 'Montserrat', sans-serif; }
.font-pacifico { font-family: 'Pacifico', cursive; }
.font-rancho { font-family: 'Rancho', cursive; }
.font-lato { font-family: 'Lato', sans-serif; }
.font-arvo { font-family: 'Arvo', serif; }
.font-titillium { font-family: 'Titillium Web', sans-serif; }
.font-roboto { font-family: 'Roboto', sans-serif; }
.font-roboto-c { font-family: 'Roboto Condensed', sans-serif; }
.font-laila { font-family: 'Laila', serif; }
.font-roboto-slab { font-family: 'Roboto Slab', serif; }
.font-kaushan { font-family: 'Kaushan Script', cursive; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-noto-sans-KR { font-family: 'Noto Sans KR', sans-serif; }
.font-lora { font-family: 'Lora', serif; }
.font-pt-sans { font-family: 'PT Sans', sans-serif; }
.font-nunito-sans {font-family: 'Nunito Sans', sans-serif; }
.font-caveat {font-family: 'Caveat', cursive; }
.font-poppins { font-family: 'Poppins', sans-serif;} 
.font-raleway { font-family: 'Raleway', sans-serif; }
.font-dosis {font-family: 'Dosis', sans-serif;}
.font-maven-pro { font-family: 'Maven Pro', sans-serif; }
.font-inter { font-family: 'Inter', sans-serif; }
.font-playfair { font-family: 'Playfair Display', serif; }


.font-weight-100 { font-weight: 100; }
.font-weight-200 { font-weight: 200; }
.font-weight-300 { font-weight: 300; }
.font-weight-400 { font-weight: 400; }
.font-weight-500 { font-weight: 500; }
.font-weight-600 { font-weight: 600; }
.font-weight-700 { font-weight: 700; }
.font-weight-800 { font-weight: 800; }
.font-weight-900 { font-weight: 900; }

/*----------------------------*/
.custom-list { position:relative; list-style-type: none; list-style-type: none; column-count: 2; column-gap: 50px; }
.custom-list li { font-size:; margin:0 0 12px 0; line-height:1.4; position:relative; }
.custom-list li:last-child { margin-bottom:0;  }
.custom-list i { font-size: 20px; left:-30px; position:absolute; top:3px; }
/*----------------------------*/


.custom-list-2 { list-style-type:none; }
.custom-list-2 li { margin:0 0 12px 0; line-height:1.4; position:relative; position: relative; }
.custom-list-2 li:before { background: url(img/icon-right-arrow-blue.svg) no-repeat center center / 70%;
width:25px;
height:25px;
display: block;
position: absolute;
left:-30px;
top: 0px;
content: "";
}

.custom-list-2 li:last-child { margin-bottom:0; }

/*----------------------------*/

.overlay { position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:1;
background:url( "img/iStock-611902592.webp") no-repeat center center / cover; opacity:1; }
section .container-xxl { position:relative; z-index:4; }
section  { position:relative; }


/*------------------------------
------------------------------*/

.text-shadow { text-shadow:-3px 2px 0px rgba(0,0,0,.1); text-align:center; }
.brand { color:#465564; }
.cover-bg { background:url(img/iStock-531873746.webp) no-repeat center center / cover; min-height: 300px;
display: flex; align-items: center; justify-content: right;}


.bollo-promo { width: 170px; height: 170px; border-radius: 50%; align-items: center; justify-content: center; display: flex; text-align: center; padding:.5rem; border: 5px solid #fff;  transform: rotate(-5deg); box-shadow: -3px 2px 3px #0000004d; margin-right: 4rem; 
}
.bollo-promo h2 { padding: .5rem 0;  border-top: 1px solid #fff; border-bottom: 1px solid #fff;  }
.custom-bg { background:url(img/iStock-950434234.webp) no-repeat center center / cover; }

.vantaggi .box { background:#ffffffe5; border-radius:0px; padding: 1.5rem; height: 100%; border-radius:0px; border-bottom: 8px solid #00b2a7; }

.line-through { position: relative; }
.line-through:after { display: block; content: ""; position:absolute; bottom:0; top:25%; width:100%; height:2px; z-index:1; background: #215682; }
.line-through h2 { position: relative; z-index: 5; }
/*----------------------------*/

footer { background:; } 
footer p.copyright { margin:; text-align:left; font-size:14px; font-weight:400; }
.footer-triboo-logo { width:130px; margin:auto; }

/*----------------------------
Form
----------------------------*/

aside { background: #00b2a7; }

.form-control {
background:#eee;
border:none;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 16px;
padding:12px;
font-weight:normal;
line-height:normal;
border:none;
}

textarea.form-control { padding:10px; height:88px; border:; }

.form-control::-moz-placeholder { opacity:; color: #999; }
.form-control::placeholder { opacity:; color:#999; }
select option { opacity:1; color:#999; }
.form-group { margin-bottom:0; }

.btn-custom { border:0px solid transparent; font-weight:700; letter-spacing:.03em; padding:10px; width: 100%; border-radius:5px; display: inline-block; text-decoration:none; text-align: center; outline:0px solid #fff; outline-offset:0px; }
.btn-custom:hover { background:#215682; border:0px solid #ffffff; color:#fff; text-decoration:none; }

a.btn-custom.btn-bottom { outline-color:transparent; color:#222; }
a.btn-custom.btn-bottom:hover { text-decoration:none; background:#e12422; color:#fff;  }

a.btn-outline { border:2px solid; text-decoration:none; text-transform:uppercase;  }
a.btn-outline:hover { color:#1aa4bf; background:#fff; }


select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#999;
}

select option { color:#666;}


.form-control select { }
.custom-select-grip { position:relative; }
.custom-select-grip:after { position:absolute; right:15px; top:3px; content:""; display:block; 
right:14px; top:50%; margin-top:-8px; width: 10px; height: 18px; background: url(img/select-grip.svg) no-repeat center center / 100% auto; z-index:; }

.form-group-privacy { line-height:1; color:; }
.form-group-privacy .small { font-weight:400; line-height:1.3;  }

.form-group-privacy a { color:#fff; } 
.form-group-privacy a:hover { color:#0c6294; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0; }
label.checkbox-terms { margin:0; line-height:1;}
.form-group-privacy input { margin: 2px 8px 0 0; vertical-align: text-top; }


.form-control:focus, textarea.form-control:focus { background:#eee; border:1px solid #ccc; box-shadow:none; }
input.form-control:focus::placeholder, 
textarea:focus::placeholder{ color: transparent; }


/*----------------------------
----------------------------*/







/*------------------------------*/
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:1; }
  100% { opacity:0; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation .9s infinite;
   -moz-animation: flickerAnimation .9s infinite;
   -o-animation: flickerAnimation .9s infinite;
    animation: flickerAnimation .9s infinite;
}

/*------------------------------
RUOTA
------------------------------*/	

@keyframes rotating {
from
{
transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes rotating {
from
{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
to
{
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
.ruota {
-webkit-animation: rotating 22s linear infinite;
-moz-animation: rotating 22s linear infinite;
-ms-animation: rotating 22s linear infinite;
-o-animation: rotating 22s linear infinite;
animation: rotating 22s linear infinite;
}



/*----------------------------
$grid-breakpoints: (
  xs: 0,
  sm: 576px,
  md: 768px,
  lg: 992px,
  xl: 1200px,
  xxl: 1400px
);
----------------------------*/



/*----------------------------
mobile sopra i....
----------------------------*/

@media(min-width:1920px) { }
@media(min-width:1400px) { }
@media(min-width:992px) { footer .text-lg-left { text-align: left!important; } }

/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1600px) { }


@media(max-width:1400px) { }

@media(max-width:1200px) {
body { font-size:15px; }
.text-20 { font-size:18px; }
.text-25 { font-size:20px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }
}


@media(max-width:1080px) {

}

@media(max-width:992px) {

}

@media(max-width:767px) {   
.bollo-promo {
  width: 150px;
  height: 150px;
  padding: .5rem;
  border: 5px solid #fff;
  margin-right: 1rem;
}   
    
    
}

@media(max-width:480px) {
body { font-size:15px; }
.text-18 { font-size:16px; }
.text-20 { font-size:18px; }
.text-25 { font-size:20px; }
.text-30 { font-size:20px; }
.text-35 { font-size:25px; }
.text-40 { font-size:30px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-60 { font-size:50px; }

footer p { font-size: 12px; }
footer p.copyright { font-size:12px; margin:0; }
footer img { width: 80px!important; }
footer img.mb-3 { margin-bottom:.5rem!important; }
.brand { width:200px; }

.claim h2.text-30 { line-height: 1; font-size: 18px; font-weight: 300; }


}
	
@media(max-width:414px) {}
@media(max-width:375px) {}

.loader-container {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    z-index: 101;
}

@keyframes load {
    50% {
        transform: rotatez(180deg);
        border-style: dashed;
        border-color: #1AA4BF #66C2D4 #EB6D6B #E22422;
    }
    100% {
        transform: rotatez(360deg);
    }
}

.loader::before {
    content: "";
    color: white;
    height: 100px;
    width: 100px;
    background: transparent;
    border-radius: 50%;
    border: 20px solid #E22422;
    animation: load 1s infinite;
}

.loader-bg {
    background-color: rgba(255, 255, 255, .9);
}