/*----------------------
Grandi Scuole 1 // CSS
----------------------*/

body, html { width: 100%;  height: 100%; color:#555; }

::-moz-selection  { background: #FF5321; color: #ffffff; }
::selection { background: #FF5321; color: #ffffff; }
a { color:; }
a:hover { color:#1068B2; }
body,
h1,
h2,
h3,
h4,
h5,
h6 { font-family: Open Sans; font-weight:; }
body { font-size:16px; background:#333; }
.clear { clear:both; visibility:hidden; margin:0; }
nav { position:; background-color:rgba(0,0,0,0);  width:100%; }
.navbar-header { padding:25px 0; }
.brand { position: absolute; z-index:4; left:20px; top:20px; }
.brand img { width:150px; margin:auto; padding:0; }
.intro-header { display:none; position:relative; z-index:3;}
.intro-header [class*="col-lg-"] { position:relative; min-height:; }
.intro-header [class*="col-lg-"].main-cover {  }

/*
.intro-header:after { display:block; content:""; background:rgba(255,255,255,.4); height:10px; position:absolute; width:100%; bottom:0; z-index:200; }
*/

.row { position:relative; }
.row-no-padding > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; position:relative;   }
.wrapper { min-height: 750px; margin:; padding:0px 0 50px 0; position:relative; 
background:#8e8d92 url('../img/studenti-universitari.jpg') no-repeat scroll center center / cover ; }

.wrapper > .container { position:relative; z-index:4; }
.wrapper p.lead { line-height: } 
.wrapper p { line-height:; }
aside { margin:0 0 0 0; background:rgba(255,255,255,0.9); padding:40px 30px; border-radius:0 0 20px 20px; }
.overlay { position:absolute; bottom:0; width:100%; height:100%; background:rgba(0, 0, 0, .2); z-index:1;}

/*
background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 ); }
*/



/*-------------------------
colori e grandezze font
-------------------------*/

.rosso { color:#e10916; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#330000; }
.blu { color:#006398; }
.ciano { color:#006398;}
.giallo { color:#fdc100; }
.green { color:#009222; }
.light-green { color:#dbe8f6; }
.dark-green { color:#017a45; }
.heavy-green { color:#1d2b0b; }
.gold { color: #dcad65; }
.bianco { color: #fff; }
.orange { color:#EE6400; }

.marrone-bg { background-color:#330000; }
.rosso-mattone-bg { background-color:#7c0505; }
.rosso-bg { background-color:#e10916; }
.ciano-bg { background-color:#006398;}
.giallo-bg { background-color:#fdc100; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#006398; }
.green-bg { background-color:#acca00; }
.dark-green-bg { background-color:#017a45; }

.light-green-bg { background-color:#dbe8f6; }
.heavy-green-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#333; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#EE6400; }
.gold-bg { background-color: #dcad65; }

.light-green-bg { background-color:#c4e973; }
.light-grey-bg { background-color:#eee ; }
.cold-grey-bg { background-color:#d1d4d9 ; }
.dark { color:rgba(0,0,0,.7);}

[class*="text-"]{ margin:0; line-height:1; }
[class*="text-"] strong { font-weight:800; letter-spacing:-.02em;}
.text-20 { font-size:20px; }
.text-30 { font-size:30px; font-weight: 300; }
.text-40 { font-size:40px; font-weight: 300; }
.text-50 { font-size:50px; font-weight: 300; }
.text-60 { font-size:60px; font-weight: 300; }

.img-mb-20 { margin-bottom:20px; }
.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.mb-50 { margin-bottom:50px; }
.mb-60 { margin-bottom:60px; }
.m-0 { margin:0; }

.pd-0 { padding:0; }
.pd-10 { padding:10px 0; }
.pd-20 { padding:20px 0; }
.pd-30 { padding:30px 0; }
.pd-40 { padding:40px 0; }
.pd-50 { padding:50px 0; }
.pb-60 { padding:60px 0; }

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

.display-block { display:block; }
.max-width-60 { max-width:800px; margin:auto; }
.header-recall { position:absolute; bottom:0; width:100%; background:; z-index:2;  }

/*------------------------------
------------------------------*/
.highlight-box {
background:;
color: #ffffff;
display: block;
font-size:;
line-height: 1.1;
padding: 40px;
position: relative;
text-align: center;
margin:50px auto 20px; max-width:550px;
z-index:3;
outline:3px solid rgba(255, 255, 255, 0.4);
outline-offset: -20px;
		
}
.highlight-box .fa.fa-share { 
font-size: 40px; position: absolute; right:80px; top:40%;
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg); 
transform: rotate(-180deg);
}

.highlight-box .fa.fa-2x.fa-plus { font-size:22px; }

.highlight-box:hover { text-decoration:none; color:#fff;}

.highlight-box [class*="text-"] ,
.intro-header [class*="text-"] { line-height:1; } 

.angolo { background:url(../img/angolo-bianco.svg); display:block; width:50px; height:50px; position:absolute; opacity:.5; display:none; }
.angolo.angolo-1 { left: -9px; top: -9px; -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg);  transform: rotate(270deg); }
.angolo.angolo-2 {  right: -9px; top: -9px; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);  transform: rotate(0deg); }
.angolo.angolo-3 {  left: -9px; bottom: -9px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);  transform: rotate(180deg); }
.angolo.angolo-4 {  right: -9px; bottom: -9px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);  transform: rotate(90deg); }
/*----------------------------*/
.bubble { border:3px solid #fff; padding:30px 20px; color:; margin: 0 0 10%; background:#fff; border-radius: 15px; position: relative; z-index:400; line-height:1;  }
.bubble:before {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 30px 40px 0;
    bottom: -30px;
    content: "";
    display: table;
    height: 0;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    width: 0;
}
.bubble:after {
    border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 26px 34px 0;
    bottom: -26px;
    content: "";
    display: table;
    height: 0;
    left: 50%;
    margin-left: -34px;
    position: absolute;
    width: 0;
}
/*----------------------------*/
footer {  } 
footer p.copyright { margin:; text-align: center; font-size:14px; color: rgba(255,255,255,.5); font-weight:400; }
.footer-triboo-logo { width:150px; margin:auto; }
.content-section-a {  }
.content-section-b { }
.section-heading { margin-bottom: 30px; }
.section-heading-spacer { float: left; width: 200px; border-top: 3px solid #e7e7e7; }
.banner { padding: 50px 0; color: #fff; line-height:1.5; }
.banner ul { margin-bottom: 0; }
.banner-social-buttons { float: right; margin-top: 0; }
.banner-social-buttons i { color:#acca00; }
.cover-img {  }

/*----------------------------
Form
----------------------------*/
form label { display:none; }
.form-control {
    background: rgba(0, 0, 0, 0.09) none repeat scroll 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
	color: #333;
    font-size: 18px;
    height:auto;
    padding:12px;
	font-weight:normal;
	line-height:normal;
}
.form-control::-moz-placeholder { opacity:1; color: #999; }
.form-control::placeholder { opacity:1; color:#999; }
.form-control select { opacity:1; color:#999; }

.form-control select option { color:#333; }

.btn-primary {
    border: 3px solid transparent;
    color:;
    font-size: 18px;
    font-weight: bold;
    padding: 14px;
    text-transform: uppercase;
    width: 100%;
	margin-top:30px;
}
.btn-primary:hover { background: #fff; color:#EE6400; border-color:#EE6400; }
label.checkbox-terms { margin:0; line-height:1;}
.checkbox-terms input { margin:5px 0 0 ;}

select { 
appearance: toolbargripper;
-moz-appearance: toolbargripper;
-webkit-appearance: toolbargripper;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
width: 100%;
}
.form-group-privacy > p { line-height:1; }

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

.carousel-control.left { left:40px; background-image:none;  }
.carousel-control.right { right:40px; background-image:none;  }
.carousel-control { color:#fff; width:50px; height:50px; background:#999; border-radius:50%; display:block; top:40%; line-height:50px; }
a.carousel-control span i { text-shadow:none; }

.carousel-inner > .item > a > img, 
.carousel-inner > .item > img { margin:auto; padding:30px 0px; max-height:400px; }
.carousel-indicators { display:none; }

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

.visto-in-tv {  }
.visto-in-tv .banner { padding:20% 10%; position:relative; text-align:; color:#fff; font-weight:200; margin:0; }
.visto-in-tv .banner h2 { margin:0; line-height:1.2; }
/*
.visto-in-tv .banner:after {
    content: "";
    display: table;
    height: 0;
    top: 50%;
    margin-top: -25px;
    position: absolute;
	left:-25px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 25px 25px 0;
	border-color: transparent #00933b transparent transparent;
}
*/
/*----------------------------
video responsive
-----------------------------*/

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*----------------------------
----------------------------*/

a.bottom-bnt {
    border: 0px solid #fff;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
    margin:0px auto 0;
    width:100%;
    padding: 14px 0;
    text-align: center;
    text-transform: uppercase;
}

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


/*----------------------------
Range da... a...
----------------------------*/
@media only screen and (min-width:1180px) and (max-width:1440px) {
.brand { left:auto; top:20px; right:30px; position:fixed; }
}


/*----------------------------
mobile (sopra i...)
----------------------------*/

@media(min-width:990px) {
.footer-triboo-logo { float:left; }	
}


}

/*----------------------------
mobile
----------------------------*/

@media(max-width:1600px) {
}
@media(max-width:1199px) {
.wrapper { min-height:auto; padding:15px 0; background:#006398; }
.intro-header {
display:block;
min-height:300px;
background: #006398 url('../img/studenti-universitari.jpg') no-repeat top center / cover ; opacity:.6; }

aside { background:#fff; border-radius:5px; }
.brand { width:; }
.overlay {} 
.intro-header:before { display:block; content:""; position:absolute; width:100%; height:10px; background:#fff; opacity:.3; bottom:0; left:0; z-index:400;} 

}

@media(max-width:990px) {
.intro-header { min-height:300px; }

@media(max-width:767px) {
p.copyright {  margin: 15px 0 0;}
body { font-size:16px; }
.text-20 { font-size:18px;}
.text-30 { font-size:22px;}
.text-40 { font-size:30px;}
.text-50 { font-size:40px; font-weight:300;}
.text-60 { font-size:50px; font-weight:200;}
.drop { display:none; }
.hidden-sm { display:none; }
.wrapper .presentazione p { line-height:normal; }
.header-badge { right:0px; top: 363px; bottom: auto; width:180px; }
.pull-left, .pull-right { float:none!important; }
.pd-10 { padding:5px 0; }
.pd-20 { padding:10px 0; }
.pd-30 { padding:20px 0; }
.pd-40 { padding:25px 0; }
.pd-50 { padding:30px 0; }
.pd-60 { padding:45px 0; }
.carousel-control { color:#fff; width:40px; height:40px; top:40%; line-height:40px; }
.carousel-control.left { left:10px; }
.carousel-control.right { right:10px; }
.prezzo { top:-90px; right:0; }
.logo-igp { margin: 0; width: 70px; }
.strenna { width:200px; height:190; }
.intro-header { background-position: right top;}

}

@media(max-width:480px) {
.intro-header h3 { margin: 0 25px 30px; text-align:center;}
.prezzo { top:-130px; right:0; }
.specifiche.box-1 { background-image: none; }
.strenna { width:150px; height:140px; }

.custom-list { margin: 0 0 0 20px; }
.custom-list i { font-size: 18px; left: -25px; top: 4px; }

}

}