@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'din_problack_italic';
    src: url('fonts/webfontkit-20140926-102554/dinpro-blackitalic-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-blackitalic-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-blackitalic-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-blackitalic-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-blackitalic-webfont.svg#din_problack_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_probold';
    src: url('fonts/webfontkit-20140926-102554/dinpro-bold-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-bold-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-bold-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-bold-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-bold-webfont.svg#din_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_probold_italic';
    src: url('fonts/webfontkit-20140926-102554/dinpro-bolditalic-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-bolditalic-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-bolditalic-webfont.svg#din_probold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_problack';
    src: url('fonts/webfontkit-20140926-102554/dinpro-black-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-black-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-black-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-black-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-black-webfont.svg#din_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_prolight';
    src: url('fonts/webfontkit-20140926-102554/dinpro-light-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-light-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-light-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-light-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-light-webfont.svg#din_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_promedium';
    src: url('fonts/webfontkit-20140926-102554/dinpro-medium-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-medium-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-medium-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-medium-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-medium-webfont.svg#din_promedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_prolight_italic';
    src: url('fonts/webfontkit-20140926-102554/dinpro-lightitalic-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-lightitalic-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-lightitalic-webfont.svg#din_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'dinproregular';
    src: url('fonts/webfontkit-20140926-102554/dinpro-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-webfont.svg#dinproregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_promedium_italic';
    src: url('fonts/webfontkit-20140926-102554/dinpro-mediumitalic-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-mediumitalic-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-mediumitalic-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-mediumitalic-webfont.svg#din_promedium_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_proitalic';
    src: url('fonts/webfontkit-20140926-102554/dinpro-italic-webfont.eot');
    src: url('fonts/webfontkit-20140926-102554/dinpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/webfontkit-20140926-102554/dinpro-italic-webfont.woff2') format('woff2'),
         url('fonts/webfontkit-20140926-102554/dinpro-italic-webfont.woff') format('woff'),
         url('fonts/webfontkit-20140926-102554/dinpro-italic-webfont.ttf') format('truetype'),
         url('fonts/webfontkit-20140926-102554/dinpro-italic-webfont.svg#din_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*INPUT*/
a{text-decoration:none;}
input{-webkit-border-radius: 7px/11px;
	-moz-border-radius: 7px/11px;
	border-radius: 7px/11px;
	background-color: #ff6600;
	-webkit-box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	-moz-box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	width: 80%;
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'din_probold';
	font-size: 18px;
	line-height:20px;
	  padding: 20px 0px 0px 0px;
		
}
input:hover{-webkit-border-radius: 7px/11px;
	-moz-border-radius: 7px/11px;
	border-radius: 7px/11px;
	background-color:#e2001a;
	-webkit-box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	-moz-box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	width: 80%;
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'din_probold';
	font-size: 18px;
	line-height:20px;
	  padding: 20px 0px 0px 0px;
}
input:active{-webkit-border-radius: 7px/11px;
	-moz-border-radius: 7px/11px;
	border-radius: 7px/11px;
	background-color: #ff6600;
	-webkit-box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	-moz-box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	box-shadow: 4px 6px 13px rgba(0,0,0,.49);
	width: 80%;
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'din_probold';
	font-size: 18px;line-height:20px;
	  padding: 20px 0px 0px 0px;
}
	
body {

font-family: 'MuseoSlab500', Arial, sans-serif;
font-size: 62.5%;
margin:0px;
padding:0px;
color: #43525D;
}
strong{font-family: 'din_probold';}
/*.header {
background: url(../img/geometra_diploma_di_maturità.jpg) no-repeat #59534a;
background-size: 100% auto;
min-height: 450px;
}*/
.titolo{ padding-left:50px;
		  margin-top:40px;}
h1{ font-family: 'Roboto Slab', serif;
	font-size:63px;
	color:#fff;
	font-weight:800;
	text-transform:uppercase;
	text-shadow: 3px 4px 6px rgba(2,2,2,.75);}
h2{ font-family: 'din_probold_italic';
	font-size:30px;
	color: #fff;
	text-shadow: 3px 4px 6px rgba(2,2,2,.75);}
p{ font-family: 'dinproregular';
   font-size:16px;
   color:#000;
   text-align:inherit;}
h3{ font-family: 'din_probold';
	color:#000000;
	font-size:22px;
	text-transform:uppercase;
	text-align:center;}
h4{ font-family: 'Roboto Slab', serif;
	font-size:25px;
	color:#000;
	text-align:center;
	font-weight:800;
	text-transform:uppercase;}
.container-fluid{ padding:0px;}


/*PRIMA PARTE*/
.form {
		width: 416px;
		margin: 0;
		position: absolute;
		top: 22px;
		right: 150px;
		z-index: 2;
}
.verde{color: #009246;}
.bianco{color:#fff;}
.rosso{color: #ff6600;}
/*SECONDA PARTE*/
.pratica h3 {
  color: #e2001a; } 

.pratica h5 { font-family: 'din_probold';
	color:#dd5674;
	font-size:40px;
	text-transform:uppercase;
	text-align:center;
	line-height:0.2;}   
	
.pratica {
  background: #fff;
  border: 5px solid #e2001a;
  padding: 10px 18px;
  margin-right: 10px;
  opacity:0.7; }  	
 
.pratica1 {
  background: #fff;
  border: 5px solid #e2001a;
  padding: 10px 18px;
  margin-right: 10px;
  opacity:0.7; } 

.pratica1 h5 { font-family: 'din_probold';
	color:#e2001a;
	font-size:40px;
	text-transform:uppercase;
	text-align:center;
	line-height:0.2;}  
  
.pratica1 h3{
  color:#e2001a;} 
    
 .pratica2 {
  background: #fff;
  border: 5px solid #e2001a;
  padding: 10px 18px;
  margin-right: 10px;
  opacity:0.7; }  

.pratica2 h5 { font-family: 'din_probold';
	color:#e2001a;
	font-size:40px;
	text-transform:uppercase;
	text-align:center;
	line-height:0.2;}
    
 .pratica2  h3{
  color:#e2001a;}   
.teoria{margin-right:10px;}
.spiegazione{padding-top:70px;
            }
			 
			 
			 
/*TERZA PARTE*/
.terzaparte{
	margin-top: 30px;
}
.testo p{text-align:left; padding-right:10px;}
.testo{}
.col-sm-2{margin-right:0px;}
.col-sm-12.diventa{ background:#2d699b;}
.diventa h3{  font-family: 'din_probold_italic';
			  text-shadow: 1px 2px 2px rgba(2,2,2,.75);
			  color:#fff;
			  font-size:22px;
			  padding:0px;
			  text-transform:none;
			  margin:0px;
			  padding-top: 15px;
			  text-align:center;}
.diventa h1{ font-family: 'din_probold';
			 font-size:30px;
			 color:#fff;
			  text-align:center;
			  padding-top: 0px;
			  margin-top: 0px;
			 font-weight:800;
			 padding-bottom: 15px;
			 text-transform:uppercase;
			 text-shadow: 1px 2px 2px rgba(2,2,2,.75);}
.cert h5{font-family: 'din_probold';
				color:#000000;
				font-size:18px;
				line-height: 20px;
}
.certificati p{ font-size:16px;
				 font-family: 'din_promedium';
				 text-align:left;
				line-height: 28px;
				 }
.cert{}	
.cert h5 span{
	 font-family: 'din_problack';
	 font-size:25px;
	 color:#ffcc00;}
.richiedi{margin-top:30px;
		 margin-bottom: 30px;
		 text-align: center;}
.bottone {
  font-family: 'MuseoSlab500', Arial, sans-serif;
  color: #f46111;
  font-size: 18px;
  text-transform: inherit;
  text-align: inherit;
  font-weight: lighter;
  border: 3px solid #ffd304;
  padding: 10px;
}
.bottone_giallo{
	-webkit-border-radius: 10px/5px;
	-moz-border-radius: 10px/5px;
	border-radius: 10px/5px;
	background-color: #fc0;
	padding:10px;}
.bottone_giallo h4{
	 font-family: 'din_problack';
	 font-size:20px;}
.recuperoanni h3 {
  color: #000;
  font-size: 17px;
  text-transform: inherit;
  text-align: inherit;
  font-weight: lighter;
   padding: 20px;
  margin-top: 46px;
  line-height: 19px;}
.recuperoanni{
	background:#ffcc00;
	-webkit-border-radius: 10px/5px;
	-moz-border-radius: 10px/5px;
	border-radius:5px;}
.banner_diploma{
	margin-top:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: #e6e6e6 2px solid;
	padding: 10px;

}
.banner_diploma h3{
  color: #8e8e8e;
  font-size: 17px;
  text-transform: inherit;
  text-align: inherit;
  font-weight: lighter;
  text-transform:none;
}
.banner_diploma h4{
	font-size: 20px;
	font-weight: bold;
	color: #fc0;
	font-family: 'din_probold';

}
.banner_diploma h5{
	font-size: 14px;
	font-weight: bold;
	color: #3d3d3d;
	font-family: 'din_probold';
	text-align:right;
}
		 
/* SLIDE CHE GIRA*/
/*-- portfolio --*/
.portfolio{
	padding:5em 0 4em;
}
.portfolio p{
	color: #424a51;
	font-weight: 400;
	font-size: 1.3em;
	width: 80%;
	margin: 1em auto 2em auto;
	line-height: 1.8em;
	font-family: 'Asap', sans-serif;
}
.portfolio-grid{
	position:relative;
}
.portfolio-grid-pic{
	position:relative;
}
.portfolio-grid-pic img{
	width:100%;
}
.portfolio-grid-caption{
	position: absolute;
	top: 0;
	width: 100%;
	background:rgba(66, 74, 81, 0.3);
	bottom:0;
	right:0;
	padding-top:5em;
	display:none;
}
.portfolio-grid:hover div.portfolio-grid-caption{
	display:block;
}
.portfolio-grid-caption h4{
	color:#FFF;
	font-weight:700;
	font-size: 3.2em;
	text-transform:uppercase;
}
.portfolio-grid-caption h5{
	color:#c59a6d;
	font-size:2em;
	font-family: 'Asap', sans-serif;
	font-weight:400;
}
.portfolio-grid-caption span{
	width:20%;
	height:2px;
	display:inline-block;
	background:#c59a6d;
}
a.more{
	background:#c59a6d;
	color:#FFF;
	text-transform:uppercase;
	font-family: 'Asap', sans-serif;
	letter-spacing:0.1em;
	padding:0.8em 2em;
	text-decoration:none;
	margin:3em 0;
	display:inline-block;
}
a.more:hover{
	background:#282f35;
}

.link {
	text-align:center;
	padding: 0 20px;}
div.richiedi-informazioni {
  padding: 16px 8px 11px;
  color: #fff;
  background-color: #fc0;
  text-align: left;
}
footer{
  position: fixed;
  width: 100%;
  bottom: 0;
  background-color: #333333;
  -moz-box-shadow: 0.5px 0.866px 1px 0 #010101;
  -webkit-box-shadow: 0.5px 0.866px 1px 0 #010101;
  box-shadow: 0.5px 0.866px 1px 0 #010101;
  font-size: 18px;
  font-family: "Open Sans",Arial,Helvetica,sans-serif;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-align: left;
}
.bottonefisso{
  font-family: 'Open Sans', sans-serif;
  color: #000;
  text-align: left;
  font-weight:bold;
  }	a.bottonefisso{
  color: #000;
  text-align: left;
  text-decoration:none;
  }		 
.bottonefisso a:active{
  color: #000;
  text-align: left;
}
.bottonefisso a:visited {
  color: #000;
  text-align: left;
}	
.bottonefisso a:link {
  color: #000;
  text-align: left;
}
/* Qua metti tutte le regole speciali per i tablets */
@media only screen and (min-width: 0px) and (max-width: 767px) {
	.header{
		display:none;}
	.spiegazione{
		margin-left:0px;
		padding: 0px;
	}
	.pratica {
		border:3px solid #e2001a;
	    padding: 0px;
	  margin-right: 10px;
	  opacity:100;
	    margin-bottom: 10px;
  }
  .pratica2 {
	  border:3px solid #e2001a;
	    padding: 0px;
	  margin-right: 10px;
	  opacity:100;
	    margin-bottom: 10px;
  }
  .pratica1 {
	  border:3px solid #e2001a;
	    padding: 0px;
	  margin-right: 10px;
	  opacity:100;
	    margin-bottom: 10px;
  }
  .pratica p, .pratica1 p, .pratica2 p{
	  padding:15px;
  }
  .pratica h3, .pratica1 h3, .pratica2 h3{
	  color:#fff;
	  background: #e2001a;
	  padding: 10px;
  	  margin: 0px;
  }
  .richiedi{
	  display:none;
   }
   input{
	   width:100%;
	   padding:0px 10px;
   }
   #form{
	 width: 100%;
	  right: 0px;
	  position: relative;
	  z-index: 0;
    }
	.pizza{display:none;}
	.col-sm-12{ padding:0px;}
	.row{margin:0px;}
	.form_mobile_bottone{ background:#fc0;}
	.link {
	  text-align: center;
	  margin-bottom: 100px;
	}
}






@media only screen and (min-width: 992px){

.header img{display:none;}
.header{background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 460px;}
.pizza{display:none;}
.secondaparte{background: url(../img/landing_diploma_informatica_2015/prova1.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 446px;}

}
@media only screen and (min-width: 991px) and (max-width: 1064px){

.header img{display:none;}
.header{background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 460px;}
.pizza{display:none;}
.secondaparte{background: url(../img/landing_diploma_informatica_2015/prova1.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 446px;}

}
@media only screen and (min-width: 768px) and (max-width: 990px){

.header img{ float:left; position:absolute;}
.header{}
.secondaparte img{}
.secondaparte{}
.col-sm-12.diventa{margin-top: 11%;}
.row {
 margin-left: 0px; 
margin-right: 0px; 
}
.diventa h3{width: 71%;}
.diventa h1{width: 71%;}
.form{right: 10px;}
h1{  font-size: 30px;
  color: #fff;
  width: 69%;}
  h2{display:none;}
  .col-sm-12.diventa{margin-top:5%;}
  .header-mobile{display:none;}
  .spiegazione{ margin-left:0px;}
.form_mobile, .form_mobile_bottone{ display:none;}

}
@media only screen and (min-width: 991px) and (max-width : 1278px){
.footer{width:90%;}
.form{}
.rslides {width: 95%;}
.spiegazione{padding-top: 15%;}
.pratica { padding:5px;   padding: 10px 18px;}
.pratica p{ font-size:14px;}
.terzaparte{margin-top:30px;}
.imgdx{ display:block; margin-top:120px;}
.diventa{padding-right:15px;}
.diventa h3{font-size:17px;}
.diventa h1{}
.form {
width: 416px;
margin: 0;
position: absolute;
top: 22px;
right: 50px;
z-index: 2;
}
.header-mobile{display:none;}
.header {
background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 335px;
}
.secondaparte {
background: url(../img/landing_diploma_informatica_2015/prova1.jpg) no-repeat #fff;
/*background-size: 100% auto;*/
min-height: 600px;
}
h1 {
font-family: 'Roboto Slab', serif;
font-size: 55px;
color: #fff;
font-weight: 800;
text-transform: uppercase;
text-shadow: 3px 4px 6px rgba(2,2,2,.75);
  width: 80%;
}
h2{
	  width: 80%;
}
.form_mobile, .form_mobile_bottone{ display:none;}
.spiegazione{
	}
}
@media only screen and (min-width : 1280px){
.header {
background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 411px;
}
.form{right: 100px;}

.form_mobile, .form_mobile_bottone{ display:none;}
.header-mobile{
	display:none;
}
}
@media only screen and (min-width : 1386px) and (max-width : 1430px){
.banner p{ 
}

	
.imgdx{ margin-top:30px;}
.col-sm-12{ padding:0px;}
.header {
background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 417px;
}
.spiegazione{
	margin-left: 203px;
}
}
@media only screen and (min-width : 1366px) and (min-width : 1439px){
.header {
background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 460px;
}
}
@media only screen and (min-width : 1440px){
.header {
background: url(../img/landing_diploma_informatica_2015/prova2.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 468px;
}

}