@charset 'UTF-8';

a, a:hover, a:focus{color: inherit; text-decoration: none;}
button:focus, .btn:focus{outline: none; box-shadow: none}

.text-center .img-fluid{ margin-left:auto; margin-right:auto; }
.clear{ clear:both; }
.space-10{ height:10px; clear:both; }
.space-20{ height:20px; clear:both; }
.space-40{ height:40px; clear:both; }
.no-padding{ padding:0 !important; }
.no-margin{ margin:0 !important; }

body{font-family: 'Lato', sans-serif; line-height: 1.2}

.font-light{font-weight: 300}
.font-regular{font-weight: 400}
.font-bold{font-weight: 700}
.font-black{font-weight: 900}


.divider-small{width: 80px; height: 6px}
.divider{width: 100%; height: 6px}
.text-center .divider-small{margin: 0 auto; display: block}

.color-white{color: #fff}
.color-blue{color: #0D4D89}
.color-yellow{color: #faa842}
.color-brown{color: #6b381e}
.bg-yellow{background-color: #faa842}
.bg-blue{background-color: #0D4D89}
.bg-black{background-color: #353635}
.bg-white{background-color: #fff}
.bg-lightgray{background-color: #F3F3F3}
.bg-blue-gradient{
  background : -moz-linear-gradient(925.14% -1870.33% -60deg,rgba(28, 117, 188, 1) 0%,rgba(16, 44, 91, 1) 100%);
  background : -webkit-linear-gradient(-60deg, rgba(28, 117, 188, 1) 0%, rgba(16, 44, 91, 1) 100%);
  background : -webkit-gradient(linear,925.14% -1870.33% ,958.17% -1561.64% ,color-stop(0,rgba(28, 117, 188, 1) ),color-stop(1,rgba(16, 44, 91, 1) ));
  background : -o-linear-gradient(-60deg, rgba(28, 117, 188, 1) 0%, rgba(16, 44, 91, 1) 100%);
  background : -ms-linear-gradient(-60deg, rgba(28, 117, 188, 1) 0%, rgba(16, 44, 91, 1) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C75BC', endColorstr='#102C5B' ,GradientType=0)";
  background : linear-gradient(-50deg, rgba(28, 117, 188, 1) 0%, rgba(16, 44, 91, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C75BC',endColorstr='#102C5B' , GradientType=1);
}


.btn{padding: 3px 20px; border-radius: 15px}
.btn.bg-blue:hover, .btn.bg-blue:focus, .btn.bg-blue-gradient:hover, .btn.bg-blue-gradient:focus{color: #0D4D89; background: #fff; border: 1px solid}
.btn.bg-yellow:hover, .btn.bg-yellow:focus{color: #faa842; background-color: #fff; border: 1px solid}

.font-140{font-size: 140px; font-size: calc(18px + 6.4vw); line-height: 1;}
.font-100{font-size: 100px; font-size: calc(18px + 4.3vw); line-height: 1.1;}
.font-90{font-size: 90px; font-size: calc(18px + 3.8vw); line-height: 1.1;}
.font-80{font-size: 80px; font-size: calc(18px + 3.3vw); line-height: 1.1;}
.font-70{font-size: 70px; font-size: calc(18px + 2.9vw); line-height: 1.1;}
.font-60{font-size: 60px; font-size: calc(18px + 2vw); line-height: 1.1;}
.font-50{font-size: 50px; font-size: calc(18px + 1.7vw); line-height: 1.1;}
.font-40{font-size: 40px; font-size: calc(16px + 1.2vw)}
.font-30{font-size: 30px; font-size: calc(16px + 0.75vw)}
.font-24{font-size: 24px; font-size: calc(15px + 0.5vw)}
.font-22{font-size: 22px; font-size: calc(15px + 0.4vw)}
.font-20{font-size: 20px; font-size: calc(15px + 0.3vw)}
.font-18{font-size: 18px; font-size: calc(15px + 0.2vw)}
.font-14{font-size: 14px; }
.font-15{font-size: 15px; }
.font-12{font-size: 12px; }

.min-height-screen{min-height: 100vh}
.width-full{width: 100%}

.z-index1 { z-index: 1;}
.z-index2 { z-index: 2;}
.z-index3 { z-index: 3;}

.top-0{top: 0}

.box-shadow{box-shadow: 0 0 10px rgba(0,0,0,0.5)}

.link-hover .img-fluid{transition: transform 0.5s ease;}
.link-hover:hover .img-fluid{transform: scale(1.1);}

/* HEADER */
#header{z-index: 1001; box-shadow:  0 0 35px rgba(0,21,77,0.7); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
#content { margin-top: -20px;}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{color: inherit; font-weight: 700}
@media(max-width:767px){
    .navbar-brand{max-width: 200px}
    .navbar-light .navbar-toggler { border: 0; margin: 0;}
    .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgb(13, 77, 137)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .navbar-nav{text-align: center}
}

/* HOMEPAGE */
.slider-header .slide { height: calc(100vh - 90px); overflow: hidden;}
.claim-header{position: absolute; top: 50%; transform: translateY(-50%); left: 10%; max-width: 700px}
@media(max-width:767px){
    .slider-header .slide{height: auto;}
}

.home-arrow {position: absolute; left: 50%; bottom: 20px; margin-top: 20px; display: block; -webkit-animation: mouse_scroll ease 0.5s infinite alternate; -moz-animation: mouse_scroll ease 0.5s infinite alternate; animation: mouse_scroll ease 0.5s infinite alternate; }
@-webkit-keyframes mouse_scroll { from { -webkit-transform:translateY(0px); } to { -webkit-transform:translateY(-8px); } }
@-moz-keyframes mouse_scroll { from { -moz-transform:translateY(0px); } to { -moz-transform:translateY(-8px); } }
@keyframes mouse_scroll { from { transform:translateY(0px); } to { transform:translateY(-8px); } }


.servizi-home{padding: 0 10% 0 5%; position: relative; background-color: #F3F3F3}
/*.servizi-home::before{content: ' '; position: absolute; top: 0; left: 0; bottom: 0; width: 20%; background-color: #F3F3F3; z-index: 1}*/
.servizi-home .slider-servizi .slick-list{overflow: visible;}
.servizi-home .slider-servizi .slide{box-shadow: 0 0 20px rgba(0,0,0,0.3); margin: 0 20px; -webkit-transition: box-shadow 0.5s ease; -moz-transition: box-shadow 0.5s ease; transition: box-shadow 0.5s ease}
.servizi-home .slider-servizi .slide .img-fluid{-webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; transition: transform 0.5s ease; }
.servizi-home .slider-servizi .slide:hover .img-fluid{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.servizi-home .slider-servizi .slide:hover {-webkit-box-shadow: 0 0 15px 5px rgb(13, 77, 137); box-shadow: 0 0 15px 5px rgb(13, 77, 137);}
.servizi-home .slider-servizi.slider-servizi-creative .slide:hover {-webkit-box-shadow: 0 0 15px 5px rgb(250, 168, 66); box-shadow: 0 0 15px 5px rgb(250, 168, 66);}
@media(max-width:1199px){
    .servizi-home{padding: 0 10% 0 0;}
}
@media(max-width:991px){
    .servizi-home{padding: 0 20% 0 5%;}
}
@media(max-width:767px){
    .servizi-home::before{display: none}
}

.servizi-home .slider-servizi .slick-prev {left: 10px; z-index: 5;}
.servizi-home .slider-servizi .slick-next {right: 10px; z-index: 5;}
.servizi-home .slider-servizi .slick-next, .servizi-home .slider-servizi .slick-prev{width: 100px; height: 100%; top: 0; margin-top: 0;}
.servizi-home .slider-servizi .slick-next.slick-disabled, .servizi-home .slider-servizi .slick-prev.slick-disabled{display: none !important }
.servizi-home .slider-servizi .slick-next::before, .servizi-home .slider-servizi .slick-prev::before{color: transparent; display: block; width: 100px; height: 100px;  content: ''; background-color: #fff; opacity: 1; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.servizi-home .slider-servizi .slick-prev::before { background-image: url("../images/arrow-left.png"); background-repeat: no-repeat; background-position: center;}
.servizi-home .slider-servizi .slick-next::before { background-image: url("../images/arrow-right.png"); background-repeat: no-repeat; background-position: center;}
.servizi-home .slider-servizi.slider-servizi-creative .slick-prev::before { background-image: url("../images/arrow-left-yellow.png"); background-repeat: no-repeat; background-position: center;}
.servizi-home .slider-servizi.slider-servizi-creative .slick-next::before { background-image: url("../images/arrow-right-yellow.png"); background-repeat: no-repeat; background-position: center;}
@media(max-width:767px){
    .servizi-home .slider-servizi .slick-next {right: -50px; z-index: 5;}
    .servizi-home .slider-servizi .slick-next, .servizi-home .slider-servizi .slick-prev { top: 55%; width: 70px; height: 70px;}
    .servizi-home .slider-servizi .slick-next::before, .servizi-home .slider-servizi .slick-prev::before{width: 70px; height: 70px;  background-size: 50%; background-position: 20px center;}
    .servizi-home .slider-servizi .slick-prev::before{background-position: 15px center}
}
.claim-servizi{height: 86px; overflow: hidden}
.creative-home{background-attachment: fixed; background-size: cover;}
/*@media(max-width:767px){
    .creative-home{ background-size: cover; background-position: center right}
}*/

/* Footer */
.wpcf7-spinner{display: block}
.social-footer{width: 35px; height: 35px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #353635; margin-right: 10px; }
.social-footer:hover{background-color: transparent; border: 1px solid}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {color: #faa842;}
.wpcf7 form.sent .wpcf7-response-output { color: #46b450;}
.wpcf7 form .wpcf7-response-output { margin: 20px 0; padding: 0; border: none;}
.wpcf7-not-valid-tip{color: #faa842;}

.form-control::placeholder{color: #fff}
.form-control, .form-control:focus {color: #fff; background: none; border-width: 0 0 1px; border-radius: 0; padding: 0; box-shadow: none}

.place-card.place-card-large{display: none !important}
#map{width: 100%}

.slick-slider{margin: 0}