@charset "utf-8";

/* ======================================== */
/* === Stile custom per Be White Agency === */
/* ======================================== */

html, body {
    width: 100%;
    height: 100%;
}

.row {
	margin-right:0 !important;
	margin-left:0 !important;
	}

/* Pulsanti */
.btn-primary,
a:link.btn-primary, 
a:visited.btn-primary {
	border:none;
	background:#3CBAC8;}
	
.btn-primary:hover,
a:hover.btn-primary {
	background:	#b3362a;}
	
/* Healings */

h1 a:hover {
	text-decoration:none;}
	
.h3, h3 {
    font-size: 22px;
}

/* Buttons */

.btn-primary:hover, .btn-primary:active, .btn-primary.active {
	background: #3095a0;
	}
	
/* Carousel */
h3 {
	color:#000;
}

.slide-wrapper .overlay h1 {
	padding:0;
	margin:0;
	color:#000;
	}
	
#header-slider .slide-wrapper > img {
		height:300px !important;
		width:auto;
		}
@media(min-width:768px) {
#header-slider .slide-wrapper > img {
		height:600px !important;
		width:auto;
		}

	.parallax {
		height:500px;
	}

}
@media(min-width:1024px) {
	#header-slider .owl-controls {
		margin-top: -20px;
		text-align: center;
	}
}

.modal-body .owl-controls.clickable {
	margin-top:0px;
}

.owl-controls.clickable .owl-page span {
	opacity:1;
	border:2px solid #3cbac8;
	background: rgba(255,255,255,0.1);
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}

.owl-controls.clickable .owl-page.active span {
	opacity:1;
	border:2px solid #3cbac8;
	background: #3cbac8;
	-ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	}
	
.owl-theme .owl-controls {
	margin-top: 40px;
}
	
/* Elements */

.social-sharing {
	margin-left:12px;
	margin-bottom:26px;}
	
/* "Settori" */
#settori figure img {
	width:100%;
	height:auto;
	padding:0 26px;} 
	
/* "Call to" */

section#call-to {
	padding:100px 0px !important;
	}

section#call-to h3 {
	margin-top: -79px;
	}

section#call-to .visible-xs {
	margin-top:0px;
}
/* "Press" */
.blog .item {
	padding:0px;
	}

.blog .item h1 {
	font-size:1.8em;
	}

.blog .item .dati-pubblicazione {
	}

.blog .item .into-text {
	padding-bottom:0;
	}

/* "Clienti" */
	
#clienti .item {
	margin:0 2em;
	line-height: 400px;
	}

#clienti .item img{
	vertical-align: middle;
	}
	
/* "Area Mappa" */
#area-mappa ul{
	padding-left:0;
	list-style-type:none;} 
	
#area-mappa .inner-content {
	padding:2em;
	}
	

/* ========================================================= */
/* ==== Aggiungi di seguito il tuo stile personalizzato ==== */
/* ========================================================= */

/* Menu principale  */
.navbar .navbar-nav li a{
    color: rgba(0,0,0,0.8);
}

.navbar .navbar-nav li a:link, 
.navbar .navbar-nav li a:visited {
    color: rgba(0,0,0,0.8);
}

.navbar .navbar-nav li a:hover{
    color: rgba(0,0,0,1);
}

.navbar .navbar-nav li.active a:link,
.navbar .navbar-nav li.active a:visited {
	background:rgba(60,186,200,0.9);
	color:#FFF;}
	
.navbar .navbar-nav li.active:hover a:link, 
.navbar .navbar-nav li.active:focus a:link,
.navbar .navbar-nav li.active:hover a:visited, 
.navbar .navbar-nav li.active:focus a:visited{
	background:rgba(60,186,200,1);
	color:#FFF;}


.navbar-toggle {
	border:none;
	-moz-border-radius:0;
	border-radius:0;
	background:transparent;
	margin:14px;
	}

.navbar-toggle .icon-bar:nth-of-type(1) {
	background: #3cbac8 ;
}
	
.navbar-toggle .icon-bar:nth-of-type(2) {
	top: 1px;
	background: #3cbac8 ;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
	background: #3cbac8 ;
}

.navbar-fixed-top {
	background:#FFF ;
	}

.navbar-fixed-top .navbar-brand {
	margin-bottom:0px;
	}

.navbar-fixed-top .navbar-brand img{
	 max-height:40px !important;
	 width:auto;
	 margin-top:-5px;
    }

.dropdown-toggle {
	padding:8px;
	margin-left:8px;
	color: #777777;
	cursor:pointer;}

.dropdown-toggle:hover,
.dropdown.open .dropdown-toggle{
	color: #3cbac8 ;
	}
	

@media(min-width: 900px) {
	.navbar-fixed-top .navbar-brand img{
	 max-height:75px !important;
	 width:auto;
	 margin-top:-20px !important;
    }

 	.navbar-fixed-top.navbar-shrink .navbar-brand img{
	 max-height:60px !important;
	 width:auto;
	 margin-top:-16px !important;
    }
}

@media(min-width:768px) {
	
  .navbar-nav {
    width: 100%;
    text-align: center;
	margin-top:72px;
	}
  .navbar-nav > li {
      float: none;
      display: inline-block;
    }
	
  .navbar-brand { 
      transform: translateX(-50%);
	  left: 50%;
	  position: absolute;
	  }
	
    .navbar-fixed-top {
        padding: 25px 0;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
		background:transparent;
    }

    .navbar-fixed-top .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-fixed-top.navbar-shrink {
        padding: 10px 0;
		background:rgba(255,255,255,1);
		-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.1);
		-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.1);
		box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.1);
    }
	
	.navbar-fixed-top.navbar-shrink li a:link,
	.navbar-fixed-top.navbar-shrink li a:visited {
		color:rgba(60,186,200,0.9) !important;
    }
	
    .navbar-fixed-top.navbar-shrink li.active a:link{
		color:#FFF !important;
    }

    .navbar-fixed-top.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
	
	.navbar-fixed-top .navbar-brand img{
	 max-height:60px !important;
	 width:auto;
	 margin-top:-20px !important;
    }

 	.navbar-fixed-top.navbar-shrink .navbar-brand img{
	 max-height:50px !important;
	 width:auto;
	 margin-top:-16px !important;
    }
	
	.dropdown-toggle {
	padding-top:14px;
	margin-left:auto;
	}
}

/* Cookie law bar */
#cookie-law-bar .btn {
	border:1px solid #FFF;
	background:rgba(0,0,0,0);
	}

#cookie-law-bar .btn:hover, 
#cookie-law-bar .btn:visited, 
#cookie-law-bar .btn:focus {
	background:rgba(0,0,0,0.2);
	}
	
/* Scroll on Top */
.scroll-top a:visited.btn,
.scroll-top a:focus.btn {
	background:#3cbac8;
	}

.navbar .navbar-nav {
	background: #FFF;
}

.navbar-fixed-top {
	background: #FFF;
}


/* mappa */


#map {
	width: 100% !important;
	max-width: 100% !important;
    height: 460px;
	z-index:1000;
	}

.emphasis {
    color: #000;
    font-weight:bold;
    text-align: center;
}