body{background:#FFF; font-family:Roboto; color:#262F3D; font-size:21px; line-height:1.2; font-weight:300}

.logo{text-align:center;margin:50px 0 0 0}
b{font-weight:600}

@media (min-width: 1700px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1620px;
}
}
img{max-width:100%}

.imgslider{width:100%}
.slider{width:calc( 100% - 170px )}

.cslider{padding:60px 0; background: url(sf.png) repeat-y top right; position:relative; margin-top:10px}

.murgeopark{position:absolute; color:#FFF; font-size:42px; z-index:1000;left:20%; top:35%;font-weight:400; max-width:calc( 80% - 170px )}
.murgeopark img{display:block; max-width:100%; margin-bottom:10px}

.slider .slick-prev {
    left: 20px;
    z-index: 100;
}
.slider .slick-next {
    right: -30px;
}

.slider .slick-prev:before {
    content: url(prev.png); opacity:1; 
	
}
.slider .slick-next:before {
    content: url(next.png); opacity:1
	
}

a{text-decoration:none !important}

.tit1{font-family:Marcellus; font-size:54px; text-align:center; margin:10px 0}
.tit2{font-family:Marcellus; font-size:54px; margin-bottom:30px}

.wi100{width:100%; margin-top:70px}

.sfblocco{background:url(sf3.png) no-repeat center top; padding:100px 0 0 0; margin-top:40px}
.blocco2{margin-top:90px}

.grigio{background:#60666F; margin:140px 0 0 0; padding:100px 0 200px 0;}
.posizione{width:950px; background:#FFF; padding:50px 380px 50px 130px; margin:0 auto; max-width:100%; position:relative}
.rosa{position:absolute; bottom:-130px; left:-130px}
.italia{position:absolute; top:-150px; right:-135px}

.mappa{position:relative; margin-top:200px; min-height:800px}
.imgmappa{max-width:1446px; width:80%}
.info{background:#FFF; width:674px; max-width:100%; padding:60px; position:absolute; right:0; top:220px}

.scaricamappa{color:#FFF !important; background-color:#FDA500; padding:22px; display:inline-block; margin-top:30px; text-align:center; text-decoration:none; font-weight:400 }
.prenota{margin-top:20px; margin-bottom:44px}
.prenota img{height:35px; margin:0 12px}
.imgmail{float:left;margin:4px 40px 30px 0}

.cslider2{overflow:hidden; margin:0 -12px 0 -12px; width: calc( 100% + 24px ); padding-top:110px}

.slider2 .slick-prev {
    right: 250px;
    z-index: 100;
	top:-100px;
	left:auto;
}
.slider2 .slick-next {
    right: 100px;
	top:-100px;
}

.slider2 .slick-prev:before {
    content: url(prev2.png); opacity:1; 
	
}
.slider2 .slick-next:before {
    content: url(next2.png); opacity:1
	
}
.imgslider2{padding:0 12px; width:100%}

.esplora{padding:100px 0 0 110px}
.sfesplora{background:url(sf3.png) no-repeat 28% top; padding-bottom:100px}

.marrone{background:#b25f3a; padding:100px 0 100px 0; margin-top:100px}
.bianco{color:#FFF !important}
.trasp{width: calc( 100% + 100px ); margin-right:-100px; max-width:200%; margin-top:75px}
.trasporti{background:#FFF; padding:80px 150px 80px 150px}

.sfvisitate{background:url(sf3.png) no-repeat center top; padding:120px 0 140px 0}
.visitate{background:url(unesco.jpg) no-repeat center center; background-size:cover; width:992px; max-width:100%; min-height:456px; margin:0 auto; padding:90px 90px 90px 200px}

footer{box-shadow: 0px 1px 7px 1px rgba(0,0,0,0.2);margin-top:120px; padding:60px 0; font-size:14px; overflow:hidden }
.dati{max-width:482px ; font-weight:400}
.social{margin-bottom:50px}
.social img{margin-right:25px}

.lingua{color:#262F3D !important; text-decoration:none; position:absolute; right:20px; top:20px; font-weight:400;}
.lingua img{height:22px}

.cloader{position:fixed; width:100%; height:100%;  top:0; left:0; padding-top:45vh; z-index:10000;

background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #b25f3a 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#b25f3a 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #ffffff 0%,#b25f3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b25f3a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background: #ffffff

}
.loader {
margin:0 auto;
  width: 48px;
  height: 48px;
  border: 5px solid;
  border-color: #b25f3a transparent;
  border-radius: 50%;
  display: block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

@media (max-width: 1240px){
.italia{top:-110px; right:10px; width:380px}
.trasporti{padding:80px 80px 80px 120px}
}
@media (max-width: 950px){
.italia{top:-230px; right:10px; width:300px}
.posizione{padding:50px 40px 50px 40px; margin:0 auto;}
.visitate{padding:90px}
.loghi{width:100%; text-align:center}
.loghi img{margin:0 20px 20px 20px}
.dati{width:100%; text-align:center; max-width:100%; padding-top:50px}
}

@media (max-width: 1200px){
.slider{width:90%;}
.murgeopark{max-width:65%}
.tit1, .tit2{font-size:46px;}
.imgmappa{width:100%}
.info{width:100%; max-width:100%; position:static; }
}

@media (max-width: 992px){
.wi100{margin-top:40px; margin-bottom:40px}
.padmob{padding-left:40px;padding-right:40px}
.mord2{order:2}
.imgmappa{display:none}
.info, .visitate {

    padding: 40px;

}
.esplora,.raggiungere{padding-left:40px}
}

@media (max-width: 800px){
.murgeopark{font-size:32px; left:15%}
.slider .slick-prev {
    left: 10px;
    z-index: 100;
}
.slider .slick-next {
    right: 10px;
}
.tit1, .tit2{font-size:40px;}
}

@media (max-width: 768px){
.trasp{width: 100%; margin-right:0; max-width:100%}
.trasporti{padding:40px}
.visitate{padding:40px}
}


@media (max-width: 700px){
.murgeopark{font-size:26px; left:19%}
.slider {
    width: 100%;
}
.slick-prev:before, .slick-next:before {
    zoom:0.6
}
.slider .slick-next {
    right: 25px;
}
}

@media (max-width: 600px){
.scaricamappa{font-size:14px; padding:14px}
.scaricamappa img{height:16px}
}

@media (max-width: 500px){
.murgeopark{font-size:26px;}
.tit1, .tit2{font-size:32px;}

.imgmail{float:left;margin:4px 20px 0 0; height:32px}
}

/* unvisited link */
a.marrone-color:link {
  color: #B25F3A;
}

/* visited link */
a.marrone-color:visited {
  color: #B25F3A;
}

/* mouse over link */
a.marrone-color:hover {
  color: #B25F3A;
  font-weight: bold;
}

/* selected link */
a.marrone-color:active {
  color: #B25F3A;
}

a.underline:link {
  text-decoration: underline !important;
}

/* visited link */
a.underline:visited {
  text-decoration: underline !important;
}

/* mouse over link */
a.underline:hover {
  text-decoration: underline !important;
}

/* selected link */
a.underline:active {
  text-decoration: underline !important;
}

.marrone-color {
  color: #B25F3A;
}