/*
Theme Name: DTA-VIC
Description: Tema para WordPress.
Author: VIC
Author URI: http://www.facebook.com/vicjunitor
version: 2.8.1
Tags: tema, vic
*/
*{margin:0; padding:0;}

body{font-family: "Montserrat", sans-serif;font-size: 16px;margin: 0;color: #222;position: relative;overflow-x: hidden;}

img{padding:0; max-width:100%; height:auto;}

.alignleft{float:left;border:none;margin:0 20px 10px 0;}
.alignright{float:right;border:none;margin: 0 0 10px 20px;}
.aligncenter{display:block; margin:0 auto 10px;}
.content .error {text-align: center;width: 100%;}
.content .error p {padding: 0 0 15px;text-align: center;}

/* links */
a{color:#000; text-decoration:none;transition: 0.3s;}
a:hover{color:#000; text-decoration: underline;}

li{list-style: none;}

#intro {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000000;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    background-size: 100%;
    transition: opacity 1s ease-in;
}

.logointro {
  --size: 180px;
  --border: 6px;
  --gold: #c9a24a;
  --black: #000;

  position: relative;
  width: var(--size);
  height: var(--size);
}

.logointro img {
  display: block;
  position: relative;
  z-index: 2;
}
.logointro::before {
  content: "";
  position: absolute;
  inset: calc(-1 * var(--border));
  border-radius: 50%;
  background: conic-gradient(
    var(--black) 0deg 180deg,
    var(--gold) 180deg 360deg
  );
  animation: girar 4s linear infinite;

  /* Hace el hueco del centro (para que sea solo borde) */
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - var(--border)), #000 0);
  mask: radial-gradient(farthest-side, transparent calc(100% - var(--border)), #000 0);
  z-index: 1;
}

@keyframes girar {
  to {
    transform: rotate(360deg);
  }
}

#intro.show {
    opacity: 1;
}
.logointro{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    border-radius: 50%;
    padding: 13px;
}
#intro.show .logointro {
    opacity: 1;
}

#intro.hide {
    opacity: 0;
    pointer-events: none;
    transition: opacity 1s ease-out;
}

.introclose {
    opacity: 0;
	visibility: hidden;
    transition: opacity 2s ease-in-out;
}

.introclose.show {
    opacity: 1;
	visibility: visible;
}

/* container */
.container {max-width: 1360px;margin: 0 auto;padding: 0 10px;box-sizing: border-box;}
/* top */
#supertop {
    background-color: #000;
}

#supertop ul {
    display: flex;
    align-items: center;
}

#supertop li {
    padding: 0 25px;
    font-size: 13px;
}

#supertop li a {
    color: #FFF;
}

#supertop li a:hover {
    color: #f0db81;
    text-decoration: none;
}

.datostop li i {
    font-size: 16px;
    padding-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.datostop li i.fa-whatsapp {
    font-size: 20px;
}

#supertop .lang li.lang-item {
    display: flex;
    align-items: center;
    line-height: 0;
}

#supertop .lang li {
    padding: 0 0 0 15px;
}
header{
    z-index: 1000;
    width: 100%;
}
#top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    }
header .container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 10px;
}
.logo{line-height: 0;width: 14%;font-size: 20px;font-weight: 700;padding: 15px 0;display: flex;}
.logo img {
    max-height: 100px;
    width: auto;
}
#menu {padding-top: 5px;position: relative;z-index: 100;text-align: right;}
#menu ul li{display: inline-block;padding: 0 10px;position: relative;}
#menu ul li a{color: #111;font-size: 17px;font-weight: 600;display: block;padding: 5px;text-transform: uppercase;}
#menu ul li a:hover{color:#C8A155;text-decoration:none;}
#menu li.current_page_item a{color: #C8A155;}
#menu li.menu-item-has-children a::after{content: "\f078";font: 700 12px "Font Awesome 5 Free";margin-left: 5px;}
#menu li.menu-item-has-children ul li a::after, #menu ul ul li.menu-item-has-children ul li a::after{display: none;}
#menu ul li ul{opacity:0;visibility:hidden;padding:10px;background-color: #FFF;text-align:left;position:absolute;top:55px;left:0;width: 350px;transition:all .3s .1s;box-shadow: 0 0 7px -4px #3a3a3a;}
#menu ul li:hover ul{opacity:1;top:100%;visibility:visible;}
#menu ul ul li{position: initial;padding: 0;display: block;border-bottom: 1px dashed #DDD;line-height: 24px;}
#menu ul ul li a{color:#C8A155;font-weight: 500;padding: 5px 10px;font-size: 15px;display:block;text-transform: initial;border: none !important;}
#menu ul ul li a:hover{background-color:#000;color:#FFF !important;}
#menu ul li:hover ul ul{visibility:hidden;opacity:0;}
#menu ul li ul ul:before{top: 0;}
#menu ul ul li.menu-item-has-children a::after{content: "\f054";font: 700 12px "Font Awesome 5 Free";margin-left: 5px;display: inline-block;}
#menu ul ul li ul{position:absolute;top:15px;margin: 0;left:100%;background-color:#fafafa;z-index: 100;width: 450px;}
#menu ul ul li:hover ul{opacity:1;top:0;visibility:visible}
#menu ul ul ul li a{padding: 5px 10px;font-size: 13px;}

.btncontact p {
    width: 200px;
    display: flex;
    justify-content: flex-end;
}

.btncontact a {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 20px;
    line-height: 28px;
    background-color: #C8A155;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 20px;
}

.btncontact a:hover{text-decoration: none;background-color: #000;}

#slider{min-height:300px;background-color:#171717;position: relative;}
#slider .item::before{content:"";background:linear-gradient(0deg,rgba(0,0,0,0) 0,#000 100%);position:absolute;left:0;top:0;width:100%;height:300px;z-index: 1;}
#slider .item::after{content:"";position:absolute;left:0;top:0;width:100%;height: 100%;background-color: rgb(0 0 0 / 20%);z-index: 1;}
#slider .item {overflow: hidden;}
#slider .item img{width:100%;object-fit:cover;min-height: 550px;max-height: 700px;animation: zoomeffect 30s infinite;}
.conslider{position:absolute;top: 50%;width:100%;padding: 20px 10% 0;color: #FFF;transform: translateY(-50%);box-sizing: border-box;text-align: center;z-index: 2;text-shadow: 0 3px 4px #000;}
.conslider h2{vertical-align:middle;color: #FFF;font-size: 44px;line-height: 52px;text-transform: uppercase;font-weight: 500;padding-bottom: 25px;max-width: 800px;margin: auto;text-shadow: 0 3px 4px #000;}
.conslider h2 strong{font-weight: 400;color: #f6eddb;}
.conslider p{max-width: 700px;padding-bottom: 25px;font-size: 16px;line-height: 28px;font-weight: 300;margin: auto;}
.conslider p a{display: table;margin: auto;font-size: 17px;font-weight: 500;color: #FFF;padding: 8px 25px;border-radius: 50px;border: 2px solid #FFF;text-shadow: none;}
.conslider p a:hover{text-decoration: none; background-color: #FFF;color:#111;}
#slider .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;opacity:0;transition:all .3s .1s}
#slider:hover .owl-nav{opacity:1}
#slider .owl-nav div{position:absolute;top:50%;transform:translateY(-50%);font-size: 25px;display:flex;width:44px;height:44px;background-color:RGBA(255,255,255,0.8);box-shadow:0 0 4px 0 #000;color: #111;border-radius:50%;justify-content:center;align-items:center;transition:all .3s .1s}
#slider .owl-nav div:hover{background-color:#FFF;color:#C8A155}
#slider .owl-prev{left:40px}
#slider .owl-next{right:40px;left:auto}
#slider .owl-dots {position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);}
#slider .owl-dots div {width: 14px;height: 14px;background-color: #FFF;display: inline-block;margin: 5px 6px;border-radius: 50%;}
#slider .owl-dots div.active {background-color: #C8A155;}
@keyframes zoomeffect{0%{transform:scale(1);}50%{transform:scale(1.1);}100%{transform:scale(1);}}

/* content */
.content h1{font: 40px 'Gabarito',sans-serif;line-height: 40px;font-weight: 600;padding-bottom: 20px;width: 100%;color: #111;}
.content.cat h1{width: 100%;text-align:center;}
.content h2{color: #111;font-size: 28px;line-height: 32px;padding-bottom: 25px;font-weight: 600;}
.content h3{color: #C8A155;font-size: 28px;line-height: 32px;padding-bottom: 25px;font-weight: 600;}
.content h4{font-size: 20px;padding-bottom: 25px;font-weight: 600;}
.content h5 {
    background-color: #ddd;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px 15px 40px;
    position: relative;
    border-bottom: 15px solid #FFF;
}

.content h5::before {
    content: "\f05a";
    font: 900 20px "Font Awesome 5 Free";
    position: absolute;
    left: 15px;
    top: 17px;
    color: #16202a;
}
.content p{padding-bottom: 20px;line-height: 30px;color: #5D5D5D;}
.content p:empty{display: none;}
.content ul, .content ol{margin-left: 30px; padding-bottom: 15px;}
.content li{list-style-type: disc;line-height: 28px;padding: 2px 0;color: #5D5D5D;}
.content ol li{list-style: decimal;}
.imgdesta {position: relative;line-height: 0;overflow: hidden;background-color: #000;}
.imgdesta::after {
    content: "";
    background: linear-gradient(180deg, #fff0 0%, #000000 100%);
    position: absolute;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
}
.imgdesta img {width: 100%;object-fit: cover;min-height: 550px;max-height: 700px;opacity: 80%;}
.imgdesta .boxdesta {position: absolute;top: 50%;left: 0;z-index: 10;transform: translateY(-50%);width: 100%;text-align: center;text-transform: uppercase;color: #FFF;text-shadow: 0 3px 4px #000;}
.imgdesta p{line-height: 22px;position: relative;padding-bottom: 20px;margin-bottom: 25px;}
.imgdesta h1 {text-align: center;font: 50px 'Gabarito',sans-serif;letter-spacing: 1px;line-height: 58px;position: relative;padding: 0 10px;box-sizing: border-box;}
.imgdesta .boxdesta.boxdestatour {
    top: auto;
    transform: none;
    bottom: 10%;
    display: flex;
    padding: 0 5%;
    justify-content: space-between;
    align-items: flex-end;
    box-sizing: border-box;
}

.destasys strong {
    display: block;
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 10px;
}

.destasys {
    line-height: initial;
}

.destasys a{display: table;margin: auto;font-size: 17px;line-height: 24px;font-weight: 500;color: #FFF;padding: 8px 25px;border-radius: 50px;border: 2px solid #FFF;text-shadow: none;}
.destasys a:hover{text-decoration: none; background-color: #FFF;color:#111;}
.content.single .container {
    padding: 70px 10px 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
#destour {
    padding-bottom: 50px;
    text-align: center;
    width: 100%;
}
.cat #destour{
    padding-bottom: 30px;
    max-width: 800px;
    margin: auto;
}
#destour h2 {
    position: relative;
    margin-bottom: 20px;
    font-size: 34px;
    line-height: 38px;
    font-weight: 600;
}
#destour h2::before {
    content: "\f005";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    font: 17px "Font Awesome 7 Free";
    color: #C8A155;
    padding: 0 5px;
    background-color: #FFF;
    z-index: 1;
}
#destour h2::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 1px;
    background-color: #C8A155;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

#destour p{
    text-align: center;
}
.mainweb {
    width: 70%;
    padding-right: 30px;
    box-sizing: border-box;
}

.mainweb article {
    padding: 30px 30px 10px;
    border-radius: 10px;
    box-shadow: 0 0 8px -7px #000;
    background-color: #FFF;
}

.content .sidebarRight li.tel {
    text-align: center;
    padding: 30px;
    box-shadow: 0 0 8px -7px #000;
    border-radius: 10px;
}

.content .sidebarRight .tel h2 {
    color: #C8A155;
    font: 26px/33px 'Gabarito', sans-serif;
    padding: 0;
}

.content .sidebarRight .tel p {
    text-align: center;
    padding: 0;
}

.content .sidebarRight .tel p a {
    display: table;
    font-size: 15px;
    margin: 5px auto auto;
    background-color: #000;
    padding: 3px 20px;
    color: #FFF;
    border-radius: 8px;
}

.content .sidebarRight .tel p a:hover {
    text-decoration: none;
    background-color: #C8A155;
}
#boxacordion {background-color: #FFF;padding: 0 0 5px;margin-bottom: 20px;}
.boxacordion {margin-bottom: 30px !important;border: 2px solid #D3D3D3;padding: 20px;border-radius: 10px;}

.content .boxacordion-item{
    margin-bottom: 10px;
}
.content .boxacordion .accordion_title{
  color: #111;
  padding: 10px 45px 10px 15px;
  font-weight: 600;
  font-size: 18px;
  position:relative;
  cursor:pointer;
  text-align:left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #D3D3D3;
  border-bottom: 0;
  transition:.3s;
  border-radius: 10px;
}
.content  .accordion_title span{
    font-size: 11px;
    line-height: 20px;
    color: #067364;
    background-color: #e0f7f4;
    padding: 2px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
}
.content .boxacordion.boxincluye .accordion_title{
    font-size: 28px;
}
.content .boxacordion .accordion_title.active, .content .boxacordion .accordion_title:hover{
  background-color:#C8A155;
}

.content .boxacordion .accordion_title:before{
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  font-size: 19px;
  right: 20px;
  top:50%;
  transform:translateY(-50%);
  position:absolute;
  content:"\f067";
}

.content .boxacordion .accordion_title.fa-plus.active:before{
  content:"\f068";
}

.content .boxacordion .accordion_content{
  display:none;
  padding: 20px 15px 0;
  text-align:left;
}
.content .boxacordion .accordion_content p{
    color: #111;
    font-size: 15px;
    padding-bottom: 10px;
}
.content .boxacordion .accordion_content p em{
    font-style: normal;
    font-size: 13px;
    line-height: 18px;
}
.content .boxacordion .accordion_content i{color: #F6BB06;margin-right: 2px;font-size: 11px;}
.content .boxiconos ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    gap: 20px;
}

.content .boxiconos li {
    width: 31.3333%;
    list-style: none;
    text-align: center;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
}

.content .boxiconos li img {
    max-width: 30px;
}

.content .boxiconos li strong {
    display: block;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    padding: 8px 0;
}

.content .boxiconos h2 {
    border-bottom: 1px solid #e3e8ef;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.single table {width: 100% !important;margin-bottom: 20px;border-collapse: collapse;}
.single table tr:nth-child(1) {background-color: #524741;color: #FFF;font-size: 19px;line-height: 25px;}
.single table tr:nth-child(1) td{text-align: left;}
.single table tr:nth-child(3) {background-color: #9AABA1;}
.single table tr:nth-child(+n+4) {background-color: #79997A;}
.single table tr:nth-child(+n+6) {background-color: #598556;}
.single table tr:nth-child(+n+8) {background-color: #557B54;}
.single td {padding: 10px;border: 1px solid #c8c8c8;text-align: center;}

.content.cat, .content.page {padding: 70px 2px;position: relative;overflow: hidden;}
.content.cat article, .content.page article {background-color: #FFF;}
.content.pageabout {padding: 70px 2px 0;position: relative;overflow: hidden;}
.content.cat .boxtravel {display: flex;flex-wrap: wrap;justify-content: center;}
.content.cat .boxitem {width: 33.3333%;padding: 10px;box-sizing: border-box;}
.content.cat .boxitem .item{
    padding: 0;
    width: 100%;
}
.content.single {
    position: relative;
}

.content.single.boxblog section.container {
    max-width: initial;
    width: 70%;
    padding: 0 20px 0 0;
}
.content.single.boxblog .sidebarRight {width: 30%;}

.destacados{padding: 60px 10px 30px;}

.destacados.desblog{padding: 0;background-color: #C8A155;}
.destacados.desblog .item{
    display: flex;
    align-items: center;
}
.conboxblog, .imgboxblog {
    width: 50%;
    position: relative;
    color: #FFF;
    text-align: right;
    box-sizing: border-box;
}
.conboxblog {
    padding: 4%;
}
.conboxblog h2 {
    padding-bottom: 5px;
    margin-bottom: 25px;
    font-size: 38px;
    font-weight: 600;
    line-height: 46px;
    position: relative;
}
.conboxblog h2::after{content: "";position: absolute;width: 138px;height: 1px;background-color: #FFF;right: 0;bottom: 0;}
.conboxblog h2 a {
    color: #FFF;
}
.conboxblog h2 a:hover {
    text-decoration: none;
    color: #000;
}

.conboxblog p {
    line-height: 28px;
}
.conboxblog p a{
    display: inline-block;
    margin-top: 25px;
    background-color: #000;
    color: #FFF;
    font-size: 16px;
    line-height: 25px;
    padding: 10px 20px;
    border-radius: 10px;
}
.conboxblog p a:hover{text-decoration: none;background-color: #111;}
.imgboxblog::after {
    content: "";
    background: linear-gradient(180deg, #fff0 0%, #000000 100%);
    position: absolute;
    width: 100%;
    height: 15%;
    left: 0;
    bottom: 0;
}

.imgboxblog img {
    object-fit: cover;
    height: 960px;
}

.imgboxblog a{position: absolute;right: 40px;bottom: 40px;margin: auto;font-size: 16px;font-weight: 500;color: #FFF;padding: 10px 25px;border-radius: 50px;border: 2px solid #FFF;z-index: 10;}
.imgboxblog a:hover{text-decoration: none; background-color: #FFF;color:#111;}

.destacados.desblog .owl-nav, .destacados.desblog .owl-next {display: none;}
.destacados.relacionados{padding: 0;}
.destacados.relacionados{background-color: #FFF;padding: 0 10px 40px;}
.boxtravel .imgbox{line-height:0;position: relative;}

.boxtravel .item{width: 33.3333%;padding: 10px;box-sizing: border-box;position: relative;}
.relacionados .boxtravel .item{width: 100%;padding: 2px;}
.boxtravel.hometravel {display: flex;flex-wrap: wrap;padding: 10px;}
.boxtravel .item a{display: block;border-radius: 10px;box-shadow: 0 0 8px -7px #000;}
.blogweb .boxtravel p.leermas a{
    display: inline;
    padding: 10px 20px;
}
.boxtravel .item a:hover{text-decoration: none;}
.boxtravel .item img{transition:all .3s .1s;width:100%;position: relative;border-radius: 10px;}

.boxtravel a:hover{text-decoration: none;}
.boxtravel .item:hover img{opacity:0.7;}
.boxtravel .conbox{background-color: #FFF;padding: 20px;}
.content.home .conbox p, .content .conbox p, .conbox p{font-size: 14px;line-height: 26px;text-align: center;padding-bottom: 20px;}
.dat {
    position: absolute;
    z-index: 10;
    bottom: -14px;
    display: flex;
    font-size: 11px;
    justify-content: space-between;
    width: 94%;
    left: 3%;
    padding: 0 15px;
    background-color: #000;
    line-height: 33px;
    border-radius: 20px;
    box-sizing: border-box;
}

.content.home .dat p, .content .dat p, .dat p {
    padding: 0;
    margin: 0;
    color: #FFF;
}

.content.home .detalles span, .detalles span {display: flex;align-items: baseline;font-size: 24px;line-height: 28px;transition: 0.3s;}
.content.home .detalles span em, .detalles span em{
    color: #000;
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
}
.content.home .detalles span:last-child, .detalles span:last-child {
    background-color: #C8A155;
    font-size: 14px;
    line-height: 22px;
    padding: 7px 12px;
    border-radius: 20px;
    box-sizing: border-box;
}
.content.home .detalles span:last-child:hover, .detalles span:last-child:hover {
    background-color: #000;
    color: #FFF;
}
.detalles span i{
    margin-left: 3px;
}

.blogweb .boxtravel .conbox{padding-bottom: 0;text-align: center;box-shadow: none;padding: 0 20px;}
.content .boxtravel h3, .destacados .boxtravel h3{font-size: 18px;line-height: 24px;color: #000;font-weight: 700;padding: 20px 0;text-align: center;box-sizing: border-box;}
.boxtravel h3 strong{font-weight: 600;display: block;}
.boxtravel h3 a{display: inline-block;position: relative;}
.boxtravel .item:hover h3 a{color: #5a6642;}
.boxtravel h3 a:hover{text-decoration:none;}
.blogweb .boxtravel h3{position: relative;background: no-repeat;}
.blogweb .boxtravel .boxitem2 h3{font-size: 26px;line-height: 30px;}
.blogweb .boxtravel h3 a {color: #222;text-shadow: none;box-shadow: none;}
.blogweb .boxtravel:hover h3 a {color: #c8a155;}
.blogweb .boxtravel h3 a::before{display: none;}
.content.cat.blogweb .boxtravel p {
    padding-bottom: 15px;
    line-height: 25px;
    text-align: center;
}
p.leermas a {display: table;margin: auto;background-color: #C8A155;color: #FFF;padding: 5px 25px;border-radius: 5px;}
p.leermas a:hover {text-decoration: none;background-color: #a1691c;}
.boxtravel h4{font-size: 15px;font-weight: 400;color: #8E8E8E;text-align: center;padding: 0;width: 100%;padding-bottom: 15px;}
.boxtravel.cat {display: flex;flex-wrap: wrap;justify-content: center;}
.boxtravel.cat .item {width: 33.3333%;padding: 5px;box-sizing: border-box;}
.boxtravel .owl-nav{position:absolute;top:50%;left: 0;transform:translateY(-50%);width:100%;transition:all .3s .1s;}
.boxtravel .owl-nav div{position:absolute;top:50%;left: -60px;transform:translateY(-50%);font-size: 35px;display:flex;width: 50px;height: 50px;background-color: hsl(141deg 77% 29% / 40%);color: #FFF;border-radius: 50%;justify-content:center;align-items:center;transition:all .3s .1s;}
.boxtravel .owl-nav div:hover{background-color:#11853a;}
.paquetes .boxtravel .owl-nav div{background-color: rgb(202 178 43 / 40%);}
.boxtravel .owl-nav .owl-next{right: -60px;left:auto;}
.paquetes .boxtravel .owl-nav div:hover{background-color:#000;}

.descuento {position: absolute;left: -10px;top: 30px;background-color: #a1691c;color: #FFF;font-size: 14px;font-weight: 300;padding: 10px 15px;line-height: initial;z-index: 10;}
.descuento::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #a1691c;
    border-left: 10px solid transparent;
}

#destinos .container {text-align: center;padding: 70px 10px;}
#destinos h2 {font-size: 40px;font-weight: 500;line-height: 40px;color: #222;display: table;margin: auto auto 50px;position: relative;padding-left: 50px;text-align: center;}
#destinos h2::before {content: "\f3c5";font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 32px;position: absolute;left: 0;color: #fc4d2b;}
#destinos p{color: #383838;max-width: 700px;margin: auto;font-size: 17px;line-height: 30px;padding-bottom: 10px;text-align: center;}

#destinos ul {
    display: flex;
    padding-top: 40px;
}

#destinos li {
    width: 33.3333%;
    margin: 5px 20px;
    position: relative;
    overflow: hidden;
    background-color: #000;
    line-height: 0;
}

#destinos li strong {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    color: #FFF;
}

#destinos li img {
    transition: 0.5s;
    opacity: 0.6;
}

#destinos li:hover img {
    opacity: 0.4;
    transform: scale(1.1);
}

#nosotros .container {
    text-align: center;
    padding: 70px 10px;
}
#nosotros h2 {
    font-size: 38px;
    font-weight: 600;
    line-height: 46px;
    color: #111;
    padding-bottom: 20px;
}
#nosotros p{color: #5D5D5D;max-width: 800px;margin: auto;font-size: 15px;line-height: 28px;padding-bottom: 10px;text-align: center;}
#nosotros2{font-weight: 300;z-index: 100;position: relative;padding: 60px 0 70px;background-color: #C8A155;}
#nosotros2 .container{position: relative;z-index: 10;padding: 0 10px;text-align: center;}
#nosotros2 .tripweb{
    background-color: #FFF;
    padding: 35px;
    margin-top: 20px;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 10px;
}
#nosotros2 h2 {
    padding-bottom: 10px;
    font-size: 38px;
    font-weight: 600;
    line-height: 46px;
    color: #FFF;
}
#nosotros2 p{
    line-height: 28px;
}
#nosotros2 h4 a {
    display: table;
    border: 1px solid #00a680;
    color: #00a680;
    margin: 20px auto auto;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}

#nosotros2 h4 a:hover {
    text-decoration: none;
    background-color: #00a680;
    color: #FFF;
}
.connbox{display: flex;flex-wrap: wrap;padding-top: 15px;max-width: 1140px;margin: auto;}
.pageabout + #nosotros .container{padding-bottom: 0;}
.nbox {
    width: 31.3333%;
    margin: 0 1%;
    padding: 30px;
    background-color: #FFF;
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
}

.nbox i{font-size: 54px;color: #C8A155;margin-bottom: 15px;}
.nbox h4{font-size: 20px;line-height: 24px;font-weight: 500;padding-bottom: 10px;}
#nosotros .nbox p{font-size: 14px;line-height: 23px;padding: 0;}
.nbox h5 a {
    display: table;
    margin: 10px auto auto;
    font-size: 17px;
    font-weight: 400;
    padding: 15px 25px;
    border: 2px solid #5a6642;
    color: #5a6642;
    border-radius: 5px;
}

.nbox h5 a:hover {
    background-color: #5a6642;
    color: #FFF;
    text-decoration: none;
}

.relacionados .descrip{padding-bottom: 20px;}
.descrip h2 {font-size: 38px;font-weight: 600;line-height: 46px;color: #111;position: relative;}

.relacionados .descrip h2{margin: auto;text-transform: initial;display: block;}
.content.home .descrip p, .descrip p {max-width: 750px;font-size: 15px;line-height: 28px;margin: auto;padding-bottom: 10px;text-align: center;}

.descrip blockquote p {color: #a1691c;font-size: 24px;line-height: 28px;padding-bottom: 40px;font-weight: 500;}
.datost {
    text-align: left;
    padding: 0 25px 20px;
    font-size: 14px;
}
.datost ul{margin: 0;padding: 0;}
.datost li {
    padding: 0 0 7px;
    list-style: none;
    line-height: 21px;
}

.datost li i {
    font-size: 13px;
    width: 22px;
    color: #111;
}

.detalles {
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    }

.detalles strong{
    color: #fb4c2a;
    font-size: 17px;
}
.detalles:hover{text-decoration: none;}
.content.single.boxblog + .destacados.relacionados .detalles{
    justify-content: center;
}
.content.home{text-align: center;padding: 70px 0 30px;position: relative;overflow-x: hidden;}
.content.home::before, .content.cat::before, .content.page::before, .content.single::before{content:"";background: url(https://salzburgprivatetoursweb.schwaiger-consulting.com/wp-content/uploads/bg1.png)no-repeat;background-size: 100%;width: 184px;height: 177px;position: absolute;left: 20px;top: 20px;z-index: -1;}
.content.home::after, .content.cat::after, .content.page::after, .content.single::after{content:"";background: url(https://salzburgprivatetoursweb.schwaiger-consulting.com/wp-content/uploads/bg2.png)no-repeat;background-size: 100%;width: 484px;height: 484px;position: absolute;right: -242px;bottom: 10%;z-index: -1;}
.content.blogweb::before, .content.blogweb::after{display: none;}
.conhomebox {
    display: flex;
    justify-content: center;
    padding: 40px 10px;
}
.content.home em {
    display: block;
    font-size: 20px;
    font-style: normal;
    line-height: 28px;
    color: #4A4844;
    font-weight: 600;
}
.content.home h1 {
    color: #111;
    font-size: 42px;
    line-height: 48px;
}

.content.home  h1 strong{color: #C8A155;font-weight: 600;}

.content.home p {
    text-align: center;
    max-width: 1100px;
    margin: auto;
}
.content.home h3 a{
    display: table;
    margin: auto;
    background-color: #C8A155;
    color: #FFF;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 25px;
    border-radius: 10px;
}
.content.home h3 a:hover{text-decoration: none;background-color: #000;}
footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 55px;
}

.socialfooter {
    width: 32%;
    padding: 20px;
    box-sizing: border-box;
}
.socialfooter img{filter: brightness(0) invert(1);}
.menufooter {
    width: 20%;
    padding: 20px;
    box-sizing: border-box;
}
.datefooter{
    width: 24%;
    padding: 20px;
    box-sizing: border-box;
}
.datefooter li{
    font-size: 15px;
    line-height: 22px;
    padding: 0 0 10px 31px;
    position: relative;
}
.datefooter li a{color: #FFF;}
.datefooter li a:hover{text-decoration: none;color: #C8A155;}
.datefooter li i{
    font-size: 18px;
    position: absolute;
    left: 0;
    top: 2px;
}
.datosfooter {
    width: 24%;
    padding: 20px;
    box-sizing: border-box;
}

.socialfooter p {
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 23px;
    max-width: 250px;
    }
.socialfooter p a:hover {text-decoration: none;color: #e89187;}
footer h3 {
    color: #C8A155;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

footer h4 {
    color: #16336d;
    padding: 15px 0;
    font-size: 21px;
}
.socialfooter ul {
    display: flex;
    padding-top: 15px;
}

.socialfooter li {
    font-size: 24px;
    line-height: 28px;
    padding-right: 15px;
}

.socialfooter li a {
    color: #FFF;
}
.socialfooter li a:hover {text-decoration: none;}
.socialfooter li i{transition: 0.3s;width: auto;}
.socialfooter li i.fa-twitter:hover {color: #21d3f1;}
.socialfooter li i.fa-facebook-f:hover {color: #0c62d0;}
.socialfooter li i.fa-instagram:hover {color: #c52bd2;}
.socialfooter li i.fa-youtube:hover {color: #e21b1b;}

.menufooter ul{padding-bottom: 12px;}
.menufooter li {padding-bottom: 10px;font-size: 15px;line-height: 22px;}
.menufooter li a {
    color: #FFF;
}
.menufooter li a:hover {text-decoration: none;color: #C8A155;}

.datosfooter p {
    font-size: 13px;
    line-height: 20px;
}

.datosfooter p a {
    display: table;
    background-color: #07B154;
    color: #FFF;
    font-size: 22px;
    padding: 8px 20px;
    border-radius: 3px;
}

.datosfooter p i {
    font-size: 27px;
    vertical-align: bottom;
}
.datosfooter p a:hover {text-decoration: none; background-color: #1cd26f;}

#copyright {width: 100%;padding: 25px 10px;margin-top: 15px;color: #FFF;text-align: center;font-size: 14px;border-top: 1px solid #CCC;}
#copyright a {color: #f5c47f;}
#copyright a:hover {text-decoration: none;color: #FFF;}

/* Sidebar Right */
.sidebarRight{width: 30%;position: sticky;top: 20px;}
.content .sidebarRight ul {margin: 0;padding: 0;}
.content .sidebarRight li {list-style: none;padding: 0;}
.content .rightsys{text-align: center;margin-bottom: 30px;padding: 30px;box-shadow: 0 0 8px -7px #000;border-radius: 10px;}
.content .rightsys strong {
    display: block;
    font-size: 28px;
    line-height: 36px;
    padding-bottom: 10px;
}
.content .rightsys a{display: block;margin: auto;font-size: 17px;line-height: 24px;font-weight: 500;color: #C8A155;padding: 10px 25px;border-radius: 50px;border: 2px solid #C8A155;text-shadow: none;max-width: 300px;}
.content .rightsys a:hover{text-decoration: none; background-color: #C8A155;color:#FFF;}


#recientes{position:relative;margin-bottom: 30px;padding: 30px 30px 10px;background-color: #FFF;border-radius: 20px;box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);}
#recientes h4 {color: #000;padding: 5px 10px;margin-bottom: 15px;display: table;font-weight: 700;}
#recientes .item {display: flex;align-items: flex-start;padding-bottom: 20px;border-bottom: 1px dashed #DDD;margin-bottom: 20px;}
.imgre {width: 100px;min-width: 100px;position: relative;margin-right: 10px;background-color: #000;line-height: 0;}
.imgre img{
    height: 80px;
    object-fit: cover;
}
.content .conre h3{padding: 0;font-weight: 500;}
.content .conre h3 a {font-size: 14px;line-height: 18px;display: table;color: #000;}
.conre p {padding: 0;font-size: 12px;text-align: left;}
.content .sidebarRight li.facebook {text-align: center;padding: 30px;background-color: #FFF;border-radius: 20px;box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);}
.content .sidebarRight .facebook h2 {text-transform: inherit;color: #000;padding: 5px 10px;font-size: 20px;margin-bottom: 10px;display: table;font-weight: 400;}

/* footer */
footer {font-weight: 300;background-color: #000;color: #FFF;}
.content .boxcontact h2 {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
}

.content .boxcontact h2 strong {
    font-weight: 700;
    color: #C8A155;
}

.bformweb p {
    display: flex;
}
.boxform{padding-top: 30px;display:flex;flex-wrap: wrap;justify-content: space-around;}
.formleft{width: 60%;padding: 30px 20px 5px;margin-bottom: 15px;box-sizing:border-box;border: 2px solid #E6E6E6;border-radius: 10px;background-color: #FFF;}
.content .formleft h3{
    color: #111;
    font-size: 30px;
    font-weight: 700;
    display: table;
    border-bottom: 5px solid #C8A155;
    margin: auto auto 30px;
}
.formleft form{border-radius:5px;position:relative}
.formleft input,.formleft textarea{font:15px 'Gabarito',sans-serif;padding: 12px;border-radius:5px;border:1px solid #DDD;width:100%;box-sizing:border-box;max-width:100%}
.formleft .wpcf7-form-control-wrap{display:block}
.formleft .wpcf7-form-control-wrap::before{font: 16px "Font Awesome 5 Free";position:absolute;top:50%;transform:translateY(-50%);left:12px;color:#373737}
.formleft .your-name::before{content:"\f007"}
.formleft .your-phone::before{content:"\f232";font-family: "Font Awesome 5 Brands";font-size: 17px;}
.formleft .your-email::before{content:"\f0e0"}
.formleft .your-nationality::before{content:"\f57d";font-weight: 700;font-size: 17px;}
.formleft .your-message::before{content:"\f4ad";transform:initial;top:8px;transform: rotateY(180deg);font-size: 17px;}
.formleft input[type="submit"]{width:auto;display: table;margin: auto;background-color: #C8A155;color:#FFF;text-transform:uppercase;padding: 15px 20px;border:none;font-size:15px;border-radius: 10px;cursor:pointer;transition:all .3s .1s;}
.formleft input[type="submit"]:hover{background-color:#000}
.formleft label{display:block;font-size: 15px;font-weight: 600;color: #111;padding: 0 10px 10px;}
.formleft .bformweb label{
    width: 50%;
}
.formleft br{display:none}
.formleft form p{padding-bottom:0}
.formleft .wpcf7-validation-errors,.formleft .wpcf7-mail-sent-ng,.formleft .wpcf7-mail-sent-ok,.formleft .wpcf7 form.invalid .wpcf7-response-output{margin: -10px 0 15px;padding:4px;text-align:center;color: #dc3232;border-color: #dc3232;font-size:12px;letter-spacing:0;word-spacing:0;right:10px;bottom:10px;border-width: 1px;border-radius:5px;}
.use-floating-validation-tip span.wpcf7-not-valid-tip{font-size:12px;line-height:16px;position: absolute;top: 50%;left: 10px;transform: translateY(-50%);width: initial;min-width: 180px;}
.formleft .wpcf7-spinner{
    margin: 5px auto auto;
    display: table;
}
.datecon{float:right;width: 36%;padding: 30px 20px 5px;margin-bottom: 15px;box-sizing:border-box;border: 2px solid #E6E6E6;border-radius: 10px;background-color: #FFF;}
.content .datecon h3{
    color: #111;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
}
.content .datecon ul{
    margin: 0;
}
.content .datecon li{
    list-style: none;
    color: #111;
    position: relative;
    line-height: 24px;
    padding: 0 0 10px 30px;
}
.content .datecon i{
    color: #C8A155;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}
.boxDestino1,.boxDestino2,.boxDestino3{display:inline-block;width:50%;margin-bottom:15px;min-height:260px;vertical-align:top;box-sizing:border-box;border:1px solid #CCC;background-color:#f1f1f1;padding:15px;letter-spacing:0;word-spacing:0;font-size:14px}
.boxDestino3{display:block;width:100%}
.boxDestino1{padding:0 15px 0 0 !important;border:none;background:none}
.boxDestino1 .bgbox{border:1px solid #CCC;background-color:#f1f1f1;min-height:260px;padding:15px;box-sizing:border-box}


.boxinfo {
    border: 1px solid #e3e8ef;
    padding: 30px 30px 20px;
    margin-bottom: 15px;
    text-align: center;
}

.content .boxinfo p {
    text-align: center;
    padding-bottom: 10px;
}

.content .boxinfo h3 {
    padding-top: 0;
}

.content .boxinfo p a {
    display: table;
    margin: 10px auto auto;
    border: 1px solid #5a6642;
    font-size: 13px;
    padding: 2px 25px;
    border-radius: 50px;
}

.content .boxinfo p a:hover {
    text-decoration: none;
    background-color: #5a6642;
    color: #FFF;
}

.conpagos {padding: 15px 30px;display: flex;flex-wrap: wrap;background: #f1f1f1;border-radius: 5px;}
.conpagos h2 {width: 100%;padding-top: 15px;}
.boxpagos {padding: 20px 20px 5px;margin-bottom: 15px;background-color: #e2e2e2;margin-right: 10px;border-radius: 5px;border: 1px solid #cbcbcb;min-width: 300px;text-align: center;}
.boxpagos form br {display: none;}
.boxpagos form {padding-bottom: 5px;}
.boxpagos p {text-align: center;line-height: 19px;font-size: 15px;}
.boxpagos img {display: block;margin: auto;}
.boxpagos ul {margin: 0;}
.boxpagos li {list-style: none;border-bottom: 1px dashed #cbcbcb;padding: 2px;font-size: 15px;color: #1b1d21;}

.fixwhatsapp{position:fixed;bottom: 20px;right: 20px;text-align:center;z-index: 100000;animation: bounce-in 5s infinite;}
.fixwhatsapp a{background-color:#17A43B;color:#FFF;font-size: 40px;border-radius: 50%;height: 60px;width: 60px;text-align: center;display: flex;justify-content: center;align-items: center;margin: auto;z-index: 10;position: relative;box-shadow: 1px 1px 5px -1px #000;}
.fixwhatsapp a:hover {background-color: #1cd26f;text-decoration:none;}
@keyframes bounce-in {0%{transform: translate(0);}30%{transform: translate(0,-25px);}50%{transform: translate(0);}100%{transform: translate(0);}}

.content .boxtestimonios ul, .content .boxequipo ul {margin: 0; display: flex;flex-wrap: wrap;}
.content .boxtestimonios li, .content .boxequipo li {width: 33.3333%;padding: 10px;box-sizing: border-box;list-style: none;line-height: 0;}
.content .boxtestimonios iframe {padding: 10px;box-sizing: border-box;border: 1px solid #aaa;border-radius: 5px;transition: 0.3s;}
.content .boxtestimonios iframe:hover {background-color: #16336d;}
.content .boxequipo{background-color: #ededed;padding: 20px;}
.content .boxequipo ul{border: 1px solid #d9d9d9;}
.content .boxequipo li {width: 50%;line-height: 26px;border: 1px solid #d9d9d9;padding: 20px;}
.content .boxequipo li strong {color: #16336d;font-size: 23px;display: block;}

.content.cat.blogweb {
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #FFF;
    padding: 50px 0 35px;
    border-top: 1px solid #ddd;
}

.content.cat.blogweb section {
    width: 100%;
    box-sizing: border-box;
}

.content.cat.blogweb .boxitem.boxitem2 {
    width: 100%;
    padding: 16px;
}

.content.cat.blogweb .boxitem {
    width: 50%;
}
.compartir {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 10;
    opacity: 0;
    transition: 0.3s;
}

.heateor_sss_sharing_ul a {
    display: table !important;
    float: none !important;
    margin: 0 !important;
}

.blogweb .boxtravel .item:hover .compartir {
    opacity: 1;
}
.content.cat.blogweb h6{font-size: 16px;font-weight: 300;text-align: center;padding: 0 25px 10px;color: #111;}
.content .sidebarRight .desright ul {
    padding-bottom: 15px;
}
.content .sidebarRight .desright li {
    padding: 15px 5px;
    text-align: left;
    line-height: 20px;
    border-bottom: 1px solid #CCC;
}
.content .sidebarRight .desright li a {
    color: #000;
    font-size: 15px;
}
.content .sidebarRight .desright li a:hover {color:#fd4e2c; text-decoration: none;}

.content .desright h4 {
    padding: 10px 0;
    margin-bottom: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 17px;
}


.content.cat.blogweb .sidebarRight {
    width: 30%;
    top: 0;
    background-color: #FFF;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 0px 0px 30px 0px rgb(6 30 98 / 8%);
}

.navigation {
    display: none;
}

span.breadcrumb_last {font-weight: 500;}

p#breadcrumbs {
    display: table;
    background-color: #f0f0f0;
    font-size: 13px;
    font-weight: 300;
    padding: 5px 10px;
    margin-bottom: 15px;
    border-radius: 3px;
}
p#breadcrumbs a{color: #4f4f4f}
#datos h1 {
    font: 40px 'Gabarito',sans-serif;
    color: #16336d;
    padding-bottom: 15px;
}

.lugares {
    padding-bottom: 15px;
}

.lugares i {
    color: #222;
}

.iconos {
    padding: 70px 0;
}

.iconos ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconos li {
    padding: 0 1%;
    line-height: 0;
}
.iconos li img{
    max-width: 170px;
}

.popup-overlay {
    display: none;
    position: fixed;
    inset: 0;
    padding: 0 20px;
    background: rgba(0,0,0,0.9);
    z-index: 99999;
}

.popup-box {
    background: #fff;
    max-width: 750px;
    margin: 5% auto;
    padding: 20px;
    border-radius: 8px;
    position: relative;
}
.close-popup {
    position: absolute;
    right: -14px;
    top: -14px;
    font-size: 24px;
    cursor: pointer;
    background-color: #C8A155;
    color: #FFF;
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 0.3s;
}
.close-popup:hover {background-color: #000;}
.popup-content {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 20px;
}
.content .popup-content h3{
    color: #111;
    text-align: center;
    font-weight: 700;
    font-size: 25px;
    line-height: 32px;
    padding-bottom: 15px;
}
.popup-content::-webkit-scrollbar {
    width: 2px;
}

.popup-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.popup-content::-webkit-scrollbar-thumb {
    background: #C8A155;
    border-radius: 10px;
}

.popup-content::-webkit-scrollbar-thumb:hover {
    background: #111;
}
.content.pageabout article > h2 {
    text-align: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    padding: 0 10px 60px;
}
.content.pageabout article > h2 strong {
    font-weight: 700;
    color: #C8A155;
}

.boxabout {
    background-color: #C8A155;
    display: flex;
    align-items: center;
}

.aboutcon {
    width: 64%;
    padding: 4%;
    box-sizing: border-box;
}
.content .aboutcon p{padding: 12px 0;color: #FFF;line-height: 34px;}
.aboutimg {
    width: 36%;
}
.content .aboutimg p{padding: 0; line-height: 0;}
.boxabout:nth-child(odd) {
    background-color: #D1D1D1;
    flex-direction: row-reverse;
}
.content .boxabout:nth-child(odd) .aboutcon p{
    color: #111;
    text-align: right;
}
.boxreviews{max-width: 1220px;padding: 70px 10px 0;}
.boxreviews .descrip {
    padding-bottom: 30px;
}
.content .boxreviews h2{
    padding-bottom: 15px;
    margin-bottom: 30px;
    text-align: center;
}
.content .boxreviews h2::before {
    content: "\f005";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    font: 17px "Font Awesome 7 Free";
    color: #C8A155;
    padding: 0 5px;
    background-color: #FFF;
    z-index: 1;
}
.content .boxreviews h2::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 2px;
    background-color: #C8A155;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
.boxreviews .item {
    display: flex;
}

.conreview {
    width: 50%;
    height: 415px;
    overflow: auto;
    padding: 0 30px 85px 0;
}
.content .conreview h3{
    text-align: left;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    position: relative;
    color: #111;
    padding-bottom: 15px;
    margin-bottom: 25px;
}
.content .conreview h3::after{content: "";background-color: #111;position: absolute;width: 140px;height: 1px;left: 0;bottom: 0;}
.content .conreview p, .content .conreview li{
    color: #111;
    font-size: 15px;
    line-height: 24px;
}
.viewreviews {
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #FFF;
    width: inherit;
    padding: 20px 0 25px;
}

.viewreviews div {
    display: flex;
    align-items: center;
    background-color: #C8A155;
    width: max-content;
    padding: 8px 20px;
    border-radius: 10px;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    transition: 0.3s;
}

.viewreviews img {
    margin-right: 10px;
}
.viewreviews div:hover{background-color: #000;}
.conreview::-webkit-scrollbar {
    width: 2px;
}

.conreview::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.conreview::-webkit-scrollbar-thumb {
    background: #C8A155;
    border-radius: 10px;
}

.conreview::-webkit-scrollbar-thumb:hover {
    background: #111;
}
.imgreview {
    width: 50%;
    padding-left: 30px;
}
.boxreviews .owl-carousel .owl-item .imgreview img{
    height: 500px;
    object-fit: cover;
    width: 100%;
}
.boxreviews .owl-carousel .owl-item img {
    width: auto;
}
.boxreviews .owl-nav{position:absolute;top:50%;transform:translateY(-50%);width:100%;transition:all .3s .1s}
.boxreviews .owl-nav div{position:absolute;top:50%;transform:translateY(-50%);font-size: 22px;display:flex;width: 40px;height: 40px;background-color:RGBA(255,255,255,0.8);box-shadow:0 0 4px 0 #000;color: #111;border-radius:50%;justify-content:center;align-items:center;transition:all .3s .1s}
.boxreviews .owl-nav div:hover{background-color:#FFF;color:#C8A155}
.boxreviews .owl-prev{left: -70px;}
.boxreviews .owl-next{right: -70px;left:auto}
.boxreviews .owl-dots {
    text-align: center;
    padding-top: 30px;
}
.boxreviews .owl-dots div {width: 14px;height: 14px;background-color: #C8A155;display: inline-block;margin: 5px 6px;border-radius: 50%;}
.boxreviews .owl-dots div.active {background-color: #111;}
@media (max-width: 1400px){
.logointro {
    width: 220px;
    height: 220px;
}
}
@media(max-width:1366px){
    .container {max-width: 1180px;}
    .logointro {
        width: 200px;
        height: 200px;
    }
    #menu ul li a{font-size: 16px;}
    .conslider h2{font-size: 42px;
    line-height: 50px;}
    .content.home h1{
    font-size: 39px;
    line-height: 45px;
}
    .imgdesta h1 {
    font-size: 40px;
    line-height: 48px;
}

.descrip h2, #nosotros2 h2, #nosotros h2 {
    font-size: 34px;
    line-height: 42px;
}
.content.pageabout article > h2, .content .boxcontact h2{
    font-size: 33px;
    line-height: 40px;
}
.content .formleft h3{
    font-size: 27px;
    padding-bottom: 20px;
}
    .content .datecon h3{
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 20px;
}
.content.home::before, .content.cat::before, .content.page::before, .content.single::before{width: 144px;}
.content.home::after, .content.cat::after, .content.page::after, .content.single::after{width: 424px;height: 484px;}
.content .aboutcon p{
    font-size: 15px;
    line-height: 30px;
}
    .socialfooter p, .menufooter li, .datefooter li{font-size: 14px;}
.fixwhatsapp a{font-size: 34px;border-radius: 50%;height: 50px;width: 50px;}
}
@media(max-width: 920px){
    #menu ul li{padding: 0 5px}
.content h1{
    font-size: 32px;
    line-height: 34px;
}
.content h2, .content h3 {
    font-size: 25px;
    line-height: 28px;
}
.conslider h2{
    font-size: 38px;
    line-height: 44px;
    }
    .content.home h1{
    font-size: 36px;
    line-height: 43px;
}
    .imgdesta h1 {
    font-size: 36px;
    line-height: 44px;
}

.descrip h2, #nosotros2 h2, #nosotros h2, .conboxblog h2 {
    font-size: 30px;
    line-height: 38px;
}
.content.pageabout article > h2, .content .boxcontact h2{
    font-size: 29px;
    line-height: 36px;
}
.content .formleft h3{
    font-size: 23px;
    padding-bottom: 20px;
}
    .content .datecon h3{
    font-size: 19px;
    line-height: 24px;
    padding-bottom: 20px;
}
.boxtravel .item, .content.cat .boxitem{width: 50%;}
.mainweb {
    width: 100%;
    padding: 0;
}

.sidebarRight, .content.single.boxblog .sidebarRight {
    width: 100%;
    margin-top: 30px;
    position: relative;
    top: 0;
}
.content.single{overflow: hidden;}
.socialfooter {
    width: 100%;
    text-align: center;
}
.socialfooter p {
    max-width: initial;
}

.socialfooter ul {
    justify-content: center;
}

.menufooter {
    width: 26%;
}
.datefooter{width: 44%;}
.datosfooter{
    width: 30%;
}
.content .conreview p, .content .conreview li {
    font-size: 14px;
    line-height: 22px;
}

.conreview {
    width: 60%;
    height: 315px;
}

.imgreview {
    width: 40%;
}

.boxreviews .owl-carousel .owl-item .imgreview img {
    height: 400px;
}

.viewreviews div {
    font-size: 17px;
}
.blogweb .boxtravel .boxitem2 h3 {
    font-size: 23px;
    line-height: 28px;
}

.blogweb .boxtravel h3 {
    font-size: 16px;
    line-height: 22px;
}
}
@media(max-width: 768px){
    .alignleft, .alignright{display: block; margin: auto auto 10px;float: none;}
.mob-menu-header-holder {box-shadow: 0 0 10px 0 #000;}
.homeweb .mob-menu-header-holder {display: none;}
.homeweb .mob-menu-header-holder.show{display: block;}
.btncontact {
    display: none;
}

#supertop ul {
    justify-content: center;
}

#supertop li {
    padding: 0 15px;
}
.logo {
    width: 100%;
    padding: 5px 0;
    justify-content: center;
}
header .container {
    display: block;
    padding: 15px;
}
.content.home h1{
    font-size: 30px;
    line-height: 38px;
}
    .imgdesta h1 {
    font-size: 36px;
    line-height: 44px;
}

.descrip h2, #nosotros2 h2, #nosotros h2, .conboxblog h2 {
    font-size: 28px;
    line-height: 36px;
}
.content.pageabout article > h2, .content .boxcontact h2{
    font-size: 29px;
    line-height: 36px;
}
.content .formleft h3{
    font-size: 23px;
    padding-bottom: 20px;
}
    .content .datecon h3{
    font-size: 19px;
    line-height: 24px;
    padding-bottom: 20px;
}
.boxtravel.hometravel {
    padding: 10px 0;
}

.destacados .container {
    padding: 0;
}

.detalles {
    display: block;
}

.content.home .detalles span, .detalles span {
    width: 100%;
    justify-content: center;
}

.content.home .detalles span:last-child, .detalles span:last-child {
    margin-top: 15px;
}

.nbox {
    width: 100%;
    margin: 5px 0;
    padding: 15px;
}

.destacados.desblog .item {
    display: block;
}

.conboxblog, .imgboxblog {
    width: 100%;
    text-align: center;
}

.conboxblog h2::after {
    right: 50%;
    transform: translateX(50%);
}

.imgboxblog img {
    height: 350px;
}
.destacados.desblog{background: none;}
.conboxblog{background-color: #C8A155;padding-bottom: 20px;}
.conboxblog p a{
    margin-top: 15px;
}
}
@media(max-width:580px){
#supertop{display: none;}
.content h1{
    font-size: 30px;
    line-height: 32px;
}
.content h2, .content h3 {
    font-size: 23px;
    line-height: 26px;
}
header .container {
    position: absolute;
    z-index: 100;
    width: 100%;
    padding-top: 30px;
}
header.header .container{
    position: relative;
    padding: 15px;
}
.logo img {
    filter: brightness(0) invert(1);
}
header.header .logo img{
    filter: none;
}
#slider .item img {
    max-width: initial;
    height: 100vw;
}

.conslider {
    top: auto;
    bottom: 40px;
    transform: none;
}
.conslider h2{
    font-size: 30px;
    line-height: 40px;
    }
    .content.home h1{
    font-size: 30px;
    line-height: 37px;
}
    .imgdesta h1 {
    font-size: 34px;
    line-height: 42px;
    padding-bottom: 20px;
}
.imgdesta .boxdesta.boxdestatour {
    display: block;
    bottom: 30px;
}
.descrip h2, #nosotros2 h2, #nosotros h2, .conboxblog h2 {
    font-size: 24px;
    line-height: 32px;
}
.relacionados .descrip h2 {
    text-align: center;
    font-size: 23px;
    line-height: 28px;
}
.content.pageabout article > h2, .content .boxcontact h2{
    font-size: 27px;
    line-height: 34px;
}
.content .formleft h3{
    font-size: 21px;
    padding-bottom: 20px;
}
    .content .datecon h3{
    font-size: 17px;
    line-height: 22px;
    padding-bottom: 20px;
}
.mainweb article{
    padding: 16px 16px 0;
}
.boxtravel .item, .content.cat .boxitem{width: 100%;padding: 10px 0;}
.content.cat.blogweb .boxitem{width: 100%;padding: 16px;}
.imgboxblog a{
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    background-color: #FFF;
    color: #111;
}
.boxabout {
    display: block;
}

.aboutcon, .aboutimg, .formleft, .datecon {
    width: 100%;
}

.boxreviews .item {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.conreview {
    width: 100%;
    padding: 0 0 85px 0;
}
.boxreviews .descrip {
    padding-bottom: 0;
}
.imgreview {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}
.menufooter, .datefooter, .datosfooter {
    width: 100%;
    text-align: center;
    padding: 10px;
}

.datefooter li i {
    position: inherit;
    font-size: 16px;
}
}