@font-face {
    font-family: 'Tungsten-Book';
    src: url('/core/themes/rubenruano_theme/fonts/Tungsten-Book.eot');
    src: url('/core/themes/rubenruano_theme/fonts/Tungsten-Book.eot?#iefix') format('embedded-opentype'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Book.woff2') format('woff2'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Book.woff') format('woff'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Book.ttf') format('truetype'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Book.svg#Tungsten-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Tungsten-Black';
    src: url('/core/themes/rubenruano_theme/fonts/Tungsten-Black.eot');
    src: url('/core/themes/rubenruano_theme/fonts/Tungsten-Black.eot?#iefix') format('embedded-opentype'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Black.woff2') format('woff2'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Black.woff') format('woff'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Black.ttf') format('truetype'),
        url('/core/themes/rubenruano_theme/fonts/Tungsten-Black.svg#Tungsten-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-Light';
    src: url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Light.eot');
    src: url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Light.woff') format('woff'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Light.ttf') format('truetype'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir-Black';
    src: url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Black.eot');
    src: url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Black.woff') format('woff'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Black.ttf') format('truetype'),
        url('/core/themes/rubenruano_theme/fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{ background:#111; color:#fff;  font-family: 'Avenir-Light'; padding:0px !important; height:auto !important;}
.rubenruano_header_wrapper {position: fixed; top: 0; left: 0; width: 100%; text-align: center; z-index: 110; pointer-events: none; border-top:5px solid #f90065; background: rgb(0,0,0);background: -moz-linear-gradient(180deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(180deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: linear-gradient(180deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111000",endColorstr="#111000",GradientType=1);}
.rubenruano_logo {width: 100%; max-width: 350px; display: block; margin: 10px auto; pointer-events: all}
.rubenruano_logo img,
.rubenruano_logo_footer img{-webkit-filter: drop-shadow(5px 5px 5px #00cad7); filter: drop-shadow(-3px 3px 6px #00cad7);}
.open_close_menu {position: absolute; top: 30px; right: 2.5%; width: 60px; height: 50px; pointer-events: all; cursor:pointer;}
span.menu_line {position: absolute; top: 50%; height: 4px; margin-top:-2px; background: #f90065;  transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
span.menu_line:after {content: ''; position: absolute; top: -4px; left: -7%; display: block; width: 115%; height: 8px; background: #f90065; filter: blur(5px); opacity:.6;}
.menu_line_1{ transform:translateY(-15px) rotate(0deg); -moz-transform:translateY(-15px) rotate(0deg); -webkit-transform:translateY(-15px) rotate(0deg); width:60px; right:0;}
.menu_line_2{width:40px; right:0;}
.menu_line_3{ transform:translateY(15px) rotate(0deg); -moz-transform:translateY(15px) rotate(0deg); -webkit-transform:translateY(15px) rotate(0deg); width:22px; right:0;}
.open_close_menu:hover span.menu_line{ width:100%;}
.iniciar_secion {position: absolute !important; top: 30px; right: calc(2.5% + 100px);}
.iniciar_secion.enlace_del_bloque a {padding: 17px 30px 14px; font-size: 15px; color: #fff; background:none; font-family: 'Avenir-Black'; transition:.4s all ease; -moz-transition:.4s all ease; -webkit-transition:.4s all ease;}
.iniciar_secion.enlace_del_bloque a:after {position: absolute; top: -20%; left: -4%; width: 110%; content: ''; display: block; height: 140%; background: none; z-index: -1; filter: blur(7px); opacity: 0.8; transition:.4s all ease; -moz-transition:.4s all ease; -webkit-transition:.4s all ease;}


.shadow_bkg{ position:fixed; z-index:2; pointer-events:none; mix-blend-mode:lighten; opacity:.3; width:700px; height:700px; border-radius:100%; background: rgb(51,51,51); background: -moz-radial-gradient(circle, rgba(51,51,51,1) 14%, rgba(51,51,51,0) 100%); background: -webkit-radial-gradient(circle, rgba(51,51,51,1) 14%, rgba(51,51,51,0) 100%); background: radial-gradient(circle, rgba(51,51,51,1) 14%, rgba(51,51,51,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1);}

.open_close_menu.open_close_menu_activo span.menu_line.menu_line_1 {transform: translateY(0px) rotate(45deg); -moz-transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); background: #00cad7;}
.open_close_menu.open_close_menu_activo span.menu_line.menu_line_2{ opacity:0;}
.open_close_menu.open_close_menu_activo span.menu_line.menu_line_3 {transform: translateY(0px) rotate(-45deg); -moz-transform: translateY(0px) rotate(-45deg); -webkit-transform: translateY(0px) rotate(-45deg); background: #00cad7; width:60px;}
.open_close_menu.open_close_menu_activo span.menu_line:after {background: #00cad7;}


.iniciar_secion .enlace_border_top,
.iniciar_secion .enlace_border_left,
.iniciar_secion .enlace_border_bottom,
.iniciar_secion .enlace_border_right,
.iniciar_secion .enlace_border_top:after,
.iniciar_secion .enlace_border_left:after,
.iniciar_secion .enlace_border_bottom:after,
.iniciar_secion .enlace_border_right:after{background:#00cad7;}

.iniciar_secion.enlace_del_bloque a:hover{ color:#111; background:#00cad7;}
.iniciar_secion.enlace_del_bloque a:hover:after{background: #00cad7;}

.rubenruano_menu {position: fixed; z-index:109; top: 0; left: 0; width: 100%; overflow: hidden; height: 0;}
.rubenruano_menu.rubenruano_menu_activo {height: 100%;}
.rubenruano_menu_bkg {position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow:hidden;}
.rubenruano_menu_bkg .rubenruano_menu_bkg_gradient{ position:absolute; top:0; left:0; width:0%; height:100%; background: rgb(17,17,17); background: -moz-linear-gradient(90deg, rgba(17,17,17,1) 28%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(90deg, rgba(17,17,17,1) 28%, rgba(17,17,17,0) 100%); background: linear-gradient(90deg, rgba(17,17,17,1) 28%, rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111111",endColorstr="#111111",GradientType=1); transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.rubenruano_menu.rubenruano_menu_activo .rubenruano_menu_bkg .rubenruano_menu_bkg_gradient{width:100%;}
.rubenruano_menu_bkg_1, .rubenruano_menu_bkg_2, .rubenruano_menu_bkg_3 {display: inline-block; vertical-align:top; width: 33.333%; background: #111 url('/core/themes/rubenruano_theme/images/menu_bkg.jpg') 50% 50% no-repeat; background-size:cover; background-attachment:fixed; height: 0vh; transition:.5s all ease-in-out; -moz-transition:.5s all ease-in-out; -webkit-transition:.5s all ease-in-out;}

.rubenruano_menu_activo .rubenruano_menu_bkg_1.bkg_activo, 
.rubenruano_menu_activo .rubenruano_menu_bkg_2.bkg_activo,
.rubenruano_menu_activo .rubenruano_menu_bkg_3.bkg_activo{ height:100vh;}

.rubenruano_menu_bkg:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.columna_menu {width: calc(100% - 300px);display: inline-block;vertical-align: middle;overflow: auto;height: 100vh;padding-top: 150px;padding-bottom: 50px;}
.info_importante_menu {width: 300px; display: inline-block; vertical-align: middle; font-family: 'Avenir-Light'; color: #fff; font-size: 17px; position: relative; line-height: 2; opacity:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; transition-delay:1s; -moz-transition-delay:1s; -webkit-transition-delay:1s; position:absolute; bottom:100px;}
.rubenruano_menu_activo .info_importante_menu{ opacity:1;}

.pretitulo_del_bloque h3 span {display: inline-block; max-width: calc(100% - 150px); vertical-align: bottom;}
.rubenruano_menu_container {width: 90%; max-width: 1200px; margin: 0px auto; padding-top: 0px;}
.rubenruano_menu_container .menu li {display: block; width: 100%; line-height: 1em; overflow:hidden;}
.rubenruano_menu_container .menu li span.primary-nav__menu-link--nolink,
.rubenruano_menu_container .menu li a{ display:inline-block; text-indent:-150%; letter-spacing:10px; transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease; opacity:0;}
.rubenruano_menu_activo .menu li span.primary-nav__menu-link--nolink,
.rubenruano_menu_activo .rubenruano_menu_container .menu li a{ text-indent:0%; letter-spacing:0px; transition-delay:1s; -moz-transition-delay:1s; -webkit-transition-delay:1s; opacity:1;}
.rubenruano_menu_container .menu li span{color: #fff; padding:0px;font-weight:normal; font-size: 50px; font-family: 'Tungsten-Book'; line-height: .8; padding:10px 10px 10px 15px; display:inline-block;}
.menu_direccion, .menu_contacto {padding-bottom: 20px;}
button.primary-nav__button-toggle {display: none !important;}

.rubenruano_menu_container a.primary-nav__menu-link--active-trail {border-left: 3px solid #f90065;}

.rubenruano_menu_container .menu li ul {position: relative; visibility: visible; display: block; width: 100%; top: 0; left: 0; padding: 0 !important; margin: 0px !important; padding: 0px !important; transform: none !important; height: auto !important;  opacity: 1 !important; background: none !important; border: 0px !important; overflow: visible !important; display:none;}
span.primary-nav__menu-link.primary-nav__menu-link--nolink.primary-nav__menu-link--level-1.primary-nav__menu-link--has-children:after{content:''; display:inline-block; vertical-align:middle; width:50px; height:50px; background:url(/core/themes/rubenruano_theme/images/flecha_submenu.svg) 50% 50% no-repeat; transition:.5s all ease; -moz-transition:.5s all ease; -webkit-transition:.5s all ease;}
.rubenruano_menu_container .menu li.menu_desplegable.menu_desplegado span.primary-nav__menu-link.primary-nav__menu-link--nolink.primary-nav__menu-link--level-1.primary-nav__menu-link--has-children:after{ transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.rubenruano_menu_container .menu li.menu_desplegable ul.ul_desplegado {max-height: 9999px;}
.rubenruano_menu_container .menu li li span {font-size: 40px; display: block;}
.rubenruano_menu_container .menu li li a {margin-left: 40px;}

.iniciar_secion.iniciar_secion_mobile{ display:none !important;}

.slider_principal_wrapper {position: relative; height: 675px; overflow:hidden;}
.slider_video_wrapper{ position:absolute; top:0; left:0; width:100%; height:100%;}
.slider_video_wrapper:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1;}
.slider_video_wrapper:after {content: ''; position: absolute; z-index:1; bottom: 0; left: 0; width: 100%; height: 200px; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111000",endColorstr="#111000",GradientType=1);}

.slider_principal_item {position: absolute; height: 675px; overflow: hidden; width: 100%; top: 0; left: 0; transition:.5s all ease; -moz-transition:.5s all ease; -webkit-transition:.5s all ease; z-index:0; opacity:0;}
.slider_principal_item_in{ opacity:1;}
.slider_principal_item_out{ opacity:0;}
.slider_principal_item.slider_principal_item_activo{ opacity:1;z-index:1;}
.slider_principal_item video {width: 100vw; min-height: 675px; filter:grayscale(1);}

.slider_pattern{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: .2; mix-blend-mode: difference;}
.forma_slider_item.forma_slider_item_2 {position: absolute; top: 25%; width: 60px; right: 4%;}
.forma_slider_item.forma_slider_item_3 {position: absolute; top: 45%;right: 10%;}
.forma_slider_item.forma_slider_item_5 {position: absolute; top: 20px; left: 2.5%; width: 300px;}

.scroll_circle_wrapper {position: absolute; bottom: 50px; right: 5%; z-index: 100; width: 180px; height: 180px; overflow:hidden;}
.scroll_circle_wrapper img{animation:rotatebanner 10s linear infinite; -moz-animation:rotatebanner 10s linear infinite; -webkit-animation:rotatebanner 10s linear infinite;}
.mouse_scroll {border: 2px solid #fff; width: 46px; height: 80px; top: 50%; left: 50%; position: absolute; margin-top: -40px; margin-left: -23px; border-radius: 50px;}
.mouse_scroll_line {position: absolute; top: 20px; left: 50%; width: 2px; margin-left: -1px; height: 20px; background: #fff; border-radius: 6px; animation:scrollwheel 1s linear infinite; -moz-animation:scrollwheel 1s linear infinite; -webkit-animation:scrollwheel 1s linear infinite;}

@keyframes rotatebanner {0%{ transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@-moz-keyframes rotatebanner {0%{ -moz-transform:rotate(0deg);}100%{-moz-transform:rotate(360deg);}}
@-webkit-keyframes rotatebanner {0%{ -webkit-transform:rotate(0deg);}100%{-webkit-transform:rotate(360deg);}}

@keyframes scrollwheel {0%{ height: 0px;}100%{height: 20px;}}
@-moz-keyframes scrollwheel {0%{ height: 0px;}100%{height: 20px;}}
@-webkit-keyframes scrollwheel {0%{ height: 0px;}100%{height: 20px;}}
a{outline:none !important;}
a:focus:before{ border:0px !important; display:none !important;}
.enlace_del_bloque { display:inline-block; position:relative;   /*filter: drop-shadow(0 0 15px #f90065) drop-shadow(0 0 50px #f90065) contrast(2) brightness(2);*/}
.enlace_del_bloque a {padding: 20px 40px; font-size: 20px; color: #f90065; text-decoration: none; background: none; position: relative; z-index:2; display:inline-block; line-height:1em; outline:none !important;}
.enlace_border_top{ position:absolute; top:0; left:0; width:20px; height:2px; background:#f90065; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.enlace_border_left{ position:absolute; top:0; left:0; width:2px; height:20px; background:#f90065;transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.enlace_border_bottom{ position:absolute; bottom:0; right:0; width:20px; height:2px; background:#f90065;transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.enlace_border_right{ position:absolute; bottom:0; right:0; width:2px; height:20px; background:#f90065;transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}

.enlace_del_bloque:hover .enlace_border_top,
.enlace_del_bloque:hover .enlace_border_bottom{ width:100%;}
.enlace_del_bloque:hover .enlace_border_left,
.enlace_del_bloque:hover .enlace_border_right{ height:100%;}

.enlace_border_top:after,
.enlace_border_left:after,
.enlace_border_bottom:after,
.enlace_border_right:after{ content:''; display:block; position:absolute; top:0; left:0; width:101%; height:101%; background:#f90065; opacity:.6; filter: blur(7px);}


.bloque_azul .enlace_del_bloque a{ color:#00cad7}
.bloque_azul .enlace_border_top,
.bloque_azul .enlace_border_left,
.bloque_azul .enlace_border_bottom,
.bloque_azul .enlace_border_right,
.bloque_azul .enlace_border_top:after,
.bloque_azul .enlace_border_left:after,
.bloque_azul .enlace_border_bottom:after,
.bloque_azul .enlace_border_right:after{background:#00cad7;}

.bloque_azul svg line {stroke: #00cad7;}


.video_gradient {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgb(0,0,0); background: -moz-linear-gradient(90deg, rgba(17,17,17,1) 20%, rgba(17,17,17,0.13209033613445376) 100%); background: -webkit-linear-gradient(90deg, rgba(17,17,17,1) 20%, rgba(17,17,17,0.13209033613445376) 100%); background: linear-gradient(90deg, rgba(17,17,17,1) 20%, rgba(17,17,17,0.13209033613445376) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111000",endColorstr="#111000",GradientType=1); pointer-events:none;}
.frase_slide_wrapper {position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index:2;}
.frase_slide_container {width: 90%; max-width: 1200px; margin: 0px auto; padding-top: 30vh;}
.show_hide_frase{ width:0px; padding:30px 0px; overflow:hidden; transition:1s all ease; -moz-transition:1s all ease; -webkit-transition:1s all ease; transition-delay:.15s; -moz-transition-delay:.15s; -webkit-transition-delay:.15s; transform: skewX(-40deg); -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); margin-left: -17%;}
.slider_principal_item_activo .show_hide_frase{ width:100%;}

.frase_slide {width: 800px; max-width: 800px; padding-left: 20px; border-left: 10px solid #f90065; transform: skewX(40deg); -moz-transform: skewX(40deg); -webkit-transform: skewX(40deg); margin-left: 17%; position:relative;}
.frase_slide:after{ content:''; display:block; width:20px; height:105%; background:#f90065; position:absolute; top:-2.5%; left:-15px; filter:blur(7px); opacity:.6;}
.frase_slide h2 {font-size: 160px; color: #fff; line-height: .8em; font-family: 'Tungsten-Black'; margin: 0px;}
.frase_slide h2 span{color:#f90065;}

.intro_banner_container {width: 90%; max-width: 1200px; margin: 0px auto;}
.intro_banner_container span {display: inline-block; vertical-align: middle; font-size: 20px; font-family: 'Avenir-Light';}
.intro_banner_container img{ width:100%; max-width:120px; display:inline-block; vertical-align:bottom; margin-left:10px;}
.intro_banner_wrapper {background: #111; padding: 10px 0px; height: 75px; overflow: hidden;}


.seccion_de_servicios_container {width: 90%; max-width: 1200px; margin: 0px auto; padding: 150px 0px; color: #fff;}
.bloque_texto_centrado {width: 100%; max-width: 600px; margin: 0px auto; text-align:center;}
.pretitulo_de_bloque {padding-bottom: 10px;}
.pretitulo_de_bloque h3 {color: #fff; font-family: 'Tungsten-Book'; font-size: 35px; margin: 0; text-align: center; font-weight: normal;}
.titulo_de_bloque{ padding-bottom:20px;}
.titulo_de_bloque h2 {font-family: 'Tungsten-Book'; color: #fff; font-size: 90px; line-height: .8em; margin: 0; text-align: center; font-weight: normal;}
.seccion_de_enlaces_con_imagenes{ width:calc(100% + 40px); margin-left:-20px; padding-top:30px;}
.seccion_de_enlaces_con_imagenes:after{ content:''; display:block; width:100%; clear:both;}
.seccion_de_enlaces_con_imagenes .enlace_con_imagen_item_wrapper {width: 33.33%; float: left; padding: 20px;}
.enlace_con_imagen_item_container {width: 100%; height: 450px; position: relative; overflow:hidden;}
.enlace_bloque_imagen a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; opacity: 0;}
.titulo_enlace_con_imagen h2 {color: #fff;font-size: 20px;margin: 0; font-family: 'Tungsten-Book';font-weight: normal;}
.enlace_con_imagen_item_bkg{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; transition:.3s all ease;-moz-transition:.3s all ease; -webkit-transition:.3s all ease;transform:scale(1,1); -moz-transform:scale(1,1); -webkit-transform:scale(1,1);}
.enlace_con_imagen_item_container .box_enlace_up {position: absolute; top: 20px; left: 20px;  width: 100px; height: 100px;}
.enlace_con_imagen_item_container .box_enlace_down {position: absolute; bottom: 20px; right: 20px; width: 100px; height: 100px;}
.descripcion_del_enlace {position: absolute; bottom: 0; left: 0; padding: 20px; width: calc(100% - 100px); font-family: 'Avenir-Light'; line-height: 1.3em; font-size: 20px; opacity: 0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; }

.box_enlace_up_1{ position:absolute; z-index:1; top:0; left:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:0px; height:10px; background: #f90065;}
.box_enlace_up_2{ position:absolute; z-index:1; top:0; left:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:10px; height:0px; background: #f90065;}
.box_enlace_down_1{ position:absolute; z-index:1; bottom:0; right:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:0px; height:10px; background: #f90065;}
.box_enlace_down_2{ position:absolute; z-index:1; bottom:0; right:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:10px; height:0px; background: #f90065;}

.box_enlace_up_1_glow{ position:absolute; z-index:0; top:-5px; left:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:0px; height:20px; background: #f90065; filter: blur(10px); opacity:.6;}
.box_enlace_up_2_glow{ position:absolute; z-index:0; top:0; left:-5px; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:20px; height:0px; background: #f90065; filter: blur(10px); opacity:.6;}
.box_enlace_down_1_glow{ position:absolute; z-index:0; bottom:-5px; right:0; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:0px; height:20px; background: #f90065; filter: blur(10px); opacity:.6;}
.box_enlace_down_2_glow{ position:absolute; z-index:0; bottom:0; right:-5px; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; width:20px; height:0px; background: #f90065; filter: blur(10px); opacity:.6;}

.enlace_con_imagen_item_container:hover .descripcion_del_enlace{ opacity:1;}
.enlace_con_imagen_item_container:hover .box_enlace_up_1{ width:100px; height:10px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_2{ width:10px; height:100px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_1{ width:100px; height:10px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_2{ width:10px; height:100px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_1_glow{ width:110px; height:20px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_2_glow{ width:20px; height:110px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_1_glow{ width:110px; height:20px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_2_glow{ width:20px; height:110px;}
.enlace_con_imagen_item_container:hover .enlace_con_imagen_item_bkg{ transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.diagonal_top{ position:absolute; top:-2px; right:0; width: 0; height: 0; border-style: solid; border-width: 0 100vw 150px 0; border-color: transparent #111 transparent transparent; z-index:2;}
.diagonal_bottom{position:absolute; bottom:-2px; left:0; width: 0; height: 0; border-style: solid; border-width: 150px 0 0 100vw; border-color: transparent transparent transparent #111; z-index:2;}

.frase_motivacional_item_wrapper {position: relative; max-height: 750px; overflow: hidden;}
.frase_motivacional_item_wrapper video {width: 100vw; min-height: 750px; filter: grayscale(1);}
.video_gradient.video_gradient_reverse {background: rgb(0,0,0); background: -moz-linear-gradient(270deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(270deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: linear-gradient(270deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111000",endColorstr="#111000",GradientType=1);}
.frase_motivacional:after {content: ''; background: #00cad7; position: absolute; top: 0; right: -15px; width: 20px; height: 103%; filter: blur(10px); opacity:.6;}
.frase_motivacional_item_container {position: absolute; top: 0; left: 0px; z-index:3; width: 100%; padding-top: 220px;}
.frase_motivacional_item_wrapper:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,17,17,.5); z-index: 1;}
.frase_motivacional_box {width: 90%; max-width: 1200px; margin: 0px auto; text-align: right;}
.frase_motivacional {font-size: 120px; line-height: .8; font-family: 'Tungsten-Black'; padding-right: 20px; border-right: 10px solid #00cad7; position:relative;}
.frase_motivacional p {margin: 0px !important; line-height:0;}
span.frase_size_1 {font-size: 0.535em; line-height:.8;}
span.frase_size_2 {font-size: 1em; line-height: .8;}
span.frase_size_3 {font-size: .7em; line-height: .8;}
span.frase_color{ color:#f90065}

.imagen_texto_wrapper {padding: 100px 0px;}
.imagen_texto_container:after {content: ''; clear: both; width: 100%; display: block;}
.imagen_texto_container {width: 90%; max-width: 1200px; margin: 0px auto; position: relative; padding:100px 0px;}
.bloque_imagen_wrapper {width: 45%; height: 100%; position: absolute; top: 0; right: 0;}
.imagen_texto_wrapper.a_la_izquierda .bloque_imagen_wrapper {left: 0;}
.bloque_imagen_container {width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; top: 30px; right: 30px; filter: grayscale(1); background-size: cover !important;}

.deco_imagen_up {position: absolute; top: 0; right: 0; z-index: 0;  width: 160px; height: 160px;}
.deco_imagen_down { position: absolute; bottom: 0; left: 0; z-index:0; width: 160px; height: 160px;}

.texto_bloque_wrapper {width: 50%; float: left;}
.imagen_texto_wrapper.a_la_izquierda .texto_bloque_wrapper {float: right;}
.texto_del_bloque {font-size: 20px; font-family: 'Avenir-Light';}
.pretitulo_del_bloque h3 {font-family: 'Tungsten-Book'; color: #fff; margin: 0px; font-size: 25px; display: inline-block; max-width: calc(100% - 150px); vertical-align:middle; line-height:1em; position:relative;}
.pretitulo_del_bloque h3 .title_line { position:relative; background: #f90065; display: inline-block; width: 130px; height: 4px; vertical-align: middle; margin-left: 20px;}
.pretitulo_del_bloque h3 .title_line:before { content: ''; background: #f90065; display: inline-block; width: 140px; height: 10px; vertical-align: middle; margin-left: 20px; position: absolute; top: 50%; right: -5px; margin-top: -4px; filter: blur(7px); opacity: 0.7;}
.titulo_del_bloque h2 {color: #fff; margin: 20px 0px 30px; font-family: 'Tungsten-Black'; font-size: 100px; line-height: .8em;}


.bloque_azul .pretitulo_del_bloque h3 .title_line,
.bloque_azul .pretitulo_del_bloque h3 .title_line:before {background: #00cad7;}

.pretitulo_del_bloque, .titulo_del_bloque, .texto_del_bloque, .enlace_del_bloque {pointer-events: all;}

.slider_rotativo_wrapper {height: 750px; width:100%; overflow:hidden; position:relative;}
.slider_rotativo_container {width: 90%; max-width: 1200px; margin: 0px auto; pointer-events: none; position: relative; z-index: 10;}
.galeria_rotativa_box_wrapper {position: absolute; top: -30vh; left: 0; width: 100%; z-index: 0;}
.texto_slider_rotativo_wrapper {width: 100%; max-width: 360px; padding-top:150px;}
.galeria_rotativa_box:after {content: ''; clear: both; width: 100%; display: block;}
.galeria_rotativa_box_container {width: calc(((60vh) * 6) * 2); transform: rotate(-5deg); -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg);}
.galeria_rotativa_box {width: calc((60vh) * 6); display:inline-block; vertical-align:top; background:#111;}
.galeria_rotativa_columna {width: 60vh; float: left;}
.galeria_rotativa_item {width: calc(60vh - 20px); height: calc(60vh - 20px); position: relative; margin: 10px; float:left; filter: grayscale(1); overflow:hidden; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease; cursor:pointer;}
.galeria_rotativa_item:hover{ filter:grayscale(.2);}
.galeria_rotativa_item.galeria_rotativa_item_big { width: calc(60vh - 20px); height: calc(120vh - 20px);}
.galeria_rotativa_item_bkg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.galeria_rotativa_box_1{animation:galeriarotativa 60s linear infinite; -moz-animation:galeriarotativa 60s linear infinite; -webkit-animation:galeriarotativa 60s linear infinite;}
@keyframes galeriarotativa {0%{transform:translateX(0px);} 50%{transform:translateX(calc((-60vh) * 6));} 51%{transform:translateX(calc((-60vh) * -6));} 100%{transform:translateX(calc((-60vh) * 0));} }
@-moz-keyframes galeriarotativa {0%{-moz-transform:translateX(0px);} 50%{-moz-transform:translateX(calc((-60vh) * 6));} 51%{-moz-transform:translateX(calc((-60vh) * -6));} 100%{-moz-transform:translateX(calc((-60vh) * 0));} }
@-webkit-keyframes galeriarotativa {0%{-webkit-transform:translateX(0px);} 50%{-webkit-transform:translateX(calc((-60vh) * 6));} 51%{-webkit-transform:translateX(calc((-60vh) * -6));} 100%{-webkit-transform:translateX(calc((-60vh) * 0));} }
.galeria_rotativa_box_2{animation:galeriarotativa2 60s linear infinite; -moz-animation:galeriarotativa2 60s linear infinite; -webkit-animation:galeriarotativa2 60s linear infinite; }
@keyframes galeriarotativa2 {0%{transform:translateX(calc((-60vh) * 0));} 100%{transform:translateX(calc((-60vh) * 12));}}
@-moz-keyframes galeriarotativa2 {0%{transform:translateX(calc((-60vh) * 0));} 100%{transform:translateX(calc((-60vh) * 12));}}
@-webkit-keyframes galeriarotativa2 {0%{transform:translateX(calc((-60vh) * 0));} 100%{transform:translateX(calc((-60vh) * 12));}}


/***** TIPS ******/
.cabecera_tips_o_entrenamientos {width: 100%; position: relative; background-attachment: fixed !important; filter: grayscale(.5);}
.cabecera_tips_o_entrenamientos:after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111000",endColorstr="#111000",GradientType=1);}

.titulo_tips_o_entrenamientos {padding: 250px 0px 175px; position: relative; z-index: 1; width: 90%; max-width: 1200px; margin: 0px auto;}
.titulo_tips_o_entrenamientos h1 {font-size: 120px; color: #fff; line-height: .8em; font-family: 'Tungsten-Black'; margin: 0px; width:100%; max-width:850px;}
.body_tips_o_entrenamientos {width: 90%; max-width: 1200px; margin: 0px auto; padding-top: 145px;}
.texto_tips_o_entrenamientos {font-family: 'Avenir-Light'; font-size: 20px; font-weight: normal; line-height: 1.5; padding-bottom:75px;}
.texto_tips_o_entrenamientos h2 {font-size: 30px; line-height: 1em; margin: 50px 0px 10px; color: #fff;}

.iframe_video_tips_o_entrenamientos_wrapper{ width:100%; max-width:750px; margin:0px auto; position:relative; padding:50px;}
.iframe_video_tips_o_entrenamientos { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0;}
.iframe_video_tips_o_entrenamientos iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.articulos_relacionados_wrapper {padding-top: 135px;}
.titulo_articulos_relacionados {font-family: 'Tungsten-Black'; font-size: 70px; line-height: .8em; width: 100%; max-width: 500px; margin-bottom: 50px;}

.ultimo_articulo_view_item_wrapper {width: 33.333%; float: left; position: relative; padding: 20px;}
.ultimo_articulo_view_item {padding: 20px; height: 450px; position: relative; overflow:hidden;}
.articulos_relacionados_view:after {content: ''; clear: both; width: 100%; display: block;}
.articulos_relacionados_view {width: calc(100% + 40px); margin-left: -20px;}
.info_articulo_view {position: absolute; bottom: 0; left: 0; padding: 20px;}
.ultimo_articulo_view_bkg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; filter: grayscale(1); transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.ultimo_articulo_view_item:hover .ultimo_articulo_view_bkg{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.ultimo_articulo_view_bkg:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; background: rgb(0,0,0); background: -moz-linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: -webkit-linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); background: linear-gradient(0deg, rgba(17,17,17,1) 5%, rgba(17,17,17,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#111000",endColorstr="#111000",GradientType=1);}
.titulo_del_articulo_view {font-family: 'Tungsten-Book'; font-size: 30px; padding-bottom: 10px;}
.texto_del_articulo_view {font-family: 'Avenir-Light'; line-height: 1.3; font-size: 15px;}
.enlace_del_articulo_view a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0;}

.cursor_mas_info {position: fixed; z-index:1000; width: 150px; height: 150px; overflow:hidden; mix-blend-mode: difference; pointer-events:none; display:none;}
.rotative_mas_info {position: absolute; top: 0; left: 0; animation:rotatebanner 10s linear infinite; -moz-animation:rotatebanner 10s linear infinite; -webkit-animation:rotatebanner 10s linear infinite;}
.rotative_casos_text,
.rotative_casoind_text,
.rotative_closecasoind_text{ display:none;}

.link_galeria_rotativa a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index:2}
.cursor_dot {position: fixed; z-index:1000; width: 30px; height: 30px; pointer-events:none; mix-blend-mode: exclusion;}
.cursor_dot_point {width: 30px; height: 30px; background: #f90065; position: absolute; top: 0; left: 0; z-index: 1000; border-radius: 100%; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.cursor_dot_point:after {content: ''; z-index: -1; opacity: .6; position: absolute; display: block; width: 50px; height: 50px; top: -10px; left: -10px; filter: blur(10px); background: #f90065; border-radius: 100%;transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.cursor_dot.cursor_dot_hover .cursor_dot_point {transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); background: none; border: 1px solid #00cad7;}
.cursor_dot.cursor_dot_hover .cursor_dot_point:after{ background:#00cad7;}

.cursor_dot.cursor_dot_hover_pink .cursor_dot_point {transform: scale(2.5); -moz-transform: scale(2.5); -webkit-transform: scale(2.5); background: none; border: 1px solid #f90065;}
.cursor_dot.cursor_dot_hover_pink .cursor_dot_point:after{ background:#f90065;}

.tips_y_consejos_home_wrapper {position: relative; overflow: hidden;}
.triangulo_bkg svg {position: absolute; top: 0; right: -10vw; width: 40vw; height: 40vw; z-index: -1; opacity:.6;}
.tips_y_consejos_view_wrapper .triangulo_bkg svg{width: 60vw; height: 60vw;}
.triangulo_bkg svg polygon {stroke-width: 5px; stroke: #f90065;}
.tips_y_consejos_view_wrapper .triangulo_bkg svg polygon{stroke-width: 4px; }

svg#triangle_glow {filter: blur(17px) brightness(1.1) contrast(0.5);}
.texto_tips_y_consejos_view .titulo_tips_y_consejos {text-align: left; margin: 100px 0px 0px;}
.tips_y_consejos_home_container {width: 90%; max-width: 1200px; margin: 0px auto; padding: 100px 0px;}
.titulo_tips_y_consejos {width: 100%; max-width: 450px; padding-bottom: 0px; margin:0px auto; text-align:center;}
.texto_tips_y_consejos {font-family: 'Avenir-Light'; font-size: 20px; padding: 10px 0px 30px;}
.enlace_tips_y_consejos_wrapper{ text-align:center;}
.rubenruano_footer_container {padding: 100px 0px 10px;width: 90%;max-width: 1200px;margin: 0px auto;text-align: center;}
.rubenruano_logo_footer {width: 300px; margin: 0; display: inline-block; vertical-align: middle;}
.claim_logo_footer {font-family: 'Tungsten-Book'; font-size: 25px; line-height: 1; padding:20px 0px 30px;}
.rubenruano_columnas_footer{ display:inline-block; vertical-align:top; width:calc(100% - 450px); text-align:right;}
.footer_bottom, .footer_bottom a {color: #fff !important; font-family: 'Avenir-Light'; font-size: 13px; box-shadow:none !important;}

.filtro_galeria {text-align: center; padding: 75px 0px 40px; display:none;}
.filtro_galeria ul {display: inline-block; vertical-align: middle; list-style: none; margin: 0px 0px 0px 40px; padding: 0px;}
.filtro_galeria ul li {display: inline-block; vertical-align: middle; margin: 0px 10px; cursor: pointer; position: relative; color: #555; line-height: 1em; padding: 15px 25px; border: 2px solid #555;}
.filtro_galeria ul li:after{ content:''; clear:both; display:block; position:absolute; z-index:-1; opacity:0; top:0; left:0; width:110%; height:130%; margin-top:-5%; margin-left:-5%; background:#00cad7; filter:blur(7px); transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.filtro_galeria ul li:hover{ border:2px solid #00cad7; color:#00cad7; background:rgba(17,17,17,.9);}
.filtro_galeria ul li.filter_activo:after,
.filtro_galeria ul li:hover:after {opacity: 1;}
.filtro_galeria ul li.filter_activo {background: #00cad7; border:2px solid #00cad7; color: #111;}

.datos_persona_galeria {position: absolute; bottom: 0; left: 0; padding: 10px; line-height: 1.2em;}
.nombre_persona_galeria {font-family: 'Tungsten-Book'; font-size: 40px; line-height: 1em;}
.subnombre_persona_galeria {font-family: 'Avenir-Light'; font-size: 14px; line-height: 1.2;}
.informacion_desplegable_de_la_persona {position: absolute; top: 0; left: 0; padding: 20px; background: rgba(249,0,101,.8); height: 100%; width: 100%; font-size: 14px; line-height: 1.4; overflow: auto; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); transition:.5s all ease; -moz-transition:.5s all ease; -webkit-transition:.5s all ease;}
.fotografia_galeria_item_container_activa .informacion_desplegable_de_la_persona{transform: translateY(0%); -moz-transform: translateY(0%); -webkit-transform: translateY(0%);}
.nombre_persona_desplegable {font-family: 'Tungsten-Book'; font-size: 40px; line-height: 1em; padding-right:40px;}
.subnombre_persona_desplegable {font-style: italic;}
.descripcion_proceso_persona {padding-top: 0px; border-top: 1px solid rgba(255,255,255,.7); margin-top: 10px;}

.close_info {position: absolute; top: 20px; right: 20px; width: 30px; height: 30px;}
.close_info img{ width:100%; height:auto;}

.galeria_de_imagenes_container { width: 90%; max-width: 1200px; margin: 0px auto;}
.texto_galeria_imagenes {width: 100%; max-width: 500px; padding: 100px 0px 0px;}
.galeria_de_imagenes_items_wrapper{ width:calc(100% + 30px); margin-left:-15px;}
.galeria_de_imagenes_items_wrapper:after { content: ''; clear: both; width: 100%; display: block;}
.fotografia_galeria_item_box {width: 33.333%; float: left; position: relative; padding:15px; opacity:0; transition:.5s all ease; -moz-transition:.5s all ease; -webkit-transition:.5s all ease; transform:translateY(100px); -moz-transform:translateY(100px); -webkit-transform:translateY(100px);}
.fotografia_galeria_item_box.fotografia_galeria_item_box_visible{ opacity:1; transform:translateY(0px); -moz-transform:translateY(0px); -webkit-transform:translateY(0px);}
.fotografia_galeria_item_box_1{}
.fotografia_galeria_item_box_2{ transition-delay:.25s; -moz-transition-delay:.25s; -webkit-transition-delay:.25s;}
.fotografia_galeria_item_box_3{transition-delay:.5s; -moz-transition-delay:.5s; -webkit-transition-delay:.5s;}
.fotografia_galeria_item_container {position: relative; height: 400px; width:100%; overflow:hidden;}
.fotografia_galeria_item_box.vertical .fotografia_galeria_item_container {height: 830px;}
.fotografia_galeria_item_bkg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter:grayscale(1); transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.fotografia_galeria_item_container:hover .fotografia_galeria_item_bkg{ filter:grayscale(.5);}

.bloque_de_solo_texto_container {width: 90%; max-width: 1200px; margin: 0px auto; padding: 50px 0px;}
.texto_del_bloque_solo_texto.texto_del_bloque.ancho_tercio {width: 100%; max-width: 750px;}

.tarifas_wrapper {padding-top: 40px;}
.tarifas_wrapper:after {content: ''; clear: both; width: 100%; display: block;}
.tarifa_item_wrapper {width: 20%; float: left; padding:10px; overflow:hidden;}
.tarifa_item_container {position: relative; height: 470px; overflow:hidden; border-bottom:10px solid #f90065;}
.first_information_plan {position: absolute; bottom: 20px; left: 20px;}
.tarifa_item_bkg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: grayscale(1); opacity: .6;}

.informacion_del_plan {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f90065; padding: 20px 20px 90px; font-size: 15px; line-height: 1.3em; transform:translateY(100%); -moz-transform:translateY(100%); -webkit-transform:translateY(100%); transition:.4s all ease; -moz-transition:.4s all ease; -webkit-transition:.4s all ease;}

.precio_del_plan {font-size: 90px; font-family: 'Tungsten-Black'; line-height: 1em;}
.precio_del_plan span{ font-family:'Avenir-Light'; font-size:15px; display:inline-block; vertical-align:bottom;}
.nombre_del_plan {font-family: 'Tungsten-Book'; font-size: 20px; line-height: .9;}
.descripcion_del_plan {font-size: 12px;}
.descripcion_adicional_del_plan {font-size: 13px; border-top: 1px solid rgba(255,255,255,.6); margin-top: 20px; padding-top:10px;}
.nombre_del_plan_bis {font-family: 'Tungsten-Book'; font-size: 30px; line-height: .8em; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,.6); margin-bottom: 20px;}
.tarifa_item_container p {margin: 0px;}
.tarifa_item_container ul {margin-top: 0; margin-bottom: 0;}
.tarifa_item_container:hover .informacion_del_plan{transform:translateY(0%); -moz-transform:translateY(0%); -webkit-transform:translateY(0%);}

.boton_solicitar_plan.enlace_del_bloque {position: absolute; bottom: 25px; width: 170px; left: 50%; margin-left: -85px; text-align:center;}
.boton_solicitar_plan.enlace_del_bloque span {color: #fff; font-size: 20px; padding: 15px 20px; text-align: center; cursor:pointer; display:inline-block;}
.boton_solicitar_plan.enlace_del_bloque .enlace_border_top,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_left,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_bottom,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_right,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_top:after,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_left:after,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_bottom:after,
.boton_solicitar_plan.enlace_del_bloque .enlace_border_right:after{background:#fff;}

.bloque_de_contacto_wrapper {padding: 75px 0px 50px; width: 90%; max-width: 1200px; margin: 0px auto;}
.bloque_de_contacto_container {width: 100%; max-width: 750px; text-align: center; margin: 0px auto;}
.email_de_contacto a{color:#fff; text-decoration:none; font-size: 20px; font-family: 'Avenir-Light';}
.email_de_contacto a:hover{color:#f90065;}


.bloque_de_contacto_container div#formulario {display: none;}
.bloque_de_contacto_wrapper.formulario_visible div#formulario {display: block;}


.formulario_de_contacto form {width: 100%; max-width: 500px; margin: 50px auto 0px;}
.formulario_de_contacto .js-form-item.form-item.js-form-type-textfield, 
.formulario_de_contacto .js-form-item.form-item.js-form-type-email,
.formulario_de_contacto .js-form-item.form-item.js-form-type-textarea {margin: 0px 0px 20px; position:relative;}
.formulario_de_contacto input.input_blocked {pointer-events: none;}
.formulario_de_contacto a {color: #00cad7 !important; text-decoration: none;}
.formulario_de_contacto input[type="text"], .formulario_de_contacto input[type="email"], .formulario_de_contacto input[type="tel"] {width: 100%;background: none;border: 0;border-bottom: 2px solid #fff;padding: 0;line-height: 1em;height: auto;font-size: 18px;font-family: 'Avenir-Light'; color:#fff; min-height:30px; border-radius:0; outline:none !important;}
.formulario_de_contacto textarea#edit-message {background: none;border: 0;border-bottom: 2px solid #fff;border-radius: 0;height: 30px;min-height: 0;overflow: hidden;outline: none !important;padding: 0px;color: #fff;font-size: 18px;font-family: 'Avenir-Light';}
.formulario_de_contacto .js-form-type-textfield label,
.formulario_de_contacto .js-form-type-email label,
.formulario_de_contacto .js-form-type-textarea label {text-align: left; margin: 0; color: #fff; transform: translate(0px, 28px); -moz-transform: translate(0px, 28px); -webkit-transform: translate(0px, 28px); font-family: 'Avenir-Light'; font-size:18px; transition:.3s all ease; -moz-transition:.3s all ease; -webkit-transition:.3s all ease;}
.formulario_de_contacto .js-form-type-textfield.input_activo label,
.formulario_de_contacto .js-form-type-email.input_activo label,
.formulario_de_contacto .js-form-type-textarea.input_activo label{transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); font-size:12px; }
.formulario_de_contacto input#edit-actions-submit {display: inline-block !important; margin: 30px auto 0px !important; background: none; border: 2px solid #00cad7 !important; color: #00cad7 !important;}

.formulario_de_contacto .js-form-type-textfield.input_activo:after,
.formulario_de_contacto .js-form-type-email.input_activo:after,
.formulario_de_contacto .js-form-type-textarea.input_activo:after{ content:''; display:block; position:absolute; width:100%; height:4px; background:#00cad7; filter:blur(6px);}

.formulario_de_contacto input[type="text"].input_light,
.formulario_de_contacto input[type="email"].input_light,
.formulario_de_contacto input[type="tel"].input_light,
.formulario_de_contacto textarea.input_light{ border-bottom:2px solid #00cad7;}

.bloque_de_contacto_wrapper.dos_columnas .bloque_de_contacto_container {max-width: 100%;}
.bloque_de_contacto_wrapper.dos_columnas .textos_bloque_contacto {width: 50%; text-align: left; float: left; padding-right:50px;}
.bloque_de_contacto_wrapper.dos_columnas div#formulario {width: 50%; float: right; text-align: left;}
.bloque_de_contacto_wrapper.dos_columnas:after{ content:''; clear:both; display:block; width:100%;}
.bloque_de_contacto_wrapper.dos_columnas .formulario_de_contacto form {width: 100%; max-width: 100%; margin: 0px; padding-left: 50px; padding-top:210px;}
.bloque_de_contacto_wrapper.dos_columnas .formulario_de_contacto input#edit-actions-submit {margin: 30px 0px !important;}

.apartado_de_contacto_home {position: relative;}
.forma_contacto {position: absolute; top: -20vh; right: -30vw; width: 60vw; z-index: -1; opacity:.9;}
.forma_contacto svg {width: 100%; height: auto; }
.forma_contacto svg#forma_contacto_home_blur {width: 100%; height: auto; position:absolute; top:0; left:0; filter:blur(30px);}

@media(max-width:900px){
.frase_slide {width: 600px; max-width: 600px;}
.frase_slide h2 {font-size: 100px;}
.titulo_de_bloque h2{ font-size:50px;}
.pretitulo_de_bloque h3{ font-size:25px;}
.descripcion_del_enlace{ width:calc(100% - 50px); font-size:15px;}
.enlace_con_imagen_item_container .box_enlace_up,
.enlace_con_imagen_item_container .box_enlace_down{ width:50px; height:50px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_1 {width: 50px; height: 7px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_2 {width: 7px; height: 50px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_1_glow {width: 55px; height: 12px;}
.enlace_con_imagen_item_container:hover .box_enlace_up_2_glow {width: 12px; height: 55px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_1 {width: 50px; height: 7px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_2 {width: 7px;height: 50px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_1_glow {width: 55px; height: 12px;}
.enlace_con_imagen_item_container:hover .box_enlace_down_2_glow {width: 12px; height: 55px;}

.titulo_del_bloque h2{ font-size:70px;}
.texto_del_bloque {font-size: 17px;}
.bloque_de_contacto_wrapper.dos_columnas .textos_bloque_contacto {width: 100%; text-align: left; float: none; padding-right: 0;}
.bloque_de_contacto_wrapper.dos_columnas div#formulario {width: 100%; float: none; text-align: left;}
.bloque_de_contacto_wrapper.dos_columnas .formulario_de_contacto form {padding-left: 0; padding-top: 40px;}
.iniciar_secion.enlace_del_bloque {display: none;}
.iniciar_secion.iniciar_secion_mobile {display: block !important; position: relative !important; right: 0px !important; text-align: center; top: 0; margin: 50px auto; width: 100%; max-width: 177px;}

.seccion_de_servicios_container{ padding-bottom:50px;}
.titulo_tips_o_entrenamientos h1 {font-size: 120px;}
.tarifa_item_wrapper {width: 50%;}
.fotografia_galeria_item_box {width: 50%;}

}

@media(max-width:750px){
.rubenruano_menu_bkg_1, .rubenruano_menu_bkg_2, .rubenruano_menu_bkg_3{ width:100% !important; transition:0s !important;}	
.rubenruano_logo {max-width: 250px;}	
.rubenruano_menu_container .menu li ul {max-height: 100vh !important; }	
.seccion_de_enlaces_con_imagenes .enlace_con_imagen_item_wrapper {width: 100%; float: none; padding: 20px;}
.imagen_texto_wrapper {padding: 0px 0px;}	
.bloque_imagen_wrapper {width: 100%; height: 500px; position: relative; top: 0; right: 0; margin-bottom: 60px;}	
.texto_bloque_wrapper {width: 100%; float: none;}	
.ultimo_articulo_view_item_wrapper {width: 100%; float: none; position: relative; padding: 20px;}
.info_importante_menu {display: none;}
.columna_menu {width: 100%;}
.frase_slide h2 {font-size: 70px;}
.frase_slide {width: 300px; max-width: 300px;}
.cursor_dot, .cursor_mas_info {display: none !important;}
.slider_principal_item video,
.frase_motivacional_item_wrapper video { object-fit: cover;}
.titulo_tips_o_entrenamientos h1 {font-size: 90px;}
.tarifa_item_wrapper {width: 100%;}
.fotografia_galeria_item_box {width: 100%;}
.filtro_galeria ul li {width: 100%; margin-bottom: 10px;}
.filtro_galeria ul{ margin:0px auto;}
.filtro_galeria ul li:after {width: 100%; height: 100%; margin-top: 0%; margin-left: 0%;}
}


@media (max-width: 500px){
.rubenruano_logo {max-width: 230px; margin: 10px auto;}
.open_close_menu{ top:10px;}

}