/* COLORS  */

:root {
  --sk-yellow: #FBD517;
  --sk-blue: #124783;
  --sk-lightblue: #dee5ee;
  --sk-grey: #9E9D9B;
  --sk-lightgrey: #F2f2f2;
  --sk-darkgrey: #1F1D1A;
  --sk-black: #0A0706;
  --sk-red: #CE181C;
  --sk-sky: #D5D6E4;
  --sk-white: #FFFFFF;
  --sk-img-radius: 25px;
}
body {
    touch-action: pan-y;
}

.owl-item>.item>.box_grid>a>span,
.follow_us>ul>li>a>span {
    overflow: hidden;
    text-indent: -2300px;
    display: inline-block;
    width: 0;
}
.margin_b0{
    margin-bottom: 0px;
}


.bloglist.singlepost img{
    max-width: 100%
}
.justify-content {
    justify-content:center
}
.text_page .block-blog-items h4{
    color: var(--sk-black);
}
.text_page h4 {
    color: var(--sk-blue);
    font-size: 1.3rem;
}
/* CONTACT BLOCK HOME*/
.contact-form-block.text-center p {
    margin-bottom: 5px;
    font-size: 1.4rem;
    color: var(--sk-blue);
    font-weight: 500;
}
.contact-form-block.text-center h3 {
    margin-bottom: 5px;
    font-size: 1.8rem;
    color: var(--sk-blue);
    font-weight: 700;
}
.contact-form-block{
    position: relative;
}

.parent {
  counter-reset: my-counter;
}

.header-rounded {
  counter-increment: my-counter;
  position: relative;
  margin-top: 3rem;
}

.header-rounded span::after {
  content: counter(my-counter);
}
.header-rounded span::after,
.event-box span::after{
    content: counter(my-counter);
    border-radius: 51px;
    background: var(--sk-yellow);
    font-size: 3rem;
    font-weight: 600;
    color: var(--sk-blue);
    height: 70px;
    width: 70px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -45px;
}
.container .row .header-rounded h3 {
    border: 1px solid #ccc;
    padding: 31px 44px;
    background: white;
    border-radius: 34px;
    font-size: 1.5rem;
    color: var(--sk-blue);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}

.contact-form-block:before {
    content: ' ';
    position: absolute;
    z-index: 0;
    left: 240px;
    right: 0;
    top: -52px;
    bottom: 0;
    background-image: url(/static/img/icons/chat.svg);
    background-size: 200px;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: -30px;
    opacity: 1;
}
/* HOME 2  */
.header-home::before {
  content: " ";
  background: #0007;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
section a.btn_yellow{
    margin-top: 20px
}
div#institute section:first-child .padding-rl-80 p:last-child,
div#stagparty section:first-child .padding-rl-80 p:last-child,
{
    margin-bottom: 0;
}

section.header-home {
    position: relative;
}
.block-blog-items .col-lg-12:last-child a{
    margin-bottom: 0
}
#div_id_text .form-control{
    height: auto;
}
h1.fadeInUp.animated {
    font-size: 2rem;
    font-weight: 600;
    color: white
}
.block-header-home {
    text-align: center;
    margin-left: 120px;
    z-index: 1;
}
.text_page .block-blog h3 {
    color: var(--sk-black);
    font-size: 2.5rem;
    margin-bottom: 2rem;
    font-weight: 600;
}
.block-blog .block-blog-items span{
    color: var(--sk-blue);
    font-weight:600;
}
.row.bg-lightblue.block-blog-items {
    padding: 40px 20px;
    border-radius: 25px;
    margin-bottom: 20px
}
.block-blog a.btn_blue {
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
.block-header-home .btn_yellow{
    height:auto;
}
.block-home-event #eventlist .box_grid figure, .block-home-event #eventlist .box_grid{
    border-radius: 0;
}
.box_grid {
    -webkit-box-shadow: none;
}
.block-home-event #eventlist .box_grid h3 a{
    color: var(--sk-black);
}
.bg-experience{
    /*background-image: url(/static/img/bg/experience.jpg);*/
    background-size: cover;
    min-height: 500px;
    padding-right:0
}
.bg-institute{
    background-image: url(/static/img/bg/institutes.jpg);
    background-size: cover;
    min-height: 500px;
    padding-right:0
}
.text_page .block-experience p {
    padding: 0 120px;
}
.text_page .block-experience {
    display: flex;
    align-items: center;
    min-height: 500px;
    padding: 40px 20px;
}
.text_page .block-experience h3{
    color: var(--sk-blue);
}
section#contact-form {
    padding: 0 120px;
}
.banner_lightgrey {
    background: var(--sk-lightgrey);
    text-align: center;
    font-size: 4rem;
    padding: 50px;
}
.banner_lightgrey h4{
    color:var(--sk-blue);
}
.banner_lightgrey h4.fg-red{
    color:var(--sk-red);
}
.event-box:before {
    content: ' ';
    position: absolute;
    opacity: 0.8;
    z-index: -1;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 0px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: -90px -20px;
}
.event-box.bg-icon-file:before       { background-image: url(/static/img/icons/file.svg)}
.event-box.bg-icon-institute:before  { background-image: url(/static/img/icons/institute.svg) }
.event-box.bg-icon-group:before      { background-image: url(/static/img/icons/group.svg) }
.event-box.bg-icon-business:before   { background-image: url(/static/img/icons/business.svg) }
.event-box.bg-icon-gift:before       { background-image: url(/static/img/icons/gift.svg) }
.event-box.bg-icon-house:before      { background-image: url(/static/img/icons/house.svg) }
.event-box.bg-icon-friends:before       { background-image: url(/static/img/icons/friends.svg) }


.banner_yellow h4{
    margin-bottom: 0px
}

.block-text-header{
    background: var(--sk-yellow);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    padding: 5px;
    color: var(--sk-black);
    font-weight: 600;
    height: 35px;
}
.block-text-footer, .block-text-sidebar {
    background: var(--sk-yellow);
    display: block;
    text-align: center;
    padding: 5px;
    font-weight: 600;
}
.block-text-footer p, .block-text-sidebar p{
    margin:0;
}
/* BUTTONS */

.btn_yellow {
    display: inline-block;
    padding:  10px 30px;
    border-radius: 25px;
    background-color: var(--sk-yellow);
    color: var(--sk-black);
    font-size: 1rem;
    font-weight: 600;

}
.btn_yellow:hover {
    background-color: var(--sk-blue);
    color: var(--sk-white);
}
.btn_blue {
    display: inline-block;
    padding:  10px 30px;
    border-radius: 25px;
    background-color: var(--sk-blue);
    color: var(--sk-white);
    font-size: 1rem;
    font-weight: 600;
    border-width: 0px
}
.btn_blue:hover {
    background-color: var(--sk-yellow);
    color: var(--sk-black);
}


/* GENERIC */
.icon{
    color: var(--sk-blue);
    font-size: 1rem;
    font-weight: 600;
}
.icon img{
    width: 150px;
    display: block;
    margin: auto;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-center .checked-list { margin: 0 }



/* HEADERS */
.text_page h2{ color: var(--sk-black); font-size:1.6rem }
.text_page h3{ color: var(--sk-red); font-size:1.4rem; margin-bottom:2rem }
.text_page h4{ font-size:1.4rem }

.text_page p strong{ font-weight:bold; color: var(--sk-blue) }


/* SECCIONES */
.banner_yellow{
    background:  var(--sk-yellow);
    text-align: center;
    font-size: 4rem;
    padding: 50px;
}
.banner_yellow h4{ color:  var(--sk-blue) }
.cursor-pointer { cursor:pointer;}

.contact-form{position: relative; z-index: 0; padding: 0 20px}
.contact-form:before{
    content: ' ';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('/static/img/icons/chat.svg');
    background-size: 200px;
    background-repeat: no-repeat;
    background-position-x: right ;
    background-position-y:  -30px;
    opacity: 0.6;
}

.contact-form h2 {
    padding: 0 0 50px 0;
}

#form-contact .form-control{
    font-size: 14px;
    border: 1px solid white;
    color: --var(--sk-blue);
    font-weight:600;
}
.list-allpublic.container {
    display: flex;
    justify-content: center;
}
/* EVENT BOXES */
/*.event-box{*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    padding: 30px 20px;*/
/*    border-radius: var(--sk-img-radius);*/
/*    min-height:310px;*/
/*    background: var(--sk-white);*/
/*    box-shadow: 15px 15px 20px #999999ee;*/
/*    z-index: 0;*/
/*    width: 100%;*/
/*}*/
.event-boxes {
    display: grid;
    grid-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
}
#home .event-boxes{
    grid-template-columns: 1fr 1fr 1fr;
}
.event-box {
    position: relative;
    padding: 30px 20px;
    border-radius: var(--sk-img-radius);
    min-height: 310px;
    background: var(--sk-white);
    /*box-shadow: 15px 15px 20px #999999ee;*/
    z-index: 0;
    overflow: hidden;
}
.event-box h5 {color: var(--sk-blue); font-size:1.2rem; font-weight: 600}

.event-box h5:after{
    content: ' ';
    background: var(--sk-yellow);
    height: 4px;
    width: 80px;
    display: block;
    margin: 10px auto;
}
.event-box p{ font-size:1.2rem }
.event-box a {
    position: absolute;
    bottom: 20px;
    left:0;
    right: 0;
    width: 60%;
    margin: auto;
}
.event-box.bg-yellow:before{
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image:  url('/static/img/icons/logo-head.svg');
    background-repeat: no-repeat;
    opacity: 0.4;
    background-size: 350px;
    background-position: -93px -18px;
}
.event-box.bg-yellow h5 {font-size:2.5rem}


/* CHECKED LIST */
.checked-list li:before {
    content: url('/static/img/icons/check.svg');
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: middle;
}
.checked-list li {
    color: var(--sk-blue);
    font-weight: 600;
    padding: 15px 10px;
    font-size: 1.5rem;
}
.checked-list li strong{
    display: inline-block;
    position: relative;
}
.checked-list li strong:before {
    content: ' ';
    position: absolute;
    background: var(--sk-yellow);
    height: 4px;
    width: 100%;
    bottom: 3px;
}

/* BORRAR */
.event-box{
    margin-bottom: 20px;
}

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

/* COUNCIL PAGE */

.hero_in .wrapper h2 {
    color: #fff;
    font-size: 42px;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 400;
}
.hero_in .wrapper h1 span {
    width: 40%;
    background-color: var(--sk-yellow);
    margin-bottom: 10px;
    margin-top: 10px;
 }


/* EVENT DETAIL PAGE */
.streetescape-coupon-list{ margin:10px }
.streetescape-coupon-list li{ margin-bottom:10px }
.streetescape-coupon{ cursor: pointer; }

.grid ul li {
    background-color:transparent;
}

.price.title span {
    font-size: 1.3rem;
}

.box_purchase {
    background: #ffdd66;
    border: none;
}


.bg-whatisescapeo {
    background-image: url(/static/img/bg/equipo.png);
    background-size: cover;
    min-height: 500px;
    padding-right: 0;
}
.bg-whatisescapeo2 {
    background-image: url(/static/img/bg/what_is_escapeo.jpg);
    background-size: cover;
    min-height: 500px;
    padding-right: 0;
}

/* COLORS */

.fg-yellow { color: var(--sk-yellow);}
.fg-blue   { color: var(--sk-blue);  }
.fg-lightblue   { color: var(--sk-lightblue);  }
.fg-grey   { color: var(--sk-grey);  }
.fg-black  { color: var(--sk-black); }
.fg-red  { color: var(--sk-red); }
.fg-white  { color: var(--sk-white); }


.bg-yellow { background-color: var(--sk-yellow);}
.bg-blue   { background-color: var(--sk-blue);  }
.bg-lightblue   { background-color: var(--sk-lightblue);  }
.bg-grey   { background-color: var(--sk-grey);  }
.bg-lightgrey   { background-color: var(--sk-lightgrey);  }
.bg-darkgrey   { background-color: var(--sk-darkgrey);}
.bg-red  { background-color: var(--sk-red); }
.bg-sky  { background-color: var(--sk-sky); }
.bg-white  { background-color: var(--sk-white); }


.fs-30rem {font-size: 3rem}
.fs-20rem {font-size: 2rem}
.fs-15rem{font-size: 1.5rem}
.fw-600 {font-weight:600}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--sk-yellow) !important;
}
.owl-theme .owl-dots .owl-dot span {
  width: 20px !important;
  height: 20px !important;
}
.owl-theme .box_grid, .owl-theme .box_grid figure{ border-radius: var(--sk-img-radius);}



.no-streetescape{
    margin-bottom:2em;
}



/* FOOTER  */
ul#additional_links {float: none}
ul#additional_links li a {color: black; opacity: 1; }
ul#additional_links li span {color: black;opacity: 1; }
footer img{max-width: 100%}

/* HEADER  */
header{
    border-bottom: 1px solid #ededed;
    background-color: #fff;
    padding: 15px 20px;
}
header .main-menu > ul > li span > a {
    color: #444;
}
header.sticky .main-menu > ul > li span > a {
    color: #444;
}


.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{
    background-color: #444!important;
}
@media (min-width: 991px){
    main{
        margin-top:82px;
    }
}
@media (max-width: 991px){
    main{
        margin-top:52px;
    }
    header.header {
        padding: 15px 15px 5px 15px;
    }
    #institute .event-boxes {
        grid-template-columns: 1fr;
    }
    .nice-select.wide {
        margin-bottom: 5px;
    }
    .custom-search-input-2.inner{
        margin-top: 15px;
    }
    #business .event-boxes {grid-template-columns: 1fr}
    .event-box p {display: block}

    #business .event-box{min-height:180px}
}

#menu .hidden-desktop { display: none !important;}


.alert {margin-bottom: 0;}


#description ul {
    padding-left: 30px;
    list-style-type: disc;
}
#description ol {
    padding-left: 30px;
    list-style-type: decimal;
}

.leaflet-container {  /* all maps */
    width:  100%;
    height: 100%;
}

#specialbigmap {
    height: 800px;
}
/* Resize the "display_raw" textbox */
.django-leaflet-raw-textarea {
    width: 100%;
}
.view_streetscape img{
  width: 100%;
}
.bg-green {
    background-color: green;
}

.is_staff{
    background: #ffdd66 !important;
    margin-top: 2em;
}

.is_staff svg{
    max-width: 100%;
}

.greybox{
    margin-bottom: 1em;
    background: #f2f2f2;
    padding: 20px;
}
.whitebox{
    background:#fafafa;
    padding:20px;
    border-radius:5px;
    margin-bottom: 1em;
}
.clearbox{
    background:#fafafa;
    padding:20px;
    border-radius:5px
}

.text-image{
    max-height: 800px;
    max-width:  100%;
    margin-bottom: 2em;
}

.error_validate {
    border-bottom: 2px solid red;
}

.validate {
    border-bottom: 2px solid green;
}

.text-error-username {
    background-color: red;
    text-align: center;
    color: white;
    border-radius: 5px;
    font-weight: 600;
    font-size: 0.7em;
}
.block-score, .block-time{
    background-color: white;
    display: inline-block;
    font-size:0.85rem;
    padding:5px;
    border-radius: 5px;
}

#block-messages{
    position: fixed;
    width: 100%;
}
.col-md-4.contact-phone i,.col-md-4.contact-address i, .col-md-4.contact-email i{
    display: block;
    font-size: 1.5em;
    -margin-bottom: 5px;
}

.btn_1.disabled, .btn_1.disabled:hover { cursor:inherit; background: #999;}
.btn.full-width{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
}
.list_articles.skills ul li {
  width: 100%;
  margin-right: 45px;
}

#slider.flexslider li .meta {bottom: 6%;}

.logo-navbar{ width: 150px;}
.sweet-alert h2 { font-size: 20px !important; }

.progress_content{
    position:fixed;
    width: 100%;
    top:40px;
}

.countdown{
    color: #333;
    text-align: center;
    padding: 5px 10px;
    background: #fafafa;
    border-radius: 5px;
    margin-left: 5px;
    float: right;
}
.navbar{
    position:fixed;
    width: 100%;
}

.tb-info a { color:#555; }gu
.tb-info a:hover { color:#46B8A9; }

.tb-info     { width: 100%; margin-bottom: 20px; border-top:1px solid #ededed;}
.tb-info  tr { padding-right:20px; border-bottom:1px solid #ededed }
.tb-info  tr:hover { background-color: #fafafa; }
.tb-info  td { padding: 20px; vertical-align: top }
.tb-info  td:first-child      { font-weight: bold; }
.tb-info  td:first-child span { font-weight: bold; margin-right: 10px;}
.tb-info tr:hover td:first-child {color: #E94B5F;}

ul.cbp_tmtimeline {
    width: 100%;
}
.text_page .block-experience h2 {
    color:  var(--sk-blue);
    margin-bottom: 1em
}
.countdown-coupon {
    margin-bottom: 20px;
    padding: 10px 20px;
    background: #fafafa44;
}

a.box_topic i {
    color: white;
    background-color: #FFC107;
  }

.isotope-wrapper .isotope-item{
    right: 0;
}
.box_list figure a img {
    width: 100%;
}

.box_profile{
    padding: 20px;
}
.box_profile .title{
    font-size: 1.3em;
    font-weight: bold;
}
.box_profile .text{
    font-size: 1.2em;
}
.box_profile .buttons{
    margin-top: 15px;
}

.box_list ul li:first-child,
.box_grid ul li:first-child{
    font-size: 0.75rem;
}
.box_grid ul .item-grid-hiden{
    display: none
}
.table.table-list td {
    vertical-align: middle;
    padding: 15px;
}
.table.table-list td strong {
    font-weight: 500;
}

.table.table-list th{
    background-color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: 0;
    padding-top: 0;
}

.table.cart-list tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.025);
}

.grecaptcha-badge{ z-index: 1;bottom: 80px!important }


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .countdown{font-size: 0.78rem}
    .logo-navbar{ width: 100px;}
    .item-grid-hiden{
        display: none
    }
    .hero_in {height: 150px !important;}
    .hero_in .wrapper h1 {font-size:1.5rem}
    /*.hero_in .wrapper h1 span {background-color: transparent;}*/
    .margin_tabs nav li {visibility:hidden;}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .countdown{font-size: 0.78rem}
    .logo-navbar{ width: 70px;}
    .navbar {height: 80px;}
    .progress_content {top: 50px;}
}
#toTop {
    bottom: 75px;
}
.float-button {
    position: fixed;
    bottom: 25px;
    z-index: 9999;
    width: 46px;
    right: 25px;
    height: 46px;
    opacity: 1;
    border-radius: 50%;
    text-align: center;
    font-size: 21px;
    color: #fff;
    cursor: pointer;
    background-color: #25d366;
}
.float-button:hover, .float-button:focus{
    color: white;
    font-weight: 800;
    background-color: #198754;
}

.owl-carousel .owl-item img {
    height: 100%;
}

.box_list figure a img {
    height: 100%;
}

#slider.flexslider li h1 {
    font-size: 2.25rem;
    color: #fff;
}
.isotope-item figure a {
    display: block;
    height: 100%;
}
#div-cookies {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: #444;
    box-shadow: 0px -5px 15px gray;
    padding: 7px;
    text-align: center;
    z-index: 99;
}
#div-cookies p{
    color:white;
    margin-bottom: 5px;
    font-size: 12px;
}
#div-cookies button{
    color:white;
}
#div-cookies .btn{
    font-size: 14px;
}
#div-cookies .btn-info{
    font-size: 14px;
    background-color: #afafaf;
    border-color: #afafaf;
}
#div-cookies .link-cookies:hover{
    color:white;
}
#div-cookies .link-cookies{
    font-weight: 700;
}
.banner_yellow.bg-head{
    position: relative;
    z-index: 0;
}
.banner_yellow.bg-head:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(/static/img/icons/logo-head.svg);
    background-repeat: no-repeat;
    opacity: 0.4;
    background-size: 200px;
    background-position: -20px -20px;
}
.mt-3.text-left { text-align: left; padding: 20px }
.container.text-center.margin_60:first-child .padding-rl-80 p {margin:0}
.event-box.bg-yellow h5:after{background: var(--sk-blue)}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 1900px) {
}
@media only screen and (min-width: 768px) {
    .bg-experience:before {
        content: " ";
        width: 100%;
        display: block;
        height: 100%;
        background: rgb(2,0,36);
        background: linear-gradient(to right, rgba(2,0,36,0) 0%, rgba(9,9,121,0) 86%, rgba(255,255,255,1) 100%);
    }
}
@media only screen and (min-width: 993px) {
    .hidden-desktop { display: none !important;}
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 992px) {
    footer .col-lg-6.col-md-12 img {width:100; margin-bottom: 15px}
    #section-blog .container .row div:last-child{
        margin-top: 30px
    }
    .hidden-mobile { display: none !important;}
    .owl-theme .owl-nav.disabled+.owl-dots {
        margin-bottom: 0px;
    }
    .event-box h5 {
        font-size: 1.2rem;
    }
    .event-box.bg-yellow h5 {
        font-size: 2.5rem;
    }
    .event-box p {
        font-size: 1.2rem;
    }

    .checked-list li {
        padding: 0px 5px;
    }
    .event-box:before{
        background-position: 0px -10px;
    }
    .text_page .block-experience p {
        padding: 0 30px;
    }
    #home .event-box {
        min-height: 200px;
    }
    #section-blog .bg-lightblue{
        background: transparent;
    }
    .contact-form-block:before{left:30px}
    .bg-whatisescapeo {
        background-image: url(/static/img/bg/equipo.png);
        background-size: cover;
        min-height: 500px;
        padding-right: 0;
        background-repeat: no-repeat;
    }
    .bg-whatisescapeo2 {
        background-image: url(/static/img/bg/what_is_escapeo.jpg);
        background-size: cover;
        min-height: 308px;
        padding-right: 0;
        background-position: bottom;
    }
}

@media only screen and (max-width: 768px) {
    .banner-allpublic h4 {
        font-size: 1.5rem;
    }
    .text_page h2 {
        color: var(--sk-black);
        font-size: 1.5rem;
        font-weight: 600;
    }
    .text_page h3 {
        color: var(--sk-red);
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }
    .text_page h4 {
        font-size: 1.3rem;
    }
    .event-box h5 {
        font-size: 0.8rem;
    }
    .event-box.bg-yellow h5 {
        font-size: 1.2rem;
    }
    .event-box.text-hidden p{
        display: none;
    }
    .event-box p {
        font-size: 1.2rem;
    }
    .event-box a {
        width: 80%;
    }
    .icon {
        color: var(--sk-blue);
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1.4rem;
        margin-bottom: 2rem;
    }
    .margin_60_35 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .btn_blue {
        padding: 10px;
    }
    .icon img {
        width: 120px;
        display: block;
        margin: auto;
    }
    .banner_yellow{
        padding: 30px;
    }
    .opacity {
        min-height: 180px
    }
    .event-boxes{
        padding: 10px;
    }
    .checked-list li {
        padding: 0px 5px;
        font-size: 0.9rem;
    }
    .hero_in .wrapper h2 {
       font-size: 1.2rem;
    }
    .hero_in .wrapper h1 {
        margin-top: 0px
    }
    .bg-lightgrey .container h4{
        margin-bottom: 1.5rem;
    }
    /* home2 */
    .event-box.:before{
        background-position: -50px 48px;
        top:0px;
    }
    .btn_home_align {
        margin-top: 25px;
    }
    /* HOME2 */
    .text_page .block-experience p {
        padding: 10px;
    }
    #home .event-boxes {
        grid-template-columns: 1fr 1fr;
    }
    section#contact-form {
        padding: 0;
    }
    .block-header-home {
        margin: auto;
    }
    .text_page .block-blog h3 {
        font-size: 2rem;
    }
    .text_page .block-experience {
        min-height: 300px;
        padding: 40px 20px;
    }
    .bg-experience {
        min-height: 400px;
    }
    #form-contact .btn_blue{
        width:100%;
    }
    section#block-experience .row, #footer-bottom .row{
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }
        footer .col-lg-3.col-md-6 img{
        width: 100%;
        height: auto;
        margin: 20px 0;
    }

    footer i.ti-mobile::before, i.ti-email::before {
        color:black;
        display:inline;
    }

    footer {
        text-align:center;
    }
    footer h5{
        margin: 10px;
    }

    footer .bg-yellow-mobile .links li{
        width:50%;
    }
    footer .bg-yellow-mobile .links li a{
        color:black;
    }
    .bg-yellow-mobile {
        background: var(--sk-yellow);
        color: black;
        text-align: center;
        padding: 5px 10px!important;

    }
    .bg-yellow-mobile ul.links {margin-bottom:0; display:flex;}
    .bg-yellow-mobile ul.links a{font-size:0.8rem}
    .contact-form-block:before {display: none}
}
@media only screen and (max-width: 450px) {
    .bg-whatisescapeo {
        background-image: url(/static/img/bg/equipo.png);
        background-size: cover;
        min-height: 300px;
        padding-right: 0;
        background-repeat: no-repeat;
    }
    /*#home .event-boxes {
        grid-template-columns: 1fr;
    }*/
    .contact-form h2{padding: 0 66px 50px 0}
    #business .event-boxes {grid-template-columns: 1fr}
    .event-box p {display: block}
    #home .event-box {
        min-height: 200px;
    }
    .event-box:before {
        background-position: 0px -10px;
    }
    #home .container.text-center.margin_60 p:last-child{margin-bottom: 0px}
    .checked-list li strong:before {height: 3px; bottom: 1px}
    #team-form .event-box.bg-yellow h5:after { background: transparent }
    #team-form span.pe-7s-user, span.pe-7s-users { display: none }
    #team-form .margin_60_35 { padding-top: 5px; padding-bottom: 5px}
    #team-form .hero_in {height: 100px !important}
    #team-form .plan-title { padding: 20px 20px 12px 20px }
}

@media only screen and (max-width: 350px) {
    footer {
        text-align:center;
    }
    footer li {
        display:inline;
    }
    footer h5{
        margin: 0;
    }

}
/*<350px que aparezca solo un campo (class="event-boxes"div)*/

@media only screen and (max-width: 360px) {
    /*.event-boxes {grid-template-columns: 1fr; }*/
}