/*
Theme Name: New TravelArt PHP 8.4 Ready
Theme URI: https://www.newtravelart.com/
Author: New TravelArt
Description: Tema custom ottimizzato con hardening sicurezza, asset loading, baseline performance e compatibility layer PHP 8.4.
Version: 1.2.0
Text Domain: nta
*/

@font-face {font-family: Briberra; src: url(fonts/Briberra.otf);}
@font-face {font-family: DK; src: url(fonts/DK.otf);}
@font-face {font-family: Aaargh; src: url(fonts/Aaargh.ttf);}
@font-face {font-family: Retroica; src: url(fonts/Retroica.ttf);}

@-webkit-keyframes fadedx {  from {left: 150px; opacity: 0;}   to {left: 0; opacity: 1;}}
@keyframes fadedx {  from {left: 150px; opacity: 0;}  to {left: 0; opacity: 1;}}

@-webkit-keyframes fadesx {  from {left: -150px; opacity: 0;}  to {left: 0; opacity: 1;}}
@keyframes fadesx {  from  {left: -150px; opacity: 0;}  to {left: 0; opacity: 1;}}

@-webkit-keyframes compari {  from {opacity: 0;}  to { opacity: 1;}}
@keyframes compari {  from  {opacity: 0;}  to {opacity: 1;}}

* {margin: 0; padding: 0; }
body {overflow-x: hidden;}

article, aside, figure, figcaption, footer, header, hgroup, nav, section {display: block; }
a {cursor: pointer}
img {max-width: 100%}

h1 {font-family: Briberra; font-size: 130px; font-weight: lighter;  text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; }

h2 {font-family: DK;  font-size: 38px; margin: 10px 0 30px 0; text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; width:100%; text-align: center}
h2 strong {color: #c4ad4d}
h2 a {color: #000;}
h2 a:hover {color:#ce6354; text-decoration: none;}
h2 a span{color:#ce6354;font-family: Briberra;font-size: 110px}

#blog>.content>.col>h2 a, .grey_content>.content>h2, #blog>.content>.col {color: #fff; text-shadow: 2px 2px rgb(0,0,0,0.2)}
.col>h2 , .col23>h2,  .three>h2, .content>h2 {font-size: 70px}
.col79>h2 {font-size: 50px;}
.grey_content>.three>h2 {color: #000; text-shadow:none}

h3 {font-family: Retroica; font-size: 25px; margin: 25px 0; text-transform: uppercase; text-shadow: 2px 2px rgb(255,255,255,0.6)}
.choice .col79 h2 {margin: 0 auto 50px auto; padding: 5px ; text-align: center; text-transform: none;  text-shadow: none; font-family: Aaargh; background: #fff; border-radius: 10px; box-shadow: 2px 2px 0px 1px rgb(0,0,0,0.1)}

h4 {font-family: Aaargh; font-size: 18px; margin: 5px 0;  text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; width: 100%}
h5 {font-family: DK; font-size: 28px; margin: 5px 0;  text-shadow: -2px 0 rgb(0,0,0,0.2), 0 2px rgb(0,0,0,0.2), 2px 0 rgb(0,0,0,0.2), 0 -2px rgb(0,0,0,0.2); width: 100%; margin: 0 0 10px 0 }
p, li, details, details:hover, details[open]{line-height: 28px; font-size: 17px;}
strong {color: #ce6354; font-weight: bold;}
p span, li span {font-size: 20px; font-weight: bold;  line-height: 25px}
p.evidence {font-size: 24px; line-height: 38px; margin: 30px 0}
a {transition:0.3s; text-decoration: none; color:#ce6354; font-weight: bold;}
a:hover {text-decoration: none; text-decoration:underline;  color:#ce6354}
a:active {color:#000}
.txt_cent {text-align:center}
.txt_cent .logo {float: none; margin: 0 auto; height: 120px; width: 120px;}
.txt_cent .logo img {height: 120px; width: 120px}

.one-page {height: 100vh; overflow: hidden;}
ul {list-style: square url(img/list.png) inside;}
ul li{margin: 20px 0}
ul li strong{font-weight: bold; color: #ce6354; }

#caricamento{width: 100%; height: 200%; background: rgb(255,255,255,0.8) url(img/waiting-page.gif) no-repeat 50% 25%; position: absolute;top: 0;z-index: 3;}

hr {border: none; border-top: 1px dashed rgb(223,135,111,0.7);border-bottom: 1px dashed #fff; margin:-10px 0 30px 0; }

body {font-family: Aaargh, Arial, Helvetica, sans-serif; background: linear-gradient(to right, #fafafa , white);}
header {background: url(img/header_b.png) no-repeat; background-size: auto 1000px; min-height:100vh; margin: 0 auto 0px auto; padding: 45px 0 0 0; background-position: calc(40% + 300px) calc(0% + 0px);}
header.page {background: none; height: 150px; min-height: 150px; margin: 0; }
.hide_top {padding: 200px 0 0 0 ; margin: -200px 0 0 0}
.content { width: 80%; margin: 0 auto; padding: 20px 0 }
.no_col { width: 79%; padding: 20px 3%; text-align: left;}
.no_col_full {width: 96%; padding: 0 2%}
.no_col p {text-align: left; }
.box4scroll>section {min-height: 80vh; padding: 15vh 0 5vh 0 }

.cent {text-align:center}

.grey_content {width: 100%; background: #f8f8f8  url(img/pattern.png);   box-shadow: inset 0px 5px 0px 0px rgba(0,0,0,0.1);  }
#blog {background: rgb(84,172,168,0.95) url(img/pattern.png);}
#red_bg {background: #ce6354 url(img/pattern.png);}
#blu_bg {background: rgb(84,172,168,0.95) url(img/pattern.png);}

.three  {background: #fff;   background-image: linear-gradient(to right, #fafafa , white);  border-radius: 10px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1); border: 2px solid #fff;    }

.col, .col-md-6 {width: 44%; float: left; padding: 0 3%}
.col13 {width: 30%; float: left; padding: 0 1%; margin: 0 0 0 1%}
.col23 {width: 62%;float: left;  padding: 0 2% 0 2%}
.col14 {width: 22%; float: left; padding: 0 ; margin: 0 0 0 3%}
.col15 {width: 16%; margin: 0 1%; padding: 10px 1%; float: left; background: rgb(255,255,255,0.1);  border-radius: 10px  }
.col15:hover {background: rgb(255,255,255,0.3); }
.col15 p {padding: 10px; color: #fff; font-weight: bold; text-transform: uppercase; text-shadow: 2px 2px rgb(0,0,0,0.2); min-height: 60px;}
.col19 {width: 9%; height: 100%; padding: 8% 2% 0 2%; float: left;}

.col45 {width: 78%; float: left; padding: 10px 1%;}

.col79 {width: 64%; float: left; padding: 0 5%;}
.col89 {width: 77%; float: left; padding: 0 5%;}

.three .col13, #articolo_blog { transition:0.3s; border: 3px solid #fff; background :#fff; text-align: center; padding: 2% 0%; width: 30%; border-radius: 10px; margin: 0 0 0 2%}
.three .col13:hover, #articolo_blog:hover {background: #f8efe4;  box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05); }
#single .col13:hover {background: none; box-shadow: none;}
/*#articolo_blog.col {width: 46%; float: left; padding: 0; margin: 0 1% 20px 0 }*/

.col img, .col13 img, .col23 img, .col15 img {width: 70%; margin: 0 5%}
.img-post img {width: 100%; margin: 0}

a.bottone, button, .contatti button, .choice button, .dati_lista button, .login input[type=submit], .submit {cursor: pointer; transition:0.3s; border: none; background: url(img/bottone.png) no-repeat; background-size: contain; width: 150px;  /*! height: 65px; */ display:block; margin: 10px auto; text-decoration: none; line-height: 44px; color :#fff;  font-weight: bold; font-size: 15px; text-align: center; }
a.bottone:hover, button:hover, .contatti button:hover, .choice button:hover, .dati_lista button:hover, .login input[type=submit]:hover,  .submit:hover {background: url(img/bottone_hover.png) no-repeat;  background-size: contain;}
a.bottone:active, button:active, .contatti button:active, .choice button:active, .dati_lista button:active, .login input[type=submit]:active,  .submit:active {background: url(img/bottone_active.png) no-repeat;  background-size: contain;}
.contatti button, .choice button, .dati_lista button {border: none; cursor: pointer; margin: 20px 0 0 0; float: right}
.choice button {float: none}
.submit {cursor: pointer; font-size: 14px; text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2);}

.bottone_not {cursor: not-allowed; transition:0.3s; border: none; background: url(img/bottone_not.png) no-repeat; background-size: contain; width: 150px;  /*! height: 65px; */ display:block; margin: 10px auto; text-decoration: none; line-height: 44px; color :#fff;  font-weight: bold; font-size: 15px; text-align: center; }

.clear {clear: both; }

/* wordpress base */
p.has-text-align-center {text-align: center;}

/* cont menu: LOGO + NAVBAR */
.cont_menu{position:relative;z-index: 1;background: rgb(84,172,168,0.95); width: 90%; height: 80px; display: block; border-top-right-radius: 40px; border-bottom-right-radius: 20px; box-shadow:  0px 0px 0px 3px rgba(0,0,0,0.05); }
.menu{width: 87%; float: right; height: 80px; visibility: visible;  }
.logo  {background: #fff 50% 50% ; transition:0.3s; cursor: pointer;  width: 160px; height: 160px; border-radius: 80px; padding: 2px; float: left; position: relative; top: -35px; z-index:3; margin: 0 25px 0 0; box-shadow:  0px 0px 0px 5px rgba(0,0,0,0.10); }
.progressPanel-cont .logo:hover {background: #fff url(img/toparrow_ico.png) no-repeat 50% 50% ;}
.logo:hover {background: #fff url(img/home_ico.png) no-repeat 50% 50% ;}

.logo img { transition:0.3s;width: 160px; height: 160px; }
.logo:hover img {opacity:0.3; }

nav ul {position:relative; z-index: 0; list-style: none; display: flex; }
nav li {height: 80px; width: 24%; margin: 0; position: relative; z-index: 3; line-height: 80px; float: left; color: #fff; text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; font-family:Briberra;  text-align: center;}
nav li a {transition:0.3s; border-left: dotted 1px rgba(255,255,255,0.5); border-right: dotted 1px rgba(0,0,0,0.2); height: 80px; padding: 0 2%; display: block;  color: #fff; text-decoration: none; font-size: 20px; text-transform: uppercase bold; font-family: DK;letter-spacing: 0.5px; text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2);}
nav li a:hover {text-decoration: none; color: #fff; background: #69d7d2;}
nav li a:active {color: #fff; background: #478f8c}
nav ul ul {position: relative; z-index:2; display:none; width: 280px; }
nav li:hover ul {display:block}
nav li li {width: 280px;}
nav li li a{ color :#000;  background: #fff; background-image: linear-gradient(to right, #fafafa , white);  box-shadow:  1px 1px 0px 3px rgba(0,0,0,0.05);text-shadow: 0 0 rgba(255,255,255,0.2), 0 2px rgba(255,255,255,0.2), 2px 0 rgba(255,255,255,0.2), 0 0 rgba(255,255,255,0.2); }
nav li li a:hover { text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2);}

.nav_mobile {font-size: 20px; display: none; height: 70px; width: 24%; margin: 0; position: relative; z-index: 3; line-height: 80px; float: left; color: #fff; text-shadow: 0 0 rgba(0,0,0,0.3), 0 2px rgba(0,0,0,0.3), 2px 0 rgba(0,0,0,0.3), 0 0 rgba(0,0,0,0.3); font-family:Briberra;  text-align: center;}
.nav_mobile:hover {text-decoration: none; color: #fff; background: #69d7d2;}

/* content: CONTENUTO HEADER */
header .col23 {margin: 40px 0 0 0;}

.social {width: 84px; height: 32px;margin: 10px auto 50px auto; }
.social ul {list-style: none;}
.social li {width: 32px; height: 32px; float: left; margin: 0 5px }
.social li a {width: 32px; height: 32px; display: block; text-decoration: none;}
.social li a span {opacity:0; overflow: hidden; transition: 0.3s; width: 32px; height: 32px;  font-family: DK; font-size: 1px; position: relative; top: 0px; left:0; text-decoration: none; text-align: center;  color :#000;  background: #fff; background-image: linear-gradient(to right, #fafafa , white); border-radius: 5px; box-shadow:  0px 0px 0px 5px rgba(0,0,0,0.10);}
.social li:hover a span {opacity:1; position: relative; top: 55px; left:-30px; width: 80px; padding: 10px;   font-size: 22px;}
.social #wa {transition:0.3s;background: url(img/wa_ico.png) no-repeat;}
.social #fb {transition:0.3s;background: url(img/fb_ico.png) no-repeat;}
.social #ig {transition:0.3s;background: url(img/ig_ico.png) no-repeat;}
.social #in {transition:0.3s;background: url(img/in_ico.png) no-repeat;}
.social #wa:hover {background: url(img/wa_ico_hover.png) no-repeat;}
.social #fb:hover {background: url(img/fb_ico_hover.png) no-repeat;}
.social #ig:hover {background: url(img/ig_ico_hover.png) no-repeat;}
.social #in:hover {background: url(img/in_ico_hover.png) no-repeat;}

/* nav secondario */
.progressPanel, .bar { width:100%; height: 80px; visibility: visible; background: rgb(84,172,168,0.95);  box-shadow:  0px 0px 0px 3px rgba(0,0,0,0.05); }
.bar .cont_bar {width: 90%; margin: 0 auto; }
.sticky img {transition:0.3s; position:relative;   z-index: 3; }
.sticky {transition:0.3s; position: fixed;  top:0; 	right: 0;   z-index: 3; border-top: 45px solid rgb(255,255,255,0.2)  }
.progressPanel-cont li {width: 250px}
.active {background: #69d7d2; ; position:relative;}
.progress {	display: block;	background-color: rgb(196, 173, 77);  background-image: linear-gradient(to right, rgb(0,0,0, 0.5) , rgb(255,255,255,0.5));	height: 5px;	transform: translate3d(-100%, 0, 0);  z-index: 2;  box-shadow:  0px 0px 0px 2px rgba(0,0,0,0.1);}
.box4scroll {clear:both; }
.progressPanel-cont {padding: 0 7% 0 13%}
.isTarget {	border: 0.01px dotted rgb(84,172,168,0);}

.actual-pos {height: 80px; float: left; background: rgb(255,255,255); font-family: DK; background-image: linear-gradient(to right, #fafafa , white); font-size: 35px; padding: 0 40px 0 50px; margin: 0 -60px 0 0;  line-height: 80px; box-shadow:  5px 2px 0px 0px rgba(0,0,0,0.15);border-bottom-right-radius: 25px 50px; border-top-right-radius: 15px 40px; position:relative; left: -50px; z-index:2; }
.page-run {background-color: #fff; position:relative; z-index: 2; font-size: 35px; background-image: linear-gradient(to right, #fafafa , white); color: #000; text-shadow: 0 0 rgba(255,255,255,0.2), 0 2px rgba(255,255,255,0.2), 2px 0 rgba(255,255,255,0.2), 0 0 rgba(255,255,255,0.2); border-bottom-right-radius: 25px 50px; border-top-left-radius: 15px 40px;border-bottom-left-radius: 25px 50px; border-top-right-radius: 15px 40px; box-shadow:  5px 2px 0px 0px rgba(0,0,0,0.15);}
.page-run:hover {text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2)}

/* viaggio a soprpresa main */
.avatar {width: 70%; margin: 0 auto;}
.avatar a {position: relative; top: -17px}
.avatar #hover {display: none; }
.avatar #norm {display: block; }
.avatar:hover #norm {display: none}
.avatar:hover #hover {display: block;  }
.avatar img {margin: 0 auto}


/* blog */
/*#articolo_blog {width: 29%; margin: 0 0 0 3%; padding: 0 0 10px 0;  }*/
#articolo_blog {padding: 0 0 10px 0; margin: 0 0 20px 2%; min-height: 500px }
.img-post {background: #fff url(img/link.png) 50% 50% no-repeat; transition:0.3s; width: 100%; overflow: hidden; display:inline-block;  border-radius: 10px;border-bottom-right-radius: 60px; box-shadow: 5px 3px 0px 0px rgba(0,0,0,0.1);}
.img-post a img {min-height: 300px; width: 100%; margin: 0; padding:0; background-size: cover;}

.col .img-post {min-height: 300px;}
#articolo_blog .img-post {height: 300px;}

a.img-post img {transition:0.3s; margin: 0; width: 500px; height: 300px; object-fit: cover;}
a.img-post:hover img {opacity: 0.3;}

.info-art-cat a{background:  rgb(0,0,0,0.3); color: #fff; padding: 2px 15px; text-shadow: 1px 1px rgb(0,0,0,0.8); float: right; margin: 0 0 -34px 0; position: relative; z-index: 2; font-size: 13px; border-bottom-left-radius: 10px; border-top-right-radius: 10px}
.info-art-cat a:hover {text-decoration: none; background: rgb(84,172,168)}
.info-art-date {text-align: right;  color: #666}
p.info-blog {height: 35px ;width: 50%; float: right; padding: 0 5px 0 0  ; margin: -45px 0 0 0;  text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; background: rgb(255,255,255,0.8); position:relative; z-index:2; border-radius: 5px}

.navigation {width: 100%; text-align: center; height: 50px; margin: 0 0 40px 0}
.navigation h2 {display: none;}
.page-numbers {padding: 15px; line-height: 70px; font-size: 18px; transition:0.3s;background: #fff; border: 1px solid #ddd; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05); border-radius: 10px; overflow: hidden;  }
.page-numbers:hover {background: #f8f8f8; text-decoration: none}
.current {background: rgb(84,172,168,0.95); color: #fff; font-size: 22px; text-shadow: 0 0 rgb(0,0,0,0.2), 0 2px rgb(0,0,0,0.2), 2px 0 rgb(0,0,0,0.2), 0 0 rgb(0,0,0,0.2);}

/* contatti */
.row {transition: 0.3s; width: 90%; display: inline-block; padding: 15px 5%; margin: 0 0 10px 0;}
.row:hover {background: #fff; background-image: linear-gradient(to right, #fafafa , white); border-radius: 5px; box-shadow:  0px 0px 0px 5px rgba(0,0,0,0.10);}
.col13 .row img, .col .row img {width: 64px; height: 64px; float: left; border: 2px solid #000; padding: 5px ; border-radius: 50%; margin:0 15px 0 0}

table{width: 100%; padding: 0; margin: 0 0 10px 0}
td {width: 46%; padding: 0 2%;}
tr:hover {background: #eee}

input[type=text],input[type=number], input[type=date],input[type=email],input[type=password], select {margin: 10px 0 25px 0; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);font-size: 16px; transition: 0.3s; width: 90%; height: 52px; padding: 0 5%; border-radius:5px; border: 1px solid #ccc; background:#fff}
select {width: 100%}
textarea {transition: 0.3s; width: 92%; height: 150px; padding: 2%; border: 1px solid #ccc; margin: 10px 2%; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05); border-radius: 5px}
input[type=text]:hover,input[type=date]:hover, select:hover, textarea:hover {border-color: #ce6354; }

/* chi siamo */
.polaroid { border: 20px solid #eeeeef;float: left; box-sizing: border-box; box-shadow: 1px 1px 0 1px rgb(0,0,0,0.2); width: 33% }
.polaroid#uno {transform: rotate(10deg); position: relative; top: -60px;}
.col13 .polaroid#uno {top:0}
.polaroid#due {transform: rotate(2deg); position: relative; top: 0px; margin: 0 0 -80px 0 }
.polaroid#tre {transform: rotate(-8deg);position: relative; top: -50px; left: -20px}
.polaroid#quattro {transform: rotate(8deg); max-width: 70%; position: relative; float: none; top: 10px; margin: 70px auto 0 auto}
.polaroid#cinque {transform: rotate(-5deg); max-width: 70%; position: relative; left: 30px; top: -20px; float: none;  margin: 0 auto}

/*slider */
.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}
.slider-pro a:hover {text-decoration: none}
.sp-slides-container{position:relative}
.sp-mask{position:relative;overflow:hidden}.
.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}
.sp-slide{position:absolute; opacity: 0.3; }
.sp-slide:hover .sp-slide-text {background: rgb(196,173,77, 0.9);}
.sp-selected {opacity:1}
.sp-image-container{overflow:hidden}
.sp-caption-container{text-align:center;margin-top:10px}
.sp-buttons{position:relative;width:100%;text-align:center;padding-top:10px}
.sp-rtl .sp-buttons{direction:rtl}
.sp-full-screen .sp-buttons{display:none}
.sp-button{transition: 0.3s; width:80px;height:15px;border:2px solid #5db0ac;border-radius:5px;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}
.sp-button:hover {background: #fff; border: 5px solid #5db0ac}
.sp-selected-button{background-color:#5db0ac}

.sp-slide-text {transition: 0.3s; background: rgb(196,173,77, 0.7);  color: #fff; text-shadow: none; width: 70%; height: 50%; position: absolute; top: 10%; left: 12%; z-index:2; border: 5px dashed #fff; box-shadow: 0 0 0 20px rgb(196,173,77, 0.7); text-align: center; padding: 20px 0 0 0}
.sp-slide-text h2 {text-shadow: 2px 2px rgb(0,0,0,0.3); font-size: 50px; background: rgb(0,0,0,0.1); max-height: 120px; padding: 10px 0; }

/* rubrica */
.rubrica {width: 100%; border-top: 10px solid #df876f; border-bottom: 10px solid #df876f; margin: 50px 0; padding: 20px 0; background: #f9f2e9 }
.rubrica h3 a{ display: block; width: max-content; background: #df876f; color: #fff; text-shadow: 1px 1px rgb(0,0,0,0.5); font-size: 30px; margin: -75px 0 30px 0;  padding: 10px 20px 5px 20px;; border-radius: 10px;}
.rubrica h3 a:hover {background: #f8efe4; box-shadow: 0 -0px 0px 3px #df876f; color: #000; text-decoration: none; text-shadow: 1px 1px rgb(255,255,255,0.5);  }

.post {transition: 0.3s; height:100px; border-radius: 10px;background: rgb(255,255,255, 0.7); margin: 20px 1%}
.post .col13 {padding: 0; margin: 0; width: 30%}
.post:hover {background: #fff;}
.post h4 { height: 50px;  display: block; padding: 10px 0 10px 10px;  margin: 0 0 5px 0; }
.post h4 a {color: #000;}
.post .img-post {border-radius: 10px; height: 100px;  }
.post .img-post img {height: 100px;  width: 150px}

/* sidebar */
.sidebar {border-left: 1px dashed #ddd; }

.search_box {background: #fff; margin: 0 0 50px 0;border-radius: 10px; box-shadow: 2px 2px 0px 2px #f8f8f8 ; padding: 10%; border: 1px solid #f7f7f7; }
.search_box input[type=submit] {cursor: pointer; height: 40px; font-size: 18px; position:relative; top:3px; margin: 0 0 0 20px; float: right; padding: 0 30px; background: #df876f; border: none; font-weight: bold; border-radius: 10px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);color :#fff;  text-shadow: 0 0 rgb(0,0,0,0.2), 0 2px rgb(0,0,0,0.2), 2px 0 rgb(0,0,0,0.2), 0 0 rgb(0,0,0,0.2);}
.search_box input[type=submit]:hover  {background: #efa48f }
.search_box input[type=submit]:active  {background: #c5725c}
.sidebar .search_box input[type=text], .sidebar .search_box select {margin: 10px 0px 25px 0; }

.lista_categorie li {list-style: none; display: block; margin: 0 0 8px 0 }
.lista_categorie li a, p.info-art a{ transition:0.3s; display: block; padding: 8px 25px 7px 45px; background: #fff  url(img/cat.png) 15px 10px no-repeat ; text-shadow: 0 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0 #fff;  box-shadow: 1px 1px 0 1px rgb(0,0,0,0.1); border-radius: 5px; border: 1px solid #eee }
.lista_categorie li a:hover, p.info-art a:hover{text-decoration: none; background: #fbfbfb url(img/cat.png) 15px 10px no-repeat }
.lista_categorie li a:active, p.info-art a:active {background: #f2f2f2 url(img/cat.png) 15px 10px no-repeat ;}
.lista_categorie li li {display: block; margin: 8px 0 5px 30px;  }
.lista_categorie li li a { transition:0.3s; background: #f8f8f8 url(img/sub_cat.png) 15px 10px no-repeat ;}

/*singe*/
#single {box-shadow: none;}
#single .content {padding: 50px 0}
article.col23 {text-align: left; }
img.thumb {transition: 0.3s; width: 250px; height: 250px; float: left; margin: 15px 20px 20px 0; border-radius: 100px; border-top-right-radius: 10px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);}
img.thumb:hover {opacity: 0.8}
p.info-art {padding: 5px 10px; background: #f8f8f8; margin: 0 0 10px 0; border-radius: 5px;  font-size: 13px;}
p.info-art a {display: inline-block}

.crp_related {width: 100%; text-align: left}
.crp_related ul {list-style: none}
.crp_related li {border-bottom: 1px dotted #ddd; margin: 10px 0; padding: 5px; border-radius: 10px; min-height: 90px ; text-align: left}
.crp_related li a img {transition: 0.3s;width:80px;  border-radius: 20px; border-top-right-radius: 5px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05); margin: 0 15px 5px 0; float: left}
.crp_related li a img:hover {opacity: 0.8}
.crp_title {display: block}
.crp_excerpt {font-size: 12px; }
.fb-like {float: right; margin: -43px 5px 0 0 }

/*viaggi gruppo*/
.info-post p {border-radius: 5px; font-size: 20px; line-height: 35px; padding: 0 0 10px 0}
.info-post span {width: 100%; padding: 5px 0; display: block; border-radius: 5px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);background: #fff; color: #000; margin: 0 0 15px 0 }
.info-post del{ transform:rotate(-10deg); display:inline-block}
.info-post strong {color: #fff; font-size: 20px; }

.info-post span strong, .post-cont .info-post strong {color: #ce6354; font-size: 24px;}

.interact {width: 360px; margin: 0 auto; padding: 20px 0 0 0}
.interact a.bottone, .interact .bottone_not {float: left; margin: 10px 15px }

.prezzo, .info-post strong.prezzo {font-weight: bold; color: #ce6354; display: block-inline; background: rgba(255, 255, 255, 0.8); border: 2px dashed #df876f;padding: 4px 10px; border-radius: 20px; border-top-right-radius: 2px;}

.sold_out {color: #d85a47; font-size: 40px; font-family: Impact; font-weight: normal; border: 4px solid #d85a47; text-shadow: 1px 1px rgb(255,255,255,0.6);transform: rotate(10deg);}
.info-post .sold_out {font-size: 20px;}

/* Optional styling */
summary {width: 100%; min-height: 30px; line-height: 30px;  font-weight: bold; cursor: pointer; margin: 10px 0; color: #666 ; text-shadow: 0 0 rgba(255,255,255,1), 0 2px rgba(255,255,255,1), 2px 0 rgba(255,255,255,1), 0 0 rgba(255,255,255,1); }
summary span {font-size: 24px; color: #54aca8}
details {font-size: 13px, transition: 0.3s; margin: 30px 0 0 0 ; background: #f7f7f7; display: block; line-height: 30px; border: 1px solid #ddd; border-radius: 15px; padding: 10px 20px; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.01);}
details:hover, details[open] {background: #fff; }
summary::-webkit-details-marker { display: none; }
summary:focus { outline-style: none;}

/* single viaggio gruppo */
.head_post {width: 100%; height: 590px; display: block; border-radius: 10px; background: #e8cf58; overflow: hidden;position: relative; z-index: 0 }
.head_post .title_post {text-align: center;height: 590px; width: 100%; margin: 0 0 -840px 0; padding: 250px 0 0 0; position: relative; z-index: 1; background: url(img/aereo_tratto.png) 100px 100px no-repeat; background-size: 400px }
.head_post img.thumb {width: auto; height: 590px; border-radius: 0px; margin: 0 ; opacity: 0.7; position: relative; z-index:0}
.head_post h3 {font-family: DK; font-size: 80px; color: #fff; text-shadow: 2px 2px rgb(0,0,0,0.2);  }

.vg_dettagli p {margin: 0 0 5px 0}
.vg_dettagli p img {vertical-align: middle;   width: 24px; height: 24px; margin: 0 0 0 -36px }

#lista-info {display: flex;  justify-content: center; flex-direction: row;padding: 0; }
#lista-info a { flex:1; text-shadow: 1px 1px rgb(0,0,0,0.2);  border-radius: 40px; box-shadow: 2px 2px 0px 2px rgb(0,0,0,0.05); transition: 0.3s; text-decoration: none; color: #fff; width: 25%; text-align: center; display: block; float: left; margin: 0; padding: 20px 1%; box-sizing: border-box; border-right: 2px dashed #fff;}
#lista-info a:hover {opacity: 0.8; box-shadow: 1px 1px 0px 2px rgb(0,0,0,0.2) inset}
#lista-info a img {width: 128px; height: 128px;}
#lista-info a span {display: block; border-radius: 30px; font-family: Retroica; transition: 0.1s;background: rgb(0,0,0,0.1); box-shadow: inset 0px 0px 0px 7px #fff; border:2px dashed #fff; width: 100%; font-size: 18px;  text-transform: uppercase; padding: 10px 0 ; margin: 10px 0; line-height: 42px; box-sizing: border-box}
#lista-info a:hover span {background: rgb(0,0,0,0.4);}

#lista-info a.strutture {background: #e2917c}
#lista-info a.gruppo_fb {background: #b5d3d3}
#lista-info a.pep {background: #e8cf58}
#lista-info a.itin {background: #54aca8}
#lista-info a.scheda {background: #f4a984}

#strutture h2{color: #e2917c}
#gruppo_fb h2{color: #b5d3d3}
#pep h2{color: #e8cf58}
#itin h2{color: #54aca8}
#scheda h2{color: #f4a984}

p.box_fb {width: 80%; margin: 0 auto; border: 5px dashed #b5d3d3; padding: 20px; text-align: center; border-radius: 10px; }

.cloud {background: url(img/bg/cloud.png) no-repeat; background-size: cover; width: 500px; height: 306px; overflow: visible; margin: 0 auto; text-align: center; padding: 40px 0 0 0;  text-shadow: 1px 1px rgb(255,255,255,0.6)}
.cloud p {font-size: 20px; font-weight: bold; text-align: center;}
.cloud img {width: 128px; height: 128px; display: block;  margin: 0 auto;}
.cloud span {font-family: DK; font-size: 68px; margin: -45px 0 -85px 0; display: block;}
.cloud span small {font-size: 30px}
.cloud span img {display: inline-block; width: 60px; height: 187px; vertical-align: middle; margin: 0 40px }
.rotate {transform: scaleX(-1) scaleY(-1);}
p.promo {float: right; transform: rotate(10deg); font-family: DK; font-size: 40px; line-height: 40px; font-weight: bold; width: 150px;}

.tab button {background: #e8cf58;  width: 19%; margin: 0 1% 1% 0; float: left; transition: 0.3s;  color: #000;  border-radius: 10px; }
.tab button p {text-align: center; line-height: 50px; height:50px; padding: 0; margin: 0}
/* .tab button::after {content:" "; height: 25px;  margin: -35px 0 0 0;  width: 2px; background: #000; float: right; }*/
.tab button:hover {background-color: #ddd;}
.tab button.active {background-color: #e8cf58;  color: #fff; text-shadow: 1px 1px rgb(0,0,0,0.2);}
.tab button.active::after {background: none}
.tabcontent {display: none;  border: 3px dashed #e8cf58; padding: 5%;  border-radius: 15px; width: 90%; margin: 0 auto;}*/

details ul {margin: 40px 0 0 0;}
details ul li.programma{list-style: square url(img/location.png) inside;}
details ul li.highlights {list-style: square url(img/highlight.png) inside;}
details ul li.pernottamento {list-style: square url(img/pernottamento.png) inside;}

/* box */
.box {background: #f8efe4; border: 3px solid #fff; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);  border-radius: 10px;}
.fase {font-family: DK; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05); color: #fff; font-size: 2vw; position: relative; left: -5%; height: 60px;  line-height: 60px; width: 10%; text-align: right; background : #54aca8; padding: 0 20px; border-top-right-radius: 15px 40px; border-bottom-right-radius: 25px 50px; text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2);}

.choice { width: 100%; float: left;  position: relative}

#scegli {animation-name: fadesx;-webkit-animation-name: fadesx;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;}
#scegli2 {animation-name: fadedx;-webkit-animation-name: fadedx;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;}

.choice input[type=text], .choice input[type=date] {width: 60%; margin: 10px 0 25px 0}
.choice textarea {margin: 10px 0 15px 0 }

.butt-list  {position: relative; z-index:2; transition:0.3s; margin: 30% 0 0 0;  box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05); background : #fff; padding: 20px 0;   display:block;  text-decoration: none; color :#000;  font-weight: bold; font-size: 13px; text-align: center; border-radius: 15px; cursor:pointer; }
.butt-list:hover {background : #54aca8;  color: #fff;  text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2); text-decoration: none;}
.butt-list:active {background : #2f6663;}
.butt-list img {width: 48px; height: 48px}

[type="radio"]:checked,[type="radio"]:not(:checked){position: absolute;	left: -9999px;	width: 0;	height: 0;	visibility: hidden;}
.checkbox-list:checked + label, .checkbox-list:not(:checked) + label {text-shadow: 1px 1px rgb(255,255,255,0.8);background : #54aca8; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);transition: 0.3s;cursor:pointer;display: block; width: 19%; height: 15%; margin: 5px 2%; float: left; padding: 4% 5%;  border-radius:100% ; text-align: center; color: #000; font-family: Retroica; }
.checkbox-list:not(:checked) + label {background:none; box-shadow: none}
.checkbox-list:not(:checked):hover + label {background: #fff; text-decoration: none; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);}

#crea-viaggio .checkbox-list:checked + label, #crea-viaggio .checkbox-list:not(:checked) + label {width: 10%;  }
.checkbox-pari:checked + label, .checkbox-pari:not(:checked) + label {width: 11%}

#color_oro { background: #ede6c9}
#color_oro .fase {background: #c4ad4d}
#color_oro .checkbox-list:checked + label {background: #f9f2e9}
#color_bianco {background: linear-gradient(to right,  #fafafa, #f3f3f3);box-shadow: inset 0px 0px 0px 7px #df876f;border: 2px dashed #df876f;}
#color_bianco .checkbox-list:checked + label {background: #df876f}
#color_bianco .fase {background: #f8efe4; color: #000; border: 1px solid #df876f}

/* viaggi a sorpresa */

#red_bg .col13, #blu_bg .col13 {padding: 1%; text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2); border-radius: 50px;}
#red_bg .col13:hover, #blu_bg .col13:hover {background-image: linear-gradient(to right, #fafafa , rgb(255,255,255,0.3));  box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);}
#red_bg span.number, #blu_bg span.number  {background: #f9f2e9; color: #000; font-weight: bold; width: 20%; height: 75px; display: block; border-radius: 40%; text-align: center; line-height: 75px; font-size: 30px; font-family: DK; box-shadow: inset 0px 0px 0px 7px #df876f; border: 2px dashed #df876f; float: left  }
#red_bg p, #blu_bg p {width: 78%; text-align: center; padding: 15px 0 0 0; font-family: Retroica; font-size: 18px; color: #fff; text-transform: uppercase;  float: left; text-shadow: -3px 0 rgb(0,0,0,0.1), 0 3px rgb(0,0,0,0.1), 3px 0 rgb(0,0,0,0.1), 0 -3px rgb(0,0,0,0.1); }
#blu_bg span.number {box-shadow: inset 0px 0px 0px 7px #fff; background: #e9f3f9; border-color: #618396}

#contenitori p {min-height: 120px}

/* viaggi a sorpresa */
#viaggio_sorpresa .checkbox-list:checked + label, #viaggio_sorpresa  .checkbox-list:not(:checked) + label{<-index: 1; position:Relative; background : none; box-shadow: none ; display: inline-block; width: 15%; height: 18%; margin: 0 -5% 0 calc(9% / 2);  padding: 0;  border-radius:100% ; font-size: 16px;}
#viaggio_sorpresa .checkbox-list:checked + label img , #viaggio_sorpresa .checkbox-list:not(:checked) + label img{  box-sizing: border-box; margin: 0 0 5px 0;border: 4px solid #df876f; transition: 0.3s; background: rgb(255,255,255,0.8); box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);width: 100%;  border-radius:100% ; }
#viaggio_sorpresa .checkbox-list:checked + label img {background : rgb(223,135,111,0.7); box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);}
#viaggio_sorpresa .checkbox-list:not(:checked) + label{	background:none; box-shadow: none}
#viaggio_sorpresa .checkbox-list:not(:checked):hover + label img{background: #fff; text-decoration: none; border: box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.05);border: 10px solid #df876f;}
#viaggio_sorpresa .checkbox-list:checked ~ .corpo_sorpresa, #viaggio_sorpresa .checkbox-list#francesca:checked ~ .frase_consulente p#francesca,  #viaggio_sorpresa .checkbox-list#silvia:checked ~ .frase_consulente p#silvia, #viaggio_sorpresa .checkbox-list#raffaele:checked ~ .frase_consulente p#raffaele{opacity: 1; display: block}

table.identikit {width: 18%; margin: 1% 0 0 0; float: left; text-align: center; font-size: 14px; background: rgb(255,255,255,0.8); border: 5px solid #fff; border-radius: 5px; z-index:0;}
#viaggio_sorpresa table.identikit td {border: none; padding: 3% 2% 3% 25%}
#viaggio_sorpresa table.identikit td span { background: #54aca8; width: 100%; padding: 8px 0; display: block; border-radius: 10px; color:#fff; text-shadow: 1px 1px rgb(0,0,0,0.5); box-shadow: 1px 1px rgb(0,0,0,0.1); cursor: pointer;  }
#viaggio_sorpresa table.identikit td span:hover {background: #58cfca}

#nascondi_i { box-sizing: border-box; display: none; width: 55px; height: 55px; line-height: 25px; font-family: Briberra; font-size: 50px; position: Relative; top:30px; background: #fff; border-radius: 60px; color: #df876f; float: right; border: 2px solid #ddd; padding: 10px; text-align: Center; cursor: pointer}
#nascondi_i:hover {border: 5px solid #df876f; line-height: 20px; }
.identikit_consulente p {display: none; background: #fff; border-radius: 20px; padding: 20px; margin: 0 0 80px 0; animation-name: compari;-webkit-animation-name: compari ;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;  }
.identikit_consulente img {width: 10%; float: left; margin: 20px 20px 0 0}

.frase_consulente p {animation-name: compari;-webkit-animation-name: compari ;animation-duration: 0.5s;-webkit-animation-duration: 0.5s; display:none; opacity: 0;  text-align: center;}
.frase_consulente p span {font-family: Briberra; display: block; height: 60px;  font-size: 140px; text-transform: capitalize; font-weight: normal;  background: #fff; width: 50%; line-height: 1px; margin: 40px auto; border-radius: 20px;text-shadow: 2px 2px rgb(0,0,0,0.1) }
.frase_consulente p#silvia span {color: #54aca8; }
.frase_consulente p#francesca span {color: #ce6354; }
.frase_consulente p#raffaele span {color: #c4ad4d; }

.corpo_sorpresa {display: none;}

.container{display:block;height: 40px; position:relative;padding-left:0px;margin:15px 5px 30px 10px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;float:left}
.container b {opacity:0}
.container input{position:absolute;opacity:0;cursor:pointer}
.checkmark{position:absolute;top:0;left:0;height:40px;width:40px;border-radius:50%}
.container:hover input ~ .checkmark{background-color:#ccc}
#a .checkmark,#a input:checked ~ .checkmark{background-color:#5db0ac; border: 1px solid #fff; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.01);}
#b .checkmark,#b input:checked ~ .checkmark{background-color:#a2ebdb; border: 1px solid #fff; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.01);}
#c .checkmark,#c input:checked ~ .checkmark{background-color:#df876f; border: 1px solid #fff; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.01);}
#d .checkmark,#d input:checked ~ .checkmark{background-color:#ffe0dd; border: 1px solid #fff; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.01);}
#e .checkmark,#e input:checked ~ .checkmark{background-color:#fae98e; border: 1px solid #fff; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.01);}
.container:hover .checkmark:after ,.checkmark:after{content:"";position:absolute;display:none}
.container:hover .checkmark:after ,.container input:checked ~ .checkmark:after{display:block}
.container:hover .checkmark:after,.container .checkmark:after{top:12px;left:12px;width:16px;height:16px;border-radius:50%;background: rgb(255,255,255,0.5)}
.container .checkmark:after{background: rgb(0,0,0,0.5)}

/* lista viaggio */
/* .login, .login:hover {float: none; padding: 5% 2% 2% 2%; background: rgba(255,255,255,0.9) url(img/login.png) no-repeat; background-size: contain; background-position: top; margin: 0 auto; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); border-radius: 10px; width: 30%} 
.login form {background: rgba(255,255,255,0.5); padding:5% 4%; border-radius: 10px; border: 1px solid #eee} */

.login, .login:hover {float: none; padding: 2%; background: rgba(255,255,255,0.9); margin: 0 auto; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); border-radius: 10px; width: 30%}

#blu_bg .login p.nav {width: 100%}

#blu_bg p.nav {padding: 10px 0 0 0; margin: 0 auto; width: 30%; float: none}
#blu_bg p.nav a, #blu_bg p.nav {color: #fff; font-size: 13px; text-transform:none;font-family: Aaargh, Arial, Helvetica, sans-serif; text-shadow: 1px 1px rgb(0,0,0,0.2);}

#blu_bg .login p.nav a, #blu_bg .login p.nav {color: #000; text-shadow: 1px 1px rgb(255,255,255,0.2);}


#blu_bg p.message {font-family: Aaargh; color: #000; font-size: 14px; text-transform: none; padding: 5px 2%; width: 30%; height: auto; margin: 0 auto 20px auto; background: #fff; border-left: 5px solid #e60000; border-radius: 10px;  box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1);  float: none; text-shadow: none }

#blu_bg p.green {border-color: #24a0ab;}

#blu_bg .login p.message {width: 95%}

#blu_bg .login ul {list-style:none}
#blu_bg .login ul li {margin: 0}
#blu_bg .login ul li span {font-size: 10px; color: #ce6354;}
#blu_bg .login li label {display:none}
.wppb-default-password input {margin-bottom: 0;}


/* biglietto */
.nome_lista {color: #fff; text-shadow: none}

.biglietto { transition: 0.5s; width: 80%; height: 280px; float: none; margin: 0 auto; padding: 100px 0 200px 0;  background-color: #fff; background-repeat: no-repeat ; background-size: cover;  box-shadow: inset 0px 0px 0px 10px #df876f; border: 3px dashed #df876f;  outline: 3px solid rgba(0,0,0,0.1); }
.countdown {float: right;  text-align: center;  background: #54aca8; background-image: linear-gradient(to left, #fafafa , rgb(255,255,255,0.01));  font-size: 20px; color: #fff; padding: 50px 40px; margin: -105px 20px -80px 0; box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.1); border-bottom-left-radius: 75px 50px; border-bottom-right-radius: 75px 60px;}

.biglietto_corpo {width:50%; margin: 5% 0 0 0 }
.compleanno {margin: 5% 25% 0 25%;}

.biglietto_corpo h2 {font-size: 60px}
.biglietto p.biglietto_info {width: 100%; color: #54aca8;  text-align: center; font-size: 90px; font-family: DK;  }
.biglietto p.biglietto_frase {display:none }
.biglietto p.nome_lista {width: 100%; text-align: center; color: #000; margin: -20px 0 30px 0}

.biglietto:hover {transform: rotate3d(0.1, 1, 0, 180deg); background: #fff}
.biglietto:hover .countdown, .biglietto:hover h2, .biglietto:hover p.biglietto_info {display:none}
.biglietto:hover p.biglietto_frase  {background: #f8efe4; color: #000; font-weight: bold; display: block; transform: scaleX(-1); width: 100%; text-align: center; padding: 150px 0 ; font-size: 24px; line-height: 40px; text-shadow: 0 0 #fff, 0 2px #fff, 2px 0 #fff, 0 0 #fff;  }
.biglietto:hover p.nome_lista {transform: scaleX(-1);}

.dati_lista {width: 60%; margin: 0 auto}
#partecipanti td, #riepilogo td, #ges td {width: auto; padding: 10px}

/* crea viaggio */
.start {height: 80px;width: 120px; background: rgb(231,188,61,0.25); float: left; transform: rotate(90deg); display: block; line-height: 115px; text-align: center; color: #df876f; font-weight: bold; font-size: 24px; text-transform: uppercase; position: relative; left: 45%; top: -40px;}

.right_cv {width: 50%;  display: block; float: right; border-top-right-radius: 400px; border-bottom-right-radius: 400px;box-shadow: 30px 0px 0px 30px rgb(84,172,168,1); border-top: 5px dashed rgb(84,172,168,1); border-right: 5px dashed rgb(84,172,168,1);border-bottom: 5px dashed rgb(84,172,168,1); margin: -5px 0 0 0}
.right_in { widh: 100%; padding: 80px 0 20px 0 ; border-top-right-radius: 395px; border-bottom-right-radius: 395px; box-shadow: -30px 0px 0px 30px rgb(84,172,168,1) inset; }
.left_cv {width: 50%;  display: block; float: left; border-top-left-radius: 400px; border-bottom-left-radius: 400px;box-shadow: -30px 0px 0px 30px rgb(84,172,168,1); border-top: 5px dashed rgb(84,172,168,1); border-left: 5px dashed rgb(84,172,168,1);border-bottom: 5px dashed rgb(84,172,168,1); margin: -5px 0 0 0}
.left_in { widh: 100%; padding: 80px 0 20px 0; border-top-left-radius: 395px; border-bottom-left-radius: 395px; box-shadow: 30px 0px 0px 30px rgb(84,172,168,1) inset; }

.cont {width: 185%; position: relative; text-align: center;}
.left_in .cont { left: 10%; }
.right_in .cont { right: 90%; }

.asd {display: none; animation-name: compari;-webkit-animation-name: compari ;animation-duration: 0.5s;-webkit-animation-duration: 0.5s;}

.bott-cont {width: 100%; height: 180px; display: block; margin: 30px 0 0 0;}
.crea-navigation {width: 50%;  display: block; text-align: center; margin: 0 25% 0 25%; }
.crea-navigation a {margin: 0 2%; width: 28%;  position: relative; float: none; display: inline-block;  }

span.cartello { float: right; padding: 25px 0 0 0; background: url(img/cartello.png) no-repeat; transform: rotate(5deg); background-size: cover;  height: 160px; width: 160px; display: block;  text-shadow: 0 0 rgb(0,0,0,0.3), 0 2px rgb(0,0,0,0.3), 2px 0 rgb(0,0,0,0.3), 0 0 rgb(0,0,0,0.3); color: #fff;text-align: center; font-size: 20px; font-weight: bold;}

span.hostess {padding: 25px 0 0 0; margin: -80px -50px 0 0; position: relative; height: 280px; width: 110px; display: block;float: left; background: url(img/hostess.png) no-repeat; background-size: cover; left:-30px; transform: rotate(-5deg); }
span.operatore {padding: 25px 0 0 0;  margin: 0 -225px 0 0; position: relative; height: 280px; width: 225px; display: block;float: left; z-index:1; background: url(img/operatore_pista.png) no-repeat; background-size: cover;  left:-70px; transform: rotate(-5deg); }
.left_in span.cartello {float: left; background: url(img/cartello_sx.png) no-repeat; background-size: cover; top:120px; left:-120px; transform: rotate(-5deg);}

input[type=range] {width: 80%;  height: 30px;  background: #f9f2e9;  outline: none;  opacity: 1;  -webkit-transition: .2s;  transition: opacity .2s; margin: 30px 0 0 0; box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.05) inset;}
input[type=range]:hover {  opacity: 1;}
input[type=range]::-webkit-slider-thumb {  -webkit-appearance: none;  appearance: none;  width: 40px;  height: 40px;  background: #df876f;  cursor: pointer; border-radius: 20px; }
input[type=range]::-moz-range-thumb {  width: 40px;  height: 40px;  background: #df876f;  cursor: pointer; border-radius: 20px; border: none; box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.05); }

.sliderticks { width: 76%; display: flex; justify-content: space-between; padding: 0 2.1%; margin: 0 auto}
.sliderticks p { font-weight: bold; position: relative;  display: flex;  justify-content: center;  text-align: center;  border-right: 2px solid #df876f; height: 15px;  line-height: 60px;  margin: 0 0 0 0;}

.spacer{width: 25%; float: left; display: block;clear: both;}
.spacer13{width: 15%; float: left; display: block; }
.spacer14 {width: 0%; float: left; display: none;clear: both;}
.spacer15 {width: 0%; float: left; display: none;clear: both;}

[id="9"] .check-choice {height: max-content; text-align:center; padding: 0 0 0 18%}
[id="9"] .check-choice input { margin: 0 0 20px 0}

span.aereo {transition: 2s; background:url(img/aereo.png) no-repeat; background-position: bottom right ; background-size: 405px 190px;  width: 200%; height: 350px;  float: right; margin: 0 0 -250px 0; position: relative; z-index:1; top: -50px }
.fine-strada {background: rgb(84,172,168,1); height: 33px; width: 250%; margin: 0 0 -50px 0; float: right; position: relative; top: 20px;  border-top: 5px dashed #fff; box-shadow: 0px -32px 0px 0px rgb(84,172,168,1); z-index:0;}
[id="10"] .check-choice {height:60px}
span.vola {background-position: top left; opacity: 1;}
span.move {background-position: bottom right 200px; opacity: 1;}
#boom:hover {color :#fff; text-decoration:none;}

/* itinerario */
.itinerario {padding: 70px 1% 0 1%}
#itinerario h1 {color: #ce6354; text-align: center; font-family: Briberra;}
#itinerario h4 {text-transform: uppercase; font-size:22px; text-align: center;}
#itinerario h5 {margin: 40px auto ; text-shadow: none; box-sizing: border-box; border: 5px dashed #fff; padding: 20px 0; background: #faf5c4; background-size: contain; font-size: 50px;  text-align: center;}
#itinerario h5 strong {color: #54aca8;}
#itinerario h3 {font-family: DK; text-align: Center; text-shadow: none;font-size: 50px; margin: 70px auto 50px auto; background:#fbf7d0;  border-radius: 50px;}
#itinerario h3 strong {color: #54aca8; font-size: 40px;}

#itinerario .polaroid#uno, .itinerario .polaroid#due, .itinerario .polaroid#tre {width: 33%; margin: 0 0 0 0.3%}

#itinerario table {border: none; cell-spacing: 0; width: 90%; margin: 0 auto;}
#itinerario td , #itinerario th {text-align: right; min-height: 10px; border: none; width: 50%; padding: 20px 75px;}
#itinerario tr:hover {background: none;}
#itinerario .dx {border-left: 2px dashed #000; box-sizing: border-box; text-align: left;}
span.marker {width: 25px; height: 25px; background: #000; display: block; float: right; margin : 0 -91px 0 15px; border-radius: 50%;}
#itinerario .dx span.marker {float: left; margin: 0 15px 0 -88px;}

.schedule #legend_uno {background: url(img/legend_uno.png) right 24px no-repeat; background-size: 60px }
.schedule #legend_due {background: url(img/legend_due.png) left 24px no-repeat; background-size: 60px }
.schedule #legend_tre {background: url(img/legend_tre.png) right 24px no-repeat; background-size: 60px }

#legend_uno span {background: #c4ad4d}
#legend_due span {background: #df876f}
#legend_tre span {background: #54aca8}

th.dx#day { padding: 0}
th.dx#day span.marker {width: 30px; height: 30px; border: 14px solid #fbf7d0;  padding: 0; position:relative; z-index: 2; margin: 0 0 0 -30px;   }
.dx#day strong {background: #fbf7d0; font-size: 30px; border-top-right-radius: 30px;border-bottom-right-radius: 30px; line-height: 60px;  padding: 11px 40px 8px 50px; margin: 0 0 0 -30px }

th#intestazione {text-align: center; font-size: 40px; padding: 10px 0; border-bottom: 1px dashed #ddd; }

.foglietto {background: url(img/pattern_quadretti.jpg); text-align: left; width: 80%; margin: 0 auto; padding: 5%; border: 2px solid #eff2f3;  border-top: 10px solid #eff2f3; border-bottom: 10px solid #eff2f3; outline: 5px solid #fff; box-shadow: 7px 7px 2px 0px rgb(0,0,0,0.1); transform: rotate(-5deg); }
.foglietto p {text-shadow: 1px 1px #fff; font-size: 22px; line-height: 34px; font-weight: bold; }
.foglietto p strong {font-size: 32px; color: #54aca8; font-family: "Times New Roman"; text-shadow: 2px 2px #fff;}

.foglietto_due {width: 30%; float: right; background: #fff;  padding: 2%; box-shadow: 2px 2px 2px 0px rgb(0,0,0,0.1); transform: rotate(5deg); position: relative; top: -50px; left: -10px; margin: 0 0 -60px 0}
.foglietto_due p { line-height: 20px; padding: 5px 0; }
.foglietto_due p span.marker_legend {width: 20px; height: 20px; padding: 0; display: inline-block; border-radius: 50%; position: relative; top: 5px; }

/* footer */

footer {width: 100%;  background: rgb(84,172,168,0.95) url(img/pattern.png) ; margin: 0 auto; color: #fff }
footer section{border-bottom: 1px dotted #fff; padding: 20px 0 40px 0}
.info-agenzia {text-align: center; border:none }
.info-agenzia .logo  {float: none; margin: 50px auto 20px auto;}
footer a {color: #fff}

footer ul.nav_menu {list-style-type: ">"; display: block;}
footer ul.nav_menu ul {list-style-type: ">>"; display: block;}
footer ul.nav_menu ul li a {background: none; box-shadow: none}
footer ul.nav_menu li {text-align: left; width: 90%; padding: 0 5%; height: auto; line-height: 30px;}
footer ul.nav_menu li a {transition:0.3s; display: block; line-height: 30px; height: 30px; padding: 0 10px; margin: 0; border: none; font-size: 16px; border-radius: 10px; font-family: Aaargh; letter-spacing: 0.5px; color:#fff; text-shadow: 0 0 rgba(0,0,0,0.2), 0 2px rgba(0,0,0,0.2), 2px 0 rgba(0,0,0,0.2), 0 0 rgba(0,0,0,0.2);}
footer ul.nav_menu li a:hover {text-decoration: none; color: #fff; background: #69d7d2;}
footer ul.nav_menu li a:active {color: #fff; }

footer .social { float: left; width: 80%; background: #fff; background-image: linear-gradient(to right, #fafafa , white); border-radius: 5px; padding: 5px 10%;  margin: 0 0 30px 0; box-shadow:  0px 0px 0px 5px rgba(0,0,0,0.10); }
footer .social ul {display: flex;  justify-content: space-between; }
footer .social li {text-aling: center}

.cat_off {width:100%; display: block; text-align: center}

.cat_off a {background: linear-gradient(to right,  #fafafa, #f3f3f3); box-shadow: inset 0px 0px 0px 5px #df876f;border: 2px dashed #df876f; font-size: 17px; height: 100px; line-height: 100px; text-transform: uppercase; min-width: 300px; width: 30%; display: inline-block;  margin: 1%; border-radius: 10px;  text-decoration: none; color :#000;  font-weight: bold;cursor:pointer; }
.cat_off a:hover {background : #faeeea;  color: #000;  text-shadow: 0 0 rgba(255,255,255,0.2), 0 2px rgba(255,2555,255,0.2), 2px 0 rgba(255,255,255,0.2), 0 0 rgba(255,255,255,0.2); text-decoration: none;}
.cat_off a:active {background : #fff;}

.disabled_button {opacity: 0.5;}



.ui-datepicker {
	
	border-radius: 10px;
	display: none;
	margin-top: 4px;
	padding: 20px 10px;
  background: linear-gradient(to right, #fafafa, #f3f3f3);
    box-shadow: inset 0px 0px 0px 5px #df876f;
    border: 2px dashed #df876f;
   display: inline-block;
    text-decoration: none;
}

.ui-datepicker-title {font-family: DK; font-size: 20px; 
  font-weight: bold;}
span.ui-datepicker-month {color: #c4ad4d; font-size: 35px }

.ui-datepicker th {
  text-align: center;border: 1px solid #fff; background: #df876f; border-radius: 5px;
  color: #fff; font-weight: bold; height: 30px; text-shadow: 1px 1px rgb(0,0,0,0.2);
}

.ui-datepicker td {
	border: 1px solid #eee; text-align: center;background: #fff; height: 30px;
}

.ui-datepicker .ui-datepicker-header {
	margin-bottom: 10px;
	text-align: center; 
  height: 40px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
cursor: pointer;
  font-weight: bold;	width: 30px;
  line-height: 40px;
  background: #df876f;
  color: #fff;
   border-radius: 10px; margin: 0 5px;  

}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
  padding: 0 10px 0 20px;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
  padding: 0 20px 0 10px;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "<<";
	
}
.ui-datepicker .ui-datepicker-next:before {
	content: ">>";}

.ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-prev:hover {
  text-decoration: none;
  background: #df876f;
  box-shadow: 2px 2px rgb(0,0,0,0.2)
}

.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
  
}

.ui-datepicker .ui-icon {display: none}

.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 5px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: rgb(84, 172, 168, 0.95);
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff; font-weight: bold; font-size: 18px;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}
.ui-datepicker .ui-state-disabled {
	color: #ccc;
	background: #eee; border: none;
}

.ea-bootstrap .disabled {
	position: relative;
}

.ea-bootstrap .disabled .block {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0.6;
	background-color: rgb(248,239,228);
	z-index: 101;
}

.ea-bootstrap .time {
	flex-flow: row wrap;
  background: #fff;
  
}

.ea-bootstrap .time-value {
	display: inline-block;
	width: 14%;
	padding: 5px 5%;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #eee;
	font-size: 14px;
	background-color: #fff;
  margin: 2px;
  border-radius: 5px

}


.ea-bootstrap .time-value:hover {
	background-color: #EEE;
	cursor: pointer;
}

.ea-bootstrap .time-disabled {
	display: inline-block;
	width: 14%;
	padding: 5px 5%;
	text-align: center;
	vertical-align: middle;
	border: none;
	font-size: 14px;
	background-color: #eee;
  margin: 2px;
  border-radius: 5px
}


.ea-bootstrap.ea-bootstrap .selected-time, .ea-bootstrap.ea-bootstrap .selected-time:hover {
	background-color: rgb(84, 172, 168, 0.95);
	color: white;
}

.ea-bootstrap .time-row td {
	padding-top: 0;
	padding-bottom: 0;
	white-space: normal;
}

.ea-bootstrap .time-row td:hover {
	background-color: #fff;
}

.ea-bootstrap .time-row .time {
	margin-bottom: 0;
}


.ea-bootstrap #booking-overview { background: #fff; padding: 10px; border-radius: 5px; box-shadow: 2px 2px rgb(0,0,0,0.2)}
.ea-bootstrap #booking-overview #ea-overview-message {margin: 10px 0;
  display: inline-block}

.ea-bootstrap #booking-overview td {
  padding: 5px;
  border-bottom: 1px solid #eee;
  font-family: DK;
  font-size: 23px;
  text-align: center

}

.ea-bootstrap #booking-overview .ea-label {
  font-weight: bold;
  color: #c4ad4d;
}

.ea-bootstrap #booking-overview .value {
	font-weight: bold;
}

.ea-bootstrap label.error {
	width: 100% !important;
	color: red;
}

.ea-bootstrap input.error, .ea-bootstrap textarea.error, .ea-bootstrap select.error {
	border-color: red;
}

#ea-loader {
	background-image: url('../img/ajax-loader.gif');
	background-position: 50% 50%;
	position: absolute;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.1);
	display: none;
}

.ea-bootstrap .ui-datepicker .no-slots, .ea-bootstrap .ui-datepicker .no-slots:hover {
	background-color:rgba(163,163,117,0.5);
	color: #fff;
	cursor: default;
}

.ea-bootstrap .ui-datepicker .no-slots a {
	color: #fff;
	cursor: default;
}

.ea-bootstrap .ui-datepicker .busy, .ea-bootstrap .ui-datepicker .busy:hover {
	background-color:rgba(255,0,0,0.5);
	color: #fff;
	cursor: default;
}

.ea-bootstrap .form-group .ea-actions-group {width: 100%; text-align: center}
.ea-bootstrap .form-group button {margin: 20px;}

.ea-bootstrap .form-group .ui-icon {width: 52px; height: 52px; margin: 8px 2% 0 0; float: left; background: #fff;  border-radius: 40px; border: 2px solid #ccc; text-align: center;}
.ea-bootstrap .form-group .ui-icon:hover {border:2px solid #999;}
.ea-bootstrap .form-group .ui-icon img {width: 36px; height: 36px; margin: 5px 0 0 0}
.ea-bootstrap .form-group select, .ea-bootstrap .form-group input[type=text],  .ea-bootstrap .form-group select, .ea-bootstrap .form-group input[type=submit] {width: 69%}
.ea-bootstrap .form-group select{width: 79%}

h3.ea-done-message {width: 100%; display: block; text-align: center}


#ea-loader {
	background-image: url('https://www.newtravelart.com/wp-content/plugins/easy-appointments/img/ajax-loader.gif');
	background-position: 50% 50%;
	position: absolute;
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-color: rgba(255, 255, 255, 0.1);
	display: none;
}