/*
 Theme Name:   SEMO
 Theme URI:    https://semomateriales.es/
 Description:  Sociedad Española para el Estudio de los Materiales Odontológicos
 Author:       Inknite® - Digital Studio
 Author URI:   https://www.inknite.com
 Template:     inkniter
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  inknitewp
*/

/*
* TURQUESA: #14CCCC
* GRIS OSCURO: #333333
* TURQUESA CLARO: #51B1B0
* TURQUESA OSCURO: #14BABA
* TURQUESA DEGRADADO: #14CCCC - #119E9E
*/
/*=============================================*/
/*DESIGN SYSTEM*/
/*=============================================*/
body{
  font-size: 10px;
  background-color: #FFF;
  position: relative;
}
body::before{
  content: "";
  position: fixed;
  z-index: 999999999999;
  width: 100%;
  left: -100%;
  top: 0;
  height: 100vh;
  background-color: #14BABA;
  transition: all 0.5s cubic-bezier(.56,.2,.23,.89);
}
body::after{
  content: "";
  position: fixed;
  z-index: 9999999999999;
  width: 100%;
  left: -100%;
  height: 100vh;
  top: 0;
  background-color: #FFF;
  transition: all 0.5s cubic-bezier(.56,.2,.23,.89);
  transition-delay: 0.3s;
}
body.gotonew::before, body.gotonew::after{
  left: 0;
}
main{
  min-height: 80vh;
  display: block;
  max-width: 1500px;
}
h1{
  color: #333 !important;
  font-size: 4.5em !important;
  font-weight: 200 !important;
  line-height: 1.2 !important;
  margin-bottom: 30px !important;
}
h2{
  color: #333 !important;
  font-size: 3.4em !important;
  font-weight: 200 !important;
}
h3{
  color: #333 !important;
  font-size: 3em !important;
  font-weight: 200 !important;
}
h4, h5, h6{
  color: #333 !important;
  font-size: 2em !important;
  font-weight: 200 !important;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong{
  font-weight: 500 !important;
}
p, #et-boc{
  font-weight: 300 !important;
}
.bold, #et-boc .bold{
  font-weight: 500 !important;
}
.t_font{
  color: #14CCCC !important;
}
.t_bg{
  background-color: #14CCCC !important;
}
.t_deg_bg{
  background-color: #14CCCC !important;
  background: rgba(20,204,204,1) !important;
  background: -moz-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,204,204,1)), color-stop(100%, rgba(17,158,158,1))) !important;
  background: -webkit-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: -o-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: -ms-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: linear-gradient(to bottom, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%); !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14cccc', endColorstr='#119e9e', GradientType=0 ) !important;
}

.flex_row_container.two_cols .col_right{
  -webkit-flex-basis: 50% !important;
  flex-basis: 50% !important;
  position: relative !important;
}
.flex_row_container.two_cols .col_left{
  -webkit-flex-basis: 50% !important;
  flex-basis: 50% !important;
  position: relative !important;
}
.toleft{
  left: 0 !important;
}
.toright{
  right: 0 !important;
}
.headings_row, #et-boc .headings_row{
  padding-left: 7% !important;
  padding-right: 7% !important;
  display: -webkit-flex !important;
  -webkit-flex-direction: row !important;
  -webkit-flex-wrap: nowrap !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.headings_row .et_pb_column, #et-boc .headings_row .et_pb_column{
  margin: 0 !important;
  width: 25% !important;
  -webkit-flex-basis: 25% !important;
  flex-basis: 25% !important;
  padding-right: 20px !important;
}
.headings_row .et_pb_column, #et-boc .headings_row .et_pb_column.headings_col{
  width: auto !important;
  white-space: nowrap !important;
  -webkit-flex-basis: 30% !important;
  flex-basis: 30% !important;
}
.headings_row h2, #et-boc .headings_row h2{
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
}
.headings_row .more_info, #et-boc .headings_row .more_info{
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
}
.headings_row .spacing_bar, #et-boc .headings_row .spacing_bar{
  width: 100% !important;
  position: relative;
  top: -2px;
}
.wp-block-image img {
  max-width: 100%;
  height: auto !important;
}
/*=============================================*/
/*GENERAL*/
/*=============================================*/
#logo_container{
  padding-top: 20px;
}
#logo_container, #logo_footer{
  max-width: 100px !important;
  transform: translateX(0) scale(0.8,0.8);
}
body.loaded #logo_container{
  transform: translateX(0) scale(1,1);
}
#et-boc #home_hero{
 padding-left: 7%;
 overflow: visible !important;
}
#home_hero .more_info, #et-boc #home_hero .more_info{
  background-color: transparent !important;
}
#et-boc #home_hero .flex_row_container{
  height: 100% !important;
  overflow: visible !important;
}
#et-boc #home_hero  .flex_row_container.two_cols .col_right{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -30px;
}
#et-boc #home_hero  .flex_row_container.two_cols .col_left{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
#et-boc #home_hero  .flex_row_container.two_cols .col_left p, #et-boc #home_hero  .flex_row_container.two_cols .col_right p{
  margin-bottom: 60px !important;
  opacity: 0;
  transition: all 0.5s ease-out !important;
  transition-delay: 1s !important;
}
.loaded #et-boc #home_hero  .flex_row_container.two_cols .col_left p, .loaded #et-boc #home_hero  .flex_row_container.two_cols .col_right p{
  opacity: 1 !important;
}
.flex_row_container.two_cols .col_right p, .flex_row_container.two_cols .col_left p{
  font-size: 1.8em !important;
}
#et-boc #home_hero .flex_row_container .col_right #diente{
  position: absolute !important;
  z-index: 99;
  top: 20%;
  right: 40%;
  width: 50% !important;
  max-width: 100% !important;
  transform: scale(1.1,1.1) !important;
  opacity: 0 !important;
  transition: all 0.6s cubic-bezier(.56,.2,.23,.89);
}
.loaded #et-boc #home_hero .flex_row_container .col_right #diente{
  transform: scale(1,1) !important;
  opacity: 1 !important;
}
#et-boc #home_hero .flex_row_container #diente img{
  max-width: 100% !important;
}
#et-boc #home_hero .flex_row_container .col_right .bg{
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  height: 100% !important;
  width: 60% !important;
  display: block !important;
  z-index: 98;
  overflow: hidden !important;
  opacity: 0 !important;
}
.loaded #et-boc #home_hero .flex_row_container .col_right .bg{
  opacity: 1 !important;
}
#et-boc #home_hero .flex_row_container .col_right .bg img{
  height: 100% !important;
  max-height: 70vh !important;
  max-width: none !important;
  transform: scale(1.1,1.1) !important;
  opacity: 0 !important;
  transition: all 1s cubic-bezier(.56,.2,.23,.89) !important;
  transition-delay: 0.4s !important;
}
#et-boc #home_hero .flex_row_container .col_right .bg::before{
  content: "";
  position: absolute;
  bottom: -200%;
  left: 0;
  height: 200%;
  width: 100%;
  background-color: #14BABA;
  display: block;
  transition: all 0.8s cubic-bezier(.56,.2,.23,.89);
}
.loaded #et-boc #home_hero .flex_row_container .col_right .bg img{
  transform: scale(1,1) !important;
  opacity: 1 !important;
}
.loaded #et-boc #home_hero .flex_row_container .col_right .bg::before{
  bottom: 100%;
}
#et-boc #home_hero .flex_row_container .col_left .circles_grid{
  bottom: -200px !important;
  left: -16% !important;
}
/*=============================================*/
/*HEADER*/
/*=============================================*/
header#main-header{
  padding: 20px 7% 0px 7%;
  position: relative;
  max-width: 1850px;
}

/*=============================================*/
/*INNER PAGES HEADERS/HERO */
/*=============================================*/
#hero_inner_pages{
   width: 100% !important;
   padding: 0 !important;
   margin: 0 !important;
   position: relative !important;
   margin-top: 30px !important;
   z-index: 999 !important;
}
#hero_inner_pages.post_header{
   margin-top: 0px !important;
}
#hero_inner_pages #hero_inner_pages_row{
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  position: relative !important;
}
#hero_inner_pages #header_back_image{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 50% !important;
  height: 50vh !important;
  min-height: 300px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  max-height: 350px !important;
}
#hero_inner_pages #header_textblock{
  position: relative !important;
  top: 80px !important;
  left: 15% !important;
  width: 85% !important;
  height: auto !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  min-height: 350px !important;
  background-color: #F5F5F5;
  padding: 40px 35% 40px 40px !important;
}
#hero_inner_pages #header_textblock::before{
  content: "";
  background-color: #14BABA;
  position: absolute;
  display: block;
  height: 2px;
  width: 50%;
  right: 0;
  top: -2px;
}
.single-post #hero_inner_pages #header_textblock{
  top: 20px !important;
}
#hero_inner_pages h1, #et-boc #hero_inner_pages h1{
  margin-bottom: 10px !important;
  line-height: 1.1 !important;
}
#hero_inner_pages p, #et-boc #hero_inner_pages p{
   font-size: 17px !important;
}
/*=============================================*/
/*INNER PAGES Contenidos*/
/*=============================================*/
.bloque_contenidos_paginas_internas, #et-boc .bloque_contenidos_paginas_internas{
  padding: 90px 7% 50px 15% !important;
  margin-bottom: 50px !important;
}
.contenedor_texto_secciones_internas a{
  color: #02a09f !important;
  text-decoration: underline !important;
}
.contenedor_texto_secciones_internas, #et-boc .contenedor_texto_secciones_internas{

}
.contenedor_texto_secciones_internas p, #et-boc .contenedor_texto_secciones_internas p{
  font-size: 1.6em !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
      font-family: 'Open Sans', sans-serif !important;
}
.contenedor_texto_secciones_internas td, #et-boc .contenedor_texto_secciones_internas td{
  font-size: 1.6em !important;
  font-weight: 300 !important;
  line-height: 1.5 !important;
  font-family: 'Open Sans', sans-serif !important;
}
.contenedor_texto_secciones_internas th, #et-boc .contenedor_texto_secciones_internas th{
  font-size: 1.6em !important;
  font-weight: bold !important;
  line-height: 1.5 !important;
  font-family: 'Open Sans', sans-serif !important;
}
.contenedor_texto_secciones_internas ul{
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.contenedor_texto_secciones_internas li, #et-boc .contenedor_texto_secciones_internas li{
  font-size: 1.7em !important;
  list-style: none !important;
  font-weight: 200 !important;
  line-height: 1.5 !important;
  margin-bottom: 15px !important;
  position: relative;
  padding-left: 20px !important;
  max-width: 80% !important;
  font-family: 'Open Sans', sans-serif !important;
}
.contenedor_texto_secciones_internas li:before, #et-boc .contenedor_texto_secciones_internas li:before{
  content:"";
  width: 3px;
  background-color: #CCC;
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.bloque_contenidos_paginas_internas .et_pb_row{
  max-width: 100% !important;
}
.enlaces_container a{
  padding-left: 30px !important;
  background-image: url(./img/link-icon.png) !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  background-size: 20px 20px !important;
}
/*=============================================*/
/*MENUS*/
/*=============================================*/
.header_btns{
 position: fixed;
 left: 72%;
 top: 50px;
 display: block;
 width: 160px;
 transition: all 0.5s cubic-bezier(.56,.2,.23,.89);
}
.acceso_socios{
  transition: all 0.4s cubic-bezier(.56,.2,.23,.89);
  opacity: 0;
  transform: translateX(-25px);
  margin-left: 10px !important;
}
.header_btns.toright{
  left: 80%;
}
.loaded .acceso_socios{
  transition-delay: 0s !important;
  opacity: 1 !important;
}
#menu_btn{
  display: none;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  color: #FFF;
  background-color: transparent;
  border: 2.5px solid #14BABA;
  box-shadow: none;
  position: fixed;
  right: 5%;
  top: 50px;
  opacity: 0;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(.56,.2,.23,.89);
  transition-delay: 0.2s;
  overflow: hidden;
  z-index: 999999999;
}
#menu_btn span.close{
  padding: 10px;
  text-align: center;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 100%;
  left: 0;
  font-size: 15px;
  background-color: #FFF;
  transition: all 0.4s cubic-bezier(.56,.2,.23,.89);
}
#menu_btn.opened span.close{
  top: 0;
}
/*#menu_btn:hover{
  color: #14BABA;
}
#menu_btn:hover::before{
  width: 0%;
}*/
#menu_btn::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  display: block;
  background-color: #14BABA;
  transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
  z-index: -1;
}
.loaded #menu_btn, .loaded .header_btns .acceso_socios{
  transform: translateX(0);
  opacity: 1;
}
.header_btns.toright #menu_btn{
  right: 0%;
}
/*NAVIGATION*/
nav#wp_inkniter_main_navigation{
  width: 88% !important;
  text-align: right;
  padding-left: 0;
}

ul.wp_inkniter_menu{
  padding-left: 0 !important;
}
.wp_inkniter_menu_item{
  display: inline-block;
  clear: both;
  position: relative;
  cursor: pointer;
  opacity: 0;
  margin-left: 0;
  margin-bottom: 5px;
  transition: all 0.5s cubic-bezier(.56,.2,.23,.89);
  padding: 5px;
}
.loaded ul.wp_inkniter_menu li.wp_inkniter_menu_item:nth-child(7) {
    transition-delay: 1.5s;
}
.loaded ul.wp_inkniter_menu li.wp_inkniter_menu_item:nth-child(8) {
    transition-delay: 1.8s;
}
nav#wp_inkniter_main_navigation .wp_inkniter_menu_item{
  margin-right: 10px;
}
.wp_inkniter_menu_item a{
  font-family: 'Montserrat', sans-sans-serif;
  font-weight: 200;
  color: #555 !important;
  font-size: 25px;
  transition: all 0.2s ease-out;
}
nav#wp_inkniter_main_navigation .wp_inkniter_menu_item a{
  font-family: 'Montserrat', sans-sans-serif;
  font-weight: 200;
  color: #555 !important;
  font-size: 18px;
  transition: all 0.2s ease-out;
}
li.wp_inkniter_menu_item::before{
    content: "";
    width: 0%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-color: #DDD;
    border-radius: 0px;
    height: 100%;
    transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
    z-index: -1;
  }
  #close_menu{
    position: absolute;
    right: -50px;
    top: 40%;
    width: 50px;
    height: 50px;
    display: block;
    z-index: 999;
    transition: all 0.5s cubic-bezier(.56,.2,.23,.89);
    background-color: rgba(0,0,0,0.6);
    border: none;
    cursor: pointer;
  }
  .show_menu #close_menu{
    right: 0px;
  }
  #close_menu span{
    position: absolute;
    width: 30px;
    height: 5px;
    background-color: #FFF;
    top: 22.5px;
    left: 10px;
    transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
    transition-delay: 0.5s;
  }
  .show_menu #close_menu span{
    transform: rotate(45deg);
  }
  #close_menu span::before{
    content: "";
    position: absolute;
    width: 30px;
    height: 5px;
    background-color: #FFF;
    top: 0;
    left: 0;
    transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
    transition-delay: 0.5s;
  }
  .show_menu #close_menu span::before{
    transform: rotate(-90deg);
  }
  #close_menu:hover span::before, #close_menu:hover span{
    transform: rotate(0deg);
  }

  /*NAVEGACION RESPONSIVE*/
  #wp_inkniter_responsive_navigation{
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999999990;
    width: 100%;
    padding: 30px;
    display: block;
    background-color: #FFF;
    transform: translateY(-100%);
    transition: all 1s cubic-bezier(.56,.2,.23,.89);
  }
  #wp_inkniter_responsive_navigation.opened{
    transform: translateY(0%);
  }
  #wp_inkniter_responsive_navigation .wp_inkniter_menu_item a{
    font-size: 18px;
  }
  #wp_inkniter_responsive_navigation .wp_inkniter_menu{
    padding-top: 100px;
  }
  #wp_inkniter_responsive_navigation .wp_inkniter_menu .wp_inkniter_menu_item {
    margin-bottom: 5px;
  }
/*=============================================*/
/*CTA*/
/*=============================================*/
#cta_socios{
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin-top: -80px !important;
}
/*=============================================*/
/*BLOG*/
/*=============================================*/
.et-db #et-boc #blog_row .more_info{
  background-color: #FFF;
}
.et-db #et-boc .blog_row{
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 7% !important;
  padding-right: 7% !important;
}
#posts_archive_container{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 50px !important;
}
.item_archive_box, .et-db #et-boc .item_archive_box{
  width: 31%;
  -webkit-flex-basis: 31%;
  flex-basis: 31%;
  margin-right: 2%;
  position: relative;
  padding-left: 70px;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px !important;
}
#blog_archive .item_archive_box, .et-db #et-boc #blog_archive .item_archive_box{
  width: 47%;
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
  margin-right: 2%;
}
.item_box_content{
  width: 100% !important;
  position: relative !important;
  background-color: #EEE !important;
  padding: 30px 30px 60px 30px !important;
  color: #777 !important;
}
.item_archive_box:nth-child(1) .item_box_content{
  background-color: #14CCCC !important;
background: rgba(20,204,204,1) !important;
background: -moz-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,204,204,1)), color-stop(100%, rgba(17,158,158,1))) !important;
background: -webkit-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
background: -o-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
background: -ms-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
background: linear-gradient(to bottom, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14cccc', endColorstr='#119e9e', GradientType=0 ) !important;
  color: #FFF !important;
}

.item_archive_box .datebox{
  width: 70px;
  height: 70px;
  display: -webkit-flex;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E5E5E5 !important;
  color: #666666 !important;
}
.item_archive_box .datebox .day{
  width: 100% !important;
  text-align: center !important;
  font-size: 27px !important;
}
.item_archive_box .datebox .month{
  width: 100% !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 200;
  margin-top: -15px !important;
}
.item_box_content h2, #et-boc .item_box_content h2, .item_box_content h2 a, #et-boc .item_box_content h2 a{
  color: inherit !important;
  line-height: 1.4 !important;
  font-size: 20px !important;
  font-weight: 200 !important;
}
#blog_archive .item_box_content h2, #et-boc #blog_archive .item_box_content h2, #blog_archive .item_box_content h2 a, #et-boc #blog_archive .item_box_content h2 a{
  font-size: 25px !important;
}
.item_archive_box ul.cat_items_list{
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  list-style: none !important;
}
.item_archive_box ul.cat_items_list li{
  list-style: none !important;
}
.et-db #et-boc .item_archive_box ul.cat_items_list li a{
  color: inherit !important;
  font-weight: 200;
  font-size: 12px !important;
}
.et-db #et-boc .item_archive_box a.leer_mas{
  font-weight: 500;
  position: absolute;
  bottom: 25px;
  left: 30px;
  color: inherit;
  font-size: 12px;
  padding-bottom: 0;
}
.et-db #et-boc #blog_archive .et_pb_code{
  max-width: 100% !important;
  width: 100% !important;
}
/*=============================================*/
/*EVENTOS*/
/*=============================================*/
#eventos_container, #et-boc #eventos_container{
  padding-bottom: 90px !important;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  display: flex;
  flex-wrap: wrap;
}
#et-boc #eventos_block{
 padding-right: 7%;
 overflow: visible !important;
}
#et-boc #eventos_block .flex_row_container{
  height: 100% !important;
  overflow: visible !important;
}
#et-boc #eventos_block .flex_row_container.two_cols .col_left{
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin-top: -30px;
  width: 35% !important;
  -webkit-flex-basis: 35% !important;
  flex-basis: 35% !important;
}
#et-boc #eventos_block .flex_row_container.two_cols .col_right{
  display: block;
  width: 65% !important;
  -webkit-flex-basis: 65% !important;
  flex-basis: 65% !important;
}
#et-boc #eventos_block .flex_row_container.two_cols .col_right p{
  margin-bottom: 60px !important;
}
#et-boc #eventos_block .flex_row_container .col_left .bg{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 85% !important;
  display: block !important;
  z-index: 98;
}
#et-boc #eventos_block .flex_row_container .col_right .circles_grid{
  bottom: -200px !important;
  left: -16% !important;
}
#et-boc #eventos_block .flex_row_container .col_left .circles_grid{
  bottom: -30px !important;
  right: 50px !important;
}
#et-boc #eventos_block .flex_row_container .col_left .et_pb_blurb_content{
  height: 100%;
}
.evento_archive_box, #et-boc .et_pb_module .evento_archive_box{
    display: inline-block;
    width: 30%;
    -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    height: 25vw;
    min-height: 360px;
    padding: 30px 30px 50px 30px;
    border: 3px solid #14b9ba;
    position: relative;
    margin-right: 2%;
    margin-bottom: 30px;
}
.evento_archive_box.is_old, #et-boc .et_pb_module .evento_archive_box.is_old{
  border: 3px solid #BBB !important;
}
.home .evento_archive_box, .home #et-boc .et_pb_module .evento_archive_box{
  width: 47%;
  -webkit-flex-basis: 47%;
  flex-basis: 47%;
  max-width: 47%;
}
#eventos_container .evento_archive_box:nth-child(1), #et-boc .et_pb_module #eventos_container .evento_archive_box:nth-child(1){
  background-color: #14CCCC !important;
  background: rgba(20,204,204,1) !important;
  background: -moz-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,204,204,1)), color-stop(100%, rgba(17,158,158,1))) !important;
  background: -webkit-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: -o-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: -ms-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: linear-gradient(to bottom, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14cccc', endColorstr='#119e9e', GradientType=0 ) !important;
  border: none !important;
}
.evento_archive_box h2, #et-boc .et_pb_module .evento_archive_box h2{
  font-weight: 500 !important;
  font-size: 24px !important;
  color: #14b9ba !important;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.evento_archive_box.is_old h2, #et-boc .et_pb_module .evento_archive_box.is_old h2{
  color: #BBB !important;
}
.evento_archive_box:nth-child(1) h2, #et-boc .et_pb_module .evento_archive_box:nth-child(1) h2{
  color: #FFF !important;
}
.evento_metadata, #et-boc .et_pb_module .evento_archive_box .evento_metadata{
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding-right: 30px;
  width: 100%;
  line-height: 1.5 !important;
  display: block;
}
.evento_metadata .the_date, #et-boc .et_pb_module .evento_archive_box .evento_metadata .the_date{
  font-weight: 500 !important;
}
.evento_archive_box::after, #et-boc .et_pb_module .evento_archive_box::after{
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #FFF;
  width: 20px;
  height: 20px;
  display: block;
}
.evento_metadata span, #et-boc .et_pb_module .evento_archive_box .evento_metadata span{
  display: block !important;
  font-size: 17px !important;
  font-weight: 200 !important;
  color: #14b9ba;
}
.evento_metadata span.the_date, .evento_metadata span.the_place{
    padding-right: 30px !important;
}
.evento_metadata:nth-child(1) span, #et-boc .et_pb_module .evento_archive_box:nth-child(1) .evento_metadata span{
  color: #FFF !important;
}
.is_old .evento_metadata span, #et-boc .et_pb_module .evento_archive_box.is_old .evento_metadata span{
  color: #BBB !important;
}
#et-boc #eventos_block .line_btn{
  background-color: #FFF !important;
}
#et-boc #eventos_block .line_btn::before{
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: -11px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/plus.png');
  background-color: inherit !important;
}
#semo_section_header #detalles_evento{
  font-size: 17px;
  font-weight: 200;
  margin-bottom: 15px;
}
#semo_section_header h2.cat_evento{
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 22px !important;
}
.fecha_evento{
  margin-bottom: 10px;
  background-position: 0px 0px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url('img/events-calendar.png');
  padding-left: 35px;
}
.lugar_evento{
  margin-bottom: 10px;
  background-position: 0px 0px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-image: url('img/events-place.png');
  padding-left: 35px;
}
#more_events{
  padding-left: 10%;
  padding-right: 10%;
  text-align: left;
}
#more_events h3{
  color: #757575 !important;
  font-size: 4em !important;
  font-weight: 200 !important;
  margin-top: 30px;
  margin-bottom: 30px;
}
#more_events p.noresults{
  font-size: 17px;
}
#more_events .evento_archive_box:nth-child(1) .evento_metadata span{
  color: #FFF !important;
}
/*=============================================*/
/*EQUIPO*/
/*=============================================*/

.teammembers_archive_box, #et-boc .et_pb_module .teammembers_archive_box{
    display: inline-block;
    width: 22vw;
    max-width: 400px;
    height: 22vw;
    max-height: 400px;
    padding: 30px 30px 50px 30px;
    border: 3px solid #CCC;
    vertical-align: middle;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
      transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
}
.teammembers_archive_box:hover, #et-boc .et_pb_module .teammembers_archive_box:hover{
  transform: scale(1.02,1.02);
  border: 3px solid #14b9ba;
}
.teammembers_archive_box:nth-child(1), #et-boc .et_pb_module .teammembers_archive_box:nth-child(1){
    border: 3px solid #14b9ba;
}
.teammembers_archive_box h2, #et-boc .et_pb_module .teammembers_archive_box h2{
  font-weight: 500 !important;
  font-size: 22px !important;
  color: #AAA !important;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
    transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
}
.teammembers_metadata, #et-boc .et_pb_module .teammembers_archive_box .teammembers_metadata{
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding-right: 30px;
  width: 100%;
  line-height: 1.5 !important;
}
.teammembers_archive_box::after, #et-boc .et_pb_module .teammembers_archive_box::after{
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #FFF;
  width: 20px;
  height: 20px;
  display: block;
}
.teammembers_metadata span, #et-boc .et_pb_module .teammembers_archive_box .teammembers_metadata span{
  display: block !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  color: #AAA !important;
  transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
}
#et-boc #teammembers_block .line_btn{
  background-color: #FFF !important;
}
.teammembers_archive_box:nth-child(1) h2, #et-boc .et_pb_module .teammembers_archive_box:nth-child(1) h2, #et-boc .et_pb_module .teammembers_archive_box:hover h2, .teammembers_archive_box:nth-child(1) .teammembers_metadata span, #et-boc .et_pb_module .teammembers_archive_box:nth-child(1) .teammembers_metadata span, #et-boc .et_pb_module .teammembers_archive_box:hover .teammembers_metadata span{
  color: #14b9ba !important;
}
#et-boc #teammembers_block .line_btn::before{
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: -11px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/plus.png');
  background-color: inherit !important;
}
/*=============================================*/
/*REVISTA*/
/*=============================================*/

#magazine_numbers_grid{
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

}
#magazine_numbers_grid .archive_item{
  padding: 30px;
  background-color: #EEE;
  flex-basis: 48%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 30px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
#magazine_numbers_grid .archive_item:hover{
  color: #FFF;
  background-color: #51b1b0;
}
#magazine_numbers_grid .archive_item h3{
  font-size: 22px !important;
  margin: 0;
}
#magazine_numbers_grid .archive_item:hover h3{
  color: #FFF !important;
}
.gotomagazine{
  display: block;
  margin-top: 20px;
  padding: 15px;
  color: #ffffff;
  background-color: #51b1b0;
  font-size: 16px;
}
/*=============================================*/
/*CIRCULARES*/
/*=============================================*/

.card #internalmessages_container{
  margin-top: 20px;
}
.card #internalmessages_container .internalmessages_archive_box{
  background-color: #EEE;
  padding: 15px;
  border-left: 5px solid #CCC;
  width: 100%;
   display: block;
}
#private_area_contents .pa_cards .card #internalmessages_container a.internalmessages_archive_box h3{
  font-size: 16px !important;
  margin-top: 0 !important;
  line-height: 1.3;
}
#private_area_contents .pa_cards .card #internalmessages_container a.internalmessages_archive_box span{
  font-size: 12px !important;
  display: block;
  color: #333 !important;
}
/*=============================================*/
/*FOOTER*/
/*=============================================*/
.footer_container{
  display: -webkit-flex !important;
  -webkit-flex-direction: row !important;
  -webkit-flex-wrap: nowrap !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  min-height: 400px;
  color: #666666;
  font-size: 1.4em;
}
.footer_branding{
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-basis: 45%;
  flex-basis: 45%;
  background-color: #f3f3f3;
  font-family: 'Montserrat', sans-serif;
  padding: 40px 40px 40px 7%;
}
.footer_elements{
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-flex-basis: 55%;
  flex-basis: 55%;
  background-color: #14CCCC !important;
  background: rgba(20,204,204,1) !important;
  background: -moz-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,204,204,1)), color-stop(100%, rgba(17,158,158,1))) !important;
  background: -webkit-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: -o-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: -ms-linear-gradient(top, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%) !important;
  background: linear-gradient(to bottom, rgba(20,204,204,1) 0%, rgba(17,158,158,1) 100%); !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14cccc', endColorstr='#119e9e', GradientType=0 ) !important;
  padding: 40px 4% 20px 4%;
}
.footer_elements #wp_inkniter_footer_navigation ul{
  padding: 0;
  list-style: none;
  line-height: 0.8;
}
footer .footer_elements #wp_inkniter_footer_navigation li{
  display: block;
  font-weight: 200;
  color: #FFF !important;
  font-size: 13px;
  margin: 0 !important;
  opacity: 1 !important;
  margin-bottom: 10px;
}
.footer_elements #wp_inkniter_footer_navigation .wp_inkniter_menu_item a {
    font-size: 1.3em !important;
    color: #FFF !important;
    margin: 0 !important;
    line-height: 1.2;
}
.footer_elements #wp_inkniter_footer_navigation .wp_inkniter_menu_item:before{
  display: none;
}
.footer_elements #wp_inkniter_footer_navigation .wp_inkniter_menu_item.current_inkniter_menu_item{
  font-weight: 500 !important;
}
.footer_elements .col{
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  width: 60%;
  padding: 20px;
}
.footer_elements .col.footer_menu{
  -webkit-flex-basis: 40%;
  flex-basis: 40%;
  width: 40%;
}
#logo_footer{
  display: block;
}
#logo_footer img{
  max-width: 100%;
}
.company{
  display: block;
  font-size: 1.2em;
}
.legals{
  display: block;
  margin-top: 50px;
}
.legals a{
  display: inline-block;
  font-weight: 200;
  color: inherit;
}
footer .line_btn.acceso_socios{
  border-color: #FFF !important;
  color: #FFF !important;
  background-color: transparent !important;
  margin-top: 80px;
}
footer .acceso_socios::before{
  background-image: url('img/lock_w.jpg');
  display: none;
}
footer .em_osf{
  color: #FFF;
  font-size: 17px;
  font-weight: bolder;
}
footer .social_btns{
  margin-left: -10px;
}
/*=============================================*/
/*ACCESORIOS*/
/*=============================================*/
#browser_compatibility{
  display: none;
  position: fixed;
  width: 90vw;
  top: 15px;
  left: 5vw;
  padding: 20px;
  z-index: 9999999999;
  background-color: #FFCC00;
  border-radius: 10px;
  color: #444;
  text-align: left;
  font-size: 13px;
  font-family: sans-serif;
}
#browser_compatibility.old_browser{
  display: block;
}
#contact_methods_box{
  display: block;
  position: relative;
  font-size: 17px !important;
}
#contact_methods_box h2{
  font-size: 20px !important;
}
#contact_methods_box .email_row, #contact_methods_box .address_row{
  margin-bottom: 15px !important;
}
.word_divider{
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.word_curtain{
  position: absolute;
  top: 100%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index: 99;
}
.loaded .word_curtain{
  animation: wordCurtain 0.5s cubic-bezier(.56,.2,.23,.89);
  animation-fill-mode: forwards;
}
.word_divider .word_curtain{
  background-color: #14CCCC !important;
}
.animated_word{
  opacity: 0;
  transition: all 0.4s ease-out !important;
}
.loaded .animated_word{
  opacity: 1;
}
@keyframes simpleOpacity {
  100%{
    opacity: 1 !important;
  }
}
@keyframes wordCurtain{
  0%{
   top: 100%;
  }
  40%{
    top: 0%;
  }
  60%{
    top: 0%;
  }
  100%{
    top: -100%;
  }
}
.social_btns{
 display: block;
 text-align: left;
 margin-top: 15px;
 margin-bottom: 15px;
}
.social_btn{
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 10px;
}
.social_btn.facebook{
  background-image: url('img/facebook.png');
}
.social_btn.instagram{
  background-image: url('img/instagram.png');
}
.social_btn.twitter{
  background-image: url('img/twitter.png');
}
.social_btn.linkedin{
  background-image: url('img/linkedin.png');
}
.heading_vline{
  display: block;
  position: relative;
}
.heading_vline:before{
  content: "";
  width: 2px;
  height: 100px;
  background-color: #14BABA;
  position: absolute;
  top: -125px;
  left: 50%;
  display: block;
}
.colaborador_box, #et-boc .colaborador_box{
  display: inline-block !important;
  width: 22% !important;
  margin-left: 1.2% !important;
  margin-right: 1.2% !important;
    margin-bottom: 0 !important;
  min-width: 250px !important;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all 0.5s ease-out;
}
.colaborador_box:hover, #et-boc .colaborador_box:hover{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
}
.colaborador_box img, #et-boc .colaborador_box img{
  max-width: 100% !important;
  margin-bottom: 0 !important;
}
.colaborador_box .et_pb_image_wrap, .et-db #et-boc .colaborador_box .et_pb_main_blurb_image{
    margin-bottom: 0 !important;
}
.flex_header_row{
  display: -webkit-flex;
  -webkit-flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -webkit-align-items: center;
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  clear: both !important;
  width: 100% !important;
  position: relative;
}
.flex_header_row .col{
  margin: 0 !important;
  position: relative;
}
.flex_header_row .headings_col{
  width: auto !important;
  white-space: nowrap !important;
}
.flex_header_row .headings_col h2, .et-db #et-boc .flex_header_row .headings_col h2{
  color: #333 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.flex_header_row .line_col{
  -webkit-flex-basis: 100% !important;
  flex-basis: 100% !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.flex_header_row .button_col{
    white-space: nowrap !important;
}
.flex_header_row .button_col .line_btn{
    white-space: nowrap !important;
}
.flex_header_row .line_col .spacing_bar{
  width: 100% !important;
  position: relative;
  top: -2px;
}
.more_info, #et-boc .more_info, .line_btn, #et-boc .line_btn{
  border: 2.5px solid #14BABA !important;
  color: #14BABA !important;
  position: relative !important;
  padding: 15px 90px 15px 15px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
  text-align: left !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  display: inline-block !important;
  transform: scale(1.1,1.1) !important;
  opacity: 0 !important;
  transition: all 0.5s cubic-bezier(.56,.2,.23,.89);
  transition-delay: 0s !important;
  background-color: transparent;
}
.loaded .more_info, .loaded #et-boc .more_info, .loaded .line_btn, .loaded #et-boc .line_btn{
  transform: scale(1,1) !important;
  opacity: 1 !important;
}
#cta_socios .more_info, #et-boc #cta_socios .more_info{
  background-color: transparent;
  padding: 15px 50px 15px 50px !important;
  text-align: center !important;
}
.line_btn, #et-boc .line_btn{
  padding: 15px !important;
  background-color: transparent !important;
}
/*.more_info::before{
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: -11px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/plus.png');
  background-color: inherit !important;
}
#cta_socios .more_info::after{
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  right: -7px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/plus.png');
  background-color: inherit !important;
}*/
.acceso_socios::before{
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: -11px;
  width: 20px;
  height: 20px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('img/lock.jpg');
  background-color: #FFF;
}
.circles_grid{
  display: block;
  position: absolute;
}
.circles_grid.toright{
  right: 0 !important;
  bottom: 0 !important;
}
.circles_grid .grid_row{
  display: block;
  margin-bottom: 12px !important;
  white-space: nowrap !important;
}
.circles_grid .grid_row .circle{
  width: 12px !important;
  height: 12px !important;
  background-color: #14BABA !important;
  border-radius: 50% !important;
  margin-left: 12px !important;
  margin-right: 0px !important;
  opacity: 0.3;
  display: inline-block;
}
.circles_grid.divider{
    position: relative !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    margin-left: -12px !important;
}
#hero_inner_pages .circles_grid{
  position: absolute;
  top: -230px;
  left: 100% !important;
}
@keyframes circleOpacity {
  0%{
    opacity: 0.3;
  }
  30%{
    opacity: 0.6;
  }
  50%{
    opacity: 0.3;
  }
  100%{
    opacity: 0.3;
  }
}
#cta_socios .circles_grid{
  bottom: -186px !important;
}
.spacing_bar{
  display: inline-block !important;
  height: 3px !important;
  background-color: #14BABA !important;
}
/*=============================================*/
/*SPECIAL SECTIONS*/
/*=============================================*/
#semo_section_container{
  position: relative;
  z-index: 999;
}
#semo_section_header{
  width: 100%;
  position: relative;
}
#semo_section_header h2{
  color: #757575 !important;
  font-size: 3em !important;
  font-weight: 200 !important;
  margin-top: 10px;
}
#semo_section_header #headings_block{
  width: 80%;
  position: relative;
  z-index: 10;
  left: 0;
  top: 50px;
  background-color: #EEE;
  padding: 50px 120px 30px 10%;
  display: block;
  min-height: 350px;
}
#headings_block .line_btn{
  margin-right: 15px;
}
#headings_block h1{
  margin-bottom: 10px !important;
}
#headings_block .circles_grid{
  left: auto !important;
  right: -72px !important;
  top: 25% !important;
}
#headings_block p.evento_completo{
  display: inline-block !important;
  vertical-align: middle !important;
  padding: 15px 15px 15px 45px !important;
  background-color: #dc3c3c !important;
  color: #f5d6d6 !important;
  font-size: 16px !important;
  max-width: 88%;
  background-position: 12px 13px !important;
  background-size: 25px 25px !important;
  background-repeat: no-repeat !important;
  background-image: url('img/disabled_red.png') !important;
}
#bg_block{
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  background-color: #000;
  height: 350px;
  display: block;
}
#bg_block .bg{
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('img/dientes_bg_semo.jpg');
  background-color: #FFF;
}
#bg_block .acceso_bg.bg{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('img/lock_bg.jpg');
  background-color: #FFF;
}
#semo_section_contents{
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 100px;
  padding-bottom: 50px;
  position: relative;
  z-index: 999;
}
#semo_section_contents.post_contents{
  width: 90% !important;
  padding-left: 40px !important;
  margin-left: 15% !important;
  border-left: 1px solid #DDD !important;
}
#semo_section_contents .inner_page p, #semo_section_contents .inner_page li{
  font-size: 1.7em !important;
  list-style: none !important;
  font-weight: 200 !important;
  line-height: 1.5 !important;
  margin-bottom: 15px !important;
  position: relative;
  padding-left: 0px !important;
  max-width: 80% !important;
  font-family: 'Open Sans', sans-serif !important;
}
#semo_section_contents p.organizador_evento{
  display: block;
  padding: 15px !important;
  background-color: #eeeeee !important;
  color: #8d8d8d !important;
  font-size: 16px !important;
  max-width: 88%;
}
#semo_section_contents p.organizador_evento a{
  color: #14BABA !important;
  border-bottom: 1px dotted #14BABA !important;
}
#semo_section_contents .inner_page p{
  text-align: justify !important;
}
#semo_section_contents .inner_page img{
  max-width: 100% !important;
  height: auto !important;
}
#semo_section_contents .inner_page li{
  padding-left: 20px !important;
}
#semo_section_contents .inner_page li::before {
    content: "";
    width: 3px;
    background-color: #CCC;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#section_tag{
  font-weight: 300;
  color: #14baba;
  font-size: 22px;
  margin-top: 50px;
  display: block;
}
/*=============================================*/
/*PERFILES*/
/*=============================================*/
#profile_image{
  display: block;
  position: absolute;
  width: 250px;
  top: -100px;
  left: 70%;
  margin: 0;
}
#profile_image img{
  display: block;
  max-width: 250px;
  min-width: 250px;
  height: auto;
}
.teammember_page .inner_page{
  max-width: 70% !important;
}
/*=============================================*/
/*ÁREA PRIVADA*/
/*=============================================*/
#private_area_container{

}
#private_area_header{
  width: 100%;
  position: relative;
}
#headings_block{
  width: 70%;
  position: relative;
  z-index: 10;
  left: 0;
  top: 50px;
  background-color: #EEE;
  padding: 50px 50px 50px 7%;
  display: block;
  min-height: 350px;
}
#headings_block .line_btn{
  margin-right: 15px;
}
#headings_block h1{
  margin-bottom: 10px !important;
}
#headings_block .circles_grid{
  left: auto !important;
  right: -72px !important;
  top: 25% !important;
}
#bg_block{
  width: 50%;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  background-color: #000;
  height: 350px;
  display: block;
}
#bg_block .bg{
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('img/dientes_bg_semo.jpg');
  background-color: #FFF;
}
#bg_block .acceso_bg.bg{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('img/lock_bg.jpg');
  background-color: #FFF;
}
#private_area_contents{
  width: 100%;
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 80px;
  padding-bottom: 50px;
}
#private_area_contents .pa_cards{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#private_area_contents .pa_cards .card{
  position: relative;
  -webkit-flex-basis: 48%;
  flex-basis: 48%;
  width: 48%;
  max-width: 48%;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 1px rgba(0,0,0,.04);
  background: #fff;
  padding: 20px;
  margin: 1%;
}
#private_area_contents .pa_cards .card .card_header h3{
  width: 100%;
  font-size: 18px !important;
  margin-top: 0px;
  margin-bottom: 10px;
}
#private_area_contents .pa_cards .card .card_contents p{
  width: 100%;
  font-size: 15px !important;
  font-family: 'Open Sans', sans-serif;
}
#private_area_contents .pa_cards .card .card_contents h4{
  width: 100%;
  font-size: 15px !important;
  font-weight: bold !important;
  margin: 5px 0px 0px 0px!important;
  font-family: 'Open Sans', sans-serif;
}
#private_area_contents .pa_cards .card .card_contents label{
  width: 100%;
  font-size: 15px !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold !important;
  margin-bottom: 4px;
}
#private_area_contents .pa_cards .card .card_contents input[type="text"]{
  width: 100%;
  font-size: 15px !important;
  font-family: 'Open Sans', sans-serif;
  padding: 5px;
  margin-bottom: 15px;
}
#private_area_contents .pa_cards .card .card_contents textarea{
  width: 100%;
  font-size: 15px !important;
  font-family: 'Open Sans', sans-serif;
  padding: 5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 800px){
  #private_area_contents .pa_cards .card{
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    max-width: 100%;
    margin: 0%;
    margin-bottom: 15px;
  }
}
.no-disponible{
  display: block;
  background-color: #ffCC00;
  padding: 10px;
  border-radius: 5px;
  padding-left: 50px;
  color: #000;
  font-size: 14px;
  font-weight: 200;
  background-position: 10px 10px;
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-image: url(img/advert.png);
}
#form_acceso input#user_login, #form_acceso input#user_pass{
  display: block;
  font-size: 1.6em;
  padding: 10px;
  border: none;
}
#form_acceso p.login-username, #form_acceso p.login-password{
  display: inline-block;
  margin-right: 15px;
}
#form_acceso p label {
    font-size: 1.6em;
    margin-bottom: 5px;
    font-weight: 300;
    display: block;
    color: #777;
}
#btn_acceder, #btn_recover{
  display: inline-block !important;
  padding: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  color: #FFF;
  border: 2.5px solid #14BABA;
  background-color: #14BABA;
  box-shadow: none;
  position: relative;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
  appearance: none;
  outline: none;
}
#btn_acceder:hover{
  background-color: transparent;
  color: #14BABA;
}
h2.private_area_user_name{
  color: #51b1b0 !important;
  font-weight: 500 !important;
  font-size: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#password-lost-form input#user_login{
  display: block;
  font-size: 1.1em;
  padding: 10px;
  border: none;
}
#password-lost-form label{
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
#password-lost-form p{
  font-size: 1.5em;
}
.recover_message{
  background-color: rgb(255 200 0);
  padding: 12px 15px 15px 15px;
  font-size: 15px;
  border-radius: 5px;
  font-weight: 500 !important;
  color: #4b3b00;
  max-width: 90%;
}
.login h1 a{
   display: none !important;
}
/*=============================================*/
/*CONGRESO*/
/*=============================================*/
.menu_congreso_container{
    position: absolute !important;
    bottom: -90px !important;
    background-color: #14baba !important;
    width: 80% !important;
    left: 15% !important;
    padding: 0px !important;
    display: -webkit-flex !important;
    display: flex !important;
    -webkit-justify-content: space-between;
    justify-content: space-around;
}
.menu_congreso_container a{
  padding: 20px !important;
  -webkit-flex-basis: 16.66% !important;
  flex-basis: 16.66% !important;
  width: 16.66% !important;
  text-align: center !important;
  min-width: 16.66% !important;
  max-width: 16.66% !important;
  color: #FFF !important;
  font-size: 16px !important;
  position: relative;
  overflow: hidden;
}
.menu_congreso_container a#congreso_submenu_btn{
  display: none;
}
.menu_congreso_container a::before{
  content: "";
  height: 5px;
  width: 100%;
  background-color: #94dddc;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(5px);
  transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
}
.menu_congreso_container a:hover::before{
  transform: translateY(0);
}
.menu_congreso_container a.current_section{
  background-color: #50c9c9 !important;
}
/*RESPONSIVE MENU CONGRESO*/
@media screen and (max-width: 960px){
  .menu_congreso_container{
      display: block !important;
      bottom: auto !important;
      top: 0 !important;
      left: 10% !important;
      overflow: hidden;
      height: 50px;
      white-space: nowrap !important;
      -webkit-flex-wrap: nowrap !important;
      flex-wrap: nowrap !important;
      transition: all 0.5s ease-in-out;
  }
  .menu_congreso_container.open{
    height: auto;
  }
  .menu_congreso_container a{
    padding: 20px !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    min-width: 100% !important;
    max-width: 100% !important;
    color: #FFF !important;
    font-size: 15px !important;
    position: relative;
    overflow: hidden;
  }
  .menu_congreso_container a#congreso_submenu_btn{
    display: block;
  }
  .menu_congreso_container a::before{
    content: "";
    height: 5px;
    width: 100%;
    background-color: #94dddc;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(5px);
    transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
  }
  .menu_congreso_container a:hover::before{
    transform: translateY(0);
  }
  .menu_congreso_container a.current_section{
    background-color: #50c9c9 !important;
  }
}
/*=============================================*/
/*PRODUCTOS - TIENDA - ECOMMERCE*/
/*=============================================*/
.woocommerce{
  padding-left: 7%;
  padding-right: 7%;
  padding-top: 50px;
}
.inscripcion_product_box, #et-boc .et_pb_module .inscripcion_product_box, #et-boc .et-l a.inscripcion_product_box{
    display: inline-block;
    width: 22vw;
    max-width: 500px;
    height: 22vw;
    max-height: 500px;
    padding: 30px 30px 50px 30px;
    border: 3px solid #14b9ba;
    vertical-align: middle;
    position: relative;
    margin-right: 30px;
    margin-bottom: 30px;
    transition: all 0.3s cubic-bezier(.56,.2,.23,.89);
}
#et-boc .et-l a.inscripcion_product_box:active, #et-boc .et-l a.inscripcion_product_box:visited, #et-boc .et-l a.inscripcion_product_box:focus{
  display: inline-block;
  width: 22vw;
  max-width: 500px;
  height: 22vw;
  max-height: 500px;
  padding: 30px 30px 50px 30px;
  border: 3px solid #14b9ba;
  vertical-align: middle;
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px;
}
.inscripcion_product_box:hover, #et-boc .et_pb_module .inscripcion_product_box:hover{
  transform: scale(1.03,1.03);
}
@media screen and (max-width: 950px){
  .inscripcion_product_box, #et-boc .et_pb_module .inscripcion_product_box{
      display: inline-block;
      width: 48%;
      max-width: 48%;
      height: auto !important;
      max-height: 500px;
      margin-right: 1%;
      min-height: 250px !important;
  }
}
@media screen and (max-width: 650px){
  .inscripcion_product_box, #et-boc .et_pb_module .inscripcion_product_box{
      display: inline-block;
      width: 100%;
      max-width: 100%;
      height: auto !important;
      max-height: 500px;
      margin-right: 0%;
  }
}
.inscripcion_product_box h2, #et-boc .inscripcion_product_box h2{
  font-weight: 500 !important;
  font-size: 22px !important;
  color: #14b9ba !important;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.2 !important;
}
.inscripcion_metadata, #et-boc .et_pb_module .inscripcion_product_box .inscripcion_metadata{
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding-right: 30px;
  width: 100%;
  line-height: 1.5 !important;
}
.inscripcion_archive_box::after, #et-boc .et_pb_module .inscripcion_product_box::after{
  position: absolute;
  right: 20px;
  bottom: 20px;
  background-color: #FFF;
  width: 20px;
  height: 20px;
  display: block;
}
.inscripcion_metadata span, #et-boc .et_pb_module .inscripcion_product_box .inscripcion_metadata span{
  display: block !important;
  font-size: 30px !important;
  font-weight: 200 !important;
  color: #14b9ba;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    font-size: 14px;
    padding: 5px;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;
    font-size: 14px;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li{
    font-size: 14px;
}
form.woocommerce-checkout{
  margin-bottom: 30px !important;
}
form.woocommerce-checkout #place_order{
  background-color: #14baba;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  font-size: 17px;
  font-weight: 300;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    font-size: 14px !important;
}
.woocommerce-info::before {
    color: #14baba;
}
.woocommerce-info {
    border-top-color: #14baba;
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a{
  color: #14baba !important;
}
.woocommerce-privacy-policy-text p{
  font-size: 14px !important;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    border-radius: 0px;
    color: #fff !important;
    background-color: #14baba;
    font-size: 14px;
}
.checkout_coupon.woocommerce-form-coupon p{
      font-size: 14px;
}
.shop_table.woocommerce-checkout-review-order-table{
  font-size: 14px;
}
.cart_totals a.button.alt{
  background-color: #14bbba;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  font-size: 16px !important;
}
.cart_totals a.button.alt:hover{
  background-color: #12b1b0 !important;
}
.woocommerce-cart-form__cart-item.cart_item td, .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th{
  font-size: 14px !important;
    font-weight: 300 !important;
}
.woocommerce-cart-form__cart-item.cart_item td a{
  color: #14bbba !important;
  font-weight: 300 !important;
}
.woocommerce td.product-thumbnail img{
  display: none !important;
}
.cart_totals .shop_table{
  font-size: 14px !important;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received p{
  font-size: 15px;
}
.woocommerce-order-received .woocommerce-order p{
  font-size: 16px !important;
}
.woocommerce-order-received h4{
  margin-bottom: 0px !important;
  font-size: 2.5em !important;
}
.woocommerce-order-received a{
  color: #14baba !important;
}
ul.woocommerce-order-overview.woocommerce-thankyou-order-details{
  padding-left: 0 !important;
}
.woocommerce-order-overview.woocommerce-thankyou-order-details li{
  font-size: 14px !important;
}
.woocommerce-order-received .woocommerce-order .woocommerce-table th, .woocommerce-order-received .woocommerce-order .woocommerce-table td{
  font-size: 14px !important;
}
/*=============================================*/
/*ANIMATIONS*/
/*=============================================*/



/*=============================================*/
/*RESPONSIVE*/
/*=============================================*/
@media screen and (max-width: 1300px){
  .evento_archive_box, #et-boc .et_pb_module .evento_archive_box{
    height: auto !important;
    width: 48%;
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    max-width: 48%;
  }
}
@media screen and (max-width: 1025px){
  h1{
    font-size: 3.8em !important;
    margin-bottom: 20px !important;
  }
  h2{
    color: #333 !important;
    font-size: 3em !important;
    font-weight: 200 !important;
  }
  h3{
    font-size: 2.7em !important;
  }
  h4, h5, h6{
    font-size: 1.9em !important;
  }
  .evento_archive_box h2, #et-boc .et_pb_module .evento_archive_box h2{
    font-size: 20px !important;
  }
  nav#wp_inkniter_main_navigation{
    display: none;
  }
  header#main-header {
      padding: 20px 5% 0px 5%;
  }
  .item_archive_box, .et-db #et-boc .item_archive_box {
    width: 48%;
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    margin-right: 2%;
    position: relative;
    padding-left: 70px;
    display: -webkit-flex;
    margin-bottom: 30px !important;
  }
  .evento_metadata, #et-boc .et_pb_module .evento_archive_box .evento_metadata {
    position: relative;
    bottom: 0;
    left: 0;
    padding-right: 0;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .evento_archive_box.archive_item{
    padding-bottom: 30px !important;
  }
  #menu_btn{
    display: block;
  }
}
@media screen and (max-width: 1150px){
.teammembers_archive_box, #et-boc .et_pb_module .teammembers_archive_box {
    display: inline-block;
    width: 48%;
    max-width: 400px;
    height: 300px;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  #hero_inner_pages #header_textblock {
    padding: 40px 10% 40px 40px !important;
  }
}
@media screen and (max-width: 870px){
  .footer_container{
    -webkit-flex-direction: column !important;
    -webkit-flex-wrap: wrap !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
}
@media screen and (max-width: 850px){
  .headings_row .et_pb_column, #et-boc .headings_row .et_pb_column.headings_col {
    white-space: normal !important;
  }
}
@media screen and (max-width: 800px){
  .headings_row, #et-boc .headings_row {
    padding-left: 5% !important;
    padding-right: 5% !important;
    -webkit-flex-direction: column !important;
    -webkit-flex-wrap: wrap !important;
    flex-direction: column !important;
    flex-wrap: wrap !important;
  }
  .home .evento_archive_box, .home #et-boc .et_pb_module .evento_archive_box {
      width: 100%;
      -webkit-flex-basis: 100%;
      flex-basis: 100%;
      max-width: 100%;
  }
  .item_archive_box, .et-db #et-boc .item_archive_box{
    width: 100% !important;
    -webkit-flex-basis: 100% !important;
    flex-basis: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
@media screen and (max-width: 770px){
  .flex_row_container.two_cols .col_right{
    -webkit-flex-basis: 40% !important;
    flex-basis: 40% !important;
    position: relative !important;
  }
  #et-boc #home_hero .flex_row_container .col_right #diente {
    z-index: 99;
    top: 20%;
    right: 0%;
    width: 70% !important;
  }
  .flex_row_container.two_cols .col_left {
    -webkit-flex-basis: 60% !important;
    flex-basis: 60% !important;
  }
  #et-boc #home_hero .flex_row_container .col_right .bg {
      position: absolute !important;
      top: 0 !important;
      right: 0 !important;
      height: 100% !important;
      width: 40% !important;
      display: block !important;
      z-index: 98;
      overflow: hidden !important;
      opacity: 0 !important;
  }
  #logo_container, #logo_footer{
    max-width: 80px !important;
  }
  #hero_inner_pages #header_textblock {
    position: relative !important;
    top: 80px !important;
    left: 10% !important;
    width: 90% !important;
  }
  .bloque_contenidos_paginas_internas, #et-boc .bloque_contenidos_paginas_internas {
    padding: 90px 7% 50px 10% !important;
  }
  .contenedor_texto_secciones_internas li, #et-boc .contenedor_texto_secciones_internas li {
    font-size: 1.5em !important;
    max-width: 100% !important;
   }
   #semo_section_header #headings_block {
     width: 95%;
   }
   #semo_section_contents {
     width: 100%;
     padding-left: 7%;
     padding-right: 7%;
   }
   #semo_section_contents ul{
     padding-left: 0 !important;
   }
   .teammember_page .inner_page {
     max-width: 100% !important;
   }
   #profile_image img {
     display: block;
     max-width: 150px;
     min-width: 150px;
     height: auto;
   }
   #profile_image {
       display: block;
       position: absolute;
       width: 150px;
       top: -70px;
       left: 65%;
   }
}
@media screen and (max-width: 750px){
  .evento_archive_box, #et-boc .et_pb_module .evento_archive_box{
    height: auto !important;
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 650px){
  h1{
    font-size: 3em !important;
    margin-bottom: 20px !important;
  }
  h2{
    color: #333 !important;
    font-size: 2.5em !important;
    font-weight: 200 !important;
  }
  h3{
    font-size: 2.2em !important;
  }
  h4, h5, h6{
    font-size: 1.8em !important;
  }
  .evento_archive_box h2, #et-boc .et_pb_module .evento_archive_box h2{
    font-size: 18px !important;
  }
  nav#wp_inkniter_main_navigation{
    display: none;
  }
  header#main-header {
      padding: 20px 5% 0px 5%;
  }
  .flex_row_container.two_cols .col_right p, .flex_row_container.two_cols .col_left p {
    font-size: 1.6em !important;
  }
  .teammembers_archive_box, #et-boc .et_pb_module .teammembers_archive_box {
    display: inline-block;
    width: 100%;
    max-width: 100%;
  }
  .footer_elements{
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .footer_elements .col.footer_menu {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
  }
  #semo_section_header h1{
    font-size: 2.3em !important;
  }
  #semo_section_header h2{
    font-size: 1.8em !important;
  }
  #section_tag{
    font-size: 18px !important;
  }
  #semo_section_header #headings_block{
    padding-right: 100px !important;
  }
  #semo_section_contents .inner_page p, #semo_section_contents .inner_page li {
    max-width: 100% !important;
  }
  .single-teammembers #semo_section_contents {
    padding-top: 150px;
  }
  #et-boc #home_hero .flex_row_container .col_right #diente{
    top: 50%;
  }
  #et-boc #home_hero .flex_row_container #diente img {
    max-width: 200% !important;
    right: 40% !important;
  }
  #et-boc #home_hero .flex_row_container .col_left .circles_grid {
    bottom: -150px !important;
  }
  .headings_row .spacing_bar, #et-boc .headings_row .spacing_bar, #et-boc #eventos_block .flex_row_container.two_cols .col_left{
    display: none !important;
  }
  #et-boc #eventos_block .flex_row_container.two_cols .col_right {
    width: 100% !important;
    -webkit-flex-basis: 100% !important;
    flex-basis: 100% !important;
    padding-left: 7% !important;
    padding-right: 0 !important;
  }
  .flex_row_container.two_cols .col_right h2, .flex_row_container.two_cols .col_left h2{
    font-size: 3em !important;
  }
  .circles_grid.toright {
    right: -34% !important;
  }
  .footer_elements .col {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    width: 100%;
    padding: 10px;
  }
  #headings_block{
    width: 90%;
  }
  #hero_inner_pages #header_textblock{
    top: 30px !important;
    left: 0% !important;
    width: 100% !important;
  }
  .bloque_contenidos_paginas_internas, #et-boc .bloque_contenidos_paginas_internas {
    padding: 30px 7% 50px 10% !important;
  }
  #blog_archive .item_box_content h2, #et-boc #blog_archive .item_box_content h2, #blog_archive .item_box_content h2 a, #et-boc #blog_archive .item_box_content h2 a {
    font-size: 19px !important;
  }
  #semo_section_contents.post_contents {
    width: 100% !important;
    padding-left: 7% !important;
    margin-left: 0% !important;
    border-left: 1px solid #DDD !important;
    padding-right: 7% !important;
    padding-top: 40px !important;
  }
  #semo_section_header h2.cat_evento {
    font-size: 17px !important;
  }
  #more_events h3 {
      color: #757575 !important;
      font-size: 2.8em !important;
      line-height: 1.2;
    }
}

/*====================================================*/
/*SLIDER STYLES*/
/*====================================================*/

.et-db #et-boc .inknite_elements_slider{
  width: 100% !important;
  height: 300px;
  display: block;
  position: relative;
  max-width: 100% !important;
}
.et-db #et-boc .et_pb_row.inknite_elements_slider{
    max-width: 100% !important;
}
.et-db #et-boc .ies_inner_container{
  position: absolute !important;
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  max-width: 100% !important;
}
.et-db #et-boc .ies_inner_container .ies_slide{
  width: 33% !important;
  height: 100%;
  overflow: hidden !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-justify-content: center !important;
  -webkit-align-items: center !important;
  justify-content: center !important;
  align-items: center !important;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 100%;
  transition: all 0.7s cubic-bezier(.56,.2,.23,.89);
  margin: 0 !important;
}
.et-db #et-boc .ies_inner_container .ies_slide img{
  max-width: 80% !important;
  margin-bottom: 0 !important;
}
.et-db #et-boc .ies_inner_container .ies_slide.first{
  left: 0;
  opacity: 1;
}
.et-db #et-boc .ies_inner_container .ies_slide.second{
  left: 33%;
  opacity: 1;
}
.et-db #et-boc .ies_inner_container .ies_slide.third{
  left: 66%;
  opacity: 1;
}
.et-db #et-boc .ies_inner_container .ies_slide.hide_slide{
  left: -40% !important;
  opacity: 0;
}
.et-db #et-boc #next_slide{
  position: absolute;
  top: 40%;
  width: 45px;
  height: 45px;
  background-color: #FFF !important;
  cursor: pointer;
  right: -50px;
  display: block;
  z-index: 9999;
  border: 3px solid #14B9BA !important;
  transition: all 0.3s cubic-bezier(.56,.2,.23,.89) !important;
  background-image: url(./img/next_arrow.png) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: 40% !important;
}
.et-db #et-boc #next_slide:hover{
  transform: scale(0.95,0.95);
}

/*SLIDER RESPONSIVE*/

@media screen and (max-width: 800px){
  .et-db #et-boc .ies_inner_container .ies_slide{
    width: 50% !important;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.first{
    left: 0;
    opacity: 1;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.second{
    left: 50%;
    opacity: 1;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.third{
    left: 100%;
    opacity: 1;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.hide_slide{
    left: -60% !important;
    opacity: 0;
  }
}

@media screen and (max-width: 400px){
  .et-db #et-boc .ies_inner_container .ies_slide{
    width: 100% !important;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.first{
    left: 0;
    opacity: 1;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.second{
    left: 100%;
    opacity: 1;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.third{
    left: 100%;
    opacity: 1;
  }
  .et-db #et-boc .ies_inner_container .ies_slide.hide_slide{
    left: -110% !important;
    opacity: 0;
  }
  .et-db #et-boc #next_slide{
    right: 10px;
  }
}