html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*================================= FINE RESET CSS ================================================*/
/*=================================================================================================*/

/* ==========================================================================
   APERTURA MOBILE
   ========================================================================== */

#menu-mobile {width: auto; position: fixed; top: 30px; left: 30px; z-index: 9999999; }

#menu-mobile p {color:#ffffff; text-align:right; margin-right: 5px; text-shadow: 2px 2px 1px #333;}

#menu-mobile:hover {cursor: pointer;}
 
#menu-mobile a {color: #333333 !important; text-decoration: none; padding-right: 20px;} 

#menu-mobile a:hover {color: #333333 !important;}

#list-menu {position: fixed; z-index: 99999999999; top: 0; left: 0; background: #262626 !important; width: 100%; height: 100%; display: none; text-align: left; padding-top:60px;}

#list-menu ul li {float: left; width: 100%; font-size: 24px; color: #FFF !important; font-weight:700; text-decoration: none; padding-bottom: 50px; text-align: left;} 

#list-menu a:hover {}

#list-menu .container {padding:0 65px;}

#list-menu .sub-menu {font-size:13px; margin-left:40px; color:#818282!important;}

#list-menu .sub-menu a {color:#818282!important;}

#list-menu #social p {text-align:left;}

#list-menu #social p img {float:left; margin-right:30px;}

#list-menu .fa-times {position: absolute; top: 30px; left: 30px; font-size: 30px; color: #FFF;}

#list-menu .fa-times {cursor: pointer;}

						
/* ==========================================================================
   CHIUSURA MOBILE
   ========================================================================== */


/* ==========================================================================
   General styles
   ========================================================================== */

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: "Arial", sans-serif;
    font-weight: lighter;
    font-size: 18px;
    color: #6d6d6d;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    line-height: 22px;
}

.container {
	text-align:center;
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
}

p {margin:0px;}

.clearfix {clear: both;}

* {box-sizing: border-box;}

a {text-decoration: none; color:#ffffff;}

a:hover {text-decoration: underline;}

b {font-weight:bold;}

.active {text-decoration: underline;}

ul li {list-style-type: none;}

#navbar-mobile {display: none;}

.space-130 {height: 130px; width:100%; float:left;}

.space-100 {height: 100px; width:100%; float:left;}

.space-25 {height: 25px; width:100%; float:left;}

.space-15 {height: 15px; width:100%; float:left;}

.space-40 {height: 40px; width:100%; float:left;}

.space-50 {height: 50px; width: 100%; float:left;}

.space-120 {height: 120px; width: 100%; float:left;}

.space-70 {height: 70px; width: 100%; float:left;}

.no-padding-left {padding-left:0px!important;}

.no-padding-bottom {padding-bottom:0px!important;}

.no-padding-top {padding-top:0px!important;}

.no-padding-horizontal {padding-left:0px!important; padding-right:0px!important;}

.no-padding-vertical {padding-top:0px!important; padding-bottom:0px!important;}

.no-margin-vertical {margin-top:0px!important; margin-bottom:0px!important;}

.no-margin-bottom {margin-bottom:0px!important;}

.text-left {text-align:left!important;}

.text-right {text-align:right!important;}

.text-center {text-align:center!important;}

.float-left {float:left!important;}

.float-right {float:right!important;}

.BLOCK-img {width:100%; display:block;}

.position-relative {position:relative;}

.position-absolute {position:absolute;}

.position-fixed {position:fixed;}

.display-none {display:none!important;}

.display-block {display:block!important;}

h1 {
	font-family: "Arial", sans-serif;
	font-size: 60px;
    letter-spacing: normal;
    font-weight: lighter;
    line-height: normal;
}

h2 {
	font-family: "Arial", sans-serif;
	font-size: 48px;
    font-weight: lighter;
}

h3 {
	font-family: "Arial", sans-serif;
	font-size: 30px;
    font-weight: lighter;
}

h4 {
	font-family: "Arial", sans-serif;
	font-size: 24px;
	font-weight: lighter;
}

h5 {
	font-family: "Arial", sans-serif;
	font-size: 36px;
	font-weight: normal;
	line-height: 42px;
	color: #000000;
}

.col-05 {
    width:5%;
    padding:10px;
    float:left;
}

.col-10 {
    width:10%;
    padding:10px;
    float:left;
}

.col-15 {
    width:15%;
    padding:10px;
    float:left;
}

.col-20 {
    width: 20%;
    padding:10px;
    float:left;
}

.col-25 {
    width:25%;
    padding:10px;
    float:left;
}

.col-30 {
	width:30%;
	float:left;
	padding:10px;
}

.col-33 {
	width:33.3%;
	float:left;
	padding:10px;
}

.col-35 {
	width:35%;
	float:left;
	padding:10px;
}

.col-40 {
    width: 40%;
    padding:10px;
    float:left;
}

.col-45 {
    width: 45%;
    padding:10px;
    float:left;
}

.col-50 {
	width:50%;
	padding:10px;
	float:left;
}

.col-60 {
	width:60%;
	padding:10px;
	float:left;
}

.col-65 {
	width:65%;
	padding:10px;
	float:left;
}

.col-66 {
	width:66.66%;
	padding:10px;
	float:left;
}

.col-70 {
	width:70%;
	padding:10px;
	float:left;
}

.col-75 {
	width:75%;
	padding:10px;
	float:left;
}

.col-80 {
	width:80%;
	padding:10px;
	float:left;
}

.col-90 {
	width:90%;
	padding:10px;
	float:left;
}

.col-100 {
	width:100%;
	padding:10px;
	float:left;
}

.row {
	clear:both;
	width:100%;
	float:left;
}

.dark-row {
	background-color:#226678;
}

.small {font-size:12px;}

.display-mobile {display:none;}

.display-desktop {display:block;}

.txt-white {color:#ffffff!important;}

.txt-grey {color:#5a5959!important;}

.txt-blue {color:#0056b4!important;}

.txt-light-blue {color:#a9bbde!important;}

.txt-red {color:#ff0e0e!important;}

.border-white {border:1px solid #ffffff;}

.font-weight-light {font-weight:100!important;}

.opacity-0 {opacity: 0!important;}

.opacity-1 {opacity: 1!important;}

/* ==========================================================================
   LOGO RIGHT
   ========================================================================== */

/* ==========================================================================
   SUB MENU
   ========================================================================== */

div#menu li ul {
    display:none;
}

div#menu li:hover ul {
    display: block;
    position: absolute;
    z-index:10;
    width:410px;
    background-color:#ffffff;
    top:105px;
    right:0px;
    padding:20px 0px 10px 20px;
}

div#menu li:hover ul li {
	text-align: left;
    width:100%;
    margin-left:20px;
}

#sub-menu li:hover {
	text-decoration: none;
}

#sub-menu li a:hover {
	font-weight: bold;
}


/* ==========================================================================
   CAMPI DI TESTO
   ========================================================================== */

fieldset select {background-color:#ffffff;}

select:focus {outline: none;}

button {background-color:rgba(0,0,0,0); color:#ffffff; border:1px solid #ffffff; width:100%; height:30px; font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter;}

button:hover {background-color:rgba(0,0,0,0); cursor:pointer;}

fieldset, input {border: none;}

fieldset, select {color:#226678;}

select, {border:none;}

input, fieldset {height: 30px; padding-left: 15px; border: none;}

fieldset, select, input, textarea {font-family: 'Open Sans', sans-serif; font-weight: lighter; font-size:14px; width:100%; margin: 0; background-color: rgba(255, 255, 255, 0.8); border: none;}

input {}

.label {color:#226678; font-family: 'Open Sans', sans-serif; font-weight: lighter; font-size:14px; padding-top:10px; padding-bottom: 10px;}

input[type="button"] {background-color:#000000; border:1px solid #ffffff; color:#ffffff; font-family: 'Open Sans', sans-serif; font-weight: lighter; cursor:pointer;}

input[type="button"]:hover {background-color:#000000; color:#ffffff; border:1px solid #ffffff;}

input[type="checkbox"] {float:right; width:20px; height:20px; background-color:#ffffff; border:none; border-radius:none; margin-left:20px;}

textarea {padding:10px; height:100px;}

#success {display:none;}

/* ==========================================================================
   CORTESIA CSS
   ========================================================================== */
   
#Menu-cortesia ul li {
	font-size: 20px;
	margin-bottom:30px;
}

#Background-s-team {
	background-image: url("../img/background-s-team.jpg");
	background-repeat: no-repeat;
	background-position: center center top;
	background-size: cover;
	width:100%;
}

#Logo-Cortesia p {
	color: #0056b4;
    margin-top:3px;
    font-style: italic;
    margin-left:-7px;
}

/* ==========================================================================
   EFFETTO BACKGROUND MOUSE OVER 
   ========================================================================== */

/* ==========================================================================
   VIDEO HOME PAGE
   ========================================================================== */
   
/* ==========================================================================
   OPEN DIV
   ========================================================================== */
   
/* ==========================================================================
   BACKGROUND IMAGE TITLE
   ========================================================================== */

/* ==========================================================================
   PAGINA TAGLIO
   ========================================================================== */

/* ==========================================================================
   PIEGATURA
   ========================================================================== */

/* ==========================================================================
   REPARTI
   ========================================================================== */

/* ==========================================================================
   REPARTO MACCHINE
   ========================================================================== */

/* ==========================================================================
   NEWS
   ========================================================================== */

/* ==========================================================================
   FOOTER
   ========================================================================== */

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */


@media screen and (max-width:1050px), screen and (max-device-width:1050px){}

@media only screen and (min-device-width:768px) and (max-device-width : 1024px) and (orientation : portrait){}

@media screen and (max-width: 1430px) {
	
}

@media screen and (max-width: 1285px) { 
	
}

@media screen and (max-width: 1250px) { 
	
}

@media screen and (max-width: 1185px) { 
	
}

@media screen and (max-width: 1130px) { 
	
}

@media screen and (max-width: 1110px) { 
	
	.col-48 {width:50%;}
	
	.header {padding: 0 20px;}
	
	.header #menu ul li a {font-size: 14px;}
	
}

@media (max-width: 992px) {

	.header img {max-width:240px; float:left;}
	
	.header .container {width:80%; padding:5px 15px 5px 15px;}
	
	.top-header .container {width:100%;}
	
	.space-150 {height:120px;}
	
	.col-10 {display:none;}
	
	.col-05 {display:none;}
	
	.container {padding:0 15px;}
	
	h2 {font-size: 38px; line-height: 34px;}
	
	.space-25 {height:25px;}
}

@media (max-width: 980px) {
	
	h3 {font-size:22px; line-height: 30px;}
	
}


@media screen and (max-width: 920px) {
    
    .col-70 .col-50 {width:100%;}
    
    fieldset, select, input, button, textarea {margin:0px;}
    
    .col-33 .col-20 {display:none;}
    
    .col-33 .col-40 {width:50%;}
    
    .space-40 {height:45px;}
    
    .space-25 {height:15px;}
    
}


@media screen and (max-width:880px) { 
	
	.col-33 {width:100%;}
	
	.col-66 {width:100%;}
	
	.display-desktop {display:none;}
	
	.display-mobile {display:block;}
	
	.col-20 {width:100%;}
	
	.col-25 {width:50%;}
	
	.col-30 {width:100%;}
	
	.col-40 {width:100%;}
	
	#Logo-Cortesia .col-50 {width:50%;}
	
	.col-50 {width:100%;}
	
	#Menu-cortesia ul li {text-align: center; margin-left:0px;}
	
	#Menu-cortesia p {text-align: center;}
	
	.col-60 {width:100%;}
	
	.col-65 {width:100%;}
	
	.col-75 {width:100%;}
	
	.container {padding-right:20px; padding-left:20px;}
	
	.col-33 .col-50 {width:50%;}
	
	.col-33 .dark-row {margin-bottom:10px;}
	
	.small {text-align:left; margin-left:10px;}
	
	.dark-row .col-33 {width: 33.33%;}
	
	.position-relative .col-25 {width:50%; margin-bottom: 15px;}
	
	.position-relative .col-25 .col-20 {width:20%;}
	
	.position-relative .col-25 .col-80 {width:80%;}
	
	.position-relative .col-25 .col-80 h4 {padding-top: 10px;}
	
	.date {width:32%;}
	 
}

@media screen and (max-width:820px) {
	
	.space-70 {height:35px;}
	
}

@media screen and (max-width:769px) {

	.col-50 {max-width:100%; width:100%; padding:20px;}
		
	.col-33 {width:40%;}
	
	.col-50 {max-width:100%;width:100%;padding:8px;}
	
	.col-33 {width:100%;}
	
	#list-menu ul li {font-size: 12px; padding-bottom: 15px;}
	
	#list-menu {padding-top:80px;}
	
	#Logo-Cortesia p {margin-left:0px;}
	
}

@media (max-width: 650px) { 
	
	.no-row-space-40 {display:none;}
	
	h1 {font-size: 45px;}
	
	.navbar-brand {margin: 20px 0 26px;}
	
	.col-65 {width:100%;}
	
	.col-25 {width:50%;}
	
	.col-70 {width:100%;}
	
	#Logo-Cortesia .col-50 {width:100%;}
	
}

@media (max-width: 600px) { 
	
	h1 {font-size:35px;}
	
	h4 {font-size:18px;}
	
	h2 {font-size:28px;}
	
	#list-menu {padding-top:100px;}
	
	#list-menu .sub-menu {font-size:10px;}
	
	.col-70 {padding:0px;}
	
	.col-30 {padding:0px;}
	
	.space-115 {height:55px;}
	
}

@media (max-width: 580px) {
	
}
	
@media (max-width: 568px) {
	
	.position-relative .col-25 {margin-bottom:0px;}
	
	.position-relative .col-25 .col-20 {width:100%;}
	
	.position-relative .col-25 .col-80 {width:100%; margin-top: 10px;}
	
	.dark-row {padding-bottom:0px;}
	
	.dark-row .col-50 {padding:10px;}
	
	.dark-row .col-100 {padding:10px;}
	
	.dark-row h4 {text-align:center;}
	
	.col-33 .dark-row {margin-bottom:0px;}
	
	.space-150 {height:45px;}
	
	.col-100 {padding:10px 0px 10px 0px;}
	
	.dark-row .space-40 {height:0px;}
	
	.dark-row {padding-bottom:10px;}
	
	#navbar-mobile {display:block}
	
	.header .container {width:90%; padding:5px 10px 5px 10px;}
	
	.top-header .container {font-size:10px; padding-left:5px; padding-right:5px;}
	
	.top-header ul li {padding:3px;}
	
	.col-50 {padding:10px 0px;}
	
	.col-33 {width:100%; margin-right:0px; margin-left:0px; margin-top:10px; margin-bottom:10px;}
	
}

@media (max-width: 498px) { 
	
}