/*----------------------
123 Diploma // CSS

Versione A

2023-06-07	
bg@barbaragambini.com
----------------------*/

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

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

a { color:; }
a:hover { color:; }

.line-height-n { line-height: normal; }
.line-height-1 { line-height:1; }
.line-height-1-6 { line-height: 1.6; }
.line-height-2 { line-height: 2; }

body { font-size:16px; font-weight:; color:#333; }

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

section { position:relative; }
section [class*="container"] { position:relative; z-index:20; }
/*header:after { display:block; content:""; background:rgba(255,255,255,.2); height:10px; position:absolute; width:100%; bottom:0; z-index:200; }*/

section.section-1 { background: url("img/iStock-1154873007.webp") no-repeat center center / cover; }

section.section:nth-child(1) > div:nth-child(1) { position: relative; z-index: 3; }
.overlay { position: absolute; width: 100%; max-width: 100%; height: 100%; left:0; top: 0; z-index: 1;
background: url("img/iStock-1154873007.webp") no-repeat center center / cover; opacity:0; }

.diploma { width: 1400px; margin: auto; box-shadow: 5px 5px 0px rgba(0,0,0,.2); }

.d-spacer { min-height: 10rem; }
.d-header { background:url("img/d-header.png") no-repeat center 0 / 100% ; }
.d-wrapper { background:url("img/d-wrapper-min.png") no-repeat center 10%, url("img/d-wrapper-pattern.png") repeat-y center 0; background-size: 100%; }

.d-footer{ background:url("img/d-footer.png") no-repeat center bottom / 100% ; }
.d-container { max-width: 1400px; margin: auto; padding: 0 11%; }
.d-max-width { max-width: 900px;  }

.brand { color: #a18746; display: flex; align-items: center; justify-content:; line-height: 1; }
.brand .centoventi3 { display: inline-block; border:2px solid #092457; padding:0px 6px; background: #092457; color: #fff; border-radius: 3px; }

.letter-spacing { letter-spacing: .2em; }

/*-------------------------
colori e grandezze font
-------------------------*/
.rosso { color:#cc0000; }
.pink { color: #1f4fa7; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#330000; }
.blu { color:#1f4fa7; }
.ciano { color:#0097e0;}
.giallo { color:#fde231; }
.green { color:#009222; }
.light-green { color:#E0F0D7; }
.light-blue { color:#e5ecf8; }
.dark-green { color:#017a45; }
.dark { color:rgba(0,0,0,.8); }
.heavy-green { color:#1d2b0b; }
.heavy-blu { color:#092457;}
.blu-grey { color:#5e6c7e;}
.gold { color: #a18746; }
.bianco { color: #fff; }
.orange { color:#f54e00; }
.black { color:#000; }


.blu-grey-bg { background-color:#5e6c7e;}
.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#cc0000; }
.ciano-bg { background-color:#0097e0;}
.giallo-bg { background-color:#fde231; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#1f4fa7; }
.green-bg { background-color:#acca00; }
.dark-green-bg { background-color:#017a45; }
.dark-bg { background-color:rgba(27,28,72,1.00); }
.pink-bg { background-color: #1f4fa7; }
.black-bg { background-color:#000; }
.personal-bg { background-color:#8FA6D4; }
.light-green-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#e5ecf8; }
.heavy-green-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#333; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#f54e00; }
.gold-bg { background-color: #a18746; }
.heavy-blu-bg { background-color:#092457; }


.gold-gradient-bg {
background: rgb(242,182,51);
background: linear-gradient(90deg, rgba(242,182,51,1) 0%, rgba(255,251,204,1) 27%, rgba(195,146,46,1) 65%, rgba(208,167,74,1) 78%); } 

.gold-text-gradient {
background: rgb(242,182,51);
background: linear-gradient(90deg, rgba(242,182,51,1) 0%, rgba(255,251,204,1) 27%, rgba(195,146,46,1) 65%, rgba(208,167,74,1) 78%); text-fill-color: transparent; 
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
/*-webkit-text-stroke: 1px #fcdc64;*/
}

.light-green-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#e3e8ef ; }
.cold-grey-bg { background-color:#d1d4d9 ; }


.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; }
.text-xxl { font-size:70px; }

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


.blu-gradient {
background: rgb(8,167,223);
background: linear-gradient(157deg, rgba(8,167,223,1) 28%, rgba(8,132,189,1) 100%); 
}

.blu-gradient-txt {
background: rgb(8,167,223);
background: linear-gradient(157deg, rgba(8,167,223,1) 28%, rgba(8,132,189,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

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



/*----------------------------
Google Fonts
----------------------------*/

.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-libre-baskerville { font-family: 'Libre Baskerville', serif; }
.font-kalam { font-family: 'Kalam', cursive; }




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

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


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

aside { padding:0; margin:0; border-radius:0px; }
.form-group { margin:0; }
.form-group label { line-height:1; font-size:15px; color:#777; text-align:right; margin:0 10px 0 0; display:block; }
.form-control {
background: #fff;
border:1px solid rgba(161,135,70,.5);
border-radius: 0;
box-shadow: none;
color: #333;
font-size: 16px;
height:auto;
padding:10px;
font-weight:normal;
line-height:;
margin:0 0 20px 0;
}
.form-control::-moz-placeholder { opacity:1; color: #999; }
.form-control::placeholder { opacity:1; color:#999; }
select option { opacity:1; color:#333; }


.btn-custom { letter-spacing: .1em;  font-size:16px; border:none; font-weight:700; padding:13px 20px; text-transform:uppercase; border-radius:5px; line-height:1; width:100%; display:block; text-decoration:none; text-align:center; text-decoration:none; border-color: transparent; }
.btn-custom:hover { background:none; color:#a18746; text-decoration:none; background: none; outline: 2px solid; outline-offset: -2px; }


.bottom-cta .btn-custom:hover { background: #092457; outline-color:transparent; color: #fff; border:none; }


.btn-custom.btn-outline { background: none; border-width: 2px; border-style: solid; }
.btn-custom.btn-outline:hover { background:#fff; border-width: 2px; border-style: solid; color:#cc0000; }


aside .btn-custom.btn-outline { border-color: #fff; }



.bottom-call-to-action .btn-custom { color:; }
.bottom-call-to-action .btn-custom:hover { background:; border-color:#fff; color:; }
a.btn-custom.cta:hover { background:#438cc1; color:#fff; }

.checkbox-terms input { margin:5px 0 0 ;}

select { 
appearance: toolbargripper;
-moz-appearance: toolbargripper;
-webkit-appearance: toolbargripper;
background: none;
border: medium none;
width: 100%;
color:#999;
font-size:;
line-height:;
}

.form-group-privacy { line-height:1.2;  }
.form-group-privacy a { color:#a18746; }
.form-group-privacy label.radio-inline { font-size:14px; margin:0 0 6px 0; }
.form-group-privacy p.small { font-size:12px; }

.arrow { width:70px; display:block; margin:0 auto; float:left;  }



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

.list-custom { position:relative; list-style-type: none; padding-left: 1.7rem; margin-bottom: 0; }
.list-custom li { font-size:; margin:0 0 12px 0; line-height:1.4; position:relative; }
.list-custom li:last-child { margin-bottom:0;  }
.list-custom i { font-size: 20px; left:-30px; position:absolute; top:3px; }

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



/*------------------------------*/
@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;
}	
	
/*----------------------------*/
.highlight-box.superiore { margin:0;  }
.highlight-box.inferiore { padding:10px 20px 10px 60px; margin:10% 0 0px 0; max-width:450px; border-radius:6px; line-height:1.2; position:relative; }
.highlight-box.inferiore i { position: absolute; top: 33%; left: 19px; font-size: 30px; color: #f54e00; }
.highlight-box .fa.fa-share { 
font-size:40px;
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg); 
transform: rotate(-180deg);
}

.text-shadow { text-shadow:-2px 2px 0px rgba(0,0,0,.4); }
/*----------------------------*/

.bottom-stripe a { color: #333; }

footer { background:; } 
footer p.copyright { margin:; text-align:; font-size:14px; color:#666; font-weight:400; }
.footer-triboo-logo { width:130px; margin:auto; }
footer img.img-fluid.opacity-50 { opacity: 1; }


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

.bottom-call-to-action {}
a.bottom-bnt {
    border: 3px solid;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin:0px auto 0;
    width:100%;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
	color:;
	max-width:405px;
}

a.bottom-bnt:hover { text-decoration:none; background:#fff;  border:3px solid transparent; color:#1f4fa7; }

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




/*----------------------------
SLICK SLIDER
----------------------------*/


.slider-container { position: relative; }
.slider { min-height: 680px; background-position: center center; background-size: cover; }
.slider-1 { background-image:url( "img/slider/1.jpg"); }
.slider-2 { background-image:url( "img/slider/2.jpg"); }
.slider-3 { background-image:url( "img/slider/3.jpg"); }
.slider-4 { background-image:url( "img/slider/4.jpg"); }
.slider-5 { background-image:url( "img/slider/5.jpg"); }
.slider-6 { background-image:url( "img/slider/6.jpg"); }
.slider-7 { background-image:url( "img/slider/7.jpg"); }
.slider-8 { background-image:url( "img/slider/8.jpg"); }
.slider-9 { background-image:url( "img/slider/9.jpg"); }
.slider-10 { background-image:url( "img/slider/10.jpg"); }
.slider-11 { background-image:url( "img/slider/11.jpg"); }
.slider-12 { background-image:url( "img/slider/12.jpg"); }
.slider-13 { background-image:url( "img/slider/13.jpg"); }


/*----------------------------
Breakpoint BS5

None 			<576px
sm 				576px
md 				768px
lg 				992px
xl 				1200px
xxl 			1400px
----------------------------*/


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


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

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



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


@media(max-width:1400px) {
.slider { min-height: 300px; }
.diploma { width: 1100px; }
}


@media(max-width:1200px) {
.text-18 { font-size:16px; }
.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; }
.diploma { width:100%; }
}


@media(max-width:1080px) { 

}

@media(max-width:992px) {
footer p.copyright { text-align:center; }
.d-spacer { min-height: 8rem; }
.diploma { width: auto; }
.h-100 { height: auto!important; }
.diploma .d-footer .d-spacer { min-height: 6rem; }
}


@media(max-width:767px) {
.d-header .d-spacer { min-height: 6rem; }
}

@media(max-width:480px) {
.sconto { width:100px; }
.text-18 { font-size:15px; }
.text-20 { font-size:16px; }
.text-25 { font-size:18px; }
.text-30 { font-size:25px; }
.text-35 { font-size:28px; }
.text-40 { font-size:30px; }
.text-45 { font-size:32px; }
.text-50 { font-size:40px; }
.text-60 { font-size:40px; }
.slider { min-height: 200px; }
.cover-bg { min-height: 180px; }
footer img { width: 110px; }

.logo { width: 100px; height: 100px; }
.logo-img { width: 100px; }
.d-header .d-spacer { min-height: 4rem; }
.diploma .d-footer .d-spacer { min-height: 4rem; }

}

@media(max-width:400px) {

}

/* 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: #F54E00 #E3E8EF #80D9DE #092457;
    }
    100% {
        transform: rotatez(360deg);
    }
}

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

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