/*----------------------
Beta Formazione
bg@barbaragambini.com
2022-03-18
----------------------*/


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:17px; color: #808080;  }
.clear { clear:both; visibility:hidden; margin:0; }
nav { position:relative; z-index:2000; box-shadow:1px 2px 3px rgba(0,0,0,0); }
a.brand, a.brand:hover { text-decoration:none; color:#3b4d66; }

.gutter-grid-var { margin-right:-8px; margin-left:-8px;}
.gutter-grid-var > .col, 
.gutter-grid-var > [class*="col-"] { padding-right:8px; padding-left:8px; }

.full-height { height:100%; }

strong { font-weight:700;}
.font-weight-bold { font-weight:; }
.font-weight-900 { font-weight:900; }
.font-weight-light { font-weight:100!important; }

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


aside .call-to-action p.line-height-1 { line-height: 1!important; }

.header-mobile .row { z-index:4; position:relative; }

.sps.sps--blw {     
position:fixed;
top:-1px; 
height:1px; 
width:100%; 
background:white; z-index:5000; }

.sps.sps--blw .navbar-nav > li > a { padding-top:0px; padding-bottom:0px; }
.sps.sps--blw a.brand.text-40 { font-size: 30px; }

.container { max-width: 1400px; }


/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#dc143c; }
.pink { color: #F93174; }
.rosso-mattone { color:#7A0A27; }
.marrone { color:#330000; }

.ciano { color:#008aa5;}
.giallo { color:#f8b033; }
.green { color:#008000; }
.light-green { color:#E0F0D7; }
.light-blue { color:#73a5dc; }
.blu-grey { color:#647382; }
.light-grey { color:rgb(215, 225, 230); }
.grey { color:#646363; }

.dark-green { color:#017a45; }
.dark-blu { color:#15253b; }
.heavy-green { color:#1d2b0b; }
.gold { color: #D7AB24; }
.bianco { color: #fff; }
.orange { color:#e0520c; }
.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:#dc143c; }
.ciano-bg { background-color:#008aa5;}
.giallo-bg { background-color:#f8b033; }
.bianco-bg { background-color:#fff; }
.grey-bg { background-color:#646363; }


.green-bg { background-color:#008000; }
.dark-green-bg { background-color:#017a45; }
.pink-bg { background-color: #F93174; }


.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#73a5dc; }
.heavy-green-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#3b4d66; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#e0520c; }
.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;}

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


.text-16 { font-size:16px; }
.text-18 { font-size:18px; }
.text-20 { font-size:20px; }
.text-25 { font-size:25px; }
.text-30 { font-size:30px; line-height: 33px; }
.text-35 { font-size:35px; }
.text-40 { font-size:40px; line-height: 45px; }
.text-45 { font-size:45px; }
.text-50 { font-size:45px; line-height: 50px; }
.text-60 { font-size:60px; line-height: 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; }

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


.blu-bg { background-color:#113859; }
.blu { color:#113859; }

.blu-bg-2 { background-color:#29576e; }
.blu-2 { color:#29576e; }

/*-------------------------
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-sans-pro { font-family: 'Source Sans Pro', sans-serif; }
.font-gent { font-family: 'Gentium Book Basic', serif; }
.font-ruf { font-family: 'Rufina', serif; }
.font-serif { font-family: 'Source Serif Pro', serif; }

	

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

nav { box-shadow:1px 1px 4px rgba(0,0,0,.2); }

.sfondo { background:url('img/facile-prestito.jpg') no-repeat  top center / cover ;   }

.sfondo { min-height:400px; height: 100%; }

/*

.custom-bg:before {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
background: url('img/cover-bg.svg') no-repeat fixed center center / cover;
display: block;
content: "";
}

.custom-bg .container { z-index: 10; position: relative; }

*/

.main-cover { background:url('img/iStock-1254975591.webp') no-repeat center center / cover; min-height: 600px; }

.overlay { position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:.3; }
.text-shadow { text-shadow:-3px 2px 0px rgba(0,0,0,.1); text-align:center; }
.header-mobile { background:url('img/iStock-1254975591.webp') no-repeat top center / cover; position:relative; }
.top-bar { border-bottom: 2px solid #008000; } 
.top-bar a { color: #fff; }

.brand { width: 250px }

.bubble { background:; border-radius:20px; position:relative; background: #fff; }

.bubble:before { 
position:absolute; bottom:45%; right:-20px; width:100%; height:100%; z-index:2; content:""; 
width: 0;
height: 0;
border-style: solid;
border-width: 20px 20px 0 0;
border-color: #fff transparent transparent transparent;
}

.navbar-nav { justify-content:space-between; }
.navbar-nav > li > a {
display: inline-block;
padding: 20px 15px;
border-bottom: 2px solid;
text-transform: capitalize;
border-color: transparent;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
color:#465564; 
}


.navbar-nav > .active > a, 
.navbar-nav > .active > a:hover, 
.navbar-nav > .active > a:focus, 
.navbar-nav > .open > a, 
.navbar-nav > .open > a:hover, 
.navbar-nav > .open > a:focus,
.navbar-nav a:hover {
border-bottom: 2px solid #008000;
color: #008000; text-decoration:none; 
}


/*----------------------------
Form
----------------------------*/
aside {  box-shadow: 3px 3px 0px rgba(0,0,0,0); }

.form-control {
background: #f7f7f7;
border:0px solid #ccc;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 15px;
height:40px;
line-height:40px;
padding:0 10px;
font-weight:normal;
}

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

.btn-custom { font-size:18px; border:0 solid transparent; font-weight:500; letter-spacing:0; padding:16px 18px; text-transform:uppercase;  cursor: pointer;   border-radius: 15px; line-height:1; width:100%; display:block; text-decoration:none; text-align:center; text-decoration:none; font-weight:bold; background: #fff; color: #185750;  }
.btn-custom:hover { background:#f8f8f8 ; color:#185750; text-decoration:none; }


.btn-custom.btn-outline { border: 2px solid; background: none;  }
.btn-custom.btn-outline:hover { background:#008000; color:#fff; text-decoration:none; }



.bottom-call-to-action .btn-custom { color:; }
.bottom-call-to-action .btn-custom:hover {  border-color:#fff; color:; }

.bottom-cta a:hover { color:#fff; text-decoration:none; background:#e0520c; }



a.btn-custom.cta:hover { background:#438cc1; color:#fff; }
select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:#f7f7f7; border:none; width:100%;
color:#333; line-height:1;
	padding: 10px; font-size: 15px;
}
.form-group-privacy { line-height:; color:; }
.form-group-privacy .small { font-weight:400; color:; font-size:12px; line-height:1.2;}
.form-group-privacy a { color:#fff; text-decoration: underline; } 
.form-group-privacy a:hover { color: #008000; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0; }
.form-group-privacy input { margin:; }

.form-group-privacy .form-check-label { font-size: 14px; }


.form-control:focus, textarea.form-control:focus {
  color:;
  background:#eee;
  border:1px solid #438cc1;
  box-shadow: none;
}

input.form-control:focus::placeholder, 
textarea:focus::placeholder{ color: transparent; }



.form-control.custom-select-grip { padding:0; }
.form-control select { padding:10px; }
.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; opacity:.5; }


input#dob.form-control { color:#bbb; }
.check-buono-sconto { font-size:13px; }
.form button.btn-custom { width:100%; }


aside form button.btn-custom { max-width:inherit; }

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

.custom-list { position:relative; list-style-type: none; padding-left: 30px; margin-bottom: 0; }
.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; }

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

.piattaforma { background: url("img/student.jpg") no-repeat center center / cover; min-height: 200px; }




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







/*
Pacchetti
----------------------------*/

.request-arrow { border-radius:50%; width:40px; height:40px; line-height:38px; border: 2px solid; text-align:center; }
.request-arrow i { font-size:18px; }


.pacchetti { background: url(img/pacchetti-bg-2.jpg) #eee no-repeat center right / auto 100%; }

.pacchetti .box {   border-radius: 0px; height: 100%; display: flex; justify-content: space-between; flex-direction: column; }
.pacchetti .box .promozione-speciale { text-transform: uppercase; color: #fff; padding: 8px; font-weight:700; line-height: 1; letter-spacing: .1em; }
.pacchetti .box .prezzo { border-top: 1px solid; border-bottom: 1px solid; border-color:rgba(0,0,0,0.30); padding: 4px 0; }
.pacchetti ul { list-style-type: square; }
.pacchetti .box ul li { margin-bottom: 10px; line-height: normal; }
.pacchetti .box ul li:last-child { margin-bottom: 0px; }
.pacchetti .box .bollo-omaggio { font-family:'Open Sans Condensed', sans-serif; border-radius: 15px; padding: 15px; font-size: 14px; border: 1px solid; }
.pacchetti .box hr { display: none; }
.pacchetti .box .prezzo .text-50 { letter-spacing: -0.03em; }

 .abbonati-ora {  background: #fff; padding: 15px 15px 15px 15px; border-radius:4px; text-align:center; text-transform: uppercase; color: #0b1043; display: block; max-width: 150px; text-decoration: none; font-weight: 600; margin: 1rem auto; transition: 0.2s ease-in-out; line-height: 1; font-size: 14px;  }


.pacchetti .box.box-2 .abbonati-ora {  background: #fff; }
.pacchetti .box.box-2 .abbonati-ora:hover { color: #333; }



.abbonati-ora:hover { color: #0b1043; transform: text-decoration: none; }




/*----------------------------*/
.prestiti .box { border: 0px solid #ddd; background:#d7e1e6; }
.prestiti .inner { padding:30px 20px; }
.prestiti .box p { letter-spacing: .3em;  }
.prestiti .box a.btn-custom { background:#082145; border: 1px solid #082145; color:#fff; padding: 10px; 5px; border-radius:;  }
.prestiti .box a.btn-custom:hover { background: #fff; border-color: #fff; color: }
.prestiti .box hr { border-color: #fff; opacity: 1; }

/*----------------------------*/
.hexagon .icon {
position: relative;
width: 80px;
height: 80px;
background: url(img/hega-bg.png) no-repeat center center / 100% auto;
margin: 0 auto;
margin-bottom: 0px;
-webkit-transition: 0.4s ease-in-out;
-moz-transition: 0.4s ease-in-out;
-ms-transition: 0.4s ease-in-out;
-o-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
margin-bottom: 40px;
}
/*----------------------------*/

.header-section { position:relative; }
.header-section h2 { position: relative; z-index: 2; }
.header-section .line { width: 100%; background: #ccc; height: 2px; position: absolute; top: 49.5%; left: 0; z-index: 1; }


section.faq-news a.btn-custom { background:none; border:1px solid #008000; color:#008000; padding:8px 10px; height:auto; line-height:1; }
section.faq-news a.btn-custom:hover { background:#008000; color:#fff; }



.monogramma { position:relative; z-index:3; ; }
.monogramma .container { z-index: 4; position:relative; }
.monogramma:before { 
position:absolute; bottom:0; right:0; width:100%; height:100%; z-index:2; background:url('img/monogramma.png') no-repeat fixed center center / cover; display:block; content:"";
opacity: .2; mix-blend-mode: luminosity; -moz-mix-blend-mode: luminosity; -webkit-mix-blend-mode: luminosity; }
.dark-green-bg { background-color:#3e9a6e; }



/*------------------------------*/
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 7s infinite;
   -moz-animation: flickerAnimation 7s infinite;
   -o-animation: flickerAnimation 7s infinite;
    animation: flickerAnimation 7s 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;
}


.accordion-toggle::after {
	font-family: FontAwesome;
    content: url(img/arrow.png); 
    float: right;
	transition: all .2s;

}



.accordion-opened .accordion-toggle::before {    
    content: url(img/arrow.png); 
	transition: all .2s;
	transition: all 0.5s ease 0s;

}

 .destra{right: -100px; position: relative }


.su-giu {
    animation: sugiu 1s infinite linear;
}



.mobile {display:none;}
.no-mobile {display: block;}



.text-header { max-width: 700px; margin-left: 100px }

.spazio { padding: 23% 10%; }


.prl { padding-left: 50px; padding-right: 50px; }



@media screen and (min-width: 50px) and (max-width: 999px) {
.mobile {display: block;}
.no-mobile {display: none;}
}


.icon-lp { width: 90px;}


.slogan {color: #fff; font-weight: 800; max-width: 1100px; margin: 0 auto;   display: block; }




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

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



/*----------------------------
mobile sotto i...
----------------------------*/
@media(max-width:1700px) { .text-header { max-width: 600px; margin-left: 100px }}

@media(max-width:1600px) { .text-header { max-width: 500px; margin-left: 100px }}


@media(max-width:1440px) { .text-header { max-width: 400px; margin-left: 100px }  }

@media(max-width:1300px) { .destra{right: -70px;}  }


@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: 28px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; line-height: 35px; }
.text-45 { font-size:35px; }
.text-50 { font-size:40px; line-height: 44px; }
.text-60 { font-size:50px; line-height: 50px; }
	
	.destra{right: -40px;}
	
	.text-header { max-width: 380px; margin-left: 50px } 
	
}
@media(max-width:1100px) { .destra{right: -10px;} 

.text-header { max-width: 330px; margin-left: 50px } 

}

@media(max-width:1080px) {
.form-control { height: 36px; padding: 0 8px; font-size:14px;  }	
textarea.form-control { padding:8px; height: 88px; }
	
	.destra{right: 0px;     margin-left: -30px;}

}

@media(max-width:990px) {
header {  }
.navbar-nav > li > a { padding: 10px; display:block;  }


.bubble:before { bottom: -20px; right: 20%; }
.bubble ul.custom-list li i { font-size: 20px; }

.full-height { height:auto!important; }
.main-cover.h-100 { height:400px !important; min-height: inherit; }

section.abbonamenti .box { padding-bottom: 1rem; border-bottom: 1px solid #ddd; }
section.abbonamenti .col-sm-6:nth-child(7) .box { border-bottom: none; }

.destra{right: 0px;     margin-left: 50px;}
	
.spazio { padding: 3% 3%; }
	
	.prl { padding-left: 0px; padding-right: 0px; }
	
	
	.slogan {padding-left: 50px; padding-right: 50px }

.space { padding-left: 20px; padding-right: 20px; }


}

@media(max-width:900px) {
header { background:url('img/banner-header-mobile.jpg') no-repeat  top center;  }

	
}


@media(max-width:800px) {
.businessman { width: 170px; margin-top: 20px; }

	.destra{right: 0px;     margin-left: 40px;}
	
	.text-header { max-width: 400px; margin-left: 50px;} 
	
}

@media(max-width:700px) {
	
	.text-header { max-width: 250px; margin-left: 10px; margin-bottom: 100px; } 
	
}



@media(max-width:480px) {
body { font-size:15px; }
.text-20 { font-size:16px; }
.text-25 { font-size:18px; }
.text-30 { font-size:23px; line-height: 26px; }
.text-35 { font-size:22px; }
.text-40 { font-size:25px; line-height: 30px; }
.text-45 { font-size:28px; }
.text-50 { font-size:27px; line-height: 30px; }
.text-60 { font-size:35px; line-height: 35px;}
.presentazione .lead p { font-size:14px; }
footer p { font-size: 12px; }
footer p.copyright { font-size:12px; margin:0; }
.brand { width: 200px; }

.the-NCS-logo { width: 200px; }

 .destra{right: -50px; margin-left: 0px;}

	.icon-lp { width: 70px;}

	.sfondo { min-height:305px; height: 100%; }

		.slogan {padding-left: 20px; padding-right: 20px }


}
	
@media(max-width:414px) {
	 .destra{right: -30px; margin-left: 0px;}

}
@media(max-width:400px) {
 .destra{right: -20px; margin-left: 0px;}
	.sfondo { min-height:180px; height: 100%; }
.text-50 { font-size:24px; line-height: 27px; }

}