/* GENERALI */
body{font-family: 'Raleway', sans-serif; overflow-x:hidden; }
p{font-weight: 400;}
strong{font-weight: 600;}

	/* CONTAINER WIDTH */
	@media (min-width: 1600px){
		.container {
		    width: 1560px;
		}
	}


	/* HEADER */
	.navbar {
	    position: relative;
	    min-height: 150px;
	    margin-bottom: 0;
	    border: 0 none;
	}

	a.navbar-brand{
	    height: auto;
	    padding: 0 15px;    
	    line-height: auto;
	    display: block;
	}


	/* MENU RIGHT */
	ul.nav.navbar-nav.navbar-right,
	ul.nav.navbar-nav.navbar-right li,
	ul.nav.navbar-nav.navbar-right li a{height: 20px; line-height: 20px; display: block;}
	ul.nav.navbar-nav.navbar-right li i{height: 20px!important; line-height: 20px!important; font-size: 1.0em; margin-right: 10px;}
	ul.nav.navbar-nav.navbar-right li i.fa.fa-phone{height: 20px!important; line-height: 20px!important;}
	ul.nav.navbar-nav.navbar-right li{color: #666; font-size: 1.0em;}
	ul.nav.navbar-nav.navbar-right li a{float: right; padding: 0; background: transparent; color: #666;}
	ul.nav.navbar-nav.navbar-right li a:hover{background: transparent;}


        ul.nav.navbar-nav.navbar-right{width: 50%!important; float: right;}
        ul.nav.navbar-nav.navbar-right>li{float:none!important; font-size: 1.0em!important; height: 20px!important; text-align: right; line-height:20px!important;}





/* DIVISIONI HOME PAGE */
div.container-divisioni .row{background: transparent;}
div.container-divisioni h2{font-size: 4em; font-family: 'AR-Techni'; margin-bottom: 0;}

div.wrap{width: 600px; margin: 0 auto 0 auto; color: white; padding: 100px; position: relative; z-index: 9999;}


div.wrap h2{text-transform: uppercase;}
div.wrap p{font-size: 1.3em; margin-bottom: 50px;}
div.wrap a{padding: 16px; background: white; width: auto; margin-top: 18px; font-family: 'AR-Techni'; text-transform: uppercase; font-size: 1.2em;}






/*
div.col-md-4.ict{background-color: #0268d0;}
div.col-md-4.ict a{color: #0268d0;}


div.col-md-4.sicurezza{background-color: #ce8113;}
div.col-md-4.sicurezza a{color: #ce8113;}


div.col-md-4.energia{background-color: #459817;}
div.col-md-4.energia.sx a{color: #459817;}
*/



div.col-md-4.ict,
div.col-md-4.sicurezza,
div.col-md-4.energia{height: 600px;}

div.col-md-4.ict{
	background-size: cover;
	background-image: url("/assets/dabatech-ict.jpg");
	padding: 0;
}
div.col-md-4.ict a{color: #0268d0;}



div.col-md-4.energia{
	background-size: cover;
	background-image: url("/assets/dabatech-energia.jpg");
	padding: 0;
}
div.col-md-4.energia a{color: #459817;}



div.col-md-4.sicurezza{
	background-size: cover;
	background-image: url("/assets/dabatech-sicurezza.jpg");
	padding: 0;
}
div.col-md-4.sicurezza a{color: #ce8113;}

div.col-md-4{
	overflow: visible;
	box-shadow: inset 10px 10px 94px 88px #fff;
}

div.col-md-4.ict:before {
    float: left;
    content: '';
    background: #264386;
    position: absolute;
    top: 0;
    left: -55px;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.8;
    filter: saturate(150%) contrast(120%) hue-rotate(-9deg);
    transform: skew(-10deg);
    z-index: 999;
    box-sizing: content-box;
    padding-right: 55px;
}

div.col-md-4.energia:before {
    float: left;
    content: '';
    background: #80b03e;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.8;
    filter: saturate(110%) contrast(105%) hue-rotate(-5deg);
    transform: skew(-10deg);
    z-index: 99;
}

div.col-md-4.sicurezza:before {
    float: left;
    content: '';
    background: #ce8113;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.8;
    filter: saturate(105%) contrast(110%) hue-rotate(1deg);
    transform: skew(-10deg);
    box-sizing: content-box;
    padding-right: 104px;
}




























/* CONTENUTO SOTTO LE DIVISIONI */
div.container.content{text-align: center; padding: 60px 0 80px 0;}
div.container.content h2{font-size: 3em; color: #666; font-weight: 300; margin-bottom: 20px;}
div.container.content p{font-size: 1.8em; color: #666; font-weight: 300;}











/* SUB FOOTER */
div.sub-footer{background: #111; width: 100%; float: left; padding: 60px 0; color: white; text-align: center;}
div.sub-footer p{width: 100%; text-align: center; float: left; clear: both; font-size: 14px; color: #404040; font-weight: 600;}
div.sub-footer p strong{font-weight: 800;}

div.sub-footer a{width: 170px; text-align: center; margin: 0 auto; float: none; padding: 0;}
div.sub-footer a img{width: 170px; text-align: center; margin: 0 auto; opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */}













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

div.wrap{width: 530px; margin: 0 auto 0 auto; color: white; padding: 70px;}
div.container-divisioni h2{font-size: 4em;}

}




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

div.wrap{width: 530px; margin: 0 auto 0 auto; color: white; padding: 70px;}
div.container-divisioni h2{font-size: 4em;}
div.wrap p{font-size: 1em; padding-right: 120px;}

}



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

div.wrap{width: 530px; margin: 0 auto 0 auto; color: white; padding: 70px;}
div.container-divisioni h2{font-size: 4em;}
div.wrap p{font-size: 1em; padding-right: 120px;}

}



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

div.wrap{width: 530px; margin: 0 auto 0 auto; color: white; padding: 70px;}
div.container-divisioni h2{font-size: 3em;}
div.wrap p{font-size: 1em; padding-right: 140px;}

}




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

div.col-md-4.ict:before{transform: none;}
div.col-md-4.energia:before{transform: none;}
div.col-md-4.energia:after{transform: none;}
div.col-md-4.sicurezza:before{transform: none;}

div.col-md-4.ict, div.col-md-4.sicurezza, div.col-md-4.energia{height: auto!important;}

}





ul.nav.navbar-nav.navbar-right.responsive{display: none;}






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

button.navbar-toggle.collapsed{display: none;}

ul.nav.navbar-nav.navbar-right.responsive{display: block;}

div.container-divisioni h2{margin-top: 0!important;}

div.wrap{width: 530px; margin: 0 auto 0 auto; color: white; padding: 70px;}
div.container-divisioni h2{font-size: 3em;}
div.wrap p{font-size: 1em; padding-right: 140px;}

.navbar-brand>img{width: 150px;}


nav navbar-nav navbar-right responsive{;}

nav.navbar div.container{margin: 0 15px!important;}

div.wrap{width: 100%!important; margin: 0!important; padding: 50px;}
div.wrap p{width: padding: 0!important; padding-right: 0!important;}





* {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
}




div.col-md-4.sicurezza:before{box-sizing: border-box;}
.container-fluid, .row, .col-md-4, col-md-12{padding: 0!important; margin: 0!important;}


ul.nav.navbar-nav.navbar-right.responsive{width: 100%!important;}
ul.nav.navbar-nav.navbar-right.responsive li{width: 100%!important; text-align: center!important;}


.navbar-nav{margin: 0!important;}

ul.nav.navbar-nav.navbar-right>li{font-size: 0.9em!important;}

ul.nav.navbar-nav.navbar-right li a{float:none!important; display: inline!important;}

a.navbar-brand, a.navbar-brand img{margin: 0 auto!important; text-align: center!important;}
a.navbar-brand{margin-bottom: 10px!important;}

.navbar-brand{float: none!important;}

.navbar{min-height: 100px; margin-bottom: 40px;} 

nav.navbar div.container{margin: 0 auto!important; padding: 0!important;}

}




/* TESTA LINGUE PER PAGINA HOME */
div.wrapper-menu-contatti{width: 100%; margin: 0; padding: 0; height: 46px; background: #eee; color: #333;}


div.wrapper-menu-contatti ul.language{list-style: none; padding: 0; margin: 0; width: 50%!important; text-align: right; float: right;}
div.wrapper-menu-contatti ul.language li{display: inline-block; height: 46px; line-height: 46px;}
div.wrapper-menu-contatti ul.language li.active{background: #0268d0;}

div.wrapper-menu-contatti ul.language li a{display: inline-block; height: 46px; line-height: 46px; padding: 0 20px; margin: 0; display: block;}

div.wrapper-menu-contatti ul.language li a{color: #333; text-decoration: none;}
div.wrapper-menu-contatti ul.language li.active a{color: white!important;}





.wrapper-nota .wrapper-intro{padding: 0 200px;}
@media screen and (max-width: 1599px){
    .wrapper-nota .wrapper-intro{padding: 0;}
}

.wrapper-nota{background: #CCC; width: 100%; text-align: left;}
.wrapper-nota p{text-align: left; font-size: 16px!important; color: #333!important; font-weight: 300;}
.wrapper-nota ul li{text-align: left; font-size: 16px!important; color: #333!important; font-weight: 300;}
.wrapper-nota ul li ul li{text-align: left; font-size: 16px!important; color: #333!important; font-weight: 300;}

.wrapper-nota li:nth-child(3){list-style-type: none;}







hr.hr{
    border-top: 1px solid #d8d8d8;
    width: 100%;
    margin: 30px 0 40px 0;
    float: left;
}