@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: 30%;
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'din_probold';
	font-size: 18px;
	line-height:20px;
	padding:10px;
		
}
input:hover{-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: 30%;
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'din_probold';
	font-size: 18px;
	line-height:20px;
	padding:10px;
}
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: 30%;
	border-radius: 5px;
	border: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'din_probold';
	font-size: 18px;line-height:20px;
	padding:10px;
}
	
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/diventa_pizzaiolo_professionista.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:65px;
	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:15px;
   color:#000;
   text-align:center;}
h3{ font-family: 'din_probold';
	color:#f01a79;
	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;}
.form {
		width: 416px;
		margin: 0;
		position: absolute;
		top: 22px;
		right: 150px;
		z-index: 2;
}
.verde{color: #ff6600;}
.bianco{color:#fff;}
.rosso{color: #ff6600;}


.pratica{background: rgba(255,255,255, 0.50);
border: 1px solid #ffffff;
padding: 10px 18px;
margin-right: 10px;}
.teoria{margin-right:10px;}
.spiegazione{padding-top:70px;}
.terzaparte{margin-top: 30px;
}
.losapevi{ border: 1px solid #000;

		}
.testo p{text-align:left; padding-right:10px;}
.testo{}
.col-sm-2{margin-right:0px;}
.col-sm-12.diventa{ background:#f01a79;}
.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);}
.certificati h5{font-family: 'din_probold';
				color:#f01a79;
				font-size:18px;}
.certificati p{ font-size:15px;
				 font-family: 'din_promedium';
				 text-align:left;
				line-height: 25px;
				 }
.richiedi{margin-top:30px;
		 margin-bottom: 30px;
		 text-align: center;}
		 
.cert{margin-left:5%;}	 
		 
/* 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;
}

/* Qua metti tutte le regole speciali per gli smartphone */
@media (max-width: 767px) {
	.colonnauno,
	.colonnadue,
	.colonnatre{
		margin: 0;
		border: none
	}
	.form{
		width: 350px;
		margin: auto;
		
		margin-top:10px;
		right:0px;
		margin-bottom:10px;
	}
	.dente{ display:none;}
	.footer{padding: 10px;}
	
	
}
/* Qua metti tutte le regole speciali per i tablets */
@media only screen and (min-width : 768px) and (max-width : 1022px) {
	.header h1{font-size: 27px;
				line-height: 24px;
				padding-top: 9px;
				}
	.header h2{font-size: 20px;
				line-height: 24px;
				padding-top: 9px;
				}
	.particolare{
		width: 130px
	}
	.imginterna{
		width: 100%;
		height: auto;
		margin: auto
	}
	
	.form{
		right:12px;
		/*width:420px;*/
		position:absolute;
	}
	.rslides{width:75%;}
	.footer{width:75%;}
	.dente{float: left;
			margin-top: 30px;
			margin-right: 10px;
			margin-left: 10px;
			padding-bottom: 120px;}
	.imgdx{display:none;}
	.headerscritta h1{font-size:18px;}
	.entrare h2{ text-align:left;}
	input{width: 50%;}
input:hover{width: 50%;}
input:active{width: 50%;}

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

	.diventa{ padding-top:10px;}

}
@media only screen and (min-width: 0px) and (max-width: 639px){
	.form {
	margin: auto;
margin-top: 40%;
margin-bottom: 10px;
right: 14px;
position: relative;
	}
	.entrare h2{ text-align:left;}
	.headerscritta h1{ display:none;}
	.icon{ display:none;}
	.entrare p {
	width: 35%;
	margin: 15px 0px 50px 0px;
	
	}
	.col-sm-12.diventa{margin-top: 20.7%;width:100%;}
	.header img{ float:left; position:absolute;}
	.titolo h1{font-size: 30px;
				margin: 0px;
				padding: 0px;
				padding-top: 20px;
				}
	.titolo h2{font-size: 20px;
				margin-top: 0px;}
	.titolo{margin-top:0px;}


input{width: 100%;}
input:hover{width: 100%;}
input:active{width: 100%;}
.row {
 margin-left: 0px; 
margin-right: 0px; 
}
}


@media only screen and (min-width: 640px) and (max-width: 767px){
	.form {
	/*width: 416px;*/
	margin: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	right:14px;
	top:28px;
	}
	.entrare h2{ text-align:left;}
	.headerscritta h1{ display:none;}
	.icon{ display:none;}
	.entrare p {
	width: 35%;
	margin: 15px 0px 50px 0px;
	
	}
	.col-sm-12.diventa{margin-top: 10.5%;width: 49%;}
	.header img{ float:left; position:absolute;}
	.titolo h2{display:none;}
	.titolo h1{font-size: 41px;
				margin: 0px;
				padding: 0px;
				width: 41%;
				float: left;
				padding-top: 8%;}
	.titolo{margin-top:0px;}
	input{width: 100%;}
	input:hover{width: 100%;}
	.row {
	 margin-left: 0px; 
	margin-right: 0px; 
	}
	input:active{width: 100%;}
	.cert{margin-left:15%;}	 

}


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


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

.header img{display:none;}
.header{background: url(../img/landing_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 460px;}
.pizza{display:none;}
.secondaparte{background: url(../img/landing_pasticcere_2015/trasforma_la_tua_passione_in_pasticcere.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_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 460px;}
.pizza{display:none;}
.secondaparte{background: url(../img/landing_pasticcere_2015/trasforma_la_tua_passione_in_pasticcere.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%;}
.cert {
margin-left: 20%;
}


}
@media only screen and (min-width: 991px) and (max-width : 1278px){
	.footer{width:90%;}
	.cert {
margin-left: 15%;
}
	.form{}
	.rslides {width: 95%;}
	.spiegazione{padding-top: 15%;}
	.pratica { padding:5px; }
	.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{font-size:20px;}
	.form {
	width: 416px;
	margin: 0;
	position: absolute;
	top: 22px;
	right: 10px;
	z-index: 2;
}
.header {
background: url(../img/landing_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 335px;
}
.secondaparte {
background: url(../img/landing_pasticcere_2015/trasforma_la_tua_passione_in_pasticcere.jpg) no-repeat #fff;
/*background-size: 100% auto;*/
min-height: 422px;
}
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);
}
	
}
@media only screen and (min-width : 1280px){
	.header {
background: url(../img/landing_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 411px;
}
.form{right: 100px;}
.due{padding-bottom: 51px;}
}
@media only screen and (min-width : 1386px) and (max-width : 1430px){
	.banner p{ 
		
	}
	
	.footer h1{
  font-size: 30px;
  margin: 0px;
  font-family: 'Lato', sans-serif;
  color: rgb( 0, 0, 0 );
  font-weight: 700;
  font-style: italic;
  text-align: left;
	margin-top: 15px;
	}
	.imgdx{ margin-top:30px;}
	
	.col-sm-12{ padding:0px;}
		.header {
background: url(../img/landing_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 417px;
}
.due{padding-bottom: 51px;}
	.cert{margin-left:5%;}	
}
@media only screen and (min-width : 1366px) and (min-width : 1439px){
	.header {
background: url(../img/landing_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 460px;
}
.due{padding-bottom: 51px;}
	.cert{margin-left:5%;}	
}
@media only screen and (min-width : 1440px){
	.header {
background: url(../img/landing_pasticcere_2015/diventa_pasticcere_professionista.jpg) no-repeat #fff;
background-size: 100% auto;
min-height: 468px;
}
.due{padding-bottom: 51px;}
	.cert{margin-left:5%;}	
}