@charset "UTF-8";

.btn-point i { display: none}

.fa-male::after{     content: "\f182"; margin-left: 3px}

header a.logo {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    width: auto;
    text-align: center;
    padding: 0px;
    background: #FAE345;
    top: 25px;
    position: relative;
}


a.btn-footer:hover {
    color: #fae345;
}


a.logoclassfooter {
    margin: 25px 0;
    display: none;
    max-width: 180px;
}

.revolution::before {
    content: '' !important;
    position: absolute;
    height: 120px;
    left: 0;
    right: 0;
    opacity: 0.3;
    top: 0;
    z-index: 1;
    width: 100%;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6054796918767507) 33%, rgba(0,0,0,0) 83%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6054796918767507) 33%, rgba(0,0,0,0) 83%);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6054796918767507) 33%, rgba(0,0,0,0) 83%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}


header a.logo img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    margin-top: 0;
}

.header-appear a.logo img {
    margin-top: 0;
}

.header-appear a.logo {
    top: 0;
}

.header-social-icon {
    margin-top: 25px;
    margin-left: 0;
}

header nav .navbar-nav > li > a {
    margin: 25px 1vw;
    font-size: 15px;
}


.medium-icon1 a {
    height: 50px;
    width: 50px;
    line-height: 45px;
    margin: 2px;
    border: 1px solid transparent;
}

.medium-icon1 a:nth-child(1):hover {
    background: #4267b2;
}

.medium-icon1 a:nth-child(2):hover {
    background: #2977c9;
}

.medium-icon1 a:nth-child(3):hover {
    background: #CE74E2;
}



.padding-15px-right{ padding-right: 15px}
.padding-5px-right{ padding-right: 5px}
.padding-5px-left{ padding-left: 5px}

.navbar-nav{ float: none !important; text-align: center; width: 100%}
.navbar-nav>li {
    float: none !important;
  display: inline-block
}

.header-social-icon a {
    background: #fae345;
    padding-right: 15px;
    display: block;
    text-align: center;
    min-width: 175px;
    color: #000 !important;
    font-weight: bold;
}
.header-social-icon a:hover {
    background: #000000;
    color: #fff !important;
}



.header-appear .navbar-default {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 0 22px -8px #696969;
}

.nav_line li a::before {
    background: rgb(255 255 255 / 0.3);
    left: -15px;
    right: -15px;
    width: auto;
    display: block;
    bottom: 0px;
    height: calc(100% + 5px);
    top: -3px;
    border-radius: 15px !important;
    z-index: -1;
}

.header-appear .navbar-nav > li > a {
    color: #4c4c4c !important;
}

.header-appear .nav_line li.active a{
  color: rgb(250 227 69) !important;
}

.header-appear .nav_line li a::before {
  background: rgb(0 0 0);
}


.volver {
    position: fixed;
    right: 0;
    z-index: 8000;
    font-size: 2em;
    background: #000000;
    left: 0;
    text-align: center;
    width: 100%;
    max-width: 40px;
    margin: auto;
    color: #fae345;
    height: 35px;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    box-shadow: 0 5px 7px -2px rgba(0,0,0,0.86);
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
    }

.volver:hover {
    color: #000;
    background: #fae345;
}

*{ 
font-family: 'Noto Sans SC', sans-serif; 
    color: rgba(91,91,91,1.00)
}

body {
    background-color: #fff;
}

.container{ position: relative}

section{ position: relative}

* b { font-weight: 900 !important}

* p,* a,* b,* i,* sup,* span, * label, i::before{ color: inherit ; font-weight: inherit}

.btn.btn-rounded.btn-large {
    margin-bottom: 0px;
    z-index: 10;
    position: relative;
    margin: auto;
    border: solid 2px #fff;
    font-weight: bold;
}

#video1 {
    cursor: pointer;
    width: 90px;
    height: 90px;
    text-align: center;
    display: block;
    margin: auto;
    background: #4c4c4c;
    position: relative
}

#video1 .fa-play{
    display: block;
    padding: 10px 16px;
}

#video1 .fa.fa-play:hover {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#video1 span {
    position: absolute;
    left: -100px;
    right: -100px;
    bottom: -35px;
    width: 175px;
    text-align: center;
    margin: auto;
}

div#vidBox {
    display: table;
    width: 100%;
    height: 100%;
    max-width: 900px;
    margin: auto;
    vertical-align: middle;
}

#videCont {
    margin: auto !important;
    max-width: 1000px !important;
    width: 100vw;
    padding: 50px;
    vertical-align: middle;
    display: table-cell;
    padding-bottom: 20px !important;
}

#closer_videopopup {
    cursor: pointer !important;
}

.slick-list {   padding: 0 25px; }



video {
    top: auto !important;
    left: auto !important;
    width: 100%;
    opacity: 1 !important;
    position: relative !important;
    display: table-cell;
    vertical-align: middle;
}

p.heading1 {
    line-height: 1.2em !important;
}
.logo-box{ padding: 25px; background: #4c4c4c; width: 250px; height: auto; margin-bottom: 30px}


.logo-box-footer {
    padding: 25px;
    background: #fae345;
    width: 170px;
    height: auto;
    margin: auto;
    margin-bottom: 50px;
}

.back-white{ background: rgba(255,255,255,1.00)}
.back-gray{ background: rgba(243,243,243,1.00)}

.btn-outline{ background: none; }
.btn-outline-white{border: 2px solid #000000;color: #fff;}
.btn-outline-white:hover{border: 2px solid #fae345;color: #000;background: #fae345;border-color: #fae345 !important;color: #000 !important;}

.pb-10{ padding-bottom:10px }
.pb-20{ padding-bottom:20px }
.pb-30{ padding-bottom:30px }
.pb-40{ padding-bottom:40px }
.pb-50{ padding-bottom:50px }
.pb-60{ padding-bottom:60px }
.pb-70{ padding-bottom:70px }
.pb-80{ padding-bottom:80px }
.pb-90{ padding-bottom:90px }
.pb-100{ padding-bottom: 100px }
.pb-110{ padding-bottom: 110px }
.pb-120{ padding-bottom: 120px }
.pb-130{ padding-bottom: 160px }
.pb-140{ padding-bottom: 140px }
.pb-150{ padding-bottom: 150px }
.pb-160{ padding-bottom: 160px }
.pb-170{ padding-bottom: 170px }

.pt-10{ padding-top:10px }
.pt-20{ padding-top:20px }
.pt-30{ padding-top:30px }
.pt-40{ padding-top:40px }
.pt-50{ padding-top:50px }
.pt-60{ padding-top:60px }
.pt-70{ padding-top:70px }
.pt-80{ padding-top:80px }
.pt-90{ padding-top:90px }
.pt-100{ padding-top: 100px }
.pt-110{ padding-top: 110px }
.pt-120{ padding-top: 120px }
.pt-130{ padding-top: 160px }
.pt-140{ padding-top: 140px }
.pt-150{ padding-top: 150px }
.pt-160{ padding-top: 160px }
.pt-170{ padding-top: 170px }


.pad-gral{padding:  25px}

.mb-10{ margin-bottom:10px }
.mb-20{ margin-bottom:20px }
.mb-30{ margin-bottom:30px }
.mb-40{ margin-bottom:40px }
.mb-50{ margin-bottom:50px }
.mb-60{ margin-bottom:60px }
.mb-70{ margin-bottom:70px }
.mb-80{ margin-bottom:80px }
.mb-90{ margin-bottom:90px }
.mb-100{ margin-bottom: 100px}
.mb-110{ margin-bottom: 110px}
.mb-120{ margin-bottom: 120px}
.mb-130{ margin-bottom: 130px}
.mb-140{ margin-bottom: 140px}
.mb-150{ margin-bottom: 150px}
.mb-160{ margin-bottom: 160px}
.mb-170{ margin-bottom: 170px}



.mt-10{ margin-top:10px }
.mt-20{ margin-top:20px }
.mt-30{ margin-top:30px }
.mt-40{ margin-top:40px }
.mt-50{ margin-top:50px }
.mt-60{ margin-top:60px }
.mt-70{ margin-top:70px }
.mt-80{ margin-top:80px }
.mt-90{ margin-top:90px }
.mt-100{ margin-top: 100px}
.mt-110{ margin-top: 110px}
.mt-120{ margin-top: 120px}
.mt-130{ margin-top: 130px}
.mt-140{ margin-top: 140px}
.mt-150{ margin-top: 150px}
.mt-160{ margin-top: 160px}
.mt-170{ margin-top: 170px}

.overlayBack::before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255,255,255,0.85) ; content: ''}
.overlayBlack{ position: relative}
.overlayBlack::before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.65) ; content: ''; z-index: 0}

.blue-text{     color: #4c4c4c;}
.light-text{     color: #6bd9d5;}


.title{
    font-family: 'Alegreya Sans SC', sans-serif; font-weight: 500;
    font-size: 2em;    line-height:normal;

}

.sub-title{
    font-family: 'Noto Sans SC', sans-serif; font-weight: 900; 
    font-size: 2em;    line-height: normal;

}

.title-big{
    font-family: 'Alegreya Sans SC', sans-serif; font-weight: 500;
    font-size: 4.5em;    line-height: normal;

}

.sub-title-big{
    font-family: 'Noto Sans SC', sans-serif; font-weight: 900; 
    font-size: 3em;    line-height: normal;

}
.tp-tabs, .tp-thumbs, .tp-bullets {
    display: none;
}

.banner .container{ height: 100%; }
.banner .container .col-sm-6 {
    padding-top: 90px;
    height: 100%;
}

.sectionadress {
    background: rgb(107, 217, 213);
    z-index: 1;
}

.text-white{ color: rgba(255,255,255,1.00)}
.text-white-box p{ color: rgba(255,255,255,1.00)}

.parallaxBack {
    min-height: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
    background-attachment:scroll;
    background-position: center;
  position: relative;
}


.icon-list{ list-style: none; position: relative}
.icon-list li {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
}
.icon-list li i{ position: relative; display: inline-block; left: 0; width: 23%; text-align: center; font-size: 1.5em; vertical-align: middle}
.icon-list li span {
    display: inline-block;
    width: 73%;
    vertical-align: middle;
    color: #696969;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid rgba(147,165,238,0);
    background: rgba(147,166,238 ,0);
}
.icon-list-inline-1 li{ display: inline-block; width: 100%; padding-right: 10px}
.icon-list-inline-1 li i{ width: 12%}
.icon-list-inline-2 li{ display: inline-block; width: 48%; padding-right: 10px}
.icon-list-inline-3 li{ display: inline-block; width: 32%; padding-right: 10px}
.icon-list-inline-4 li{ display: inline-block; width: 24%; padding-right: 10px}


.iconListPlantas li {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 1.2%;
    margin-right: 1.2%;
    border-right: 1px solid #c7c7c7;
    padding: 15px;
    text-align: center;
    width: 30%;
}

.iconListPlantas li:nth-child(1) {
    border-left: 1px solid #c7c7c7;
}

.slick-slide:focus{ border: none; background: none; outline: none; }

.slider-nav .slick-slide {
    padding: 25px;
    text-align: center;
    border-top: solid 12px rgb(250 227 69);
    color: #a3a3a3;
}
.slider-nav .slick-current {
    color: rgb(0 0 0) !important;
    border-top: solid 12px rgb(0 0 0);
}

.slider-nav b{ display: inline-block; margin: 0 10px}
.slider-nav i{ display: block; font-size: 16px; margin-bottom: 5px}

.slotholder, .rev_slider li.tp-revslider-slidesli{ background: rgba(0,147,255,1.00)}
.revolution.slider, .rev_slider >ul, .rev_slider_wrapper >ul, .tp-revslider-mainul >li, .rev_slider >ul >li, .rev_slider >ul >li:before, .tp-revslider-mainul >li:before, .tp-simpleresponsive >ul, .tp-simpleresponsive >ul >li, .tp-simpleresponsive >ul >li:before, .tp-revslider-mainul >li, .tp-simpleresponsive >ul >li {
    min-height: 865px;
}
.imgDistum2Box {
    position: absolute;
    width: 50vw;
    height: 580px;
    right: 0;
    top: -120px;
}

.imgDistum2 {
    position: relative;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/buildMap.png);
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 700px;
    height: 700px;
    margin: auto;
}



.imgDistum2- {
    position: absolute;
    top: -70px;
    right: 25px;
    bottom: -160px;
    left: 25px;
    background: url(../images/distum2.png);
    background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}


.zone{ position: absolute; left: 0; right: 0; top: 0; bottom: 0}

.zone svg{
    enable-background: new 0 0 889 1035;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% - 95px);
    margin: auto;
}


.backgradient {
    background: rgb(0,151,255);
    background: linear-gradient(55deg, rgb(78 116 139) 0%, rgb(78 116 139) 9%, rgb(78 116 139) 34%, rgb(78 116 139 / 71%) 91%);
    position: relative;
}


.backgradientW{  position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1 }


.imageSliderBox {
    position: absolute;
    width: 600px;
    height: 700px;
    right: -15%;
    bottom: 0%;
    overflow: hidden
}

.imageSlide{ position: absolute; bottom: 0; right: 0; left: 25px; top: 0; background-position: center bottom !important; background-size: contain !important; background-repeat: no-repeat !important; background: url(../images/DistumIndex.png)}

.slider-nav{ display: none}

.slider-nav-plantas{ display: block}

.corner {

    position: absolute;
    right: 0;
    top: 0;
    width: 200px;
    height: 200px;
    background: url(../images/class.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    z-index: 10;
  display: none
}
.plantaImg {
    width: calc(100% - 0px);
    margin: auto;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    min-height: 800px;
}
.iconBox {
    margin: 15px 1%;
    display: inline-block;
    color: rgba(255,255,255,1.00);
    text-align: center;
    max-width: 165px;
    vertical-align: top;
}
.iconBox i {
    width: 160px;
    height: 160px;
    font-size: 5em;
    line-height: 1.6em;
    color: #000;
    padding: 21px;
    border: 2px solid #fae345;
    border-radius: 15px;
    background: rgb(250 227 69);
    -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}
.iconBox i:hover {background: rgb(0 0 0);color: #fae345;}

.nextArrow, .prevArrow {
    position: absolute;
    top: 40%;
    background: rgb(250 227 69);
    color: #4c4c4c;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    padding: 8px 0;
    z-index: 10;
    cursor: pointer;
}

.boxamenidad {
    text-align: left;
    padding: 15px;
    display: inline-block;
    width: 31%;
    background: #4c4c4c;
    margin: 1%
}


.boxamenidad .img-amen {
    width: 100%;
    height: 200px;
    background: rgba(0,0,0,1.00);
    background-position: center !important;
    background-size: 110% !important;
    background-repeat: no-repeat !important;
    margin-bottom: 20px;
-moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;   
  
}

.boxamenidad:hover .img-amen{
    background-size: 130% !important;
}

.boxamenidad p{color: rgba(255,255,255,1.00); font-weight: bold}

.nextArrow{ right: 0}
.prevArrow{ left: 0}

.form-box{background: rgba(0,0,0,0.97);border-radius: 15px;max-width: 800px;margin: auto;width: 100%;z-index: 1;text-align: center;}

.backImg{ background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important}

.iconLocation{font-size: 4em !important;}

.imgContainer {
    width: 600px;
    height: 760px;
    background: rgba(255,255,255,1.00);
    position: absolute;
    top: -270px;
    bottom: 0;
    box-shadow: 0px 6px 19px -8px #000;
    border-top: 20px solid #4c4c4c;
}

.colMue{position: relative}

.imgContainer div{ position: absolute; left: 25px; right: 25px; top: 25px; bottom: 25px; background-size: contain !important; background-position: center !important; background-repeat: no-repeat !important;}

.formboxinput{ padding: 10px; margin-bottom: 15px}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background: none;
    border: none;
    outline: none;
    border-bottom: 1px solid #585858;
    color: #fff;
    padding: 5px 10px;
    width: 100%;
}

input[type=checkbox], input[type=radio] {
    width: auto;
    margin-right: 5px;
    vertical-align: top;
}
a.outline{ text-decoration: underline}


.fields{ 
  column-count: 2;
}

.contactBox{ z-index: 0}

label {
    display: inline-block;
    max-width: 90%;
    margin-bottom: 5px;
    font-weight: 100 !important;
    color: #fff !important;
}

.footer-widget-area {
    position: relative;
    z-index: 1;
}

.promoSection{ position: relative; z-index: 1}
.animPomoBox{ position: absolute; left: 0; right: 0; bottom: 0; top: 0;}
.animPomo{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-size: cover !important; background-position: center !important;  background-repeat: no-repeat !important}
.boxProm {
    width: 100%;
    background: rgba(255,255,255,1.00);
    border-top: 15px solid #fae345;
    box-shadow: 0 10px 16px -4px rgba(0, 0, 0, 0.72);
}

/*venobox*/

.vbox-container {
    overflow-y: auto !important;
}

        .title-tipo-font{ text-transform: uppercase}
        .vbox-overlay { right: -25px; background: rgba(23, 33, 42, 0.9) !important   }
        .vbox-close{ right: 25px}
        .vbox-content {text-align: center;float: left;width: 100%;position: relative;overflow: hidden;padding: 20px 60px 20px 55px;}
        .vbox-next span {    right: 30px;}        
        .vbox-title {  font-size: 1.2em !important;  padding: 16px 40px; background: #000 !important}      


/*Home*/
.list-zone li { display: inline-block; width: 40%}

.list-zone li a{ cursor: pointer}

.list-zone li a b {
    padding: 5px;
    color: #000000;
    margin-right: 15px;
    position: relative;
    top: 2px;
    background: #fae345;
    border-radius: 100px;
    box-shadow: 0 0 8px -1px rgb(147,163,234,0);
}


.pointsBuildMap {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    right: 0;
    height: 0;
    overflow: visible;
}

.btn-point {
    position: absolute;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    color: rgba(255,255,255,1.00);
    background: #4c4c4c;
    display: block;
    cursor: pointer;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    z-index: 0;
}


.btn-point:hover {
    background: #fae345 !important;
    color: #000 !important;
}
.btn-point-w{
    background: aliceblue;
    border: 2px solid #bcc9cb;
    color: #646464;
}



.btn-point::before {
    content: ;
    position: absolute;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 35px;
    overflow: hidden;
    background: url(../images/dot.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}


.iconBoxHalf { display: inline-block; width: 45%; margin: 35px 1%; padding: 25px}
.iconBoxHalf  a {width: 100%; max-width: 400px; padding: 25px !important}
.iconBoxHalf i {display: block; width: 100%; text-align: center; font-size: 5em; margin-bottom: 1em; display: none}


.hvr-light:hover{color:  #6bd9d5;}

/*Footer*/

  .small-txt{
    font-size: 1.2em ;
}  

a.btn-footer {
    font-size: 12px;
}

footer *{ color: rgba(255,255,255,1.00)}
footer .list-unstyled li{ position: relative; margin-bottom: 10px; padding-left: 25px }
footer .list-unstyled li i{ position: absolute; left: 5px; top: 5px;}


.list-unstyled  li  .fa-angle-right{ opacity: 0.2}
.list-unstyled  li:hover  .fa-angle-right{ opacity: 1}
.section-sign {
    background: rgb(98 98 98);
    padding: 15px 25px 35px 25px;
    text-align: center;
}

.section-sign * {

    color: #fff;
}

.box-destacados ul li {
    margin-bottom: 10px;
    height: 60px;
    padding-left: 10px;
}

.box-destacados ul li a i {
    font-size: 1.5em !important;
    width: 50px;
    display: inline-block;
    height: 50px;
    text-align: center;
    background: #4c4c4c;
    line-height: 47px;
    border: solid 2px #fff;
    border-radius: 100px;
    top: -2px;
    left: -10px;
-moz-transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
    transition: all .4s ease-in;   }




.box-destacados ul li a:hover i.fa-dollar {
  background: #ffa400;
  left: 0px
}
.box-destacados ul li a:hover i.fa-whatsapp {
  background: #01e675;
  left: 0px
}
.box-destacados ul li a {
    font-size: 1.2em !important;
    position: relative;
    top: 20px;
    padding-left: 45px;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    width: auto;
    padding-right: 25px;
}

.box-destacados ul li a b{position: relative;top: 11px;}
.box-destacados ul li a b::before {
    content: '';
    position: absolute;
    left: -45px;
    right: -25px;
    top: -10px;
    bottom: -10px;
    border-radius: 50px;
    border: solid 2px #fff;
    z-index: -1;
-moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;   
}


.box-destacados ul li a:hover b::before {  background: #6bd9d5;}

.box-destacados ul li a:hover {
    padding-left: 55px;
}



.action {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 75px;
}
.action a {
    display: block;
    text-decoration: none;
    border-radius: 0;
    margin: 0.5%;
    padding: 15px;
    text-align: left;
    border-left: 3px dotted #fff;
    padding-left: 35px;
    position: relative;
    
}

.btn-solid-black{background: #000000;}




nav.navbar.bootsnav.white-link ul.nav > li a:hover {
    color: #fae345 !important;
}





a.slider-btn.btn.btn-white.btn-rounded.btn-large.btn-hvr-white.margin-10px-right:hover {
  background: #000000 !important;
  }


.numLoc {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: solid 3px rgba(255,255,255,1.00);
    background: #4c4c4c;
    display: block;
    text-align: center;
    padding: 5px;
    position: absolute;
    left: -20px;
    top: 10px;
    color: #fff;
}

.timeLoc {
    background: #fff;
    padding: 2px 9px;
    display: inline-block;
    width: 31%;
    font-size: 12px;
    text-align: center;
}

.timeLoc i {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
}


.action a:nth-child(1) .numLoc{ background: #f6881f !important}
.action a:nth-child(2) .numLoc{ background: rgb(119 146 75)  !important}
.action a:nth-child(3) .numLoc{ background: rgb(232 198 146)  !important}
.action a:nth-child(4) .numLoc{ background: rgb(130 163 199)  !important}
.action a:nth-child(5) .numLoc{     background: rgb(111 204 215)  !important}



.action a:hover .numLoc, .actionActive .numLoc, .timeLocActive{
  background:#6bd9d5 !important; 
  color: rgba(255,255,255,1.00);
  border: solid 3px rgb(107 217 213);
}

.action a:hover .numLoc, .timeLocActive {
    background: #fae345 !important;
    color: rgb(0 0 0);
    border: solid 3px rgb(250 227 69);
}

.imageSliderBox {
    position: absolute;
    width: 50vw;
    height: 100%;
    bottom: 0;
    overflow: hidden;
    max-width: 745px;
    top: 0;
    right: -50px;
}

.boxPlanta .col-lg-8 {
    position: relative;
}

.imageSlide{ position: absolute; bottom: 0; right: 0; left: 25px; top: 0; background-position: center bottom !important; background-size: contain !important; background-repeat: no-repeat !important; background: url(../images/DistumIndex.png)}






.action a .title {
    font-size: 1.5em;
}

.btn-virtual:hover *{ color: rgb(107 217 213)}

.btn-virtual {
    display: block;
    margin: auto;
    text-align: center;
    padding: 25px;
    max-width: 160px;
}


.btn-360 .fa-cube {
    font-size: 4em;
    width: 100px;
    height: 100px;
    background: url(../images/spinning-arrows.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    line-height: 100px;
    text-align: center;
    padding-left: 5px;
    margin-bottom: 15px;
    position: relative;
}

.btn-360 .fa-cube::after {
    content: '360';
    font-size: 1em;
    font-family: sans-serif;
    font-weight: 700;
    position: absolute;
    font-size: 24px;
    left: 0;
    max-width: 120px;
    margin: auto;
    right: 0;
    color: white;
    text-shadow: 0 2px 6px #000;
}

.gal{background: rgba(235,235,235,1.00)}

/*Slides*/

img.imageRevSlide1 {
    max-width: 700px !important;
    height: auto !important;
}

a.imggal {
  position: relative;
    width: 95%;
    display: inline-block;
    margin: 1%;
    text-align: center;
    height: 11.5vw;
    background: #696969;
  background-position: center !important;
  background-size: 150% !important;
  background-repeat: no-repeat !important
}



a.imggal::before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgb(250 227 69 / 0.5);opacity: 0;}


a.imggal:hover::before { opacity: 1;}



/*Comuna*/
.comunaback {
    background: url(../images/comuna.png);
    width: 100%;
    padding: 25px;
    margin: auto;
    max-width: 1400px;
    background-size: contain;
    background-repeat: no-repeat;
    height: 30vw;
    max-height: 420px;
    background-position: center !important;
}
.listGral li{ padding-left: 20px; position: relative; margin-bottom: 10px;}
.listGral li i{display: block; position: absolute; left: 0; top: 4px}

.containerBusiness{ padding: 25px 25px 25px 25px; position: relative}

.hexBox {
  margin-top: 50px;
    position: relative;
    width: 100%;
    height: 50vh;
    min-height: 400px;
}

.hexBox div {
    position: absolute;
    width: 23vw;
    height: 23vw;
    max-width: 320px;
    max-height: 320px;
}

.hexImg{ background-size: 95% !important; background-position: center !important; background-repeat: no-repeat !important;
-moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;   
  margin-bottom: 0;
  filter: grayscale(0.9)
}

.hexImg:hover{ background-size: 100% !important; z-index: 10; -moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;  
  margin-bottom: 34px;
  filter: grayscale(0)

}



.txtredB {
    background: #ff0303;
    padding: 18px;
    border: 9px solid #fff;
}


.hexImg b {
    padding: 5px 15px;
    background: #4c4c4c;
    color: #fff;
    border-radius: 30px;
    border: solid 8px #fff;
    z-index: 10;
    position: absolute;
    top: 40%;
    left: -15px;
-moz-transition: all .1s ease-in;
    -webkit-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;     
}

.hexImg:hover b {top: 10%;background: #fae345;color: #000;border-color: #000;}

li.legal i {
    width: 100%;
    font-size: 11px;
}


.forcarousel, .moreheading1 {
    font-size: 2em !important;
    line-height: 1.2em !important;
}


.listVistas::before{content: '';position: absolute;width: 35px;height: 115px;bottom: 17px;right: -18px;background: rgba(199,199,199,1.00);}

.listVistas{ position: relative; list-style: none; display: block; width: 100%; max-width: 120px; margin: auto; padding-top: 20px; padding-bottom: 15px}
.listVistas li{ padding: 0; margin-bottom: 2px; width: 100%; display: block; position: relative; height: 30px;}

.listVistas li *{
-moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;     
}



.listVistas li::before {
    position: absolute;
    content: '';
    left: 45px;
    top: 0;
    bottom: 0;
    width: 20px;
    background-position: center left !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background: url(../images/cota.svg);
}

.listVistas li b {
    position: absolute;
    text-align: center;
    display: block;
    border: 1px solid;
    left: 55px;
    right: 20px;
    top: 0;
    bottom: 0;
}



.listVistas li b i{
    position: absolute;
    left: -55px;
    top: 6px;
    font-size: 10px;
    width: 35px;
    text-align: right;
}



.listVistas li b:hover {
    background: #fae345;
}

.lastLevel b{ top: 5px !important}


.listVistas li b a{ width: 50%; height: 100%; position: absolute;
    font-size: 11px;
    padding: 6px 0;
}




.listVistas li b a:nth-child(2) {
    left: 0;
    border-right: 1px dashed #696969;
}
.listVistas li b a:nth-child(3){right: 0}

.lastLevel b a{padding: 4px 0 !important}

.directionsLevels {
    position: absolute !important;
    font-size: 11px;
    text-align: center;
    transform: rotate(-90deg);
    left: -70px;
    right: 0px;
    bottom: 80px;
}

.directionsLevels::before{ display: none}

.vistaActive {
    background: rgb(199 199 199);
    border: 1px solid #131313;
}
.b-t{ border-top: 1px solid #f1f1f1;}


.directions {
    position: relative !important;
    font-size: 11px;
    text-align: right;
}
.directions::before{ display: none}



.listVistas li b a:hover {
  color: rgb(0 0 0) !important;
}

#menu_bars{ display: none}
div#menu_bars::before {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    background: #4c4c4c;
    left: -8px;
    top: -7px;
    border-radius: 25px;
}

.side-nav .menu_bars.active.right span {
    width: 33px;
    height: 2px;
  background: #ffffff !important;}



.pushmenu {
    background: #3b6f8e;
    background: -moz-linear-gradient(left, #3b6f8e 0%, #4c4c4c 100%);
    background: -webkit-linear-gradient(left, #3b6f8e 0%,#4c4c4c 100%);
    background: -ms-linear-gradient(left, #3b6f8e 0%,#4c4c4c 100%);
    background: linear-gradient(to right, #3b6f8e 0%,#4c4c4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6f8e', endColorstr='#4c4c4c',GradientType=1 );
    padding: 20px 15px;
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 8001;
    position: fixed;
    overflow: hidden;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}



.backBis {
    position: absolute;
    width: 50vw;
    max-width: 900px;
    right: -15%;
    top: -235px;
    bottom: -15%;
    left: -15%;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    min-height: 660px;
}


.ctaBox{ padding: 150px 25px}


.tableInfoBiss {
    width: 100%;
    max-width: 280px;
    position: relative;
    margin: auto;
  background: rgba(255,255,255,1.00);
  text-align: center
}
.tableInfoBiss li{ float: left; width: 50%; font-size: 12px !important; background: rgba(255,255,255,1.00); text-align: left}
.tableInfoBiss li {
    padding: 5px 10px;
    border-bottom: 1px solid #f1f1f1;
}
.tableInfoBiss li:last-child{ clear: right}
.tableInfoBiss li:nth-child(1), 
.tableInfoBiss li:nth-child(12), 
.tableInfoBiss li:nth-child(13), 
.tableInfoBiss li:nth-child(14), 
.tableInfoBiss li:nth-child(15), 
.tableInfoBiss li:nth-child(22), 
.tableInfoBiss li:nth-child(23), 
.tableInfoBiss li:nth-child(26), 
.tableInfoBiss li:nth-child(27)
{    background: rgb(220 220 220);}
.hTable {
    display: block !important;
    width: 100% !important;
    background: #4c4c4c !important;
    color: #fff;
    font-weight: 800;
}

.certBiss {
    width: 150px;
    height: 150px;
    font-size: 155px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 95px;
    transform: scale(1.5);
    color: #4c4c4c;
    text-shadow: 0 5px 11px #00000045;
}

.relative{ position: relative}


.certBiss span {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    position: absolute;
    left: 0;


    right: 0;
    bottom: 0;
    top: 0;
    line-height: 150px;
}

.certBiss span::before {
    content: '';
    position: absolute;
    top: 28px;
    left: -16px;
    width: 70px;
    height: 50px;
    background: url(../images/xa.svg);
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    transform: rotate(0deg);
}




.certBiss span  sup {
    top: -0.9em;
    font-size: .5em;
}

.lineHor{height: 1px; border-bottom: 3px dashed #696969; position: absolute; width: 60%; left: 0; right: 0; top: 45%; margin: auto}

.lineVer{height: 90%; border-left: 3px dashed #696969; position: absolute; width: 0; left: 0; right: 0; top: 0; bottom: 0;  margin: auto; display: none}