@font-face {
  font-family: 'FreightSansPro-Bold';
  src: local('FreightSansPro-Bold'),
       local('FreightSansPro-Bold'),
       local('FreightSansPro-Bold'),
       url(../fonts/FreightSansPro-Bold.otf);
}
@font-face {
  font-family: 'FreightSansPro-Book';
  src: local('FreightSansPro-Book'),
       local('FreightSansPro-Book'),
       local('FreightSansPro-Book'),
       url(../fonts/FreightSansPro-Book.otf);
}
@font-face {
  font-family: 'FreightSansPro-Light';
  src: local('FreightSansPro-Light'),
       local('FreightSansPro-Light'),
       local('FreightSansPro-Light'),
       url(../fonts/FreightSansPro-Light.otf);
}
@font-face {
  font-family: 'FreightSansPro-Medium';
  src: local('FreightSansPro-Medium'),
       local('FreightSansPro-Medium'),
       local('FreightSansPro-Medium'),
       url(../fonts/FreightSansPro-Medium.otf);
}
@font-face {
  font-family: 'Gotham-Thin';
  src: local('Gotham-Thin'),
       local('Gotham-Thin'),
       local('Gotham-Thin'),
       url(../fonts/Gotham-Thin.otf);
}
@font-face {
  font-family: 'Gotham-Book';
  src: local('Gotham-Book'),
       local('Gotham-Book'),
       local('Gotham-Book'),
       url(../fonts/Gotham-Book.otf);
}
@font-face {
  font-family: 'Gotham-Medium';
  src: local('Gotham-Medium'),
       local('Gotham-Medium'),
       local('Gotham-Medium'),
       url(../fonts/Gotham-Medium.ttf) format('truetype');}
@font-face {
  font-family: 'fa-regular';
  src: local('fa-regular'),
       local('fa-regular'),
       local('fa-regular'),
       url(../fonts/fa-regular.ttf) format('truetype');}
@font-face {
  font-family: 'fa-light';
  src: local('fa-light'),
       local('fa-light'),
       local('fa-light'),
       url(../fonts/fa-light.ttf) format('truetype');}
#post .elementor-pagination .page-numbers:not(.dots){
  color: #fff !important;
}
#post .elementor-pagination .page-numbers.current{
  color: #E16868 !important;
}
#post .elementor-pagination a.page-numbers:hover{
 color: #E16868 !important; 
}
#post .elementor-pagination{
  text-align: center;
}
#filter ul{
  display: flex;
  margin: 0;
  padding: 0;
}
#filter li{
  margin-right: 20px;
}
#menu-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
#alojamientos h2{
  font-family: 'FreightSansPro-Bold';
  transition: .5s ease;
}
#alojamientos h2:hover{
  color: #000;
transition: .5s ease;
}
.btnlv{
  width: 150px;
  height: 100px;
  background: url(../img/btnlv.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: absolute;
  right: 0; 
  bottom: 0;
  transition: .5s ease;
  color: transparent;
  font-size: 0;
}
.btnlv:hover{
    background: url(../img/btnlv-hover.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    transition: .5s ease;
    color: transparent;
  font-size: 0;

}
.sub-menu {
    padding: 0;
    max-height: 0;
    margin: 0;
    opacity: 0;
    list-style: none;
    margin-left: 65px;
    transition: all 1s ease-out;
    transition-delay: 2s;
}
.menu-item{
  position: relative;
}
.menu-item:hover .sub-menu{
  transition: all 1s ease-out;
  max-height: 500px;
  opacity: 1;
}
.menu-item a{
  display: flex;
  align-items: center;
  font-family: 'FreightSansPro-Medium';
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
}
#menub .menu-item a {
    color: #000;
}
.menu-item a:visited{
  color: #fff;
}
.menu-item a:hover{
  color: #fff;
}
.menu-item a:focus{
  color: #fff;
}
.menu-item a::before {
    margin-right: 15px;
    transition: .5s ease;
}
.sub-menu a {
    text-transform: none;
    font-size: 12px;
}
.sub-menu li {
    margin-bottom: 10px;
}
#menur .menu-item a::before {
    content: url(../img/beforepb.svg) !important;
    margin-right: 15px;
    transition: .5s ease;
}
#menuo .menu-item a::before {
    content: url(../img/beforepb.svg) !important;
    margin-right: 15px;
    transition: .5s ease;
}
#menub .menu-item a::before {
    content: url(../img/beforep.svg) !important;
    margin-right: 15px;
    transition: .5s ease;
}

#menur .menu-item.current-menu-parent a::before {
    content: url(../img/beforers.svg) !important;
    transition: .5s ease;
}

#menur .menu-item.current-menu-item a::before {
    content: url(../img/beforers.svg) !important;
    transition: .5s ease;
}
#menub .menu-item.current-menu-parent a::before {
    content: url(../img/before.svg) !important;
    transition: .5s ease;
}

#menub .menu-item.current-menu-item a::before {
    content: url(../img/before.svg) !important;
    transition: .5s ease;
}
#menuo .menu-item.current-menu-parent a::before {
    content: url(../img/beforeos.svg) !important;
    transition: .5s ease;
}

#menuo .menu-item.current-menu-item a::before {
    content: url(../img/beforeos.svg) !important;
    transition: .5s ease;
}
#menur .menu-item:hover a::before {
  content: url(../img/beforers.svg) !important;
}
#menuo .menu-item:hover a::before {
  content: url(../img/beforeos.svg) !important;
}
#menub .menu-item:hover a::before {
  content: url(../img/before.svg) !important;
}
#menur #menu-menu .sub-menu a:before{
  content: '' !important;
  margin: 0 !important;
}
#menuo #menu-menu .sub-menu a:before{
  content: '' !important;
  margin: 0 !important;
}
#menub #menu-menu .sub-menu a:before{
  content: '' !important;
  margin: 0 !important;
}

#abanico .card-header a[aria-expanded="false"]:after{
  content: '\f067';
  font-family: 'fa-light';
  position: absolute;
  right: 0;
}
#abanico .card-header a[aria-expanded="true"]:after{
  content: '\f068';
  transition: .5s ease;
  font-family: 'fa-light';
  position: absolute;
  right: 0;
}
.card, .card-header{
  border-color: #e16868 !important;
}
.card-body {
    background: #1a242e;
    color: #fff;
}
#abanico .card-body a {
    color: #fff;
    font-weight: bold;
    transition: .5s ease;
}
#abanico .card-body a:visited {
    color: #fff;
    font-weight: bold;
    transition: .5s ease;
}
#abanico .card-body a:hover {
    color: #e16868;
    font-weight: bold;
    transition: .5s ease;
    text-decoration: none;
}
#nombcat p {
    margin: 0;
}
.titnegoc {
    font-family: 'FreightSansPro-Bold';
    font-size: 30px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
.itemneg{
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.box-categ{
  height: 180px;
  margin-bottom: 20px;
}
#abanico .card-header a {
    width: 100%;
    text-align: left;
    color: #1a242e;
    font-family: 'FreightSansPro-Bold';
    position: relative;
    text-transform: uppercase;
}
#abanico{
  max-height: 500px;
  overflow-y: scroll;
}
#glt-translate-trigger {
    box-shadow: none !important;
}
.covid h2 {
    color: #fff !important;
    font-size: 17px;
    font-family: 'FreightSansPro-Book' !important;
}
.tool-container.tool-top.toolbar-primary.animate-standard {
    box-shadow: none !important;
    background: #fff !important;
}
.tool-container.tool-top .arrow {
    border-color: transparent transparent #fff !important;
}
#list-segu-int li{
  font-family: 'FreightSansPro-Medium';
}
#adjcomun ul {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-family: 'FreightSansPro-Bold';
}
.btn-menu-m{
  display: none;
}
.logo {
    padding-left: 30px;
}
.bg-modal{
  background: #000 url(../img/bg-modal.png);
  background-size: contain;
}
.txt-modal{
  font-family: 'FreightSansPro-Bold';
  color: #dc6868;
  text-transform: uppercase;
  text-align: center;
  margin-top: 60px;
}
.chas-modal img{
  max-width: 80%;
 }
.chas-modal{
    text-align: center;
}
.cen{
  align-items: center;
  justify-content: center;
}
.icon{
  width: 30%;
  text-align: center;
}
.icon img{
  max-width: 60px;
}
.icons{
  margin-top: 50px;
}
#nav-icon3{
  width: 50px;
  height: 45px;
  position: relative;
  margin: 50px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #e16868;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}


#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 10px;
}

#nav-icon3 span:nth-child(4) {
  top: 20px;
  width: 80%;
  right: 0;
  left: auto;
}

#nav-icon3.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#cajatourf {
    z-index: 500;
}
#top-home{
  height: 15vh;
}
#cuer-home {
    height: 85vh;
}
#cuer-home .elementor-container.elementor-column-gap-default {
    height: 85vh;
}
#bottt-home {
    position: absolute;
  z-index: -1;
}
.fal{
  font-family: 'fa-light' !important;
}
.pagination {
    color: #fff;
    justify-content: center;
    font-family: 'FreightSansPro-Bold';
}
.loca_ecl i{
  color:#e16868;
  margin-right: 15px;
}
.tlf_ecl i{
  color:#e16868;
  margin-right: 15px;
}
#btn-zonas a{
  color: #000;
}
#btn-zonas a:visited{
  color: #000;
}
#btn-zonas a:hover{
  color: #e16868;
}
#zointb img {
    max-height: 15vh;
    width: auto;
}
#cuerpo-zona .elementor-container.elementor-column-gap-default {
    height: 100%;
}
#btn-zonas {
    position: absolute;
    top: 50%;
    width: 80%;
    right: 0;
    transform: translate(0%,-50%);
    height: 50px;
    margin: 0;
    z-index: 500;
}
.prev-zon {
    position: absolute;
    left: 5%;
    opacity: 0.3;
    transition: .5s ease;
}

.prev-zon:hover {
    opacity: 0.7;
    transition: .5s ease;
}

.prev-zon i {
    font-size: 50px;
}
.next-zon i {
    font-size: 50px;
}
.next-zon {
    position: absolute;
    right: 5%;
    opacity: 0.3;
    transition: .5s ease;
}
.next-zon:hover {
    opacity: 0.7;
    transition: .5s ease;
}
.tlt-fic-ecl{
  color: #fff;
  font-family: 'FreightSansPro-Bold';
  font-size: 24px;
  transition: .5s ease;
}
.tlt-fic-ecl:hover{
  color: #e16868;
  transition: .5s ease;
}
#p-menu{
  padding-left: 80px;
  z-index: 5000;
}
#tit-sub-int h2{
  font-family: 'FreightSansPro-Bold';
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.01rem;
  color: #fff;
  text-decoration: underline;
}
.card-eclip {

    margin-bottom: 20px;

}
.loca_ecl , .tlf_ecl {
  color: #fff;
  font-family: 'FreightSansPro-Book';
  font-size: 18px;
}
#rr-ss-foo p {
    color:  #000;
    margin: 0;
    font-family: 'FreightSansPro-Medium';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01rem;
}
#rr-ss-foo {
    color:  #000;
    margin: 0;
    font-family: 'FreightSansPro-Medium';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.01rem;
}
#rr-ss-foo a{
    color: #000;
    transition: .5s ease;

}
#rr-ss-foo a:visited{
    color: #000;
}

#rr-ss-foo a i {
    color: #fff;
    font-size: 20px;
    margin-right:15px;
    margin-left: 15px;
    transition: .5s ease;

}

#rr-ss-foo a:hover {
color: #fff;
transition: .5s ease;
}

.btn-vol a {
    padding: 10px 30px;
    border: 1px solid #fff;
    color:#e16868;
    font-family: 'FreightSansPro-Book';
    font-size: 13px;
    border-radius: 10em;
    transition: .5s ease;
}
.btn-vol a:visited {
      color:#e16868;
}
.pagination .fal {

    font-size: 25px;

}
.btn-vol a:hover {
  border: 1px solid #e16868;
    color:#fff;
    text-decoration: none;
    transition: .5s ease;
 
}
.btn-vol{ 
  text-align: center;
  margin-top: 50px;
 }

.page-numbers {
    margin-right: 10px;
}
.prev.page-numbers {
    margin-right: 10px;
}
.page-numbers.current {
    color: #e16868;
}
.pagination a{
    color: #fff ;
    transition: .5s ease;
}

.pagination a:visited {
    color: #fff;
    transition: .5s ease;
}
.pagination a:hover {
    color: #e16868;
    transition: .5s ease;
}


.carousel-prev, .carousel-next{
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;

}
.controlsl {

    position: absolute;
    top: 15px;
    left: 0;
    z-index: 500;

}
.controlslum {
  position: absolute;
  top: 50%;
  right: 25%;
  z-index: 500;
  transform: translate(-25%,-100%);
}
.controlslum .carousel-prev i:hover{ 
  color: #e16868 !important;
  transition: .5s ease;

}

.controlslum .carousel-next i:hover{ 
  color: #e16868 !important;
  transition: .5s ease;

}

.carousel-prev i, .carousel-next i{
  color: #000 !important;
  font-size: 30px;
  transition: .5s ease;
}
.carousel-prev i:hover, .carousel-next i:hover{
  color: #fff !important;
  transition: .5s ease;
}


.sol-um {

    max-height: 100%;
    text-align: center;
    height: 80%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;

}
.umb-img {

    display: flex;
    justify-content: center;
    align-items: center;

}
.luna-ec {
    position: absolute;
    transition: .5s ease;
}
.mt-97{
  top: 52%;
  transition: .5s ease
}
.mt-98{
  top: 55%;
  transition: .5s ease
}
.mt-99{
  top: 58%;
  transition: .5s ease
}
.caja-luna {

    height: 400px;
}
.lun-m img {
    max-width: 80% !important;
}
.sg1 {
    position: absolute;
    right: -160px;
    top: 90px;
    transition: 1s ease;
}
.segu1:hover .sg1 {
    top: 40px;
    right: -100px;
    transition: 1s ease;
}
.sg2 {
    position: absolute;
    left: -160px;
    top: 90px;
    transition: 1s ease;
}
.segu2:hover .sg2 {
    top: 40px;
    left: -100px;
    transition: 1s ease;
}
.sg3 {
    position: absolute;
    right: -160px;
    top: -145px;
    transition: 1s ease;
}
.segu3:hover .sg3 {
    top: -105px;
    right: -100px;
    transition: 1s ease;
}
.sg4 {
    position: absolute;
    left: -160px;
    top: -145px;
    transition: 1s ease;
}
.segu4:hover .sg4 {
    top: -105px;
    left: -100px;
    transition: 1s ease;
}
.sol-um img {

    max-width: 120px !important;
    min-width: 100px;
    height: auto;

}
.txt-perc {
  font-family: 'Gotham-Thin';
  font-size: 22px;
  color: #f26868;
    text-align: center;

}
#monta{
  margin:0;
}
#montar{
  bottom: 0;
  top: auto;
}
#monta img {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
#montar img {
  width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;

}
#montaa img{
  width: 100%;
}
#montaa{
  margin:0;
  position: fixed;
  left:0;
  bottom: 0;
  top: auto;
}
.cursor {
  display: none;
  content: url(../img/cd.svg);
  position: fixed;
  transform: translate(15%, 25%);
  pointer-events: none;
  transition: all 100ms ease-out;
  z-index: 500;
}

.cursorinner {
  display: none;
  content: url(../img/cb.svg);
  position: fixed;
  transform: translate(-5%, -10%);
  pointer-events: none;
  transition: width .2s, height .2s, opacity .2s;
  z-index: 500;
}
#cursor{
  position: absolute;
  top: 0;
  height: 0;
  width: 0;

}
#bg {
    position: absolute;
    width: 100%;
}
/***************************************************
 * Generated by SVG Artista on 3/17/2020, 9:36:59 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .logosb-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .logosb-elem-1 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .logosb-elem-2 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .logosb-elem-3 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .logosb-elem-4 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .logosb-elem-5 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .logosb-elem-6 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .logosb-elem-7 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .logosb-elem-8 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .logosb-elem-9 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .logosb-elem-10 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .logosb-elem-11 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .logosb-elem-12 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .logosb-elem-13 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .logosb-elem-14 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .logosb-elem-15 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .logosb-elem-16 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .logosb-elem-17 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .logosb-elem-18 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .logosb-elem-19 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .logosb-elem-20 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .logosb-elem-21 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .logosb-elem-22 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .logosb-elem-23 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

svg.active .logosb-elem-24 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .logosb-elem-25 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

svg.active .logosb-elem-26 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .logosb-elem-27 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-28 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

svg.active .logosb-elem-28 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

svg.active .logosb-elem-29 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-30 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

svg.active .logosb-elem-30 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

svg.active .logosb-elem-31 {
  fill: rgb(56, 99, 164);
}

svg .logosb-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}

svg.active .logosb-elem-32 {
  fill: rgb(192, 54, 59);
}

svg .logosb-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}

svg.active .logosb-elem-33 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-34 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
}

svg.active .logosb-elem-34 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

svg.active .logosb-elem-35 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
}

svg.active .logosb-elem-36 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
}

svg.active .logosb-elem-37 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-38 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
}

svg.active .logosb-elem-38 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
}

svg.active .logosb-elem-39 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-40 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
}

svg.active .logosb-elem-40 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-41 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

svg.active .logosb-elem-41 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-42 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
}

svg.active .logosb-elem-42 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-43 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
}

svg.active .logosb-elem-43 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-44 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
}

svg.active .logosb-elem-44 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-45 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
}

svg.active .logosb-elem-45 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-46 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
}

svg.active .logosb-elem-46 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-47 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
}

svg.active .logosb-elem-47 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-48 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
}

svg.active .logosb-elem-48 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-49 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
}

svg.active .logosb-elem-49 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-50 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
}

svg.active .logosb-elem-50 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-51 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
}

svg.active .logosb-elem-51 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-52 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
}

svg.active .logosb-elem-52 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-53 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
}

svg.active .logosb-elem-53 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-54 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
}

svg.active .logosb-elem-54 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-55 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
}

svg.active .logosb-elem-55 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-56 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
}

svg.active .logosb-elem-56 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-57 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
}

svg.active .logosb-elem-57 {
  fill: rgb(255, 255, 255);
}

svg .logosb-elem-58 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
}

svg.active .logosb-elem-58 {
  fill: rgb(255, 255, 255);
}


/***************************************************
 * Generated by SVG Artista on 3/17/2020, 3:27:28 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .logos-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .logos-elem-1 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .logos-elem-2 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .logos-elem-3 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .logos-elem-4 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .logos-elem-5 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .logos-elem-6 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .logos-elem-7 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .logos-elem-8 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .logos-elem-9 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .logos-elem-10 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .logos-elem-11 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .logos-elem-12 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .logos-elem-13 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .logos-elem-14 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .logos-elem-15 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .logos-elem-16 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .logos-elem-17 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .logos-elem-18 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .logos-elem-19 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .logos-elem-20 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .logos-elem-21 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .logos-elem-22 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-23 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .logos-elem-23 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-24 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

svg.active .logos-elem-24 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-25 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .logos-elem-25 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-26 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

svg.active .logos-elem-26 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-27 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .logos-elem-27 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-28 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

svg.active .logos-elem-28 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-29 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

svg.active .logos-elem-29 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-30 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

svg.active .logos-elem-30 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-31 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

svg.active .logos-elem-31 {
  fill: rgb(56, 99, 164);
}

svg .logos-elem-32 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}

svg.active .logos-elem-32 {
  fill: rgb(192, 54, 59);
}

svg .logos-elem-33 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}

svg.active .logos-elem-33 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-34 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s;
}

svg.active .logos-elem-34 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-35 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

svg.active .logos-elem-35 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-36 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s;
}

svg.active .logos-elem-36 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-37 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
}

svg.active .logos-elem-37 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-38 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.5s;
}

svg.active .logos-elem-38 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-39 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
}

svg.active .logos-elem-39 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-40 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.7s;
}

svg.active .logos-elem-40 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-41 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

svg.active .logos-elem-41 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-42 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.9s;
}

svg.active .logos-elem-42 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-43 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
}

svg.active .logos-elem-43 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-44 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.1s;
}

svg.active .logos-elem-44 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-45 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
}

svg.active .logos-elem-45 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-46 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.3s;
}

svg.active .logos-elem-46 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-47 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
}

svg.active .logos-elem-47 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-48 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.5s;
}

svg.active .logos-elem-48 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-49 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
}

svg.active .logos-elem-49 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-50 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.7s;
}

svg.active .logos-elem-50 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-51 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
}

svg.active .logos-elem-51 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-52 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 5.9s;
}

svg.active .logos-elem-52 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-53 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
}

svg.active .logos-elem-53 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-54 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.1000000000000005s;
}

svg.active .logos-elem-54 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-55 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
}

svg.active .logos-elem-55 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-56 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.3s;
}

svg.active .logos-elem-56 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-57 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
}

svg.active .logos-elem-57 {
  fill: rgb(77, 77, 77);
}

svg .logos-elem-58 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
          transition: fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 6.5s;
}

svg.active .logos-elem-58 {
  fill: rgb(77, 77, 77);
}

/***************************************************
 * Generated by SVG Artista on 2/11/2020, 3:31:51 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .top-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1s;
          transition: fill 0.7s ease-in 1s;
}

svg.active .top-elem-1 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.2s;
          transition: fill 0.7s ease-in 1.2s;
}

svg.active .top-elem-2 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.4s;
          transition: fill 0.7s ease-in 1.4s;
}

svg.active .top-elem-3 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.6s;
          transition: fill 0.7s ease-in 1.6s;
}

svg.active .top-elem-4 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.8s;
          transition: fill 0.7s ease-in 1.8s;
}

svg.active .top-elem-5 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2s;
          transition: fill 0.7s ease-in 2s;
}

svg.active .top-elem-6 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.2s;
          transition: fill 0.7s ease-in 2.2s;
}

svg.active .top-elem-7 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.4000000000000004s;
          transition: fill 0.7s ease-in 2.4000000000000004s;
}

svg.active .top-elem-8 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.6s;
          transition: fill 0.7s ease-in 2.6s;
}

svg.active .top-elem-9 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.8s;
          transition: fill 0.7s ease-in 2.8s;
}

svg.active .top-elem-10 {
  fill: rgb(255, 255, 255);
}

svg .top-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 3s;
          transition: fill 0.7s ease-in 3s;
}

svg.active .top-elem-11 {
  fill: rgb(255, 255, 255);
}

.top {

    text-align: center;

}
.top svg {

    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
    max-width: 70%;
    margin-top: 15px;

}

/***************************************************
 * Generated by SVG Artista on 2/11/2020, 4:04:10 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .kultrun-elem-1 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.8s;
}

svg.active .kultrun-elem-1 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-2 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.1s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.1s;
}

svg.active .kultrun-elem-2 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-3 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.4s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.4s;
}

svg.active .kultrun-elem-3 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-4 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.7s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.7s;
}

svg.active .kultrun-elem-4 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-5 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2s;
}

svg.active .kultrun-elem-5 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-6 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.3s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.3s;
}

svg.active .kultrun-elem-6 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-7 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.5999999999999996s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.5999999999999996s;
}

svg.active .kultrun-elem-7 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-8 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.9000000000000004s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.9000000000000004s;
}

svg.active .kultrun-elem-8 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-9 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 3.2s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 3.2s;
}

svg.active .kultrun-elem-9 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-10 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 3.5s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 3.5s;
}

svg.active .kultrun-elem-10 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-11 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 3.8s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 3.8s;
}

svg.active .kultrun-elem-11 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-12 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 4.1s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 4.1s;
}

svg.active .kultrun-elem-12 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-13 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 4.3999999999999995s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 4.3999999999999995s;
}

svg.active .kultrun-elem-13 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-14 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 4.7s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 4.7s;
}

svg.active .kultrun-elem-14 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-15 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5s;
}

svg.active .kultrun-elem-15 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-16 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5.3s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5.3s;
}

svg.active .kultrun-elem-16 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-17 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5.6s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5.6s;
}

svg.active .kultrun-elem-17 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-18 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5.8999999999999995s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 5.8999999999999995s;
}

svg.active .kultrun-elem-18 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-19 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 6.199999999999999s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 6.199999999999999s;
}

svg.active .kultrun-elem-19 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-20 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 6.5s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 6.5s;
}

svg.active .kultrun-elem-20 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-21 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 6.8s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 6.8s;
}

svg.active .kultrun-elem-21 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-22 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.1s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.1s;
}

svg.active .kultrun-elem-22 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-23 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.3999999999999995s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.3999999999999995s;
}

svg.active .kultrun-elem-23 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-24 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.699999999999999s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.699999999999999s;
}

svg.active .kultrun-elem-24 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-25 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.999999999999999s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 7.999999999999999s;
}

svg.active .kultrun-elem-25 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-26 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 8.3s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 8.3s;
}

svg.active .kultrun-elem-26 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-27 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 8.6s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 8.6s;
}

svg.active .kultrun-elem-27 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-28 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 8.9s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 8.9s;
}

svg.active .kultrun-elem-28 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-29 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 9.200000000000001s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 9.200000000000001s;
}

svg.active .kultrun-elem-29 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-30 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 9.5s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 9.5s;
}

svg.active .kultrun-elem-30 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-31 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 9.8s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 9.8s;
}

svg.active .kultrun-elem-31 {
  fill: rgb(51, 51, 51);
}

svg .kultrun-elem-32 {
  fill: transparent;
  -webkit-transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 10.1s;
          transition: fill 2s cubic-bezier(0.68, -0.55, 0.265, 1.55) 10.1s;
}

svg.active .kultrun-elem-32 {
  fill: rgb(51, 51, 51);
}

#contenth {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 500;
}
.kultrun {
    text-align: center;
}
/***************************************************
 * Generated by SVG Artista on 2/11/2020, 4:35:52 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .center-elem-1 {
  stroke-dashoffset: 964.1886596679688px;
  stroke-dasharray: 964.1886596679688px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .center-elem-1 {
  stroke-dashoffset: 0;
}

svg .center-elem-2 {
  stroke-dashoffset: 424.59228515625px;
  stroke-dasharray: 424.59228515625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .center-elem-2 {
  stroke-dashoffset: 0;
}

svg .center-elem-3 {
  stroke-dashoffset: 1328.0340576171875px;
  stroke-dasharray: 1328.0340576171875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .center-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-4 {
  stroke-dashoffset: 71.20801544189453px;
  stroke-dasharray: 71.20801544189453px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .center-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-5 {
  stroke-dashoffset: 51.06157302856445px;
  stroke-dasharray: 51.06157302856445px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .center-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-6 {
  stroke-dashoffset: 47.08662796020508px;
  stroke-dasharray: 47.08662796020508px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .center-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-7 {
  stroke-dashoffset: 35.27217483520508px;
  stroke-dasharray: 35.27217483520508px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .center-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-8 {
  stroke-dashoffset: 31.42699432373047px;
  stroke-dasharray: 31.42699432373047px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .center-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-9 {
  stroke-dashoffset: 30.698646545410156px;
  stroke-dasharray: 30.698646545410156px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .center-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-10 {
  stroke-dashoffset: 23.916521072387695px;
  stroke-dasharray: 23.916521072387695px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .center-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-11 {
  stroke-dashoffset: 26.24997901916504px;
  stroke-dasharray: 26.24997901916504px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .center-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-12 {
  stroke-dashoffset: 419.992431640625px;
  stroke-dasharray: 419.992431640625px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .center-elem-12 {
  stroke-dashoffset: 0;
}

svg .center-elem-13 {
  stroke-dashoffset: 23.867101669311523px;
  stroke-dasharray: 23.867101669311523px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .center-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-14 {
  stroke-dashoffset: 24.009326934814453px;
  stroke-dasharray: 24.009326934814453px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .center-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-15 {
  stroke-dashoffset: 23.48944854736328px;
  stroke-dasharray: 23.48944854736328px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

svg.active .center-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-16 {
  stroke-dashoffset: 20.93508529663086px;
  stroke-dasharray: 20.93508529663086px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

svg.active .center-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-17 {
  stroke-dashoffset: 21.244701385498047px;
  stroke-dasharray: 21.244701385498047px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4s;
}

svg.active .center-elem-17 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-18 {
  stroke-dashoffset: 22.467391967773438px;
  stroke-dasharray: 22.467391967773438px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s;
}

svg.active .center-elem-18 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-19 {
  stroke-dashoffset: 20.3952693939209px;
  stroke-dasharray: 20.3952693939209px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s;
}

svg.active .center-elem-19 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-20 {
  stroke-dashoffset: 21.765411376953125px;
  stroke-dasharray: 21.765411376953125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.6000000000000005s;
}

svg.active .center-elem-20 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-21 {
  stroke-dashoffset: 17.44676113128662px;
  stroke-dasharray: 17.44676113128662px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 4.8s;
}

svg.active .center-elem-21 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-22 {
  stroke-dashoffset: 17.837889671325684px;
  stroke-dasharray: 17.837889671325684px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5s;
}

svg.active .center-elem-22 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-23 {
  stroke-dashoffset: 13.055229187011719px;
  stroke-dasharray: 13.055229187011719px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.2s;
}

svg.active .center-elem-23 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-24 {
  stroke-dashoffset: 12.667414665222168px;
  stroke-dasharray: 12.667414665222168px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.4s;
}

svg.active .center-elem-24 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-25 {
  stroke-dashoffset: 11.624008178710938px;
  stroke-dasharray: 11.624008178710938px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.6000000000000005s;
}

svg.active .center-elem-25 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-26 {
  stroke-dashoffset: 12.850088119506836px;
  stroke-dasharray: 12.850088119506836px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 5.8s;
}

svg.active .center-elem-26 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-27 {
  stroke-dashoffset: 11.53999137878418px;
  stroke-dasharray: 11.53999137878418px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6s;
}

svg.active .center-elem-27 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-28 {
  stroke-dashoffset: 9.980237007141113px;
  stroke-dasharray: 9.980237007141113px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.2s;
}

svg.active .center-elem-28 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-29 {
  stroke-dashoffset: 9.102775573730469px;
  stroke-dasharray: 9.102775573730469px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.4s;
}

svg.active .center-elem-29 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-30 {
  stroke-dashoffset: 8.758315086364746px;
  stroke-dasharray: 8.758315086364746px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.6000000000000005s;
}

svg.active .center-elem-30 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

svg .center-elem-31 {
  stroke-dashoffset: 3.4247095584869385px;
  stroke-dasharray: 3.4247095584869385px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s,
                        fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s,
                fill 1.5s cubic-bezier(0.47, 0, 0.745, 0.715) 6.8s;
}

svg.active .center-elem-31 {
  stroke-dashoffset: 0;
  fill: rgb(242, 104, 104);
}

.center{
  text-align: center;
}
.center svg{
  max-width: 750px;
  width: 50%;
  max-height: 80vh;
}
.ckultrun {

    position: absolute;
    left: 50%;
    transform: translate(-50%);

}
#mob{
  display: none;
}
.countd{
  margin:0;
  padding: 0;
}
.countd li {
  display: inline-block;
  font-size: 1.5em;
  list-style-type: none;
  padding-left: 80px;
  padding-right: 80px;
  text-transform: uppercase;
  animation: showIn 0.5s linear;
  animation-fill-mode: both;
  border-left: 1px solid #565656;
  color: #f26868;
  font-family: 'Gotham-Book';
  font-size: 22px;
}
.countd li span{
  color: #000;
  font-family: 'Gotham-Medium';
  font-size: 100px;

}
.countd li:first-child{
  border-left: none;
}
.countd li:nth-child(1) {
   animation-delay: 4s;

}
 .countd li:nth-child(2) {
   animation-delay: 4.5s;
}
 .countd li:nth-child(3) {
   animation-delay: 4.75s;
}
 .countd li:nth-child(4) {
   animation-delay: 5s;
}
.countd li span {
  display: block;
}

.timer {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}

 @-webkit-keyframes showIn {
   0% {
     opacity: 0;
     top: 100px;
  }
   75% {
     opacity: 0.5;
     top: 0px;
  }
   100% {
     opacity: 1;

  }
}
@-webkit-keyframes showbtn {
   0% {
     opacity: 0;

  }
   75% {
     opacity: 0.5;

  }
   100% {
     opacity: 1;

  }
}
@-webkit-keyframes line-imag {
0%{ 
  width: 0;
}
100%{ 
  width: 120%;
}
}

@keyframes line-imag {
0%{ 
  width: 0;
}
100%{ 
  width: 120%;
}
}
@-webkit-keyframes line-imagt {
0%{ 
  width: 0;
}
100%{ 
  width: 30%;
}
}

@keyframes line-imagt {
0%{ 
  width: 0;
}
100%{ 
  width: 50%;
}
}

.btnhom{
  background: url(../img/btnhom.svg);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
  background-repeat: no-repeat;
  background-position: center;
  padding: 30px;
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translate(-50%);
   animation: showbtn 0.5s linear;
    animation-fill-mode: both;
    animation-delay: 6s;
}
.btnhom a{
  font-family: 'FreightSansPro-Light';
  font-size: 20px;
  color: #231f20;
  transition: .5s ease;
}
.btnhom a:visited{
  color: #231f20;
  transition: .5s ease;
}
.btnhom a:hover{
  color: #f26868;
  text-decoration: none;
  transition: .5s ease;
}



svg .logo-elemw-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.8s;
}

svg.active .logo-elemw-1 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.9s;
}

svg.active .logo-elemw-2 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1s;
}

svg.active .logo-elemw-3 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.1s;
}

svg.active .logo-elemw-4 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2000000000000002s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.2000000000000002s;
}

svg.active .logo-elemw-5 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.3s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.3s;
}

svg.active .logo-elemw-6 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.4000000000000001s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.4000000000000001s;
}

svg.active .logo-elemw-7 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.5s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.5s;
}

svg.active .logo-elemw-8 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.6s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.6s;
}

svg.active .logo-elemw-9 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.7000000000000002s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.7000000000000002s;
}

svg.active .logo-elemw-10 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.8s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.8s;
}

svg.active .logo-elemw-11 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-12 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.9000000000000001s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 1.9000000000000001s;
}

svg.active .logo-elemw-12 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-13 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2s;
}

svg.active .logo-elemw-13 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-14 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.1s;
}

svg.active .logo-elemw-14 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-15 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.2s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.2s;
}

svg.active .logo-elemw-15 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-16 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.3s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.3s;
}

svg.active .logo-elemw-16 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-17 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.4000000000000004s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.4000000000000004s;
}

svg.active .logo-elemw-17 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-18 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.5s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.5s;
}

svg.active .logo-elemw-18 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-19 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.6s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.6s;
}

svg.active .logo-elemw-19 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-20 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.7s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.7s;
}

svg.active .logo-elemw-20 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-21 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.8s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.8s;
}

svg.active .logo-elemw-21 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-22 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.9000000000000004s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 2.9000000000000004s;
}

svg.active .logo-elemw-22 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-23 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3s;
}

svg.active .logo-elemw-23 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-24 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.1000000000000005s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.1000000000000005s;
}

svg.active .logo-elemw-24 {
  fill: rgb(255, 255, 255);
}

svg .logo-elemw-25 {
  fill: transparent;
  -webkit-transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.2s;
          transition: fill 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86) 3.2s;
}

svg.active .logo-elemw-25 {
  fill: rgb(255, 255, 255);
}


svg .topb-elem-1 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1s;
          transition: fill 0.7s ease-in 1s;
}

svg.active .topb-elem-1 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-2 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.2s;
          transition: fill 0.7s ease-in 1.2s;
}

svg.active .topb-elem-2 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-3 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.4s;
          transition: fill 0.7s ease-in 1.4s;
}

svg.active .topb-elem-3 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-4 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.6s;
          transition: fill 0.7s ease-in 1.6s;
}

svg.active .topb-elem-4 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-5 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 1.8s;
          transition: fill 0.7s ease-in 1.8s;
}

svg.active .topb-elem-5 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-6 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2s;
          transition: fill 0.7s ease-in 2s;
}

svg.active .topb-elem-6 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-7 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.2s;
          transition: fill 0.7s ease-in 2.2s;
}

svg.active .topb-elem-7 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-8 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.4000000000000004s;
          transition: fill 0.7s ease-in 2.4000000000000004s;
}

svg.active .topb-elem-8 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-9 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.6s;
          transition: fill 0.7s ease-in 2.6s;
}

svg.active .topb-elem-9 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-10 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 2.8s;
          transition: fill 0.7s ease-in 2.8s;
}

svg.active .topb-elem-10 {
  fill: rgb(0, 0, 0);
}

svg .topb-elem-11 {
  fill: transparent;
  -webkit-transition: fill 0.7s ease-in 3s;
          transition: fill 0.7s ease-in 3s;
}

svg.active .topb-elem-11 {
  fill: rgb(0, 0, 0);
}

.bgt {
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: -1;
  position: fixed;
  top: 0;
  opacity: 0.85;
}
.bgti {
  width: 100%;
  height: 100%;
  background-image: url(../img/bgt.jpg);
  background-size: cover;
  background-position: center center;
  z-index: -2;
  position: fixed;
  top: 0;
}
#bg{
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  min-height: 100vh
}



.zoom{
  position: absolute;
  width: 100%;
  height: 100% !important;
}
.zoomt{
  position: absolute;
  width: 100%;
  z-index: 500;
}
#zoomt{
  display: none;
}

    .cimgtour a {
    position: absolute;
    display: contents;
}


.custom-logo {
    filter: invert(100%) contrast(200%);
}
.cmap {
    height: 80%;
    width: 100%;
    position: absolute;
    bottom: 1%;
}
.ccmap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sub-categ a {
    color: #fff;
    transition: .5s ease;
}
.sub-categ a:visited {
    color: #fff;
}
.sub-categ li:hover a{
    color: #000;
}
.sub-categ li{
  display: flex;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: 'FreightSansPro-Light';
  font-size: 23px;
  transition: .5s ease;
}
.sub-categ li i {
    color: #fff;
    margin-right: 15px;
    font-size: 30px;
    opacity: 0;
    transition: .5s ease;
}
.lnk-int-subc{
    color: #fff;
    text-decoration: none;
}
.lnk-int-subc:visited {
    color: #fff;
    text-decoration: none;
}
.lnk-int-subc:hover {
    color: #fff;
    text-decoration: none;
}
.sub-categ li:hover i {
    opacity: 1;
    transition: .5s ease;
}
.sub-categ li:hover  {
    transition: .5s ease;
    color: #000 !important;
}
.sub-categ li:hover a{
    transition: .5s ease;    
}
.box-desc-cat {
    position: absolute;
    background: #1a242e;
    width: 0;
    top: 0;
    min-height: 100vh;
    right: 0;
    transition: .5s ease;
    z-index: 500;
    height: 100%;
}
.box-desc-cat.active {
  width: 30%;
  transition: 1s ease;
  display: flex !important;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.btnacc {

    border: 1px solid #fff;
    padding: 10px 15px;
    border-radius: 100px;
    transition: .5s ease;

}
.btnacc a{
  color: #e16868;
      transition: .5s ease;

}
.btnacc a:visited{
  color: #e16868;
      transition: .5s ease;

}
.btnacc a:hover{
  color: #fff;
      transition: .5s ease;
      text-decoration: none;

}
.btnacc:hover{
  color: #fff;
      border: 1px solid #e16868;

      transition: .5s ease;

}

.btnsubcatg {

    display: flex;
    justify-content: center;
    align-items: center;

}
.titcatgb {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'FreightSansPro-Bold';
    font-size: 65px;
    margin-bottom: 18px;
}
.caj-sub {

    padding: 50px;
    text-align: justify;
    color: #fff;
    font-family: 'FreightSansPro-Book';
    font-size: 17px;

}
.caj-sub a {
    color: #fff;
    font-weight: bold;
    transition: .5s ease;
}
.caj-sub a:visited {
    color: #fff;
    font-weight: bold;
    transition: .5s ease;
}
.caj-sub a:hover {
    color: #e16868;
    font-weight: bold;
    transition: .5s ease;
    text-decoration: none;
}
.btnacc a {
    color: #e16868;
    transition: .5s ease;
}
.btnacc a:visited {
    color: #e16868;
    transition: .5s ease;
}
.btnacc a:hover {
    color: #fff;
    transition: .5s ease;
}
#btcl {
    display: none;
    width: max-content;
    position: absolute;
    top: 5px;
    left: 5px;
}
#btcl i{
  color: #fff;
}

.cajamap {
  height: 400vh;
  min-height: 100vh;
  display: flex;
  flex-flow: row;
  margin: 0 auto;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
#headtop {
    position: fixed;
    top: 0;
    width: 100%;
  z-index:2;
}
#zoomt {
    max-width: 100%;
    z-index: 500;
}

#bottom-reac {
    position: absolute;
    bottom: 0;
}
#montarar {
    position: absolute;
    bottom: 0;
}
#cuerpo-sect {
    min-height: 100vh;
}

/***************************************************
 * Generated by SVG Artista on 2/13/2020, 2:54:28 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .mapzoomt-1 {
  stroke-dashoffset: 87.43093872070312px;
  stroke-dasharray: 87.43093872070312px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .mapzoomt-1 {
  stroke-dashoffset: 0;
}

svg .mapzoomt-2 {
  stroke-dashoffset: 365.2726135253906px;
  stroke-dasharray: 365.2726135253906px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .mapzoomt-2 {
  stroke-dashoffset: 0;
}

svg .mapzoomt-3 {
  stroke-dashoffset: 87.43097686767578px;
  stroke-dasharray: 87.43097686767578px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .mapzoomt-3 {
  stroke-dashoffset: 0;
}

svg .mapzoomt-4 {
  stroke-dashoffset: 365.2682800292969px;
  stroke-dasharray: 365.2682800292969px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .mapzoomt-4 {
  stroke-dashoffset: 0;
}

svg .mapzoomt-5 {
  stroke-dashoffset: 2132.432861328125px;
  stroke-dasharray: 2132.432861328125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .mapzoomt-5 {
  stroke-dashoffset: 0;
  fill: rgb(255, 244, 202);
}


.sopa{
  opacity: 0;
}

/***************************************************
 * Generated by SVG Artista on 2/13/2020, 4:31:59 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .kultrunw-1 {
  stroke-dashoffset: 371.95395088673405px;
  stroke-dasharray: 371.95395088673405px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .kultrunw-1 {
  stroke-dashoffset: 0;
}

svg .kultrunw-2 {
  stroke-dashoffset: 391.49465719206256px;
  stroke-dasharray: 391.49465719206256px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .kultrunw-2 {
  stroke-dashoffset: 0;
}

svg .kultrunw-3 {
  stroke-dashoffset: 94.29022979736328px;
  stroke-dasharray: 94.29022979736328px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .kultrunw-3 {
  stroke-dashoffset: 0;
}

svg .kultrunw-4 {
  stroke-dashoffset: 71.59616088867188px;
  stroke-dasharray: 71.59616088867188px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .kultrunw-4 {
  stroke-dashoffset: 0;
}

svg .kultrunw-5 {
  stroke-dashoffset: 94.29017639160156px;
  stroke-dasharray: 94.29017639160156px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .kultrunw-5 {
  stroke-dashoffset: 0;
}

svg .kultrunw-6 {
  stroke-dashoffset: 71.59613037109375px;
  stroke-dasharray: 71.59613037109375px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .kultrunw-6 {
  stroke-dashoffset: 0;
}

svg .kultrunw-7 {
  stroke-dashoffset: 96.45936584472656px;
  stroke-dasharray: 96.45936584472656px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .kultrunw-7 {
  stroke-dashoffset: 0;
}

svg .kultrunw-8 {
  stroke-dashoffset: 71.61779022216797px;
  stroke-dasharray: 71.61779022216797px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .kultrunw-8 {
  stroke-dashoffset: 0;
}

svg .kultrunw-9 {
  stroke-dashoffset: 94.29036712646484px;
  stroke-dasharray: 94.29036712646484px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .kultrunw-9 {
  stroke-dashoffset: 0;
}

svg .kultrunw-10 {
  stroke-dashoffset: 71.56553649902344px;
  stroke-dasharray: 71.56553649902344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .kultrunw-10 {
  stroke-dashoffset: 0;
}

svg .kultrunw-11 {
  stroke-dashoffset: 116.47963629681206px;
  stroke-dasharray: 116.47963629681206px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .kultrunw-11 {
  stroke-dashoffset: 0;
}

svg .kultrunw-12 {
  stroke-dashoffset: 20.97521962768235px;
  stroke-dasharray: 20.97521962768235px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .kultrunw-12 {
  stroke-dashoffset: 0;
}

svg .kultrunw-13 {
  stroke-dashoffset: 12.967706680297852px;
  stroke-dasharray: 12.967706680297852px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .kultrunw-13 {
  stroke-dashoffset: 0;
}

svg .kultrunw-14 {
  stroke-dashoffset: 12.99576473236084px;
  stroke-dasharray: 12.99576473236084px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .kultrunw-14 {
  stroke-dashoffset: 0;
}

svg .kultrunw-15 {
  stroke-dashoffset: 12.995783805847168px;
  stroke-dasharray: 12.995783805847168px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .kultrunw-15 {
  stroke-dashoffset: 0;
}

svg .kultrunw-16 {
  stroke-dashoffset: 12.967650413513184px;
  stroke-dasharray: 12.967650413513184px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .kultrunw-16 {
  stroke-dashoffset: 0;
}

svg .kultrunw-17 {
  stroke-dashoffset: 20.97521962768235px;
  stroke-dasharray: 20.97521962768235px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .kultrunw-17 {
  stroke-dashoffset: 0;
}

svg .kultrunw-18 {
  stroke-dashoffset: 12.967700958251953px;
  stroke-dasharray: 12.967700958251953px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .kultrunw-18 {
  stroke-dashoffset: 0;
}

svg .kultrunw-19 {
  stroke-dashoffset: 12.995769500732422px;
  stroke-dasharray: 12.995769500732422px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .kultrunw-19 {
  stroke-dashoffset: 0;
}

svg .kultrunw-20 {
  stroke-dashoffset: 12.995798110961914px;
  stroke-dasharray: 12.995798110961914px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .kultrunw-20 {
  stroke-dashoffset: 0;
}

svg .kultrunw-21 {
  stroke-dashoffset: 12.967708587646484px;
  stroke-dasharray: 12.967708587646484px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .kultrunw-21 {
  stroke-dashoffset: 0;
}

svg .kultrunw-22 {
  stroke-dashoffset: 149.47000122070312px;
  stroke-dasharray: 149.47000122070312px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .kultrunw-22 {
  stroke-dashoffset: 0;
}

svg .kultrunw-23 {
  stroke-dashoffset: 149.47000122070312px;
  stroke-dasharray: 149.47000122070312px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .kultrunw-23 {
  stroke-dashoffset: 0;
}

svg .kultrunw-24 {
  stroke-dashoffset: 149.48001098632812px;
  stroke-dasharray: 149.48001098632812px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s;
}

svg.active .kultrunw-24 {
  stroke-dashoffset: 0;
}

svg .kultrunw-25 {
  stroke-dashoffset: 149.48001098632812px;
  stroke-dasharray: 149.48001098632812px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .kultrunw-25 {
  stroke-dashoffset: 0;
}

svg .kultrunw-26 {
  stroke-dashoffset: 119.75450134277344px;
  stroke-dasharray: 119.75450134277344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

svg.active .kultrunw-26 {
  stroke-dashoffset: 0;
}

svg .kultrunw-27 {
  stroke-dashoffset: 119.75450134277344px;
  stroke-dasharray: 119.75450134277344px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s;
}

svg.active .kultrunw-27 {
  stroke-dashoffset: 0;
}

svg .kultrunw-28 {
  stroke-dashoffset: 49.51522445678711px;
  stroke-dasharray: 49.51522445678711px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s;
}

svg.active .kultrunw-28 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .kultrunw-29 {
  stroke-dashoffset: 49.50946807861328px;
  stroke-dasharray: 49.50946807861328px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s;
}

svg.active .kultrunw-29 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .kultrunw-30 {
  stroke-dashoffset: 55.20421600341797px;
  stroke-dasharray: 55.20421600341797px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s;
}

svg.active .kultrunw-30 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .kultrunw-31 {
  stroke-dashoffset: 40.44540023803711px;
  stroke-dasharray: 40.44540023803711px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s;
}

svg.active .kultrunw-31 {
  stroke-dashoffset: 0;
}

svg .kultrunw-32 {
  stroke-dashoffset: 33.45918083190918px;
  stroke-dasharray: 33.45918083190918px;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s;
}

svg.active .kultrunw-32 {
  stroke-dashoffset: 0;
}

#kultrun {

    position: absolute;
    top: 0;

}

.mouse_scroll {
  display: block;
  height: 100px;
  color: #fff;
  font-family: 'FreightSansPro-Book';
  font-size: 10px;
  position: fixed;
  bottom: 15%;
  left: 20%;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 auto;
  
  width: 16px;
  height: 16px;
}


.unu
{
  margin-top: 1px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
  margin: 0 auto;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}



#imgseg svg{
  max-width: 80%;
}


#slides {
  display: none;
  height: 600px;
}
#bgfull{
  height: auto;
  min-height: 100vh;
}
.toggle {
  display: none;
  height: 100%;
}
.toggle .row {

    height: 100%;

}
.img-edc {

    display: flex;
    justify-content: center;
    align-items: flex-end;

}
#ttsegint {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
#ttsegint h2{
  color:#ec6868;
  font-family: 'FreightSansPro-Light';
  font-weight: normal;
  background: url(../img/bgttsg.svg);
  background-size: contain;
  padding-left: 65px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-repeat: no-repeat;
  font-size: 30px;
  letter-spacing: .5rem;
}
#list-segu-int a {
    color: #fff;
    font-size: 12px;
    font-family: 'FreightSansPro-Book';
    font-size: 15px;
    font-weight: normal;
}
.txtboldseg{
  font-family: 'FreightSansPro-Bold';
  color: #fff;
}
#icon-segu {
  margin: 0;
}
#list-segu-int ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#logo-head{
  height: 15vh;
}
#caja-pages{
  min-height: 85vh;
}
#list-segu-int li{
  margin-bottom: 12px;
  color: #fff;
}
#list-segu-int li:before{
  content: url(../img/lis-segu.svg);
  justify-content: initial;
  align-items: start;
  padding-top: 10px;
  height: auto;
  margin-right: 15px;
}
#ttsegintp {

    display: flex;
    justify-content: flex-end;
    align-items: center;

}
/* MENU*/
.fl-men {
    display: flex;
    align-items: center;
}

.active .icon-men:before{
  content: url(../img/before.svg) !important;
  transition: .5s ease;
}
.icon-men:before{
  content: url(../img/beforep.svg) !important;
  margin-right: 15px;
  transition: .5s ease;
}
.mainmenub .active .icon-men:before{
  content: url(../img/beforeos.svg) !important;
  transition: .5s ease;
}
.mainmenub .icon-men:before{
  content: url(../img/beforepb.svg) !important;
  margin-right: 15px;
  transition: .5s ease;
}
.mainmenubr .active .icon-men:before{
  content: url(../img/beforers.svg) !important;
  transition: .5s ease;
}
.mainmenubr .icon-men:before{
  content: url(../img/beforepb.svg) !important;
  margin-right: 15px;
  transition: .5s ease;
}
.mainmenu{
  font-family: 'FreightSansPro-Medium';
  font-size: 14px;
  color: #000;
  font-weight: 100;
  transition: 2s ease;
}
.mainmenub{
  font-family: 'FreightSansPro-Medium';
  font-size: 14px;
  color: #fff;
  font-weight: 100;
  transition: 2s ease;
}
.mainmenubr{
  font-family: 'FreightSansPro-Medium';
  font-size: 14px;
  color: #fff;
  font-weight: 100;
  transition: 2s ease;
}
li.active{
  font-family: 'FreightSansPro-Bold';
}
.mainmenu, .mainmenub, .mainmenubr, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;
}
.submenu{
  margin-left: 50px;
  font-family: 'FreightSansPro-Medium';
  font-weight: normal;
  font-size: 12px;
}
.mainmenu a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #000;
}
.mainmenub a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #fff;
}
.mainmenubr a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #fff;
}
.mainmenu li:hover .icon-men:before{
  content: url(../img/before.svg) !important;
  transition: .5s ease;
}
.mainmenub li:hover .icon-men:before{
  content: url(../img/beforeos.svg) !important;
  transition: .5s ease;
}
.mainmenubr li:hover .icon-men:before{
  content: url(../img/beforers.svg) !important;
  transition: .5s ease;
}
.mainmenu li:hover{
  font-weight: 900;

  transition: font-weight 1s ease-in-out;
}
.mainmenub li:hover{
  font-weight: 900;

  transition: font-weight 1s ease-in-out;
}
.mainmenubr li:hover{
  font-weight: 900;

  transition: font-weight 1s ease-in-out;
}
.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
    -webkit-transition: all 0.5s ease-out;
}
.mainmenub li:hover .submenu {
  display: block;
  max-height: 200px;
    -webkit-transition: all 0.5s ease-out;
}
.mainmenubr li:hover .submenu {
  display: block;
  max-height: 200px;
    -webkit-transition: all 0.5s ease-out;
}
.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
    transition-delay: 2s;
}

#ttsegintp h2{
  font-family: 'FreightSansPro-Bold';
  font-size: 40px;
  color: #fff;
  font-weight: normal;
  letter-spacing: .2rem;
}
#map-segu img{
  max-width: 70%;
  max-height: 600px;
  width: auto;

}
.tsunami li:before{
  content: "\f078" !important;
  font-family: 'fa-light';
  padding: 0 !important;
  color:#ec6868;
  transition: .5s ease;
}
.col-6.segu1::after{
  content: '';
  position: absolute;
  background: url(../img/brdseg1.svg);
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-repeat: no-repeat;
}
.col-6.segu2::after{
  content: '';
  position: absolute;
  background: url(../img/brdseg2.svg);
  bottom: 0;
  left:  0;
  width: 100%;
  height: 3px;
  background-repeat: no-repeat;

}
.col-6.segu3::after{
  content: '';
  position: absolute;
  background: url(../img/brdseg1.svg);
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
  background-repeat: no-repeat;
  transform: rotate(180deg);
}

.col-6.segu1::before{
  content: '';
  position: absolute;
  background: url(../img/brdseg3.svg);
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-repeat: no-repeat;
  background-position: right;
}
.tsunami li:hover:before{
  content: "\f054" !important;
  font-family: 'fa-light';
  padding: 0 !important;
  color:#fff;
  transition: .5s ease;
}
.tsunami a:visited{
  color:#fff ;
  transition: .5s ease;
}
.tsunami a:hover{
  color:#ec6868 !important;
  transition: .5s ease;
}
.actives {
  display: block;
  animation: fadein ease-in 1s;
}
#next{
  content: url(../img/next.svg);
  transition: .5s ease
}
#previous{
  content: url(../img/prev.svg);
  transition: .5s ease;
  margin-right:10px;
}
#link-c{
  content: url(../img/link-c.svg);
  transition: .5s ease
}
#next:hover{
  content: url(../img/next-h.svg);
  transition: .5s ease
}
#previous:hover{
  content: url(../img/prev-h.svg);
  transition: .5s ease
}
#link-c:hover{
  content: url(../img/link-c-h.svg);
  transition: .5s ease
}

#titlepag h1 {
    color: #000;
    font-family: 'FreightSansPro-Bold';
    margin: 0;
    font-size: 60px;
    font-weight: normal;
}

#subtitpag h2 {
    color: #E67674;
    text-transform: uppercase;
    font-size: 23px;
    font-family: 'FreightSansPro-Bold';
    font-weight: normal;
    margin-bottom: 20px;
}
#subtitpagi h2 {
    color: #000;
    width: 300px;
    font-size: 40px;
    font-family: 'FreightSansPro-Book';
    font-weight: normal;
    margin-bottom: 20px;
}
.txteduca {
    color: #000;
    font-family: 'FreightSansPro-Book';
    width: 250px;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    position: relative;
}

.kultrun svg {
    max-width: 70%;
    height: auto;
}

#btnsed {

    position: absolute;
    left: 55%;
    bottom: 30%;

}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#cuerpo-pag {
    position: absolute;
    top: 0;
    width: 100%;
}
#umbra h2 {
    color: #000;
    font-family: 'FreightSansPro-Bold';
    font-size: 35px;
    font-weight: normal;
}
#mapcl h2 {
    color: #000;
    font-family: 'FreightSansPro-Bold';
    font-size: 35px;
    font-weight: normal;
    text-align: center;
    margin-bottom: 20px;
}

#umbra p {
    margin: 0;
    color: #000;
    font-family: 'FreightSansPro-Light';
    font-size: 41px;
    font-weight: normal;
}
#umbra .elementor-widget:not(:last-child) {
    margin: 0;
}
#umbra{
  text-align: center;
}

#montumb {
    position: fixed;
    bottom: 0;
    margin: 0;
}
#montumb img{
    width: 100%;
}
#montumbla {
    position: fixed;
    bottom: 0;
    margin: 0;
    width: 100%;

}
#montumbla img{
    width: 100%;
}
#topheader {
    position: absolute;
    top: 0;
    width: 100%;
}
#sombra {

    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}
#sol {
    position: absolute;
    top: 0;
}
#sol img{
  min-width: 100%;
    width: auto;
}
#eclips{
  text-align: center;
}
#eclips img{
  max-width: 95%;
}
#porcen{
  font-family: 'Gotham-Thin';
  color: #e56868;
  font-size: 22px;
  margin-top: 20px;
  text-align: center;
}
#cuerpoumbra {

    display: flex;
    justify-content: center;
    align-items: center;

}
#luna-umbra img {
    max-width: 75%;
}
#luna-umbrat img {
    max-width: 75%;
}

#lnk-luna {

    position: absolute;
    z-index: 500;
    right: 10px;
    top: 35%;
    transform: translate(0,50%);

}
#luna-umbrat {
    top: 35%;
    transform: translate(0,-35%);
}
#luna-umbra {
    top: 35%;
    transform: translate(0,-35%);
}
#lnk-luna p {
    margin: 0;
}
#lnk-luna a{
  color: #e56868;
  transition: .5s ease;
  font-family: 'FreightSansPro-Bold';
  font-size: 14px;
  font-weight: normal;
}

#lnk-luna a:visited{
  color: #e56868;
  transition: .5s ease;
}

#lnk-luna a:hover{
  color: #000;
  transition: .5s ease;
  text-decoration: none;
}
#ttzonas h2 {
    color: #fff;
    font-family: 'FreightSansPro-Bold';
    font-size: 60px;
    letter-spacing: 0.1rem;
    font-weight: normal;
}
#txtzonas p {
    color: #fff;
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'FreightSansPro-Light';

}
#txtzonass p {
    color: #ec6868;
    margin: 0;
    font-size: 23px;
    text-transform: uppercase;
    font-family: 'FreightSansPro-Light';

}

#slider-zonas {
    max-width: 90%;
    margin: auto;
}
.img-opacity{
  opacity: 0;
}
.img-opacity:hover{
    opacity: 1;
     -webkit-animation: image-zoom 1s;
  -moz-animation: image-zoom 1s ;
  animation: image-zoom 1s ;}

div#n2-ss-2 .n2-style-d9a5c1f64214b75dfb14a8cd5bd0435b-heading:hover, div#n2-ss-2 .n2-style-d9a5c1f64214b75dfb14a8cd5bd0435b-heading:active, div#n2-ss-2 .n2-style-d9a5c1f64214b75dfb14a8cd5bd0435b-heading:focus {
    opacity: 1;
     -webkit-animation: image-zoom 1s;
  -moz-animation: image-zoom 1s ;
  animation: image-zoom 1s ;
}
div#n2-ss-2 .n2-style-d9a5c1f64214b75dfb14a8cd5bd0435b-heading{
  transition: 1s ease;
}
div#n2-ss-2 .n2-style-f4cc31ee7c667647b4a9a81ef0fe965b-heading:hover, div#n2-ss-2 .n2-style-f4cc31ee7c667647b4a9a81ef0fe965b-heading:active, div#n2-ss-2 .n2-style-f4cc31ee7c667647b4a9a81ef0fe965b-heading:focus{
      opacity: 1;
     -webkit-animation: image-zoom 1s;
  -moz-animation: image-zoom 1s ;
  animation: image-zoom 1s ;
}
div#n2-ss-2 .n2-style-f4cc31ee7c667647b4a9a81ef0fe965b-heading{
    transition: 1s ease;
}
.sub-categ {
    padding: 0;
    margin: 0;
    list-style: none;
}
.titcatg {
    color: #fff;
    text-transform: uppercase;
    font-family: 'FreightSansPro-Bold';
    background-size: auto 80% !important;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: bottom right !important;
    font-size: 25px;
    border: 1px solid;
    padding: 10px;
    text-shadow:2px 2px rgba(0, 0, 0, 0.5);
}
.num-catg {
    color: #fff;
    font-size: 12px;
    font-family: 'FreightSansPro-Medium';
    letter-spacing: 3px;
}

@-webkit-keyframes image-zoom {


  0%   {  transform: scale(1);}
  25%  { transform: scale(1.05);}
  50%  { transform: scale(1.07);}
  75%  { transform: scale(1.1);}
  100% {  transform: scale(1.07);}
}
@-moz-keyframes image-zoom {

  0%   {  transform: scale(1);}
  25%  { transform: scale(1.05);}
  50%  { transform: scale(1.07);}
  75%  { transform: scale(1.1);}
  100% {  transform: scale(1.07);}
}
@-o-keyframes image-zoom {


  0%   {  transform: scale(1);}
  25%  { transform: scale(1.05);}
  50%  { transform: scale(1.07);}
  75%  { transform: scale(1.1);}
  100% {  transform: scale(1.07);}
}
@keyframes image-zoom {


  0%   {  transform: scale(1);}
  25%  { transform: scale(1.05);}
  50%  { transform: scale(1.07);}
  75%  { transform: scale(1.1);}
  100% {  transform: scale(1.07);}
}

#kultrn {
    position: absolute;
}
#headert {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 500;
}
#horiz-range{
  display: none;
}

  .segu1, .segu2, .segu3, .segu4{
  color: #fff;
    height: 250px;
    transition: .5s ease;
    overflow: hidden;
    }
 .txt-l{
  text-align: left !important;
 }
.txtseg {
    text-align: right;
    width: 220px;
    font-family: 'FreightSansPro-Medium';
    font-size: 21px;
}

.txtseg a{
    text-align: right;
    width: 160px;
    font-family: 'FreightSansPro-Medium';
    font-size: 21px;
    color: #fff;
    transition: .5s ease;
}
.txtseg a:visited{
  color: #fff;
  transition: .5s ease;
}
.txtseg a:hover{
  color: #ec6868;
  transition: .5s ease;
}
.txtseg i {
  color: #ec6868;
}
.segu2 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.segu3{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;  
}

.segu4{
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;  
}
#eac {
    height: 400px;
    border: 1px solid #fff;
    width: 400px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #fff;
    font-family: 'FreightSansPro-Bold';
    font-size: 36px;
    text-align: center;
}

#zointb {
    position: absolute;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.logo svg {
    max-width: 100%;
}
#ttzones h2 {
    color: #000;
    font-family: 'FreightSansPro-Bold';
    font-size: 60px;
    margin-bottom: 50px;
    font-weight: normal;
}
#ttzones-m h2 {
    color: #000;
    font-family: 'FreightSansPro-Bold';
    font-size: 75px;
    margin-bottom: 50px;
    font-weight: normal;
}
#textzones p {
    font-family: 'FreightSansPro-Light';
    color: #000;
    width: 350px;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 40px;
}
#tmzones h2 {
    font-family: 'FreightSansPro-Light';
    font-size: 41px;
    color: #EA6868;
    font-weight: normal;
}
#listmunzones ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#listmunzones ul li:before {
    content: "\f061";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    margin-left: -20px;
    margin-right: 10px;
    transition: .5s ease;
}
#listmunzones ul li:hover:before {
    color: #EA6868;
}
#listmunzones a{
  color: #000;
}
#listmunzones a:visited{
  color: #000;
}
#listmunzones a:hover{
  color: #000;
}
.volver {
    position: fixed;
    top: 5%;
    left: 75%;
    z-index: 500;

}
#top-comuna {
    width: 100vw;
    position: fixed;
    top: 0;
    z-index: 500;
}
#ftwo {

    transform: rotate(180deg);
    position: absolute;
    bottom: -25px;

}
#fone {

    position: absolute;
    top: -25px;

}
.volver a{
  color: #fff;
  transition: .5s ease;
  font-size: 13px;
}
.volver a:visited{
  color: #fff;

}
.volver a:hover{
  color: #000;
  transition: .5s ease;
}

.volver svg {

    position: absolute;
    z-index: -1;
    max-width: 150px;

}
.volver {

    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;

}
#listmunzones ul li {
    color: #000;
    font-family: 'FreightSansPro-Bold';
    font-weight: normal;
    font-size: 17px;
}

#kul-t-n {
    position: absolute;
    z-index: 500;
}
#top-3 img{
  max-width: 30%;
}
#img-edc .elementor-column-wrap.elementor-element-populated {
    padding: 0;
}
#tleduca-in h2{
  color: #000;
  font-family: 'FreightSansPro-Light';
  font-weight: normal;
  font-size: 40px;

}
#tleduca-in-n h2{
  color: #fff;
  font-family: 'FreightSansPro-Light';
  font-weight: normal;
  font-size: 40px;

}
#tbeduca-in h1{
  font-weight: normal;
  font-family: 'FreightSansPro-Bold';
  color: #000;
  font-size: 65px;
}
#tbeduca-in-n h1{
  font-weight: normal;
  font-family: 'FreightSansPro-Bold';
  color: #fff;
  font-size: 65px;
}
#med-lun-ed{
  display: flex;
  justify-content: center;
  align-items: center;
}

#line-derec img {
    width: auto;
    max-width: initial;
    margin-right: -200px;
}
#coled-3{
  width: 10%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;

}

#coled-1 {
    padding-left: 20px;
    padding-right: 20px;
}
#coled-2 {
    padding-left: 20px;
    padding-right: 20px;
}
#coled-2-n {
    padding-left: 20px;
    padding-right: 20px;
}
#educa-inte-med {
    margin-top: 20px;
}
#coled-1 h2{
  color: #e17674;
  font-family: 'FreightSansPro-Bold';
  font-size: 18px;
  font-weight: normal;
}
#coled-1 p{
  color: #e17674;
  font-family: 'FreightSansPro-Book';
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
}
#coled-2 p{
  color: #000;
  font-family: 'FreightSansPro-Book';
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
}
#coled-2-n p{
  color: #fff;
  font-family: 'FreightSansPro-Book';
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0;
}
#img-inte-bot-ed img {
    max-width: 70%;
}

#img-inte-bot-ed {
    position: absolute;
    bottom: 0;
}

/* COMUNAS GLOBAL*/
#com-img-bott {
 
    display: none;
}
.brdb {
    animation: bordes 5s ease forwards;
    animation-delay: 6s;


}
@-webkit-keyframes bordes {

0%{

} 
25%{
  border-top: 1px solid #fff;
}
50%{
  border-right:  1px solid #fff;
}
75%{
  border-bottom:  1px solid #fff;
}
100%{ 
  border-left: 1px solid #fff;
  border: 1px solid #fff;
}

}

@keyframes bordes {
0%{

} 
25%{
  border-top: 1px solid #fff;
}
50%{
  border-right:  1px solid #fff;
}
75%{
  border-bottom:  1px solid #fff;
}
100%{ 
  border-left: 1px solid #fff;
  border: 1px solid #fff;
}

}
#ttbcom h2 {
  font-family: 'FreightSansPro-Bold';
  color: #000;
  font-weight: normal;
  font-size: 80px;
}
#ttlcom h2 {
  font-family: 'FreightSansPro-Light';
  color: #000;
  font-weight: normal;
  font-size: 50px;
  text-transform: capitalize;
}
#ttland h2 {
  font-family: 'FreightSansPro-Light';
  color: #000;
  font-weight: normal;
  font-size: 50px;
  text-transform: capitalize;
}
#ttlcomlacus h2 {
  font-family: 'FreightSansPro-Light';
  color: #000;
  font-weight: normal;
  font-size: 50px;
  text-transform: capitalize;
}
#ttlcom:after{
  content: url(../img/afterttcom.svg);
}
#ttlcomlacus:after{
  content: url(../img/bforlacustre.svg);
}
#ttland:after{
  content: url(../img/afterandina.svg);
}
#descrcomun p{
  color: #fff;
  margin: 0;
  font-family: 'FreightSansPro-Book';
  font-size: 15px;
}
.atractivo p{
  font-family: 'FreightSansPro-Book';
  color: #000;
  margin: 0;
}
.txcomne{ 
  color: #000 !important;
}
.txcomne p {

    color:  #000 !important;

}
.airecomun{
  color: #8ab3ee;
  display: block;
  font-size: 15px;
  display: block;
  font-weight: normal;
}
.ttatrac{
  font-family: 'FreightSansPro-Medium';
  font-size: 21px;
  font-weight: normal;
  color: #000;
  display: block;
  margin-bottom: 15px;
  margin-top: 10px;

}
.mrgt{
  margin-top: 15px;
}
.ttbcom{
  font-family: 'FreightSansPro-Bold';
  font-size: 14px;
  font-weight: normal;
}
.atractivo {
    font-size: 14px;
    display: flex;
    padding: 5% 10%;
    color: #000 !important;
    z-index: 2;
}
.atr1::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #5c9593;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atran1::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #edf6ca;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atrnh1::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #e86868;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}

.atrtm1::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #ecc280;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atrlc1::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #8db6f1;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atr3::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #5c9593;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atran3::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #edf6ca;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atrnh3::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #e86868;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}

.atrlc3::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background:  #8DB6F1;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atrtm3::before {
  content: url(../img/bfratr1.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #ECC280;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}

.atr1::after {
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 1;
    top: 100%;
    transform: translate(-50%, 0%);
}
.atran1::after {
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 1;
    top: 100%;
    transform: translate(-50%, 0%);
}

.atrnh1::after {
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 1;
    top: 100%;
    transform: translate(-50%, 0%);
}
.atrlc1::after {
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 1;
    top: 100%;
    transform: translate(-50%, 0%);
}
#com-col-7::before {
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 1;
    top: -55px;
    transform: translate(-50%, 0%);
}
#com-col-9::before {
    width: 1px;
    height: 200px;
    background: #fff;
    position: absolute;
    content: '';
    left: 50%;
    z-index: 1;
    top: -55px;
    transform: translate(-50%, 0%);
}
.btns-sli-1 {
    transition: .5s ease;
}
.btns-sli-1:hover {
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-1:hover .btns-sli-1{
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-1:after{
  position: absolute;
  display: block !important;
    content: url(../img/underline.svg);
    transition: .5s ease;
    opacity: 0;
}
.btn-slidt-1:hover:after{
  display: block !important;
    content: url(../img/underline.svg);
    opacity: 1;
    transition: .5s ease;
}
.btn-slidt-1:hover ~ .btns-sli-1{
    transform: scale(1.1);
    transition: .5s ease;
}
.btns-sli-2 {
    transition: .5s ease;
}
.btns-sli-2:hover {
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-2:hover ~ .btns-sli-2{
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-2:after{
  position: absolute;
  display: block !important;
    content: url(../img/underline.svg);
    transition: .5s ease;
    opacity: 0;
}
.btn-slidt-2:hover:after{
  display: block !important;
    content: url(../img/underline.svg);
    opacity: 1;
    transition: .5s ease;
}
.btns-sli-2:hover ~ .btn-slidt-2:after{
    opacity: 1;
    transition: .5s ease;
}
.btns-sli-3 {
    transition: .5s ease;
}
.btns-sli-3:hover {
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-3:hover ~ .btns-sli-3{
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-3:after{
  position: absolute;
  display: block !important;
    content: url(../img/underline.svg);
    transition: .5s ease;
    opacity: 0;
}
.btn-slidt-3:hover:after{
  display: block !important;
    content: url(../img/underline.svg);
    opacity: 1;
    transition: .5s ease;
}
.btns-sli-4 {
    transition: .5s ease;
}
.btns-sli-4:hover {
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-4:hover ~ .btns-sli-4{
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-4:after{
  position: absolute;
  display: block !important;
    content: url(../img/underline.svg);
    transition: .5s ease;
    opacity: 0;
}
.btn-slidt-4:hover:after{
  display: block !important;
    content: url(../img/underline.svg);
    opacity: 1;
    transition: .5s ease;
}
.btns-sli-5 {
    transition: .5s ease;
}
.btns-sli-5:hover {
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-5:hover ~ .btns-sli-5{
    transform: scale(1.1);
    transition: .5s ease;
}
.btn-slidt-5:after{
  position: absolute;
  display: block !important;
    content: url(../img/underline.svg);
    transition: .5s ease;
    opacity: 0;
}
.btn-slidt-5:hover:after{
  display: block !important;
    content: url(../img/underline.svg);
    opacity: 1;
    transition: .5s ease;
}
.atr2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #77BDB9;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atran2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #dbe2bc;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
.atrnh2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #e58989;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}

.atrtm2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #ffdaa9;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}

.atrlc2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: 50%;
  top: -22px;
  background: #77BDB9;
  border-radius: 50%;
  width: 42px;
  transform: translate(-50%, 0%);
}
#adjcomun {
    color: #000;
    display: flex;
    justify-content: center;
}
.list-larg {

    column-count: 2;

}
#txtregara p{
  color: #fff;
  font-family: 'FreightSansPro-Book';
  margin: 0;
  font-weight: normal;
  font-size: 18px;
}
#txtregarac p{
  color: #fff;
  font-family: 'FreightSansPro-Book';
  margin: 0;
  font-weight: normal;
  font-size: 16px;
}
#txtregarac ul {
  font-family: 'FreightSansPro-Book';
  font-size: 16px;
    padding: 0;
    margin: 0;
    color: #fff;
    list-style: none;
    margin-top: 20px;
}
#txtregarac li:before {
  content: url(../img/regara.svg);
  margin-right: 15px;
}
.crb{
  color: #e56868;
  font-family: 'FreightSansPro-Bold';
}
#adjcomun ul{
    color: #000;
    list-style: none;
    margin: 0;
    padding: 0;
}
#adjcomun ul li{
    display: flex;
    margin-left: 15%;
    text-align: left;
}
#adjcomun ul li:before{
    content: url(../img/before-listc.svg);
    margin-right: 15px;
}
#sect1, #sect2, #sect3{
  height: auto;
  padding: 0;
}
.bgcos1{
  background: #5c9593;
}
.bgan1{
  background: #edf6ca;
}
.bgan2{
  background: #dbe2bc;
}
.bgnh1{
  background: #e86868;
}
.bgnh2{
  background: #e58989;
}
.bglac1{
  background: #8db6f1;
}
.bgtm1{
  background: #ecc280;
}
.bgtm2{
  background: #ffdaa9;
}
.bgcos2{
  background: #77BDB9;
}
.bglac2{
  background: #accaef;
}
#top-zona {
    height: 15vh;
}
#cuerpo-zona{
  min-height: 85vh;
}
#chascana {
    margin: 0;
    opacity: 0.5;
}
#cajacomuna .elementor-row{
  display: block;
}
#sect2 .elementor-row{
  display: block;
}
#sect3 .elementor-row{
  display: block;
}
#com-col-1, #com-col-2, #com-col-3, #com-col-4, #com-col-5, #com-col-6, #com-col-7, #com-col-8, #com-col-9, #com-col-10{
  padding: 0;
  width: 100%;
}
#com-col-1 .elementor-column-wrap.elementor-element-populated{
  padding: 0;
  text-align: center;
}
#com-col-5{
  margin-top: 50px;
  margin-bottom: 50px;
}
#com-col-1 .elementor-image{
  text-align: center;
}
#com-col-2, #com-col-8, #com-col-6, #com-col-9 {
    margin-top: 50px;
    margin-bottom: 50px;
}

#com-col-2 .elementor-column-wrap.elementor-element-populated{
  padding: 15% 25%;
}
#com-col-3 img {
    max-width: 80%;
}
#com-col-3::after {
    width: 1px;
    height: 125%;
    background: #fff;
    position: absolute;
    z-index: 0;
    content: '';
    top: -15%;
    left: 50%;
    transform: translate(50%,0%);
}
#com-col-5::after {
    width: 1px;
    height: 50%;
    background: #fff;
    position: absolute;
    z-index: 0;
    content: '';
    top: 80%;
    left: 50%;
    transform: translate(50%,0%);
}

.desliza{
  content: url(../img/desliza-m.svg);
  position: absolute;
  left: 50%;
  top: 135%;
  background:#5c9593;
  border-radius: 50%;
  transform: translate(-50%,0%);
  z-index: 2;
}
.deslizaan{
  content: url(../img/desliza-m.svg);
  position: absolute;
  left: 50%;
  top: 135%;
  background:#edf6ca;
  border-radius: 50%;
  transform: translate(-50%,0%);
  z-index: 2;
}

.deslizalc{
  content: url(../img/desliza-m.svg);
  position: absolute;
  left: 50%;
  top: 135%;
  background:#8DB6F1;
  border-radius: 50%;
  transform: translate(-50%,0%);
  z-index: 2;
}
.deslizanh{
  content: url(../img/desliza-m.svg);
  position: absolute;
  left: 50%;
  top: 135%;
  background:#e86868;
  border-radius: 50%;
  transform: translate(-50%,0%);
  z-index: 2;
}


.sbg{
  background-image: none !important
}
#descrcomun {
    width: 80%;
    margin: auto;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 40px;
  width: 40px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 0px 15px #2020203d;
  background: white url('https://i.ibb.co/FxzBYR9/night.png');
  background-repeat: no-repeat;
  background-position: center;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
  background: white url('https://i.ibb.co/7JfqXxB/sunny.png');
  background-repeat: no-repeat;
  background-position: center;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

  #botonmap {
    display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (min-width: 1980px) {
  #slider-zonas {
    max-width: 65%;
    margin: auto;
}
  .umb-img img{
  max-width: 60% !important;
  margin-left: auto;
  margin-right: auto;
}
  #coled-2 p{
    color: #000;
    font-family: 'FreightSansPro-Book';
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 0;
  }
  #eclips img{
    max-width: 100%;
  }
  #sol img {
    min-width: 158px;
      width: auto;
  }
  #coled-2-n p{
    color: #fff;
    font-family: 'FreightSansPro-Book';
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0;
  }
  #img-inte-bot-ed img {
      max-width: 50%;
  }

}
@media screen and (max-width: 1800px) {
  .titcatgb{
    font-size: 55px;
  }
  #tbeduca-in h1{
      font-size: 55px;
  }
  #tbeduca-in-n h1{
      font-size: 55px;
  }
  #tleduca-in h2{
    font-size: 35px;
  }
  #tleduca-in-n h2{
    font-size: 35px;
  }
  #coled-2 p{
    font-size: 17px;
  }
  #coled-2-n p{
    font-size: 17px;
  }

}
@media screen and (max-width: 1600px) {
  .tlt-fic-ecl{
    font-size: 20px;
  }
  .loca_ecl, .tlf_ecl{
    font-size: 16px;
  }
  .box-desc-cat.active{
    width: 40%;
  }
  #tbeduca-in h1{
      font-size: 50px;
  }
  #tbeduca-in-n h1{
      font-size: 50px;
  }
  #tleduca-in h2{
    font-size: 30px;
  }
  #tleduca-in-n h2{
    font-size: 30px;
  }
  #coled-1 p{
    font-size: 16px;
    margin-bottom: 0
  }
  #coled-2 p{
    font-size: 16px;
  }
  #coled-2-n p{
    font-size: 16px;
  }
  .caja {
    width: 550px !important;
    height: 500px !important;
  }
  .caja svg image{
    width: 100%;
    height: 100%;
  }



}


@media screen and (max-width: 1300px) {
  .covid h2 {
    color: #fff !important;
    font-size: 20px;
    font-family: 'FreightSansPro-Book' !important;
  }
  .tlt-fic-ecl{
    font-size: 17px;
  }
  .box-desc-cat.active{
    width: 60%;
  }
  .loca_ecl, .tlf_ecl{
    font-size: 15px;
  }

  #slides {
      height: 450px;
  }
  #txtzonas p{
    font-size: 15px;
  }
  #ttzonas h2{
    font-size: 50px;
  }
  #titlepag h1{
    font-size: 50px;  
  }
  #txtregara p{
    font-size: 16px;
  }
  #txtregarac p{
    font-size: 14px;
  }
  #txtregarac ul{
    font-size: 14px;
  }
  .mainmenub{
    font-size: 12px;
  }
  .icon-men::before {
      display: flex;
      width: 25px;
  }

  .caja svg image{
  width: 100%;
  height: 100%;
  }
  #p-menu{
    padding-left: 20px;
  }

#ttzones h2 {

    font-size: 60px;
    margin-bottom: 0px;
}
#textzones p{
  width: 80%;
  font-size: 16px;
  margin-bottom: 15px;
}
  #tbeduca-in h1{
      font-size: 40px;
  }
  #tbeduca-in-n h1{
      font-size: 40px;
  }
  #tleduca-in h2{
    font-size: 30px;
  }
  #tleduca-in-n h2{
    font-size: 30px;
  }
  #coled-1 p{
    font-size: 15px;
    margin-bottom: 0
  }
  #coled-2 p{
    font-size: 15px;
  }
  #coled-2-n p{
    font-size: 15px;
  }
  .caja{
    width: 450px !important;
    height: 400px !important;
  }
  #line-derec img{
    max-width: 220px;
  }
  .countd li span{
    font-size: 80px;

  }
  .countd li{
    padding-right: 30px;
    font-size: 18px;
    padding-left: 30px;
  }
  .kultrun svg {
      max-width: 50%;
      height: auto;
  }

}
@media screen and (max-width: 1200px) {
    #rr-ss-foo p{
        font-size:12px;
    }
    #rr-ss-foo {
        font-size:12px;
    }
    #rr-ss-foo a i{
        margin-right: 5px;
        margin-left: 5px;
    }
}
@media screen and (max-width: 1024px){
      .btnhom a{
    font-size: 16px
  }
  #ttsegintp h2{
    font-size: 30px;
  }
  #ttzones h2{
    font-size: 45px;
  }
  .titcatgb{
    font-size: 45px;
  }
  .caj-sub{
    font-size: 15px;
  }
  .icon-men::before {
      display: flex;
      width: 15px;
  }
  #bottom-reac{
    position: relative;
  }
    .btn-slidt-1:after{
    display: none !important;
  }
  .btn-slidt-2:after{
    display: none !important;
  }
  .btn-slidt-3:after{
    display: none !important;
  }
  .btn-slidt-4:after{
    display: none !important;
  }
  .btn-slidt-5:after{
    display: none !important;
  }
  .btn-slidt-1:hover:after{
    display: none !important;
  }
  .btn-slidt-2:hover:after{
    display: none !important;
  }

  .btn-slidt-3:hover:after{
    display: none !important;
  }
  .btn-slidt-4:hover:after{
    display: none !important;
  }
  .btn-slidt-5:hover:after{
    display: none !important;
  }

  #p-menu{
  padding-left: 15px;
  }
  #cuerpo-zona{
    height: auto;
  }

  #coled-3{
    width: 10%;
  }
  .kultrun svg {
      max-width: 50%;
      height: auto;
  }
  #kul-t-n img {
      max-width: 120px;
      width: 15%;
  }
  #umbra p{
    font-size: 25px;
  }
  #umbra h2{
    font-size: 25px;
  }
  #mapcl h2{
    font-size: 25px;
  }
}
@media screen and (min-width: 769px){
  #mainmenu{
    display: block;
  }
}
@media screen and (max-width: 768px){
  .menu-menu-container {
    display: flex;
    justify-content: flex-end;
  }
  .menu-item a::before {
    order: 2;
    margin-left: 15px;
  }
  .menu-item a {
    justify-content: flex-end;
  }
  .sub-menu{
    margin-left: 0;
    margin-right: 65px;
  }

  #slides{
    height: auto;
    padding-top: 50px;
  }

  .top svg{
      margin-top:0;
      max-width: 95%;
  }
  #ttbcom h2{
    font-size: 50px;
  }
  .ckultrun{
      margin-top:50px;
  }
  .center {
    margin-top: 50px;
    position:relative;
    }
  .logo{
      padding-left:10px;
      padding-right: 10px;
  }
    .elementor-243 .elementor-element.elementor-element-7f17d3db:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap, .elementor-243 .elementor-element.elementor-element-7f17d3db > .elementor-column-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{
    background-image: none !important;
  }
  #top-comuna{
    position: relative;
  }
  #btnsed {
  left: 0;
    bottom: auto;
    top: 5%;
  }
  .logo {
      text-align: center;
  }
  #ttzones-m h2{
    font-size: 50px;
    text-align: right;
  }
  .sub-categ li{
    font-size: 15px;
  }
  .sub-categ li i{
    font-size: 20px;
  }
  #textzones p{
    width: 100%;
  }
  .icon-men::before{
    width: 25px;
  }
  #btn-zonas{
    width: 100%;
  }
  #med-lun-ed img {
      max-height: 70px;
  }
  #ttzonas h2{
    font-size: 40px;
  }
  #titlepag h1{
    font-size: 40px;  
  }

  .btn-menu-m{
    display: flex;
    justify-content: flex-end;
    margin-right: 20px;
  }
  .submenu {
      text-align: right;
  }
  .fl-men {
      display: flex;
      align-items: center;
      justify-content: flex-end;
  }
  .navigation {
      width: 300px;
      float: right;
  }
  .icon-men {
      order: 2;
  }
  .caja-btn-sg {
      max-width: 95%;
      margin-left: auto !important;
      margin-right: auto !important;
  }
  .collapse.show{
    display: block;
  }
  .box-desc-cat.active {
    width: 90%;
  }
  #logo-head{
    height: auto;
  }
  #caja-pages{
    height: auto;
  }
  #vertical-range{
    display: none;
  }
  #horiz-range{
    display: block;
  }
  #luna-umbrat{
    display: none;
  }
  #luna-umbra{
    display: none;
  }
  #sol img{
    max-width: 158px;
    min-width: 130px;
  }
  #sombra{
    justify-content: initial;
    bottom: 0 !important;
  }
  .volver{
    display: none;
  }
  #top-zona {
      height: auto;
  }
  #zointb{
    position: relative;
  }
  #cuerpo-zona{
    height: auto;
  }
  #mob{
    display: block;
  }
  #pc{
    display: none
  }
  #slider-zonas{
    max-width: 95%;
  }
  #top-3 {

    display: none;

}


  #contenth {
      position: absolute;
      width: 100%;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);

      z-index: 500;
  }
  .countd li span{
    font-size: 50px;

  }
  .countd li{
    padding-right: 30px;
    font-size: 18px;
    padding-left: 30px;
  }
  .kultrun svg {
      max-width: 50%;
      height: auto;
  }
  .center svg{
    width: 75%;
  }
  #img-inte-bot-ed {
    position: relative;
    }
  #img-edc{
    display: none;
  }
  #titl-educa-in{
    width: 80%;
  }
  #med-lun-ed{
    width: 20%;
  }
  #coled-3{
    display: none;
  }
}
@media screen and (max-width: 640px){
  #ttsegint h2{
    font-size: 20px;
  }
  #ttsegintp h2{
    font-size: 20px;
  }
  .caja {

    width: 280px !important;
    height: 250px !important;

}
  .countd li span{
    font-size: 45px;

  }
  .countd li{
    padding-right: 20px;
    font-size: 16px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 600px){
  .txtseg{
    width: auto;
  }
  .txtseg a{
    font-size: 16px;
  }
  .segu1, .segu2, .segu3, .segu4{
    height: 200px;
  }
  .sg1{
    top: 50%;
    right: -50%;
  }
  .sg2{
    top: 50%;
    left: -50%;
  }
  .sg3{
    top: -50%;
    right: -50%;
  }
  .sg4{
    top: -50%;
    left: -50%;
  }
  .segu1:hover .sg1{
    top: 35%;
    right: -30%;
  }
  .segu2:hover .sg2{
    top: 35%;
    left: -30%;
  }
  .segu3:hover .sg3{
    top: -35%;
    right: -30%;
  }
  .segu4:hover .sg4{
    top: -35%;
    left: -30%;
  }
  .card-eclip {
    margin-bottom: 20px;
    text-align: center;
  }
  .titcatgb {
      font-size: 25px;
  }
  #ttzonas h2{
    font-size: 30px;
  }
  #titlepag h1{
    font-size: 30px;  
  }
    #descrcomun {
      width: 85%;
      margin: auto;
  }
  #descrcomun p{
    font-size: 13px;
  }
  #com-col-2 .elementor-column-wrap.elementor-element-populated {
      padding: 30% 5%;
  }
  #adjcomun ul li{
    margin-left: 5%;
  }
  #com-col-2{
    padding: 5px;
  }
  #com-col-3 img {
      max-width: 100%;
  }
  .desliza{
    top: 180%;
  }
  .deslizaan{
    top: 180%;
  }
  .deslizanh{
    top: 180%;
  }
  .deslizalc{
    top: 180%;
  }
  #com-col-3::after{
    height: 150%;
    top: -30%;
  }
  .elementor-810 .elementor-element.elementor-element-bc77fea > .elementor-element-populated{
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .atractivo{
    padding: 5% 5%;
  }
  #fin-comun img {
      max-height: 250px;
  }
}
@media screen and (max-width: 520px){
  #ttzones-m h2{
    font-size: 35px;
  }
  .countd li span{
    font-size: 40px;

  }
  .countd li{
    padding-right: 15px;
    font-size: 15px;
    padding-left: 15px;
  }
  .btnhom{
    width: 100%;
    bottom: 10%;
  }

}
@media screen and (max-width: 480px){
    .sol-um img{
      max-width: 100% !important;
  }

  #com-col-2 .elementor-column-wrap.elementor-element-populated {
      padding: 20% 10%;
  }
  .desliza{
    top: 115%;
  }
  .deslizaan{
    top: 115%;
  }
  .deslizanh{
    top: 115%;
  }
  .deslizalc{
    top: 115%;
  }
  .countd li span{
    font-size: 30px;

  }
  .countd li{
    padding-right: 10px;
    font-size: 14px;
    padding-left: 10px;
  }


}
@media screen and (max-width: 380px){
  .countd li span{
    font-size: 25px;

  }
  .countd li{
    padding-right: 5px;
    font-size: 12px;
    padding-left: 5px;
  }

}

/* COMUNAS HORIZONTAL*/
@media  screen and (min-height: 768px) {
  #ttbcom h2{
    font-size: 60px;
  }
  #ttlcom h2{
    font-size: 40px;
  }
  .mapa svg {
      max-height: 200px;
  }
  .atractivo{
    font-size: 12px;
  }

}
@media  screen and (max-height: 768px) {
  .caja{
    width: 400px !important;
    height: 350px !important;
  }
  .range-slider .input-range{
    height: 300px !important;
  }
  #luna-umbrat img{
    max-height: 320px;
    width: auto;
  }
  #luna-umbra img{
    max-height: 320px;
    width: auto;
  }
  #bottom-reac{
    position: relative;
  }
  

}
@media  screen and (max-height: 640px) {
  .caja{
    width: 380px !important;
    height: 320px !important;
  }
  .range-slider .input-range{
    height: 300px !important;
  }
  #luna-umbrat img{
    max-height: 280px;
    width: auto;
  }
  #luna-umbra img{
    max-height: 280px;
    width: auto;
  }
}
@media  screen and (max-height: 480px) {
  .caja{
    width: 380px !important;
    height: 320px !important;
  }
  .range-slider .input-range{
    height: 300px !important;
  }
  #luna-umbrat img{
    max-height: 280px;
    width: auto;
  }
  #luna-umbra img{
    max-height: 280px;
    width: auto;
  }
}
@media  screen and (min-width: 1024px) and (min-height: 768px) {

  #fin-comun {
      position: absolute;
      bottom: -30px;
  }
  .atr2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: -22px;
  top: 50%;
  background: #77BDB9;
  border-radius: 50%;
  width: 42px;
  transform: translate(0%, -50%);
}
.atran2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: -22px;
  top: 50%;
  background: #dbe2bc;
  border-radius: 50%;
  width: 42px;
  transform: translate(0%, -50%);
}
.img-vertical img {
    width: 60%;
    max-width: 100% !important;
    height: 70vh !important;
    object-fit: cover;
}
#com-img-bott img {
    max-height: 20vh;
    width: auto;
}
.atrnh2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: -22px;
  top: 50%;
  background: #e58989;
  border-radius: 50%;
  width: 42px;
  transform: translate(0%, -50%);
}
.atrlc2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: -22px;
  top: 50%;
  background: #accaef;
  border-radius: 50%;
  width: 42px;
  transform: translate(0%, -50%);
}
.atrtm2::before {
  content: url(../img/bfratr2.svg);
  display: flex;
  position: absolute;
  left: -22px;
  top: 50%;
  background: #ffdaa9;
  border-radius: 50%;
  width: 42px;
  transform: translate(0%, -50%);
}

  .atractivo{
    font-size: 13px;
  }
  .desliza{
    content: url(../img/desliza.svg);
    right: -35%;
    left: auto;
    top: 50%;
    background:#5c9593;
    border-radius: 50%;
    transform: translate(0%,-50%);
  }
  .deslizaan{
    content: url(../img/desliza.svg);
    right: -35%;
    left: auto;
    top: 50%;
    background:#EDF6CA;;
    border-radius: 50%;
    transform: translate(0%,-50%);
  }
  .deslizalc{
    content: url(../img/desliza.svg);
    right: -35%;
    left: auto;
    top: 50%;
    background:#8DB6F1;
    border-radius: 50%;
    transform: translate(0%,-50%);
  }
  .deslizanh{
    content: url(../img/desliza.svg);
    right: -35%;
    left: auto;
    top: 50%;
    background:#e86868;
    border-radius: 50%;
    transform: translate(0%,-50%);
  }

  #com-col-3::after {
    height: 1px;
    background: #fff;
    position: absolute;
    z-index: 0;
    content: '';
    top: 50%;
    left: -15%;
    transform: translate(0%,-50%);
    animation: line-imag 2s ease forwards;
    animation-delay: 4.5s;
  }

  #com-col-5::after {
    height: 1px;
    background: #fff;
    position: absolute;
    z-index: 0;
    content: '';
    top: 50%;
    left: auto;
    right: -5%;
    transform: translate(0%,-50%);
    animation: line-imagt 2s ease forwards;
    animation-delay: 4.5s;
  }
#cajacomuna .elementor-row{
  display: flex;
}

#sect2 .elementor-row{
  display: flex;
}
.img-vertical::after {
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    transform: translate(0%,-50%);
    top: 50%;
    left: 0;
    z-index: -1;
}
#sect3 .elementor-row{
  display: flex;
  height: 100%; 
}
.elementor.elementor-1568 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1658 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1691 .elementor-section-wrap {
    display: flex;
    width: 5040px;
}
.elementor.elementor-1610 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}

.elementor.elementor-1197 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1719 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1652 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1587 .elementor-section-wrap {
       width: 3120px;
}
.elementor.elementor-1518 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1644 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1509 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1551 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1769 .elementor-section-wrap {
    width: 3120px;
}
.elementor.elementor-1779 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1800 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1826 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1837 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1848 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1603 .elementor-section-wrap {
    display: flex;
    width: 5040px;
}
.elementor.elementor-1540 .elementor-section-wrap {
    
    width: 3120px;
}
.elementor.elementor-1593 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1529 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1579 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1459 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1684 .elementor-section-wrap {
    width: 3120px;
}
.elementor.elementor-1211 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-860 .elementor-section-wrap{
  display: flex;
  width: 6960px;
}
.elementor.elementor-1224 .elementor-section-wrap{
  display: flex;
  width: 6960px;
}
.elementor.elementor-1406 .elementor-section-wrap{
  display: flex;
  width: 6960px;
}
.elementor.elementor-1462 .elementor-section-wrap{
  display: flex;
  width: 6960px;
}
.elementor.elementor-1498 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1669 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
.elementor.elementor-1476 .elementor-section-wrap {
    display: flex;
    width: 6960px;
}
#sect1 {
    height: 100vh;
    width: 3120px;
}
.atr1::after {
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: -50%;
    z-index: 1;
    left: auto;
    top: 50%;
    transform: translate(0%, -50%);
}
.atran1::after {
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: -50%;
    z-index: 1;
    left: auto;
    top: 50%;
    transform: translate(0%, -50%);
}
.atrtm1::after {
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: -50%;
    z-index: 1;
    left: auto;
    top: 50%;
    transform: translate(0%, -50%);
}
.atrnh1::after {
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: -50%;
    z-index: 1;
    left: auto;
    top: 50%;
    transform: translate(0%, -50%);
}

.atrlc1::after {
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    right: -50%;
    z-index: 1;
    left: auto;
    top: 50%;
    transform: translate(0%, -50%);
}


#com-col-7::before {
    width: 150%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    z-index: 1;
    left: -15%;
    top: 50%;
    transform: translate(0%, -50%);
}
#com-col-9::before {
    width: 50%;
    height: 1px;
    background: #fff;
    position: absolute;
    content: '';
    z-index: 1;
    left: -15%;
    top: 50%;
    transform: translate(0%, -50%);
}

.atr1::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
}
.atran1::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
}
.atrnh1::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
}

.atrlc1::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
}
.atrtm1::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
}
.atr3::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
  animation: fadeIn 2s;
  animation-delay: 6s;
}
.atran3::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
  animation: fadeIn 2s;
  animation-delay: 6s;
}

.atrnh3::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
  animation: fadeIn 2s;
  animation-delay: 6s;
}
.atrlc3::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
  animation: fadeIn 2s;
  animation-delay: 6s;
}
.atrtm3::before {
  left: -22px;
  top: 50%;
  transform: translate(0%, -50%);
  animation: fadeIn 2s;
  animation-delay: 6s;
}
#sect1 .elementor-row {
    height: 100%;
}
#com-img-bott {
    position: absolute;
    bottom: 0;
 
}
#sect2 {
    height: 100vh;
    width: 1920px;
}
#sect3 {
    height: 100vh;
    width: 1920px;
    overflow: hidden;
}

#com-col-1{
  width: 20% !important;
}
#com-col-2{
  width: 25% !important;
}
#com-col-3{
  width: 30% !important;
}
#com-col-4{
  width: 25% !important;
}
#com-col-5{
  width: 50% !important;
}
#com-col-6{
  width: 35% !important;
}
#com-col-7{
  width: 15% !important;
}
#com-col-8{
  width: 50% !important;
}
#com-col-9{
  width: 35% !important;
}
#com-col-10{
  width: 15% !important;
}
#com-img-bott{
  display: block;
}
}
@media  screen and (min-width: 1260px) and (min-height: 790px) {
  .atractivo{
    font-size: 13px;
  }

}
@media  screen and (min-width: 1420px) and (min-height: 890px) {
  .atractivo{
    font-size: 14px;
  }

}