/* Theme Name: inoSame Brain */

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, font, 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 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
textarea{resize : none;}
a:active, a:link, a:visited { outline: none !important;}
a:focus, a:link, a:visited {-moz-outline-style: none !important;}
a, a:hover {text-decoration : none;}
table {border-collapse: collapse; border-spacing: 0;}
body, a, input, textarea, label {
    font-family: 'Work Sans', Arial, Helvetica, sans-serif;
    color : #006ea5;
    font-size: 18px;
	font-weight:400;		
   -webkit-font-smoothing: antialiased;
   -webkit-text-size-adjust: none;
   font-size-adjust: none !important;
}
img, fieldset, input, textarea {border : 0px;}
a *{cursor : pointer !important;}
h1,h2,h3,h4,h5{display : block; font-weight :300; line-height:120%; }
strong{font-weight :700;}
.clearer{
    display:block !important;
    height: 0px !important;
    width: 0px !important;
    clear: both !important;
    float: none !important;
}
.left{float: left;}
.right{float: right;}
.white{color : #FFF;}
.onlybig{ display: none}
p a:hover{ opacity:0.9}
body{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;    
}
.animate{
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

/* GENERIC */
.container{
    padding: 0px 10px 0px 10px;
    max-width: 1280px;
    position: relative;
    margin: 0 auto;    
}
.section-head, .section-boxex,  .section-white, .section-contact {
    margin: 0 auto;
    width: 100%;
    /*max-width: 1920px;*/
}
.content {padding: 0px 90px;margin: 0 auto;}
.button{    
    margin: 0 ;
    height: 50px;
   max-width: 350px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 50px;
    display: block;
    background: #006EA5;
	border:3px solid #FFF;
	border-radius:28px;
	font-size:18px;	
}
.button:hover{background: #fff; color: #006EA5;}

h1, h2 { font-size:46px; }
h1, h2 { border-bottom:2px solid #FFF; padding:20px 0;}
p{margin:35px 0 45px 0; line-height:110%; width:98%;}
.box{
    max-width: 790px; 
    float: left;
    margin-bottom: 30px;
}
.box img{
	width:90%;
	height:auto;
	vertical-align:top;
}

/* SECTION HEAD */
.section-head .box{ width: 48%;}
.section-head { background-color:#006ea5; color:#fff; padding-top: 80px;}
.section-head p a{ color:#fff;text-decoration:underline}
.section-head h1 { background:url(images/line.png) no-repeat -90px -6px}
.section-head .box img{ padding-left:4%;}

/* section-swap*/
.section-swap { background-color:#006ea5; color:#00476b;padding-top: 40px; }
.centro{padding: 0px 80px;margin: 0 auto;}
.fbox-icon{
	text-align:center;
	text-transform:uppercase;
	display:block;
	float:left;
	width:11%;
	max-width:185px;
	margin-right:3%;
	min-height:200px;    
}
.fbox-icon.sette{
	margin-right:0px !important;
}
.fbox-icon img{ width:100%;}
.fbox-icon h3{font-size:14px; font-weight:700; }
.fbox-icon .in h3{ color:#fff; }
.out {
    z-index: 1;
    float: left;
    position: relative;
}
.in {
	display:none;
    top: 0px;
    left: 0px;
    z-index: 2;
}
/* section-white*/
.section-white { background-color:#fff; color:#006ea5; }
.section-white .box{
    max-width: 575px; 
}
.section-white .box.quaranta{
    width: 40%;
}
.section-white .box.sessanta{
    width: 60%;
}
.section-white .box.quaranta.right{
	text-align:right
}
.section-white{ padding-top:40px; padding-bottom:20px}
.section-white .box.sessanta h2 { padding-top:80px; }
.section-white .box.quaranta h2 { padding-top:20px; }
.section-white h2 {border-bottom:2px solid #006EA5;}
.section-white .box.quaranta { padding-right:2%;}
.section-white .box.sessanta { float:right}
.section-white .box.sessanta img{ width:95%}
.section-white .button{ 
    background: #fff;
	border-color: #006EA5;
	color:#006EA5;
}
.section-white .button:hover{background: #006EA5; color: #fff;}

/* section-boxex*/
.section-boxex { color: #fff;}
.section-boxex { background:#004161 url(images/bg-image.jpg) no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.section-boxex .box h3{ font-size:20px;}
.section-boxex .box, .section-boxex  p a{ font-size:16px; line-height:120%}
.section-boxex .box{width: 32%;}
.text .detail{border:2px solid #FFF; padding: 30px; min-height:300px; }
.text .detail p { margin-bottom:0px}
.two{ margin:0 20px}
.section-boxex  p a{ color:#fff;text-decoration:underline}

/* section-contact*/
.section-contact{ color: #fff; text-align:center; background-color:#000}
.section-contact .button{    
    margin: 0 auto;
    background: transparent;
	border-color: #FFF;
}
.section-contact .button:hover{background: #fff; color: #000;}
.section-contact h3{ font-weight:700; font-size:36px; margin-bottom:30px }
.section-contact .swiper{ float:left; padding:150px 0; margin:0; }
.section-contact .swiper{ width:50%;}
.section-contact .swiper{ 
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;}
.section-contact .swiper.one{ background-image: url(images/bg-image-gen.jpg) }
.section-contact .swiper.two{ background-image:url(images/bg-image-farm.jpg) ;}
  
 /* FOOTER */
#footer{
    background: #004161;
	color:#FFF;
    padding: 20px 0px;
}
#footer alert {
	font-size:9px;
	width:100% ;   
}
#footer * {color: #fff;}

	
#footer .copy { padding:15px 0 10px 0;font-size:12px;/*border-top:1px solid #FFF; margin-top:15px;*/}
#footer .copy a {font-size:12px;}
  .btt {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 400;
	cursor:pointer;
}
.btt a {
    display: block;
    padding: 7px 7px ;
    text-decoration: none;
    color: #fff;
    background-color: rgba(72, 72, 72, 0.4);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.btt a:hover {
    background-color:   rgba(72, 72, 72, 0.9);
    color:              #fff;
    -webkit-transition: all 0.5s;
    transition:         all 0.5s;
}