body,html {padding: 0px;font-family: 'Open Sans', sans-serif !important;overflow-x: hidden}


.navbar-fixed-top{}
.navbar {text-transform: uppercase;background-color: #fd4c5b;background-image: none;border:none;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {color:#fff;font-weight: 300}


.my-container{width: 100%; float:left; width:100%;padding:0;margin:50px 0 0 0;}

	.full-panel {
		
		background-position: 50% 0;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		position: relative;
	}
	
	.image-one {background-image: url(../img/italy_nologo.jpg);}
	.image-social{background-color:white; background-position:50% !important  }
	.image-two {background-image: url(../img/2.jpg);}
	.image-three {background-color: #333333;min-height: 639px;}

		.in-panel {position: relative;margin: 0 auto;min-height: 600px;padding-top:50px}
		.in-panel h2{color: #fff; font-size: 30px; background: #fd4c5b;padding:10px 20px; text-transform: uppercase;float:left;margin-bottom: 20px}
		
			
	
	.footer{background: #333;border:none;}
	.footer p{font-size:100px; font-weight: 100; color:#fd4c5b; text-align: center;}



/*-.-------------MY CSS-------------------*/
.navbar{
	background-color: black !important;
	font-weight: 100;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	border-bottom: 3px solid #F43838;
	background-color:black !important;
}
.navbar li a:hover{
	border-bottom: 3px solid #F43838;
}

#info_chi_siamo{
	color: white;
	text-align: center;
	width: 100%;
	display: block;
	max-width: 970px;
	margin: 0 auto;
	padding: 21px;
	margin-top: 0px;
}
#info_chi_siamo h1{
	font-family: 'Roboto Slab', serif !important;
	font-weight: 700;
	margin-top: -6px;
	color: #E02F39;
	font-size: 40px;
	text-transform: uppercase;
}

.test_home{
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #999999;
}
.test_home_2{
	font-size: 30px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #999999;
}
.button_green{
	margin: 0 auto;
	display: table;
	margin-top: 20px;
}
.test_under_button{
	font-family: 'Dancing Script', cursive;
	color: white;
	font-size: 21px;
	text-align: center;
	
}
#container-news{
	max-width: 970px;
	margin: 0 auto;
	width: 100%;
	padding-top: 65px;
}

.news-box{
	width:300px;
	height:430px;
	opacity: 0.9;
	float: left;
	margin: 9px
}

.border-top{
	border: 1px dotted white;
	margin: 13px;
}
.border-top-black{
	border: 1px dotted black;
	margin: 13px;
}
.titole-news{
	font-weight: 100;
	font-size: 48px;
	text-align: center;
	color: white;
}

#p-03{
	
	min-height: 500px;
	
}

.cosa-facciamo{
	max-width: 960px;
	margin: 0 auto;
	color: black;
	width: 100%;

}
.titolo-cosa-faccoiamo{
	text-align: center;
	font-weight: 300;
	font-size: 35px;
	padding-bottom: 50px;
}
#test-left-cosa-facciamo{
	max-width: 460px;
	width: 100%;
	float: left;
	margin: 10px;
	text-align: justify;
	font-weight: 400;
}
#test-right-cosa-facciamo{
	max-width: 460px;
	width: 100%;
	float: right;
	margin: 10px;
	text-align: justify;
	font-weight: 400;
}

#p-04{
	background-color: #991C2C;
	min-height: 568px;
}

#container-contatti{
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
}
#contatti-top{
	height: 68px;
	border-bottom: 1px dotted white;
}
#titolo-contatti{
	
	font-size: 30px;
	text-align: left;
	color: white;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
#test-contatti-left{
	float: left;
	color: white;
	font-weight: 400;

}

#test-contatti-right{
	color: #B52522;
	float: right;
	font-weight: 400 Italic;
	font-size: 11px;

}
#contatti-form{
	padding-top: 20px;
}
#form-left{
	float: left;
	width: 50%;
	max-width: 460px;
}

.form-group label{
	color: white;
	text-transform: uppercase;
	font-weight: 400 !important;
	font-size: 18px !important;
	margin-left: 10px;
	font-family: 'Lato', sans-serif;
	
}

.form-group input{
	border-radius: 0px !important;
	height: 39px !important;
}

#form-right{
	float: right;
	width: 50%;
}
.form-group textarea{
	border-radius: 0px !important;
}
#autorizzo{
	float: left;
	color: white;
	font-size: 11px;
	font-weight: 400;
	clear: left;
}
#invio-form{
	float: right;
}
 input[type="checkbox"]{
	margin: 2px 0px 0px;
	
}
#invio-form input[type="submit"]{
	width: 147px;
	height: 52px;
	background-color: #E02F39;
	border: 0px;
	color: white;
	text-transform: uppercase;
	border-radius: 2px;
	font-size: 21px;
	margin-top: 12px;
}


#offerte-it{
	max-width: 500px;
	margin: 0 auto;
	color: white;
	padding-top: 60px;
	font-size: 14px;
	font-weight: 400;
}
.border-dotted{
	border: 1px dotted white;
	margin: 15px;
}


.seguici{
	float:right;
	color:white;
	margin: 9px 14px;
}
.seguici a{
	color:white;
}
#result{
	color: white;
	text-align: center;
	font-size: 20px;
	margin-top: 66px;}

#footer{
	
	background-color: #000000;
	color: white;
}
.footer-copy{
	padding-top: 14px;
	text-align: center;
	font-weight: 400;
}

.first-block-chi{
	font-weight: 700 !important;
}
@media (max-width: 600px) {
	.image-one {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: 234% !important
		
		
	}
	.piastrine img{
		width: 307px;
	}
	#info_chi_siamo span{
		font-size: 12px !important;
	}
	#info_chi_siamo h1{
		font-size: 15px !important;
	}
	.logo-landing img{
		width: 300px;
		text-align: center;
		position: relative;
		left: 50%;
		margin-left: -173px;
	}
	#info_chi_siamo{
		
		font-size: 16px !important;
		padding: 0px !important;
		margin-top: 10px !important;
		
	}

	.test_home{
		font-size: 18px !important;
	}
	.test_home_2{
		font-size: 16px;
	}
	#info_chi_siamo h1{
		font-size: 20px !important;
	}

	.nostra_missione{
		width: 286px!important;
		font-size: 20px !important;
	}
	.aziende_innovative{
		margin-top: 16px !important;
		font-size: 16px !important;
	}
	.mod_lavoro{
		font-size: 15px !important;
		max-width: 277px;
		margin: 0 auto;
		padding-top: 13px;
		text-align: center !important;
	}
	#content-cerchio{
		width: 100% !important;
		padding-top: 12px !important;
		max-width: 150px !important;
	}
	#container-news{
		margin: 0 auto;
		max-width: 314px !important;
		padding-top: 0 !important;
	}
	/*----------MAPPA---------------*/
	.gm-style-iw  {           
                left: 293px !important;
                top: 427px !important;
                
    }
	/*----FINE MAPPA IPHONE----*/
	.test-news{
		font-size: 12px !important;
	}
	.news-box{
		height: 328px !important;
	}
	#p-03 {
		min-height: 223px !important;
		/* height: auto; */
		clear: left;
		margin-top: 40px;
		padding-top: 95px;
		
	}
	.cerchio1 img{
		width: 140px !important;
	}
	#content-spazio{
		max-width: 144px !important;
	}
	.second_border{
		top:1374px !important;
	}
	#test-left-cosa-facciamo {
		max-width: 302px !important;
		float: none !important;
		margin: 0 auto !important;
	}

	#test-right-cosa-facciamo {
		max-width: 303px !important; 
		float: none !important;
		margin: 0 auto !important;
	}
	#form-left{
		width: 100% !important;
		max-width: 291px !important;
		margin-left: 11px !important;
		margin: 0 auto !important;
		float: none !important;
	}
	#form-right {
		/* float: left; */
		width: 100% !important;
		clear: left !important;
		margin: 0 auto !important;
		max-width: 291px !important;
		float: none !important;
	}
	#p-04{
		min-height: 1563px  !important;
	}
	.tutti_servizi{
		font-size: 16px !important;
	}
	.img-spazio img{
		width: 140px !important
	}
	#invio-form{
		text-align: center !important;
		float: none !important;
	}
	.form-group textarea{
		height:168px !important;
	}
	#contatti-top{
		height: 92px!important;
	}
	#titolo-contatti{
		text-align: center !important; 
	}
	#test-contatti-left{
		text-align: center;
		float: none !important;
	}
	#test-contatti-right{
		text-align: center;
		float: none !important;
	}
	.footer-copy{
		font-size: 12px;
		max-width: 300px!important;
		margin: 0 auto;
		padding-top: 3px !important;
	}
	#offerte-it{
		max-width: 262px !important;
		font-size: 13px !important;
	}
	
	.image-three{
		min-height: 921px !important;
	}
	#autorizzo{
		max-width: 309px;
		margin: 0 auto;
		text-align: center;
		padding-left: 12px;
	}
	.second_border{
		display: none;
	}
	
}
@media (max-width: 992px) {

	.navbar-fixed-top{width:100%; margin: 0}
	.in-panel{}
	.in-panel p{padding:20px}
	#info_chi_siamo{
		max-width: 547px !important;
	}
	
	.footer p{font-size:30px;}

}

.active{
	color:red !important;
}

.foto-concorso{
	position:absolute;
	left:0;
	top:12px;
}


@media (min-width: 1020px) and (max-width : 1104px){
	.img-spazio{
		width: 170px !important
	}
	.lang-ipad{
		margin-right: -24px !important;
	}
	.image-social{
		background-position: 103% !important;
	}
	.logo-landing{
		margin-left: -254px !important;
	}
	#container_mission{
		top:93px!important;
	}
} 
@media (min-width: 768px) and (max-width : 1000px){
	
	.navbar-collapse.collapse{
		font-size: 10px !important;
	}
	.navbar-collapse.collapse_en{
		font-size: 9px !important;
	}
	.logo-landing{
		margin-left: -255px !important;
	}
	.piastrine img{
		width: 407px;
	}
	.in-panel p{
		padding: 0px !important;
	}
	#p-03{
		min-height: 468px !important;
	}
	#p-04{
		min-height: 785px !important;
	}
	#container-news{
		padding-top: 46px !important;
	}
	.aziende_innovative{
		max-width: 625px;
		margin: 0 auto;
		padding-top: 16px;
	}
	.mod_lavoro{
		max-width: 405px;
		margin: 0 auto;
		text-align: center !important; 
	}
	#content-cerchio{
		max-width: 761px !important;
		margin-bottom: 328px !important;
		padding-left: 148px;
		padding-top: 0px !important
	}
	.cerchio1{
		width: 294px!important;
	}
	.second_border{
		display: none;
	}
	#content-spazio{
		max-width: 593px !important;
	}
	.clear-ipad-img{
		clear: left;
	}
	#test-left-cosa-facciamo{
		margin-left: 154px !important; 
	}
	#test-right-cosa-facciamo{
		margin-left: 154px !important;
		float: left !important;
	}
	.news-box{
		width: 242px !important;
		height: 468px !important;
		margin: 6px !important;
	}
	.titole-news img{
		width: 157px !important;
	}
	.titole-news{
		font-size: 30px !important;
	}
	#container-contatti{
		max-width: 739px !important;
	}
	.form-group textarea{
		margin-left: 7px;
	}
} 

#container_mission{
	position: relative;
	top: 144px;
}
.nostra_missione{
	text-transform: uppercase;
	text-align: center;
	font-size: 35px;
	color: #333333;
	border: 1px solid #c7c7c7;
	width: 407px;
	margin: 0 auto;
	
	font-family: 'Lato', sans-serif;
	font-weight: 700;
}
.aziende_innovative{
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	color: #333333;
	text-transform: uppercase;
	margin-top: 50px;
	text-align: center;
}
.mod_lavoro{
	font-size: 15px;
	margin-top: 30px;
	font-family: 'Lato', sans-serif;
	color: #333333;
	text-align: left;

}
#content-cerchio{
	max-width: 841px;
	margin: 0 auto;
	padding-top: 55px;
}
.cerchio1{
	position: relative;
	z-index: 11;
	float:left;
	width:205px
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img{
	width: 100%;
}
.carousel-indicators li{
	background-color: white;
	width: 20px !important;
	height: 20px !important;
}
.carousel-indicators .active{
	width: 20px;
	height: 20px;
	background-color: #EC3C44;
}
.tutti_servizi{
	max-width:515px;
	margin:0 auto;
	text-align:center;
	color: #F07D7D;
	font-size: 30px;
	font-family: 'Roboto Slab', serif;
}
.border-bottom-spazi{
	max-width: 1234px;
	margin-top: 15px;
	margin: 0 auto;
	background-image: url('../img/border.png');
	width: 100%;
	background-repeat: repeat-x;
	height: 1px;
	position: relative;
	top: 20px;
}
#content-spazio{
	max-width:1200px;
	margin:0 auto;
	padding-top: 59px;
}
.img-spazio{
	position: relative;
	z-index: 11;
	float:left;
	width:196px;
}
.second_border{
	top: 305px !important;
}

/* Set a size for our map container, the Google Map will take up 100% of this container */
            #map {
                width: 100%;
                height: 600px;
            }
            .gm-style-iw {
                background:0 !important;
                left: 223px !important;
                top: 427px !important;
                width:100%  !important;
                height:100%  !important;
                }

        
             .gm-style div div div div div div{
                    background:0 !important;
                     border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
                    border-bottom-left-radius: 0px !important;
                    -webkit-box-shadow:  rgba(0, 0, 0, 0) 0px 0px 0px -0px !important;
                     box-shadow: 0px !important;
            }
             .gm-style div div div div div{
                    background:0 !important;
                    border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
                    border-bottom-left-radius: 0px !important;
                    -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px -0px !important;
                     box-shadow: 0px !important;

            }
             .gm-style div div div div{
                    background:0 !important;
                     border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
                    border-bottom-left-radius: 0px !important;
                    -webkit-box-shadow:  rgba(0, 0, 0, 0) 0px 0px 0px -0px !important;
                     box-shadow: 0px !important;

            }
             .gm-style div div div  {
                    background:0 !important;
                     border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
                    border-bottom-left-radius: 0px !important;
                    -webkit-box-shadow:  rgba(0, 0, 0, 0) 0px 0px 0px -0px !important;
                     box-shadow: 0px !important;

            }
             .gm-style div div div  {
                    background:0 !important;
                     border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
                    border-bottom-left-radius: 0px !important;
                    -webkit-box-shadow:  rgba(0, 0, 0, 0) 0px 0px 0px -0px !important;
                     box-shadow: 0px !important;


            }
            .gm-style div div   {
                    background:0 !important;
                     border-top-left-radius: 0px !important;
                    border-top-right-radius: 0px !important;
                    border-bottom-right-radius: 0px !important;
                    border-bottom-left-radius: 0px !important;
                    -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px -0px !important;
                     box-shadow: 0px !important;

                    
            }
.in-panel-map{
	padding-top: 0px !important
}
.logo-landing{
	position: relative;
	margin-left:-274px; 
	left:50%;
}
.piastrine{
	position: absolute;
	right: 0px;
	top: 0px;
}

.overlay-popup{
    background:#cfcfcf;
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:3000;
    cursor:pointer;
	/*Trasperenza cross browser*/
	opacity: .9; 
	filter: alpha(opacity=90);
	
}

#banner_contest{ 
	width: 322px;
	height: 161px;
	display: none; 
	z-index: 9300;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -162px;
	color: white;
	margin-top: -97px;
	background-color: grey;
}

#close_banner{ 
	position:absolute; 
	right:0%; 
	top:0%;  
	cursor:pointer;
}