/*----------------------
Promo Aziende Buoni Pasto // CSS
Frank Gramuglia
bg@barbaragambini.com
2025-01-13
----------------------*/

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


@font-face {
    font-family: 'TT Travels';
    src: url('font/TT Travels/TTF/TT Travels TrueType 1-020/TT Travels Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('font/TT Travels/TTF/TT Travels TrueType 1-020/TT Travels Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('font/TT Travels/TTF/TT Travels TrueType 1-020/TT Travels Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('font/TT Travels/TTF/TT Travels TrueType 1-020/TT Travels DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('font/TT Travels/TTF/TT Travels TrueType 1-020/TT Travels Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'TT Travels';
    src: url('font/TT Travels/TTF/TT Travels TrueType 1-020/TT Travels ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}


.font-travels {
    font-family: "TT Travels", sans-serif;
}




@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Inter';
    src: url('font/inter/static/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}




.font-inter {
    font-family: "Inter", sans-serif;
}





::-moz-selection  { background: #221C46; color: #ffffff; }
::selection { background: #221C46; color: #ffffff; }
a { color:#6f9fb8; text-decoration: underline; }
a:hover { color:#1068B2; }

body { font-size:16px; color:#221C46; }

.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: 2; }

.clear { clear:both; visibility:hidden; margin:0; }

.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; }

/*-------------------------
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-catamaran { font-family: 'Catamaran', sans-serif; }
.font-play { font-family: "Lora", serif; }



/*-------------------------
font
-------------------------*/

.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; }

/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#ff3d00; }
.pink { color: #dd3a85 ;; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#534845; }
.blu { color:#0a7ba6; }
.ciano { color:#00a7ff;}
.giallo { color:#ffc12e; }
.green { color: #00eb5e; }
.light-verde { color:#E0F0D7; }
.light-blue { color:#71a8bd; }
.dark-verde { color:#5bb2a6; }
.dark { color:rgba(0,0,0,.8); }
.heavy-verde { color:#1d2b0b; }
.gold { color: #d2bc79; }
.bianco { color: #fff; }
.orange { color:#f15422; }
.black { color:#222; }
.verde-dual { color:#4a9e7f; }
.grigio-dual { color:#777777; }
.magenta { color:#dd3a85; }
.viola { color:#693681; }
.dark { color:rgba(0,0,0,.8);}
.dark-grey { color:#333333;}
.grey { color:#6e6e6e;}
.pluxee { color:#221C46; }




.verde-pro-bg { background-color:#4a9e7f; }
.magenta-bg { background-color:#dd3a85; }
.marrone-bg { background-color:#534845; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#ff3d00; }
.ciano-bg { background-color:#00a7ff;}
.giallo-bg { background-color:#ffc12e; }
.giallo-bg-dual { background-color:#feee77; }
.giallo-bg-dual2 { background-color:#f3bd31; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#0a7ba6; }
.verde-bg { background-color:#0c4c3b; }
.dark-verde-bg { background-color:#5bb2a6; }
.dark-bg { background-color:rgba(0,0,0,.8); }
.pink-bg { background-color: #dd3a85; }
.black-bg { background-color:#222; }
.light-verde-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#71a8bd; }
.heavy-verde-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#222; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#f15422; }
.gold-bg { background-color: #d2bc79; }
.light-verde-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#eee ; }
.cold-grey-bg { background-color:#d1d4d9 ; }
.green-bg { background-color: #00eb5e; }
.dark-grey-bg { background-color:#333333; }
.grey-bg { background-color:#6e6e6e; }
.pluxee-bg { background-color: #00eb5e; }


.violet-gradient-bg { 
 background: rgb(109,62,130);
background: linear-gradient(355deg, rgba(109,62,130,1) 0%, rgba(181,111,214,1) 100%); 
}
.violet-gradient-txt {  
 background: rgb(109,62,130);
background: linear-gradient(355deg, rgba(109,62,130,1) 0%, rgba(181,111,214,1) 100%); 
    
text-fill-color: transparent;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}




/*-------------------------
-------------------------*/
.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; line-height: 37px }
.text-35 { font-size:35px; line-height: 40px }
.text-40 { font-size:40px; line-height: 45px }
.text-45 { font-size:45px; }
.text-50 { font-size:50px; }
.text-55 { font-size:55px; }
.text-60 { font-size:60px; }

.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; }


.overlay { position:absolute; bottom:0; top:0; width:100%; height:100%; background: rgba(0, 0, 0, .4); z-index:1;}

.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-80 { opacity:.8; }
.opacity-90 { opacity:.9; }



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

nav { position:relative; z-index:2000; box-shadow: 2px 2px 2px rgba(0,0,0,.1); padding:0; }
nav .container { position:relative; z-index:2000; }
.brand { width:370px; }


.header-mobile { background: url(img/header-mobile.jpg) no-repeat center center  / cover; position: relative; height: 480px; }
.main-cover { left: 0; top: 0;  position: absolute; width: 100%; height: 100%; z-index: 1; background: url("img/cover-bg-24.webp") no-repeat center right / cover;}
.claim { position: relative; z-index: 3; text-shadow: 1px 2px 3px rgba(0,0,0,.3); }


/*
.shape { position: absolute;  top: 0; left: 0;  max-width:16rem; clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%); padding: 5% 2% 8%; z-index: 3; }
.shape:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; 
}*/



header .container { position:relative; z-index:10; }
aside { box-shadow: 0 2px 7px rgba(0,0,0,0); border-radius: 0px; }
.text-shadow { text-shadow:2px 2px 0 rgba(0,0,0,.5); }

.header-pluxee { background-color: #221c46; }



/*----------------------------
Form
----------------------------*/
.form-control {
background:#f0f0f0;
border: none;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 16px;
padding:10px;
font-weight:normal;
line-height:normal;
font-weight: 500;
}
.form-control::-moz-placeholder { opacity:.6; color: #333; }
.form-control::placeholder { opacity:.6; color:#333; }
select option { opacity:1; color:#999; }
.form-group { margin-bottom:0; }

.btn-custom { border:2px solid transparent; font-size:18px; font-weight:700; letter-spacing:.03em; padding:14px; text-transform:uppercase; width: 100%; border-radius:40px; text-decoration:none; text-align: center; transition: .3s linear; }
.btn-custom:hover {  color:#ffffff; transform: scaleX(1.05);   }

.section-dipendente .btn-custom:hover { color: #fff; }

select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#848484;
font-weight: 500;
}

select option { color:#333; }


.form-control.custom-select-grip { padding:12px; }
.form-control select { }



.custom-select-grip { position:relative; }
.custom-select-grip:before { 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; }

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


/*----------------------------*/
.custom-list { position:relative; margin:0 0 0 30px; padding:0 0 0 0; }
.custom-list li { margin:0 0 12px 0; line-height:1.4; position:relative;  }
.custom-list i { font-size: 25px; left:-30px; position:absolute; top:2px; }
.custom-list strong { font-weight:700; font-size:large; }

/*----------------------------*/
a.bnt-bottom { }
a.btn-custom.btn-bottom:hover { text-decoration:none;background:#f15422; background:#f15422; border:0px solid transparent; color:#fff; }

.box-shadow { box-shadow: -7px 6px 0px rgba(59,77,102,.2); }
.gift-icon { position: absolute; left: -5px; top: -5px; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px;}

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

.vantaggi .box {  background: #fff; border-radius: 20px; }
.vantaggi .box h3 { border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 10px; }


.vantaggi-light .box { display: flex; align-items: center; }

section.buoni-pasti-per-tutti .box svg { vertical-align: bottom; }


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

.slick-slide { height: inherit; }
.feedback-slider .box { padding: 2.5rem 2rem 2rem ; margin: 0 1rem; border-radius: 10px; background: #fff; min-height: 300px; }
.feedback-slider .box .star-block  { margin-bottom: 1rem; }
.feedback-slider .box .data  { display: none; }


.feedback-slider .box p { margin-bottom: 0; }
.feedback-slider .slick-dots { position: relative; bottom: auto; margin: 20px auto 0; }

.feedback-slider .slick-dots li button:before { background: #999; }

.data-group { display: flex; justify-content: center; align-items: flex-end; margin-bottom: 1rem;  }
.data-group h4 { margin-right: 1rem; margin-bottom: 0;  }

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


.buoni-pasti-per-tutti { background-color:#221c46; }
.buoni-pasti-per-tutti .box { background: #fff; padding: 2rem; border-radius: 20px; height: 100%; }
/*----------------------------*/

.bubble { position: relative; z-index:400; line-height:1; border: 2px solid #fff; border-radius:8px;  }

/*
.bubble:before {
bottom: -18px;
content: "";
display:block;
height:20px;
width: 20px;
left: 15%;
position: absolute;
background:#e2ecf0;
clip-path: polygon(100% 0, 0 100%, 100% 100%);
border: 2px solid #fff;
}
*/

.bubble:before {
bottom: -20px;
content: "";
display:block;
height:20px;
width: 20px;
left: 15%;
position: absolute;
background: url("img/bubble-arrow.svg") no-repeat center center / auto; 
}


.call-to-action .bubble p { line-height: 1.2; max-width: 300px; margin: auto; }

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

footer p { font-size:13px;  }

/*------------------------------
Slick Slider
------------------------------*/

.slick-slide { height: inherit; }
.feedback-slider .box { padding: 2.5rem 2rem 2rem ; margin: 0 1rem; border-radius: 10px; background: #fff;}
.feedback-slider .box .star-block  { margin-bottom: 1rem; }
.feedback-slider .box p { margin-bottom: 0; }
.feedback-slider .slick-dots { position: relative; bottom: auto; margin: 20px auto 0; }

.feedback-slider .slick-dots li button:before { background: #999; }

.data-group { display: flex; justify-content: center; align-items: flex-end; margin-bottom:0rem; }
.data-group { display: flex; justify-content: center; align-items: flex-end; margin-bottom:0rem; }

.data-group h4 { margin-right: .5rem; margin-bottom: 0;  }

.tipologia-laurea { text-transform: uppercase; font-size: 12px; font-weight: 400; }


/*------------------------------
Accordion
------------------------------*/
.accordion-button:not(.collapsed) { color: inherit; background-color: inherit; box-shadow: none; border: none; }
.accordion .accordion-item .accordion-collapse.collapse.show .accordion-body { background: #e2ecf0; }
.accordion .accordion-item { border:none; border-bottom: 1px solid #ddd; }

.accordion .accordion-item h2.accordion-header button.accordion-button { background: none; font-weight: 300; }
.accordion .accordion-item h2.accordion-header button.accordion-button[aria-expanded="true"] { color:#278099; font-weight: 700; }

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



.funky-arrow {  }
.funky-arrow { animation:pull 1s infinite; width:50px }
@-webkit-keyframes pull { 
0% { margin:0 0 0 0px; } 
50% { margin:0 0 0 20px; } 
100% { margin:0 0 0 0px; } 
}
@keyframes pull { 
0% { margin:0 0 0 0px; } 
50% { margin:0 0 0 20px; } 
100% { margin:0 0 0 0px; } 
}

/*------------------------------
scrolla
------------------------------*/

.scrolla { animation:scrolla .5s infinite; }
@-webkit-keyframes scrolla { 
0% { transform:rotate(0deg) } 
50% { transform:rotate(-10deg) }
100% { transform:rotate(0deg) }  
}
@keyframes pull { 
0% { transform:rotate(0deg) } 
50% { transform:rotate(-10deg) }
100% { transform:rotate(0deg) } }

/*------------------------------
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;
}	




/* Custom Loader */

.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: #DB3D88 #EAEFF3 #AA7BC1 #693580;
	}
	100% {
		transform: rotatez(360deg);
	}
}

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

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

/*---------------------------
BS5 --> grid-breakpoints
-----------------------------

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

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


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

@media(min-width:1920px) { }
@media(min-width:1600px) { }

@media(min-width:1200px) {
}
@media(min-width:990px) {
footer p.copyright.text-lg-left { text-align: left!important; }

}	

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


@media(max-width:1440px) { }
@media(max-width:1360px) { }
@media(max-width:1280px) { }

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

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

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

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


@media(max-width:990px) {
.arrow {transform: rotate(145deg); }
.vantaggi-light { display: block; max-width: 360px; margin: auto; padding: 2rem 0; }
}


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


	
@media(max-width:480px) {
body { font-size:14px; }
.text-20 { font-size:18px; }
.text-25 { font-size:18px; }
.text-30 { font-size:22px; line-height: 30px }
.text-35 { font-size:26px; line-height: 33px }
.text-40 { font-size:32px; line-height: 37px }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; }
.text-55 { font-size:42px; }
.text-60 { font-size:45px; }
.brand { width: 290px; }
footer p { font-size: 12px; }
footer img { width: 120px !important; margin-bottom: 8px !important; }
.custom-list i { font-size: 18px; left: -25px; position: absolute; top: 1px; } 
.scrolla { display: none!important; }
header h1.text-50 { font-size: 35px; }
}

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