@charset "utf-8";
/* CSS Document */
.carousel-inner>.item {min-height:700px; background-size:cover; background-position:center center}


body { font-family: 'Roboto', sans-serif;}
.interlinea { line-height:35px}

#logo:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 175px 548px 0 540px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: 73px;
    left: -355px;
    z-index: 2;
}

#logo:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 175px 675px 0 540px;
    border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
    position: absolute;
    top: 73px;
    left: -355px;
    z-index: 1;
}

#logo a {
    display: inline-block;
    max-width: 100%;
    position: relative;
    z-index: 3;
}

#logo {
    padding-top: 100px;
	position:absolute;
	width:300px;
}

#testa { margin-top:-73px}


.navbar-default { background-color:transparent; border-color:transparent}




.header_content {
  position: relative;
 
 
  z-index: 4;
  padding-bottom: 7%;
  margin-bottom: 0%;
  overflow: hidden;
  height:700px;
}
.header_content:before,
.header_content:after {
  content: "";
  position: absolute;
  right: 0;
  top: 100%;
  background: #ffffff;
  width: 250%;
  height: 1000px;
  content: '';
  margin-top: -31%;
  z-index: 1;
}
.header_content:before {
  margin-left: 2%;
  left: 40%;
  -moz-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.header_content:after {
  margin-right: 2%;
  right: 40%;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}

/* CLEARING */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  float: none;
}

.clearfix { 
  display: block;  
}

/* FIXED BAR */

 

#menu_padre {position:absolute; z-index:999}



.carousel-caption { bottom:250px}

.carousel-indicators { bottom:238px}

.navbar-collapse {width:110%}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {  color:#FFF; background-color:#38418d}

ul > li > a {background-color:#2d3047;}


.navbar-default .navbar-nav > li > a { color:#FFF}

.nav > li { padding:1px}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#ffffff; background-color:#38418d}

#sfondo_servizi {background-image:url(../img/4.jpg);  background-size:cover; }

.col-md-6  > p {line-height:30px}

li {line-height:30px}

@media only screen and (max-device-width: 480px) {
#chi_siamo, #news, #contatti {margin-top:0px;}	

.navbar-nav > li > a { width: 300px }

.fixed {  
    position: fixed;   
  
    z-index: 10000000000000000;    
} 

.navbar-nav { padding-top:0px}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {
#chi_siamo, #news, #contatti {margin-top:0px;}	

.navbar-nav > li > a { width: 900px }

.fixed {  
    position: fixed;   
  
    z-index: 10000000000000000;    
} 

.navbar-nav { padding-top:0px}
.navbar-collapse { width:103%}
}


.navbar-toggle { float:left}

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


.fixed {  
    position: fixed;   
    top: -70px;  
    z-index: 100000000;    
} 
.navbar-nav { float:right; padding-top:70px}

}


.navbar-toggle { background-color:#ddd; margin-left:10px}

.navbar-collapse { border:none}


#icona {font-size:17px}

h3 {font-size:50px; text-transform:uppercase}

.active {color:#FFFFFF}

#nav_pallino{
	list-style: none;
	position: fixed;
	right: 20px;
	top:50%;
	z-index:10000000;
}

#nav_pallino li{
	margin: 0 0 15px 0;	
}

.pallino {border:3px solid #38418d; width:15px; height:15px; border-radius:30px; background-color:#ffffff}

.pallino:hover {transform:scale(1.5,1.5);}

.active_pallino { border:3px solid #ffffff; width:15px; height:15px; border-radius:30px; background-color:#38418d;  -webkit-box-shadow: 0px 0px 30px 2px rgba(0,0,0, 0.55);
    -moz-box-shadow: 0px 0px 30px 2px rgba(0,0,0, 0.55);
    -o-box-shadow: 0px 0px 30px 2px rgba(0,0,0, 0.55);
    box-shadow: 0px 0px 30px 2px rgba(0,0,0, 0.55);}
	
.btn, .kbutton, .mod-newsflash-adv_custom-link a {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: inline-block;
    margin-bottom: 0;
    font-family: 'Roboto',sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    vertical-align: middle;
    color: white;
    background: #2d3047;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: none;
    max-width: 100%;
    padding: 9.5px 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: relative;
	border-radius:5px;
}

.btn:after, .kbutton:after, .mod-newsflash-adv_custom-link a:after {
    content: "";
    width: 100%;
    height: 4px;
    background: #c64753;
    display: block;
    position: absolute;
    left: 0px;
    bottom: -7px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: block;
    max-width: 100%;
    height: 50px;
    background: #f7f8f9;
    border: 1px solid #e8e9ea;
    color: #686868;
    font-family: 'Raleway',sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding: 13px 20px;
    vertical-align: middle;
    outline: none;
    margin-bottom: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color 1s ease,box-shadow 1s ease;
    -o-transition: border-color 1s ease,box-shadow 1s ease;
    transition: border-color 1s ease,box-shadow 1s ease;
    -webkit-box-shadow: none;
    box-shadow: none;
}

input, textarea {
    width: 100%;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: 'Raleway', sans-serif;
}