/*----------------------
eCampus Brand // CSS
bg@barbaragambini.com
2019-07-29
----------------------*/
body, html { width: 100%;  height: 100%;  }

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

h1,
h2,
h3,
h4,
h5,
h6 { font-weight:;  margin:0; }

strong { font-weight:800; letter-spacing:; }
.font-weight-light { font-weight:!important; }
.font-weight-bold { font-weight:700!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; }


body { font-size:17px; font-weight:400; color:#777; font-family:'Raleway', sans-serif; }
.clear { clear:both; visibility:hidden; margin:0; }

.font-opensans { font-family: 'Open Sans', 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; }


.container { max-width:1440px; }


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

.beige {color:#efe1d4;}
.beige-dark	{color:#d49a6c; }
.rosso	{ color:#802144; }
.verde-chiaro { color:#07a69e;} 
.verde-scuro { color:#07666a; }

.beige-bg 			{ background-color:#efe1d4; }
.beige-dark-bg 		{ background-color:#d49a6c; }
.rosso-bg			{ background-color:#802144; }
.verde-chiaro-bg 	{ background-color:#07a69e; } 
.verde-scuro-bg 	{ background-color:#07666a; }

.pink { color: #ff3066; }
.rosso-mattone { color:#7c0505; }
.marrone { color:#644b34; }
.blu { color:#022856; }
.ciano { color:#006498;}
.giallo { color:#ffb40a; }
.light-verde { color:#E0F0D7; }
.light-blue { color:#e5ecf8; }

.dark { color:rgba(0,0,0,.8); }
.heavy-verde { color:#1d2b0b; }
.gold { color: #d2bc79; }
.bianco { color: #fff; }
.orange { color:#c47800; }
.black { color:#222; }


.marrone-bg { background-color:#644b34; }
.rosso-mattone-bg { background-color:#7c0505; }
.ciano-bg { background-color:#006498;}
.giallo-bg { background-color:#ffb40a; }
.bianco-bg { background-color:#fff; }
.blu-bg { background-color:#022856; }
.verde-bg { background-color:#2BA245; }
.dark-bg { background-color:rgba(0,0,0,.8); }
.pink-bg { background-color: #ff3066; }
.black-bg { background-color:#222; }

.light-verde-bg { background-color:#E0F0D7; }
.light-blue-bg { background-color:#e5ecf8; }
.heavy-verde-bg { background-color:#1d2b0b; }
.dark-bg { background-color:#222; }
.white-bg { background-color:#fff; }
.orange-bg { background-color:#c47800; }
.gold-bg { background-color: #d2bc79; }

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

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


.grey { color:#6e6e6e;}
.grey-bg { background-color:#6e6e6e; }


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

.mb-0 { margin:0; }
.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; }

.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; }
.pd-60 { padding:60px 0; }
.pd-70 { padding:70px 0; }
.pd-80 { padding:80px 0; }
.pd-90 { padding:90px 0; }
.pd-100 { padding:100px 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; }



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


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

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:280px; }
.oswald-c { font-family: 'Oswald', sans-serif; }
.opensans-c { font-family: 'Open Sans Condensed', sans-serif; }
header { position:relative; }

aside { margin:; padding:; background:; border-radius:0px; box-shadow:0 0 0 #022856; border-radius:0px; max-width:; margin:auto; }
.text-shadow { text-shadow:2px 2px 0 rgba(0,0,0,.5); }

/*------------------------------
------------------------------*/
header { background:#e0e0e0; }
header .box  { height:100%; position:relative; display:flex; justify-content:center; align-items:center; }

body.ingegneria .box.cover { background: url(img/cover-img-ingegneria.jpg) no-repeat center center / cover; }
body.digital-marketing .box.cover { background: url(img/cover-img-digital-marketing.jpg) no-repeat center center / cover; }
body.giurisprudenza .box.cover { background: url(img/cover-img-giurisprudenza.jpg) no-repeat center center / cover; }
body.psicologia .box.cover { background: url(img/cover-img-psicologia.jpg) no-repeat center center / cover; }
body.scienze-motorie .box.cover { background: url(img/cover-img-scienze-motorie.jpg) no-repeat center center / cover; }
body.economia .box.cover { background: url(img/cover-img-economia.jpg) no-repeat center center / cover; }



.box.claim { background:rgba(255,255,255,.7); }
.box.claim .description strong { font-weight:700; }

.overlay {  position:absolute; bottom:0; top:0; width:100%; height:100%; z-index:1; background:#000; opacity:.3; display:none; }
.ruota { transform:rotate(-5deg)}

.background-campus { background:url(img/background-campus.jpg) no-repeat center center / cover; min-height:300px; }
/*------------------------------*/

.vantaggi {}
.vantaggi .icon {  }
.vantaggi .icon img { }
.vantaggi .icon {  }
.vantaggi .small { font-size: 90%; font-weight:500; }

.hightlight-text { }
.hightlight-text > span { padding-left:45px; position:relative;  }
.hightlight-text .numero { position:absolute; left:0; top:-2px;   }

/*----------------------------
Form
----------------------------*/
.form-control {
background:none;
border:none; 
border-bottom:1px solid #fff;
border-radius: 0;
box-shadow: none;
color: #fff;
font-size: 15px;
height:36px; line-height:36px;
padding:0 10px;
font-weight:normal;
line-height:normal;
border:;
}

textarea.form-control { padding:10px; height:88px; border:; }


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

.btn-custom { border:0px solid transparent; font-size:18px; font-weight:700; letter-spacing:.03em; padding:0 8px; text-transform:uppercase; width: 100%; border-radius:0px; height:46px; line-height:46px; display: inline-block; text-decoration:none; text-align: center; outline:2px solid #fff; outline-offset:-2px;  }
.btn-custom:hover { background:none; border:0px solid #ffffff; color:#fff; text-decoration:none; }


a.btn-custom.btn-bottom { outline-color:transparent; background:#fff; color:#802144; }
a.btn-custom.btn-bottom:hover { text-decoration:none; background:none; color:;  }

a.btn-outline { border:2px solid; text-decoration:none; font-size:small; padding:3px 15px; text-transform:uppercase; }
a.btn-outline:hover { color:#802144; }


select { 
appearance: toolbargripper;
-moz-appearance: toolbargripper;
-webkit-appearance: toolbargripper;
background: none;
border: medium none;
width: 100%;
color:#c5c5d2;
}


select { 
appearance:none;
-moz-appearance:none;
-webkit-appearance: none;
background:none; border:none; width:100%;
color:#fff; line-height:1;
}
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:; }




.form-group-privacy { line-height:1; color:; }
.form-group-privacy.small { font-weight:; color:; font-size:12px; line-height:1.2; }
.form-group-privacy a { color:#fff; } 
.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:0; }

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

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

section.scopri { background-image:url(img/medico-bg.jpg); background-position:right 0; background-repeat:no-repeat; background-size:auto 100%; }
section.presentazione p small { font-size: small; line-height: 1.4; font-weight: 300; display: block; }

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


/*----------------------------
----------------------------*/
footer { background:; }
footer p { font-size:13px;  }

/*------------------------------
------------------------------*/
.funky-arrow { max-width:45px; animation:sugiu 1s infinite; }
@-webkit-keyframes sugiu { 
0% { margin:0 0 0 0; } 
50% { margin:20px 0 0 0; } 
100% { margin:0 0 0 0; } 
}
@keyframes sugiu { 
0% { margin:0 0 0 0; } 
50% { margin:20px 0 0 0; } 
100% { margin:0 0 0 0; } 
}

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

.scrolla { animation:scrolla 1s 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) } }


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

@media(min-width:1920px) {
header .banner-cover { width: 390px ;} }
@media(min-width:1600px) { }
@media(min-width:990px) { }	

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


@media(max-width:1440px) {
header .container, 
.presentazione .container { padding:0; }	
	
}
@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; }
.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:1280px) {  }

@media(max-width:1198px) {
aside { margin: 0 0 0; }
header {background:  }
.tipologia-cliente { height: 215px; }
}

@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) {
	
.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; }
.pd-70 { padding:55px 0; }
.pd-80 { padding:65px 0; }
.pd-90 { padding:70px 0; }
.pd-100 { padding:80px 0; }
.btn-custom { font-size: 16px; }
body.ingegneria .box.cover { background: #01afca url(img/cover-img-ingegneria.jpg) no-repeat -9rem 0 / 84%; }
body.giurisprudenza .box.cover { background: url(img/cover-img-giurisprudenza.jpg) no-repeat 0 0 / 50%; }
body.economia .box.cover { background: url(img/cover-img-economia.jpg) no-repeat -2rem 0 / 55%; }
}

@media(max-width:767px) {
.div-spacer { min-height:200px; }
body.ingegneria .box.cover { background: url(img/cover-img-ingegneria.jpg) no-repeat center center / cover; }
body.giurisprudenza .box.cover { background: url(img/cover-img-giurisprudenza.jpg) no-repeat 0 0 / cover; }
body.economia .box.cover { background: url(img/cover-img-economia.jpg) no-repeat 0 0 / cover; }
}


@media(max-width:570px) {

.brand {  }
}
	
@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:38px; }
.text-50 { font-size:35px; }
.text-60 { font-size:40px; }
.brand { width:; }
footer p { font-size: 12px; }
header .cover { min-height:180px; }
.hightlight-text > span {padding-left: 34px; }

body.giurisprudenza .box.cover {background: url(img/cover-img-giurisprudenza.jpg) no-repeat 0 0 / cover; }

}

@media(max-width:414px) {
header .cover { min-height:120px; }
.brand { width:250px; }
}
@media(max-width:375px) {

}