/*----------------------
Finanziamenti.it // CSS
bg@barbaragambini.com
2021-08-03
----------------------*/

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

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }



body { font-size:17px; color:#7c6f68; }
.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; }


aside { border-radius:10px; border:0px solid #ddd; background:#fff; overflow:hidden; }
.call-to-action { background:#eee;}

.oswald-c { font-family: 'Oswald', sans-serif; }

.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:700!important; }
.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; }

.overlay {  position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:.3; }


body.sps.sps--blw .fissa {     
position:fixed;
top:0; 
width:100%; 
background:white; z-index:5000; }

body.sps.sps--blw .navbar-nav > li > a { padding-top: 20px; padding-bottom:20px; }


/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#dc143c; }
.pink { color: #F93174; }
.rosso-mattone { color:#7A0A27; }
.marrone { color:#330000; }
.blu { color:#dc143c; }
.ciano { color:#4C93E4;}
.giallo { color:#FFCB2C; }
.green { color:#26b278; }
.light-green { color:#E0F0D7; }
.light-blue { color:#A0C8EA; }
.blu-grey { color:#647382; }
.light-grey { color:#f8f8f8; }


.dark-green { color:#235d67; }
.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:#f8f8f8; }

.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7A0A27; }
.rosso-bg { background-color:#dc143c; }
.ciano-bg { background-color:#4C93E4;}
.giallo-bg { background-color:#FFCB2C; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#dc143c; }
.green-bg { background-color:#26b278; }
.dark-green-bg { background-color:#235d67; }
.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-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; }

.max-width-90 { max-width:900px; margin:auto; }
.max-width-80 { max-width:800px; margin:auto; }
.max-width-70 { max-width:700px; margin:auto; }
.max-width-60 { max-width:600px; margin:auto; }

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

.custom-background { background:url(img/background.jpg) center center / cover; }

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

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

nav { box-shadow:1px 1px 4px rgba(0,0,0,.2); }
header { background:url('img/cover-bg.jpg') no-repeat top center / cover; position:relative; }

.mortgage { background:url('img/mortgage.jpg') no-repeat fixed 0 0 / cover; position:relative; }

.text-shadow { text-shadow:-3px 2px 0px rgba(35,93,103,.8);text-shadow:-3px -1px 11px rgba(59,77,102,.8); text-align:center; }

.overlay { position:absolute; width:100%; height:; z-index:1; opacity:.5; }
.top-bar { border-bottom: 2px solid #dc143c; } 
.top-bar a { color: #fff; }

.brand { color:#465564; }

.bubble { background: rgba(59,77,102,.5); border-radius: 50%; padding: 4rem; margin: 12% 0 0 0; max-width:330px; position:relative; float:right; }
.bubble .corner { width:75px; position:absolute; bottom:-11%; left:31%; }

.sc-section { position:relative; z-index:2; }
.sc-section .container { position:relative; z-index:3; }

 
.navbar-nav { justify-content:space-between; }
.navbar-nav > li > a {
display: inline-block;
padding: 40px 15px;
border-bottom: 2px solid;
text-transform: capitalize;
border-color: transparent;
-webkit-transition: 0.4s ease-out;
-moz-transition: 0.4s ease-out;
-ms-transition: 0.4s ease-out;
-o-transition: 0.4s ease-out;
transition: 0.4s ease-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 #235d67;
color: #235d67; text-decoration:none; 
}





/*----------------------------*/
footer { background:; } 
footer p.copyright { margin:; text-align:center; font-size:14px; font-weight:400; }
.footer-triboo-logo { width:130px; margin:auto; }
/*----------------------------
Form
----------------------------*/
.form-control {
background:#f8f8f8;
border:none;
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 15px;
height:36px; line-height:36px;
padding:0 10px;
font-weight:normal;
line-height:normal;
border:1px solid rgba(0,0,0,.1);
}

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; text-transform:uppercase; width: 100%; 
border-radius:8px; line-height:1; display: inline-block; text-decoration:none; text-align: center; outline:0px solid #fff; outline-offset:0px; }
.btn-custom:hover { background:#235d67; border:0px solid #ffffff; color:#fff; text-decoration:none; }


a.btn-custom.btn-bottom { outline-color:transparent; color:#fff; transition: .2s }
a.btn-custom.btn-bottom:hover { text-decoration:none; background:#235d67; color:#fff; transform: scale(1.2)  }

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; line-height:1;
font-size:14px;
}
select option { color:#666; }


.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; z-index:; opacity:.4;}



.form-group-privacy a { color:#45566d; text-decoration: underline;} 
.form-group-privacy a:hover { color:#235d67; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0; }
.form-group-privacy label.radio-inline input { margin: 2px 8px 0 0; vertical-align: text-top; }


.form-group-privacy label.radio-inline { margin-bottom: .3rem; }
.form-group-privacy p.small { line-height:1.1; font-size:12px; font-weight:300; }

.form-control:focus, textarea.form-control:focus { background:none; border:1px solid #235d67; box-shadow:none; }



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

.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; font-weight:400; }
.custom-list i { font-size: 23px;left: -30px;position: absolute; top: 3px; }

/*----------------------------
----------------------------*/
.bottom-call-to-action { position:relative; }
a.bottom-bnt:hover { text-decoration:none; background:none; color:#fff; border:3px solid #fff; }

/*----------------------------
Condizioni
----------------------------*/
section .title h3 { letter-spacing:-0.03em; }

.condizioni .inner { 
border: none; padding:40px 25px; border-radius:5px;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
background:#fff;
}
.condizioni .inner:hover { 
border:;
background: rgba(255,255,255,.6);
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
transition: 0.2s ease-out;
color:#fff;
}
.condizioni .inner .icon i { margin:27% auto; }
section.condizioni hr { border-bottom:3px solid; opacity:.3; }

.condizioni .inner:hover .icon i { color:; }
section hr { max-width:100px; margin:; border:none; border-bottom:3px solid #3b4d66; opacity:.15; }
.condizioni a.btn-custom { background:#26b278; border:2px solid transparent; color:#fff; padding:10px 30px; border-radius:5px; font-size:16px; margin:20px auto 0; display:inline-block; max-width:200px; line-height:1; text-transform:none; height:auto; }
.condizioni a.btn-custom:hover { text-decoration:none; color:#26b278; background:none; }

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

----------------------------*/
.box { border: 1px solid #ccc; border-radius: 8px; background: #fff; position: relative; overflow: hidden; z-index: 3; display: block; color:#7c6f68; }
.box:after { 
content: ""; 
border-radius: 50%;
position: absolute; 
width:50px; height:50px; 
top:50%; 
margin-top:-25px; 
left:50%; 
margin-left: -25px; 
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
z-index: 1;
opacity:0;
background: #ff6333;
background: #005F88;
background: #7c6f68;

}

.box:hover { text-decoration: none;  }

.box:hover:after { 
cursor: pointer;
width:400px; height:400px; 
top:50%; 
margin-top:-200px; 
left:50%; 
margin-left: -200px; 
transform: skew(0deg, -10deg);
opacity:.1;
}


.box .icon, .box h3 {
position: relative; z-index: 4;
-webkit-transition: .3s ease-out;
-moz-transition: .3s ease-out;
-ms-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}


.box .icon { width: 80px; height: 80px; }
.box .icon.prestito-personale {  background:url("img/014-money-1.png") no-repeat center center / 100% auto; }
.box .icon.carta-credito { background:url("img/006-debit-card.png") no-repeat center center / 100% auto; }
.box .icon.cessione-quinto { background:url("img/010-report.png") no-repeat center center / 100% auto; }
.box .icon.prestito-business { background:url("img/008-cooperation.png") no-repeat center center / 100% auto; }

.box:hover .icon { transform: scale(.8);}
.box:hover h3 { letter-spacing: .1em; color: #7c6f68; }

/*
.box:hover .icon.prestito-personale { background:url("img/hover/014-money-1.png") no-repeat center center / 100% auto; }
.box:hover .icon.carta-credito { background:url("img/hover/006-debit-card.png") no-repeat center center / 100% auto; }
.box:hover .icon.cessione-quinto { background:url("img/hover/010-report.png") no-repeat center center / 100% auto; }
.box:hover .icon.prestito-business { background:url("img/hover/008-cooperation.png") no-repeat center center / 100% auto; }

*/

/*----------------------------
Faq
----------------------------*/

#accordion .card { margin: 0 auto 3px; }
.card-header h5 button.btn.btn-link { color:#3b4d66; width:100%; text-align:left; position:relative; }
.card-header h5 button.btn.btn-link:after { color:#235d67; content:"-"; text-align:right; font-size:40px; font-weight:500; position:absolute; right:0; top:-13px;  }
.card-header h5 button.btn.btn-link.collapsed:after { content:"+" }

section.faq-news .inner { padding: 30px 20px; }








/*----------------------------*/
.prestiti .box { border: 1px solid #ddd; background:#fff; }
.prestiti .inner { padding:30px 20px; }
/*----------------------------*/
.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-out;
-moz-transition: 0.4s ease-out;
-ms-transition: 0.4s ease-out;
-o-transition: 0.4s ease-out;
transition: 0.4s ease-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; }

.sc-section.prestiti a.btn-custom,
.sc-section.faq-news a.btn-custom { background:none; border:1px solid #235d67; color:#235d67; padding:8px 10px; height:auto; line-height:1; }

.sc-section.prestiti a.btn-custom:hover,
.sc-section.faq-news a.btn-custom:hover { background:#235d67; color:#fff; }




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

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

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



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


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

@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:1198px) { }

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

}

@media(max-width:990px) {
.navbar-nav > li > a { padding: 10px; display:block;  }
.call-to-action { overflow:auto;}


}

@media(max-width:767px) {


}

@media(max-width:480px) {
body { font-size:14px; }
.text-20 { font-size:14px; }
.text-25 { font-size:18px; }
.text-30 { font-size:20px; }
.text-35 { font-size:22px; }
.text-40 { font-size:25px; }
.text-45 { font-size:28px; }
.text-50 { font-size:33px; }
.text-60 { font-size:40px; }
.presentazione .lead p { font-size:14px; }
footer p { font-size: 12px; }
footer p.copyright { font-size:12px; margin:0; }
.brand { width: 230px; }
}
	
@media(max-width:414px) {
}
@media(max-width:375px) {

}