/* remember to define focus styles! */
* {outline: none !important;}
html, *{outline: 0;}

body{font-size: 13px;color: #000;font-family: 'Open Sans', sans-serif;}

/*box model*/
section{width: 100%;}
    section#chisiamo, section#compagni, section#intervento, section#contatti{padding-bottom: 60px}
#topbar{padding: 15px 0px}
    #topbar span{margin-right: 20px}
    #topbar span i.fa{display: inline-block;margin-right: 10px}
#logobar{padding: 15px 0px;border-bottom:1px solid #a0a0a0}
#header{background: url('../images/head.jpg') no-repeat;background-size:cover; height: 680px;position: relative}
    #header .payoff{  bottom: 0;height: 238px;left: 0;        margin: auto;position: absolute;right: 0;text-align: center;top: 0;width: 100%}
    #header h1{font-style: italic;font-size: 60px;font-weight: 300}
    #header h2{font-style: italic;font-size: 47px;font-weight: 300;margin-top: 20px}
    #header h3{font-style: italic;font-size: 27px;font-weight: 300;margin-top: 45px !important}
.partner .box{position: relative;float:left;margin:0px 5px;width: 275px;height: 289px;cursor:pointer;overflow: hidden;}
    .partner .box.box-small{width: 200px}
    .partner .box img{width: 100%;opacity: 0.3} .partner .box.active img{width: 100%;opacity: 1}
    .partner .box .info{position: absolute; bottom: 10px; left: 13px;}
    .partner .box span{display: block;width: 100%}
    .partner .box .name{color:#fff;font-size: 17px;text-transform: uppercase;text-align: left}
    .partner .box .position{color:#fff;font-size: 17px;opacity: 0.7;font-weight: 300;font-style: italic;text-align: left}
    .partner .box.descr {background:#2f5793;padding:30px} 
    .partner .box.descr .fauna{font-size: 12px;height: 168px}
    .partner .box.descr.show{position: fixed;left: 15px;display: inline-block;opacity: 1}
    .partner .box.descr.hidden{position: relative;display: none;}
    .partner .box.descr .close{position: absolute;color: #fff;font-size: 17px;right: 30px;top: 30px;display: none;z-index: 9999}
    .partner .box.descr.show .close{display: block;}
#intervento h2{margin-bottom: 40px}    
#intervento .tab{width: 24%;background:#f1f1f1;height: 50px;margin-right: 3px; padding: 7px;cursor:pointer}
    #intervento .tab .num-list{display: block;float: left;background: #bbbbbb;font-weight: 800;color: #fff;font-size: 18px;padding: 5px 12px;margin-right: 7px; }
    #intervento .tab.active{background: #bbbbbb;color: #fff;}
    #intervento ul{padding: 0px;margin: 0px;list-style: none}
        #intervento ul li{position: relative;padding-left: 20px;margin-bottom: 3px;}
        #intervento ul li:before{ content: "\f00c";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 13px;padding-right: 0.5em;position: absolute;top: 0px;left: 0;}
    #intervento .tab.active .num-list{background: #1eb1b1;color: #fff;}
    #intervento h3{margin-bottom: 20px}
    #intervento h3 .num-list{display: block;float: left;background: #1eb1b1;font-weight: 800;color: #fff;font-size: 23px;padding: 2px 12px;margin-right: 7px; }
#viaggio .w50 + .w50{padding: 60px} 
   #viaggio img{width: 100%}   
   #viaggio .descr p{width: 50%}

#slide-intervento{margin: 30px 0px}
    .slide-wrp div{padding: 5px 30px 0px 30px}
    .slide-wrp div h4{margin-bottom: 20px}  
    .slick-arrow{position: absolute;border: none;background: none;position: absolute;text-indent: -9999em;display: inline-block;background: url(../images/slide-arrow.png) no-repeat;width:35px;height: 53px;margin-top: -26.5px}
        .slick-next{right:-100px;top:50%;background-position:-35px 0px  } .slick-next:hover{right:-100px;top:50%;background-position:-35px -53px}
        .slick-prev{left:-100px;top:50%;background-position:0px 0px } .slick-prev:hover{right:-100px;top:50%;background-position:0px -53px}
#contatti {line-height: 1.2em}
    #contatti p.last{margin-bottom: 30px}        
    #contatti .form-control{width: 70%}        
#messaggio h3{margin-bottom: 10px}
.lang img{margin-left: 10px}

/*typo and color set*/

.w50{width: 50%} .w100{width: 100%} .h100{height: 100%} .fleft{float: left} .fright{float:right}
.img-responsive{width: 100% !important}
.clear{clear:both}
.h15{height: 15px;} .h30{height: 30px;}
.fauna{font-family: 'Fauna One', serif;font-size:15px}
.bg-shadow{background: url(../images/bg_shadow.jpg) repeat-x top;}
.bg-blu{background: #323d74;color:#fff;}
    .bg-blu .light{color: #9da4c2}
.bg-ciano{background: #4572b5;color: #bfcbe2}  
    .bg-ciano h2{color: #fff} .bg-ciano h3{color: #bfcbe2}  
.bg-white{background: #fff !important;color: #000}
.tBlue{color: #4572b5;} .tWhite{color: #fff !important}
.italic{font-style: italic;} .strong{font-weight: 700} .uppercase{text-transform: uppercase}
.top-box{box-shadow: inset 0 7px 9px -7px rgba(0,0,0,0.4);}
.left-box{box-shadow: inset 7px 0 9px -7px rgba(0,0,0,0.4);}
.right-box{box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.4);}
.bottom-box{box-shadow: inset 0 -7px 9px -7px rgba(0,0,0,0.4);}

h2{font-size: 37px;margin: 60px 0 10px;}
h3{font-size: 25px;line-height: 1.3em;margin-bottom: 40px;}
h2 > h3{margin-bottom: 0px !important}
h2 + h3{margin-top: 10px !important}

/*bootstrap ovverride*/

.navbar { border-radius: 0px;border:0px !important}
    .navbar .navbar-brand{display: inline-block;width:80px;height: 35px}
    .navbar .navbar-brand img{display:none}
    .navbar-toggle{margin-right: 20px;margin-top: 20px;}      
.navbar-default {   background:rgba(255,255,255,0.5) ;border:none;height: 70px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: #4572b5;color: #fff !important;}
.navbar-nav {  display: inline-block !important;float: none;margin: auto !important;}
.navbar-collapse{text-align: center;padding: 0px 0px }
.nav > li > a{color: #000 !important;font-size: 15px;text-transform: uppercase;padding: 15px 25px;}
.navbar.navbar-fixed-top{border-bottom:1px solid #a0a0a0 !important}
    .navbar-fixed-top .navbar-brand img{display:inline-block;}
.nav-tabs {border-bottom: 0px solid #dddddd;margin-left: 52px;}
.navbar-nav > li > a{line-height: 40px}
.nav-tabs > li > a, .nav-tabs > li > a{background-color: #f1f1f1;border-width: 0px;color: #555555;cursor:pointer;width: 200px;border-radius: 0px;font-size: 12px;padding: 20px ;min-height: 136px;position: relative}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover,  .nav-tabs > li > a:hover {background-color: #4572b5;border-width: 0px;color: #fff !important;}
    .nav-tabs li.active a:before{background: url(../images/tab-active.jpg) no-repeat; content: " ";bottom: 0;content: " ";cursor: pointer;display: inline-block;height: 10px;left: 50%;margin-left: -12px;position: absolute;width: 24px;}
.nav-tabs i.fa{width: 160px;font-size: 47px;display: inline-block;margin-bottom: 10px;color: #666}
.nav-tabs li.active i.fa, .nav-tabs li:hover i.fa{color: #fff}
.nav-tabs > li {margin: 0px 5px 0px 0px}
.nav-tabs > li:last-child{margin-right: 0px} 
.tab-content{padding: 30px 74px;text-align: left;line-height: 1.8em}

.nowrap {white-space:nowrap;}