@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);

/* -----------------------------------------------
                 STANDARD
----------------------------------------------- */

html { font-size: 62.5%;} /* 16px > 10px > 1.0rem */


body {
	font-size: 1.0rem;
	margin: 0;
	padding:0;
	background:#fff;
}

a:focus {
outline: none;
}



img {
    max-width: 100%;
    height: auto;
}

.nascosto {
	display: none;
}


.overflow-hidden {
	overflow:hidden;
}

.nopadding {
   padding: 0 !important;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters [class^="col-"],
.row.no-gutters [class*=" col-"]{
  padding-right: 0;
  padding-left: 0;
}


.pointer-none {
	cursor:default;
}
.pointer-pointer {
	cursor:pointer;
}
/* -----------------------------------------------
                 PRELOADER
----------------------------------------------- */

.loader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-color: #b8aea4;
   background-position: center;
}

.loader-container {
	width: 90%;
	max-width:30rem;
	height: 20rem;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

.caricamento {
  font-family: "Open Sans", arial;
  font-size: 2.8rem;
  font-weight: 700;
  color:#424a54;
  text-transform: uppercase;
}

.progress {
	height:2.5rem;
	border:3px solid #fff;
	background-color: #eee;
}

.progress-bar {
	background-color: #424a54;
}


/* -----------------------------------------------
                 GABBIA
----------------------------------------------- */
.container {
	max-width: 107.0rem; /* 1070px */
	margin: 0 auto;
	padding:0;
}

/* -----------------------------------------------
                 TESTATA
----------------------------------------------- */

.barrablu {
    padding: 1rem 0 ;
    background: #424a54;
}

.barrablu p {
	font-size: 1.4rem;
    color: #fff;
				line-height: 3.5rem;
}
	
.barrablu a {
    color: #fff;
}
	
.barrablu a:hover {
    color: #b3a69a;
}
	
/* -----------------------------------------------
                 MENU
----------------------------------------------- */

.no-underline:hover {
    border-bottom: none !important;
    background: none !important;
}
	
.desktoplogo {
    width: 280px;
    transition: all 0.4s ease-in-out 0s;
    padding: 0px 0px 0px 0px;
    margin: 0;
    float: left;
}


.desktoplogo.mini {
    width: 200px;
    padding: 0.5rem 0;
    transition: all 0.4s ease-in-out 0s;
}
	
    
    
/* Top Fixed Effects */
.wsmainwp.wsfixed {
  position: fixed;
  background: rgba(176, 166, 154, 0.8);
  background: #b3a69a;
  -webkit-transition: height .4s ease, opacity .3s ease;
  -o-transition: height .4s ease, opacity .3s ease;
  transition: height .4s ease, opacity .3s ease;
  border-bottom: none;
  top: 0;
  width: 100%;
  max-width: none;
  z-index: 100;
}


.wsmainfull.wsfixed .desktoplogo {
  width: 110px;
  padding: 10px 0px;
  -webkit-transition: margin .4s ease, padding .4s ease;
  -o-transition: margin .4s ease, padding .4s ease;
  transition: margin .4s ease, padding .4s ease;
}




.wsmainwp.wsfixed .wsmenu {
  max-width: 107.0rem; /* 1070px */
  float: none;
  margin: 0 auto;
}

.wsmenu {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    padding: 0;
    width: 100%;
    float: right;
    display: block;
    text-transform: uppercase;
}



.wsmenu > .wsmenu-list > li > a {
    padding: 10px 23px;
    color: #fff;
    font-size: 1.5rem;
}
.wsmenu > .wsmenu-list > li > a:hover {
    border-bottom: 1px solid #fff; 
    background: none;
}

.wsmenu-list li a:active {
    border-bottom: 1px solid #fff;
}

.wsmenu > .wsmenu-list > li > a .wsarrow::after {
    right: 3px;
}



.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {
  text-transform: uppercase;
  font-size: 1.4rem;
  text-align: left;
}

.rigamenu {
  margin-top: 20px;
  padding:0 0 5px 0;
}

  .wsactive .wsmenu>.wsmenu-list {
    background: #b3a69a;
  }
  .wsactive .wsmenu>.wsmenu-list a:hover {
    background: #424a54;
  }
  
  
  .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a:hover {
    background-color: #424a54;
    color: #fff;
  }




/* -----------------------------------------------
                 SLIDE
----------------------------------------------- */


#main-slider {
  position: relative;
  padding:0px 0;
  margin: 40px 0;
  border: 10px solid #fff;
}

.no-margin {
  margin: 0;
  padding: 0;
}
.no-margin2 {
  margin: 0;
}

#main-slider .carousel .carousel-content {
  margin-top: 150px;
}

#main-slider .carousel .slide-margin{
  margin-top: 150px;
}

#main-slider .carousel h2 {
  color: #fff;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #33484D;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}

#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
   border:10px solid white;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 500px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  display: inline-block;
  margin-top: -25px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  text-align: center;
  z-index: 5;
  text-indent:-2000px;
}



.carousel-control-prev, .carousel-control-next {
   font-size: 4rem;
    width: 10%;
}


#main-slider .carousel-indicators li {
  width: 20px;
  height: 20px;
  background-color: #fff;
  margin: 0 15px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  left: -3px;
  top: -3px;
}

#main-slider .carousel-indicators .active{
  width: 20px;
  height: 20px;
  background-color: #33484D;
   margin: 0 15px 0 0;
   border: 1px solid #33484D;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background: #33484D;
  border: 1px solid #33484D;
  left: -3px;
  top: -3px;
}



#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}


/* -----------------------------------------------
                 CONTENUTO
----------------------------------------------- */

.claim {
		margin: 0px;
		padding: 5rem 1rem;
		background: #858586;
		color: #fff;
		font-size:2.4rem;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		line-height: 140%;
		text-transform: uppercase;
		text-align: center;
}

.quattro-box {
    margin: 0rem auto;
}
.quattro-box h3 {
    font-size: 2rem;
    margin: 0;
    background: #b3a69a;
    color: #fff;
    padding: 10px;
    text-align: center;
}


.zonebox {
    max-width: 30rem;
    margin: 2rem auto;
}

.partner {
    margin: 5rem auto;
}
.contenutotesto {
    margin: 5rem auto;
}



.logopartner {
    display: block;
    text-align: center;
    margin: 5rem auto;
    padding: 0.5rem !important;
    max-width: 25rem;
    height: 10rem;
    vertical-align: middle;
}

.partner img {
    display: block;
    text-align: center;
    margin:0 1rem;
    padding: 0;
    max-height: 10rem;
    vertical-align: middle;
}

h2 {
    color: #424a54;
    text-transform: uppercase;
    font-size: 3rem;
    margin: 2rem 0;
    padding: 0;
}


p  {
    font-size: 1.5rem;
}


.iframe-bianco  {
border:10px solid #424a54 !important;
}



.boxfoto {
	margin: 0;
	padding: 1rem;
    text-align: center;
}

.boxfoto img {
    border: 1rem solid #fff;
    transition: all 0.4s ease-in-out 0s;
}

.boxfoto:hover img {
    border: 1rem solid #424a54;
}


.testoservizi {
  padding: 0.5rem;
  text-align:center;
  font-size: 1.4rem;
  line-height: 2.4rem;
  font-weight: 400;
  background: #424a54;
  color: #fff;
}


.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* -----------------------------------------------
                 FOOTER
----------------------------------------------- */

#footer {
    font-size: 1.4rem;

}

#ttttttttttttttttopcontrol {
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 1099;
}

/* -----------------------------------------------
                 CONTATTI
----------------------------------------------- */
form {
	border:0px solid #333;
	margin:0 1rem;
	padding:10px 20px;
	background:#ddd;
}
.form-control {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4rem;
}

.testo-label {
    font-family: 'Raleway', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
	color:#333;
	margin:0;
	padding:0;
}

.testo-box-contatti {
    font-family: 'Raleway', sans-serif;
    font-size: 1.4rem;
	color:#333;
}
.messaggio-ok-box-contatti {
	margin:0.5em 0;
    font-family: 'Raleway', sans-serif;
    font-size: 1.5rem;
	font-weight:700;
	background:#333;
	color:#fff;
}

.help-block, .with-errors {
    font-family: 'Raleway', sans-serif;
    font-size: 1.2rem;
	font-weight:700;
	color:#ef7601;
}

.bottone-invia {
	display:block;
	background:#666;
	color:#fff;
	margin:0em auto;
	padding:0.1em 1.5em;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
    font-size: 1.4rem;
	text-align:center;
	text-transform:uppercase;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
	border:2px solid #333;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.bottone-invia:hover {
	display:block;
	background:#333;
	color:#fff;
}
.box-mail-privacy {
	text-align:left;
	margin: 10px auto;
	padding: 10px;
	color:#333;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	line-height:120%;
	background: #ddd; 
	border:0px solid #333;
}


/* -----------------------------------------------
                 MEDIA QUERY
----------------------------------------------- */

/* -----------------------------------------------
                 1200-
----------------------------------------------- */
@media (max-width: 1200px) {




}


/* -----------------------------------------------
                 992-
----------------------------------------------- */
@media (max-width: 992px) {



.barrablu {
    display: none !important;
}

}


/* -----------------------------------------------
                 768+
----------------------------------------------- */
@media (max-width: 767px) {






}


/* -----------------------------------------------
                 576+
----------------------------------------------- */
@media (max-width: 575px) {


.social { 
    text-align: center;
}




.claim {
		margin: 0px;
		padding: 2rem 1rem;
		background: #858586;
		color: #fff;
		font-size:1.8rem;
		font-weight: 700;
		font-family: 'Open Sans', sans-serif;
		line-height: 140%;
		text-transform: uppercase;
		text-align: center;
}



}