@charset "utf-8";
/* CSS Document */
body{
	padding: 15px;
}
header.styl8 nav {
    float: right;
    padding-right: 50px;

}
header.styl8 .lgo1 {
    margin: 0px 0 -6px 0;
    width: 100%;
   /* background-color: #fff;
    padding: 15px;*/
}
header.styl8.stcky .lgo1{
	margin: 0px 0 -80px 0;
}
header.styl8 .lgo1 img{
	width: 190px;
}
header.styl8 nav > ul > li, header.styl8.stcky nav > ul > li {
    margin-left: 10px;
}
#rev_slider_4_1_wrapper{
	width: calc(100vw - 47px) !important;
	left: 0px !important;
}
#rev_slider_4_1_wrapper, #rev_slider_4_1, .tp-fullwidth-forcer{
	height: 600px !important;
}
#rev_slider_4_1_wrapper .tp-bullets{
	display: none;
}
.skls-inr > h2 {
   margin-top: 0px;
}
.list-Services li{
	margin-bottom: 10px;
}
	.list-Services li i{
		color: #ff0000;
	}
.prc-bx.actv {
    margin-top: 95px;
}
.title1 {
    margin-bottom: 25px;
}
.credits_link{
 color: #38B5E6 !important;
 font-weight: 700;
 font-family: sans-serif;
}

.credits_link:hover{
 color: #fff !important;
}

 .credits_link:before{
  content: "";
  vertical-align: middle;
  width:16px;
  height: 16px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  background-image: url(https://www.clion.it/favicon-96x96.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center center;

  transition: all 450ms ease;
 }

  .credits_link:hover:before{
   transform: rotateZ(360deg) rotateY(360deg);
  }
  header.styl8{
    background-color: #a3ccdd;
    position: absolute!important;
    padding-top: 26px;
  }
  a:hover {
  color: #e2031c!important;
  }
  header.styl8 nav > ul > li{
        color: #005e85!important;
  }

@media (max-width: 1024px) {
  .testo{
   bottom: 136px!important;
  }
  }

  @media (max-width: 1186px) {
  header.styl8 nav > ul > li{
    font-size: 10px!important;
  }
  }

  @media (max-width: 768px) {
  .testo{
  bottom: 0!important;
  }
  .testo h2{
    font-size: 29px!important;
  }
  .creative-slider{
    height: 425px!important;
  }
  }

   @media (max-width: 425px) {
  .testo{
   bottom: 213px!important;
  }
  .testo h2{
    font-size: 29px!important;
    color: #000!important;
    min-width: 0!important;
  }
  .creative-slider{
    height: 497px!important;
  }
  }

    @media (max-width: 320px) {
  .testo{
   /* padding-top: 213px!important;*/
  }
  .logo img{
    max-width: 73%!important;
  }
  .testo h2{
    font-size: 18px!important;
    color: #000!important;
    min-width: 0!important;
  }
  .creative-slider{
    height: 497px!important;
  }
  }
  .lg-mn{
    background-color: #edf1f3!important;
  }
.drk-bg3{
  background-color: #a3ccdd!important;
}
header.styl8 nav > ul{
  font-weight: bold;
    font-size: 23px;
}
.shadow{
    /*start ------------*/
  width: [object Object]px; 
  height: [object Object]px; 
  background: #F8F8F8; 
  border: solid #BDBDBD 1px; 
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
  -moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5)  ; 
}
.rsnp-mnu{
  background-color: #a3ccdd;
}
.rspn-mnu-btn{
  background-color: #a3ccdd;
}

@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 425px) {
  .traduzione{
    right: 83px!important;
  }
}
@media screen and (max-width: 320px) {
  .traduzione{
    right: 46px!important;
  }
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
  .gp{
  padding: 30px!important;
}
.slick-dots{
  display: none!important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .traduzione{
    right: 35px!important;
  }
}
.slick-prev, .slick-next{
  display: none!important;
}
