.cell {position:relative}
.top-bar {position:absolute;top:0;left:0;right:0;z-index:200;text-align:center;padding:0}
.top-bar, .top-bar ul {background:none}
.sidr {bottom:0}

.top-bar a, .top-bar a:visited {color:#fff;text-shadow:0 0 5px #FF0000, 0 0 5px #0000FF;-webkit-text-shadow:0 0 5px rgba(0,0,0,0.4);-moz-text-shadow:0 0 5px rgba(0,0,0,0.4);text-shadow:0 0 5px rgba(0,0,0,0.4)}
.top-bar a:hover, .top-bar a:visited:hover {color:#eee}
.current_page_item a, .current_page_parent a {border-bottom:1px solid #fff}

.main ul.post-categories {margin-left:30px;margin-bottom:40px}
.post-categories {list-style-type:none}
.post-categories li {display: inline-block; margin-right: 5px;}
.post-categories li a{color: #fff; background: #b8995f; padding: .25rem .5rem;}
.post-categories li a:hover{ background: #caa96c;}

.single-post .main, .blog .main, .single-experiences .main, .page-id-27 .main {max-width:1200px;margin:0 auto} 
.page-id-27 .main, .entry-summary {font-size:0.8em}
.cornice {background:url('../img/cornice.png') no-repeat center center;background-size:cover;padding:60px}

#menu-button.hamburger {position:absolute;top:20px;right:0;z-index:600}
.logged-in .hamburger {top:60px}
.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:before, .hamburger.is-active .hamburger-inner:after {background:#fff}

.swiper-gallery {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;width:100%;z-index:100}
.swiper-slide {background-size:cover;background-position:center center}
.swiper-slide img {width:100%}
.swiper-slide, a.slide-button, a.slide-button:visited {text-align:center;color:#fff}
.slide-content {width:100%;display:flex;text-align:center}
.slide-content div {width:100%;}
.slide-content, .blog .banner .cell:before, .single-post .banner .cell:before, .single-experiences .banner .cell:before, .category .banner .cell:before {font-size:18px;background:rgba(0,0,0,0.4);position:absolute;top:0;left:0;right:0;bottom:0}
.category .banner, .single-post .banner, .blog .banner, .single-experiences .banner {height:50vh}
.category .banner .cell:before, .blog .banner .cell:before, .single-post .banner .cell:before, .single-experiences .banner .cell:before {content:"";display:block;bottom:auto;padding:0;height:50vh}

.pagebuilder.full, .pagebuilder {background-repeat:no-repeat;background-size:cover;background-position:center center}
.pagebuilder.titolosufoto h2 {background:rgba(0,0,0,0.4);padding:120px;color:#fff;margin:0}

body, label {color:#4d4d4d;font-family:'Merriweather',serif;font-weight:300}
.main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {color: #000}
.page-header, .entry-title {margin:40px 0;text-align:center}
.single-post .entry-title, .page-template .page-header, .blog .page-header, .single-experiences .entry-title {text-align:center}
h1, h2, h3, .slide-content strong, .caldera-grid input[type=submit] {text-transform:uppercase;font-family:'Kurale',serif;font-weight:400}
strong, b {font-weight:700}
.slide-content strong {font-weight:700}

form {padding:30px;border:1px solid #eee}

.pagebuilder.grid-container {margin-bottom:50px}
.wrap {padding-bottom:60px}
.entry-summary a.more {width:40px;height:40px;display:block;overflow:hidden;text-indent:-200px;background:url('https://www.eliteitalianguides.com/wp-content/uploads/2019/03/more.png') no-repeat center center;background-size:cover;float:right}
.caldera-grid input[type=submit] {color:#8f9194;width:100%;font-size:1.5em}

.pagebuilder p.nopadd {padding:20px 0}
.grigino, .latestposts {background:#eee}
.grigino {padding:10px 20px}
.latestposts figure {padding:30px}
.latestposts.pagebuilder h2 {padding-top:60px}
.centra {text-align:center}
.testimonials .cell {background:#eee;font-size:0.8em;margin:20px 0}
.pagebuilder.testimonials.grid-container p, .testimonials {text-align:center}
.fond {font-size:0.8em}
.tondo {-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;overflow:hidden}
.blog article {margin-bottom:40px}

.main h2, .main h3, .main p, .updated {margin:0 30px}
.main ul, .main ol {margin-left:60px;margin-right:30px}
.main li a {font-size:0.8em}
.main table {padding:0 30px}

a, a:visited {color:#b6101d;text-decoration:none}
a:hover, .content-info a:hover {color:#000}
a:hover img {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}

table {font-size:0.8em}
.updated {font-size:0.8em}

.post.hentry h2.entry-title {font-size:2.5rem}

.content-info {padding:40px;background:url('../img/carta.jpg') no-repeat center center;color:#000}
.content-info h3 {margin:0;padding-top:10px}
.content-info hr {border:none}
.social {list-style-type:none;margin:20px 0}
.social li {display:inline}
.content-info img.ico {margin-bottom:0;height:30px}

.top-bar .top-bar-right {flex:1}

.grid-padding-x > .main.cell {padding-bottom:40px}

.caldera-grid form { color: #666; }
.caldera-grid form label { font-weight: normal; }
.caldera-grid form textarea.form-control {border: solid 1px #dedede;   border-bottom-color: #ccc;}
.caldera-grid form .field_required {color:#b8995f!important;}


@media print, screen and (min-width: 40em) {
.grid-padding-x > .cell {padding:0}
.grid-padding-x > .main.cell {padding-bottom:40px}
}

@media (min-width:768px) {
h1, .h1 {font-size:3rem}
h2, .h2 {font-size:2.4rem}
body {font-size:20px}
.main p, .main li, .entry-summary p, .pagebuilder p {text-align:justify;line-height:1.5em}
.slide-content {font-size:1.5vw}
.padding {padding:30px}
.top-bar .top-bar-left {max-width:300px}
.social {float:left}
#SCK .SCK_Accept {float:left !important;padding:0 !important;margin-right:10px}
}

@media (max-width:1340px) {
.top-bar {font-size:18px}
}

@media (max-width:1180px) {
.top-bar {font-size:16px}
.dropdown.menu a, .banner .dropdown.nav a {padding:5px}
.title-bar {position:absolute;left:0;right:0;top:0;z-index:201;background:none}
}

@media (max-width:1020px) {
.top-bar-right {position:fixed;z-index:200;display:block;background:rgba(0,0,0,0.8);left:0;right:0;top:0;bottom:0;padding-top:150px;font-size:2.5em}
.top-bar-left {position:absolute;z-index:300;left:0;right:0;top:0}
}

@media (max-width:1000px) {
body {font-size:16px}
.content-info {text-align:center}
.becomepartner img {max-width:40%}
.top-bar .top-bar-right {width:100%}
.content-info a {max-width:250px}
}

@media (max-width:768px) {
.menu-menu-1-container {font-family:'Sacramento',cursive;font-weight:400}
.current_page_item a, .current_page_parent a {border-bottom:1px solid #b6101d}
.brand {max-width:70%}
.banner {height:50vh}
h1, .h1 {font-size:2rem}
h2, .h2 {font-size:1.7rem}
}

.portfolio-image { width: 50%;}
@media screen and (min-width: 40em) {.portfolio-image { width: 33.3333%;}}
@media screen and (min-width: 64em) {.portfolio-image { width: 25%;}}

#loading {padding:35%;z-index:600;height:100vh;position:fixed;display:block;top:0;bottom:0;left:0;right:0;background:#000;text-align:center}
.lds-ellipsis {display:inline-block;position:relative;width:64px;height:64px}
.lds-ellipsis div {position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}
.lds-ellipsis div:nth-child(1) {left:6px;animation:lds-ellipsis1 0.6s infinite}
.lds-ellipsis div:nth-child(2) {left:6px;animation:lds-ellipsis2 0.6s infinite}
.lds-ellipsis div:nth-child(3) {left:26px;animation:lds-ellipsis2 0.6s infinite}
.lds-ellipsis div:nth-child(4) {left:45px;animation:lds-ellipsis3 0.6s infinite}
@keyframes lds-ellipsis1 {0% {transform:scale(0)} 100% {transform:scale(1)}}
@keyframes lds-ellipsis3 {0% {transform:scale(1)} 100% {transform:scale(0)}}
@keyframes lds-ellipsis2 {0% {transform:translate(0,0);} 100% {transform:translate(19px,0)}}

.scroll-top:before {content:"^";font-size:2em;width:40px;height:40px;float:right;text-align:center;background:#fff;display:block}

.SCK_Banner {border:2px solid #fff;font-size:0.8em}
.SCK_Banner p {margin-bottom:0}
.SCK_Banner a, #SCK #SCK_BannerText {color:#fff !important}
#SCK .SCK_BannerContainer {padding:10px !important}

@media only screen and (max-width: 949px) and (min-width: 517px), only screen and (max-width: 1128px) and (min-width: 950px), only screen and (min-width: 1129px), screen { 
.dhpSteps-col, .dhpSteps .dhpSteps-col--left, .dhpSteps .dhpSteps-col--right {width:100% !important}
}