/*
Theme Name: manuz theme
Description: Manuz Theme
Theme URI: https://manuz.mx/
Author: manuz
Version: 1.0 Beta
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: manuz theme, wordpress
*/

@charset 'utf-8';

* {box-sizing:border-box;font-smooth:always;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0,0,0,.01) 0 0 1px;}
html {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;line-height:1.25;font-size:16px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
a {text-decoration:none;color:inherit;}

.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

#wpadminbar {z-index:999999999!important;position:fixed!important;}

/*GENERAL ATTRIBUTES*/

body {font-family:'Roboto Mono',monospace;font-weight:400;background:#FFF;}
div[role=button] {cursor:pointer;}
select, input[type=text], input[type=tel], textarea {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;border-radius:0;border:0;box-shadow:none;margin:0;outline:0;display:block;width:100%;resize:none;font-size:16px;}
img[data-src] {-webkit-filter:blur(2px);filter:blur(2px);}
img[the-src] {width:0px!important;height:0px!important;}

.wrapper {width:100%;max-width:980px;margin:0 auto;position:relative;display:grid;grid-template-rows:auto;grid-column-gap:0px;grid-row-gap:0px;grid-template-columns:1fr;}
.skip-container {grid-column-start:2;}

a.border {border-bottom-style:solid;border-bottom-width:1px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
a.link-white, a.link-light {position:relative;top:0px;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
a.black {color:#000!important;border-bottom:2px solid #000;font-weight:bold;}
a.link-white:hover, a.link-light:hover {opacity:.5;top:-3px;}
a.link-black:hover {color:#FF1737!important;border-bottom-color:#FF1737;}
a.link-dark:hover {color:#000!important;}

.bottom-separate {border-bottom:1px solid #E2E2E2;padding-bottom:40px;margin-bottom:40px;}

html{color:#000;background:#FFF}
section {padding:0 15px;}

/*HEADER*/

body.admin-bar header {margin-top:46px;}
header {width:100%;position:fixed;top:0px;left:0px;background:#FFF;z-index:100;box-shadow:0px 0px 13px rgba(0,0,0,0);padding:0 15px;}
header div {position:relative;}
header .wrapper {height:66px;grid-template-columns:1fr 3fr;}
header.short {box-shadow:0px 0px 13px rgba(0,0,0,0.1);background:rgba(255,255,255,1);background:-webkit-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1)); background:-o-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1));background:-moz-linear-gradient(top, rgba(255,255,255,1), rgba(255,255,255,1)); background:linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,1));}

#logo-header {position:relative;top:50%;margin-top:-10px;display:block;}
#logo-header svg {width:82px;height:20px;fill:#FF1737;}

header.colored {background:rgba(254,26,61,1);background:-webkit-linear-gradient(top, rgba(254,26,61,1), rgba(254,26,61,0)); background:-o-linear-gradient(top, rgba(254,26,61,1), rgba(254,26,61,0));background:-moz-linear-gradient(top, rgba(254,26,61,1), rgba(254,26,61,0)); background:linear-gradient(to bottom, rgba(254,26,61,1), rgba(254,26,61,0));}
header.colored svg {fill:#FFF!important;}

header, header .wrapper, .item .view {-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;} 
#logo-header {-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;}
#logo-header svg {-webkit-transition:.05s ease;-moz-transition:.05s ease;-o-transition:.05s ease;transition:.05s ease;}

#trigger-menu {font-size:24px;position:absolute;right:0;top:50%;width:24px;height:24px;text-align:center;margin-top:-12px;line-height:22px;}
header.colored #trigger-menu {color:#FFF;}

header nav {position:fixed;width:100%;height:calc(100% - 66px);background:#000;left:0;top:66px;color:#FFF;opacity:0;pointer-events:none;z-index:2000;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
body.admin-bar header nav {height:calc(100% - 112px);top:112px;}
header nav.active {opacity:1;pointer-events:auto;}

ul.menu {margin:0;padding:0;list-style:none;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);position:relative;top:50%;}
ul.menu li {text-align:center;font-weight:700;font-size:20px;}
ul.menu li a.btns {padding:12px;display:inline-block;margin:12px;}

/*HOME - INTRO SECTION*/

.special.red {background:#FF1737;color:#FFF;position:relative;overflow:hidden;padding-top:80px;padding-bottom:42px;}

.special.red .wrapper {height:100%;}
.special.red .skip-container {align-self:center;}

.bio1 {font-weight:bold;font-size:18px;line-height:28px;margin-bottom:28px;letter-spacing:-.025rem;}
.bio1 h1 {display:inline;margin:0;padding:0;font-size:18px;}
.bio1 h1:after {content:"—";font-family:'Arial',sans-serif;margin:0 12px;}
.bio1 p {margin:0;}
.bio1 a {border-bottom-width:2px;}
.bio2 {font-size:16px;line-height:26px;}
.special.red .bio2 {color:rgba(255,255,255,1.0);}
.bio2 p {margin:0;margin-bottom:28px;}
.bio2 p:last-of-type {margin-bottom:0px;}

h2.title-one {color: #666;letter-spacing:0.05rem;font-size:17px;margin-bottom:32px;}
div.projects-title {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:32px 0;}
div.projects-title h2.title-one {margin-bottom:0px;}

@media screen and (orientation:landscape) {
	#home-bkg {position:absolute;width:100%;height:auto;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;}
}

@media screen and (orientation:portrait) {
	#home-bkg {position:absolute;width:auto;height:100%;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;}
}

/*HOME - RECENT PROJECTS SECTION*/

.grid {display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:20px;grid-row-gap:32px;width:100%;}
.item {position:relative;}
.item .view {height:0;position:relative;top:0px;padding-bottom:74%;box-shadow:0 0px 3px rgba(0, 0, 0, 0), 0 0px 2px -2px rgba(0, 0, 0, 0);overflow:hidden;}
.view:hover {box-shadow:0 4px 3px rgba(0, 0, 0, 0.2), 0 4px 2px -2px rgba(0, 0, 0, 0.25);opacity:0.95;top:-8px;}
.item .description h3 {font-size:17px;font-weight:bold;margin-top:12px;margin-bottom:2px;}
.item .description h3 a {border-bottom:2px solid #FFF;}
.item .description h3 a:hover {border-bottom:2px solid #000;}
.item .description p {color:#767676;line-height:1.5em;margin:0;}
.anchor-project {position:absolute;width:100%;height:0px;left:0;top:-90px;}

.view svg.inline, .view svg.ext_link, .view svg.after_lines, .view svg.no_effect, .view svg.no_effect_alt {position:absolute;top:0;left:0;width:100%;height:auto;}
.view svg.visible {position:absolute;top:0;left:0;width:100%;height:auto;-webkit-filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.35));filter:drop-shadow(0px 0px 3px rgba(0,0,0,0.35));}
.view svg.inline {-webkit-animation:hidel 0.5s linear forwards 1.75s;-moz-animation:hidel 0.5s linear forwards 1.5s;-ms-animation:hidel 0.5s linear forwards 1.5s;-o-animation:hidel 0.5s linear forwards 1.5s;animation:hidel 0.5s linear forwards 1.5s;}
.view svg.inline path, .view svg.inline circle, .view svg.inline line {fill:none;stroke:#FFF;stroke-width:2;stroke-dasharray:2800;stroke-dashoffset:2800;stroke-linecap:round;stroke-linejoin:round;}

.view svg.ext_link {left:auto;right:18px;top:18px;width:15px;height:auto;opacity:0.5;fill:#FFF;}
.view.no-link svg.ext_link {display:none;}
.view:hover svg.ext_link {opacity:0.75;}

.no_effect, .no_effect_alt {opacity:0;}
.after_lines {-webkit-animation:showl 0.5s linear forwards 1.5s;-moz-animation:showl 0.5s linear forwards 1.5s;-ms-animation:showl 0.5s linear forwards 1.5s;-o-animation:showl 0.5s linear forwards 1.5s;animation:showl 0.5s linear forwards 1.5s;opacity:0;}

.long {-webkit-animation:dash 2.8s linear forwards 0.25s;-moz-animation:dash 2.8s linear forwards 0.25s;-ms-animation:dash 2.8s linear forwards 0.25s;-o-animation:dash 2.8s linear forwards 0.25s;animation:dash 2.8s linear forwards 0.25s;}
.long2 {-webkit-animation:dash 5s linear forwards 0.25s;-moz-animation:dash 5s linear forwards 0.25s;-ms-animation:dash 5s linear forwards 0.25s;-o-animation:dash 5s linear forwards 0.25s;animation:dash 5s linear forwards 0.25s;}
.medium {-webkit-animation:dash 10s linear forwards 0.25s;-moz-animation:dash 10s linear forwards 0.25s;-ms-animation:dash 10s linear forwards 0.25s;-o-animation:dash 10s linear forwards 0.25s;animation:dash 10s linear forwards 0.25s;}
.short2 {-webkit-animation:dash 12s linear forwards 2s;-moz-animation:dash 12s linear forwards 1s;-ms-animation:dash 12s linear forwards 1s;-o-animation:dash 12s linear forwards 1s;animation:dash 12s linear forwards 1s;}
.short {-webkit-animation:dash 50s linear forwards 1s;-moz-animation:dash 50s linear forwards 0.5s;-ms-animation:dash 50s linear forwards 0.5s;-o-animation:dash 50s linear forwards 0.5s;animation:dash 50s linear forwards 0.5s;}

.ink {display:block;position:absolute;background:rgba(255, 255, 255, 0.25);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
.animate_md {-webkit-animation:ripple 0.65s linear;-moz-animation:ripple 0.65s linear;-ms-animation:ripple 0.65s linear;-o-animation:ripple 0.65s linear;animation:ripple 0.65s linear;}
.view:hover {box-shadow:0 4px 3px rgba(0, 0, 0, 0.2), 0 4px 2px -2px rgba(0, 0, 0, 0.25);opacity:0.95;top:-5px;}
.view:hover svg.ext_link {opacity:0.75;}

@-webkit-keyframes ripple {100% {opacity:0; -webkit-transform:scale(2.5);}}
@-moz-keyframes ripple {100% {opacity:0; -moz-transform:scale(2.5);}}
@-o-keyframes ripple {100% {opacity:0; -o-transform:scale(2.5);}}
@keyframes ripple {100% {opacity:0; transform:scale(2.5);}}

@-webkit-keyframes dash { to { stroke-dashoffset:0; } }
@-moz-keyframes dash { to { stroke-dashoffset:0; } }
@-ms-keyframes dash { to { stroke-dashoffset:0; } }
@-o-keyframes dash { to { stroke-dashoffset:0; } }
@keyframes dash { to { stroke-dashoffset:0; } }

@-webkit-keyframes hidel { to { opacity:0; } }
@-moz-keyframes hidel { to { opacity:0; } }
@-ms-keyframes hidel { to { opacity:0; } }
@-o-keyframes hidel { to { opacity:0; } }
@keyframes hidel { to { opacity:0; } }

@-webkit-keyframes showl { to { opacity:1; } }
@-moz-keyframes showl { to { opacity:1; } }
@-ms-keyframes showl { to { opacity:1; } }
@-o-keyframes showl { to { opacity:1; } }
@keyframes showl { to { opacity:1; } }

.view div {position:absolute;left:50%;top:50%;background:#333;overflow:hidden;}
.view div img {position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;}

.view.iphone div {width:24.51%;height:57.77%;border-radius:3px;left:37.97%;top:21.35%;}
.view.browser div {height:55.8%;width:68.74%;border-bottom-left-radius:3px;border-bottom-right-radius:3px;left:15.75%;top:23.95%;border:1px solid #E3E3E3;}
.view.brownfon div.screen_one {width: 61.25%;height:50%;border-bottom-left-radius:3px;border-bottom-right-radius:3px;left:25.2%;top:24.5%;border:1px solid #E3E3E3;}
.view.brownfon div.screen_two {width:15.3%;height:36.48%;border-radius:2px;left:14.675%;top:36%;}
.view.ipad div {width:56.63%;height:57.7%;border-radius:3px;left:21.69%;top:21.25%;}

/*HOME - SERVICES SECTION*/

.servicios, .contacto {display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:32px;width:100%;}
.servicios ul, .contacto ul {margin:0;padding:0;list-style:none;}

.servicios li span, .contacto li {padding:0;word-spacing:-0.2em;color:#767676;line-height:2.35em;list-style:none;}
.servicios li h3, .contacto li h3 {line-height:20px;font-size:17px;margin-bottom:24px;}
.servicios li h3 span, .contacto li h3 span {color:#000;line-height:1.2em;}

/*HOME - CONTACT SECTION*/

div.link-mail {margin-bottom:48px;}
a#contact-mail {font-weight:bold;position:relative;border-bottom:4px solid #000;letter-spacing:-.035em;font-size:32px;display:inline-block;height:46px;}
a#contact-mail span {opacity:0;margin:0 3px;}
a#contact-mail svg {width:20px;height:auto;position:absolute;left:74px;top:13px;fill:#000;-webkit-transition:.01s ease;-moz-transition:.01s ease;-o-transition:.01s ease;transition:.01s ease;}
a#contact-mail:hover {color:#FF1737!important;border-bottom:4px solid #FF1737;}
a#contact-mail:hover svg {fill:#FF1737!important;}

.contacto {margin-bottom:40px;}

/*FOOTER*/

footer {width:100%;background:#000;position:relative;color:#FFF;font-size:15px;padding:20px 15px 28px;text-align:center;}
footer #logo-footer {display:block;word-spacing:-0.25em;}
footer #logo-footer svg {fill:#FFF;width:64px;height:16px;}
footer div.left-footer span {font-family:'Arial',sans-serif;}

footer a#privacy {border-bottom:1px solid #FFF;}
footer a#privacy:hover {border-bottom:1px solid #FFF;}

#scroll-top {position:fixed;right:32px;bottom:116px;width:48px;height:48px;background:#FFF;padding:4px;box-shadow:0px 5px 20px rgba(0,0,0,.25);display:block;cursor:pointer;opacity:0;pointer-events:none;zoom:0.75;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#scroll-top.display {opacity:1;pointer-events:auto;}
#scroll-top svg {fill:#000;-webkit-transition:.01s ease;-moz-transition:.01s ease;-o-transition:.01s ease;transition:.01s ease;}
#scroll-top:hover {box-shadow:0px 10px 20px rgba(0,0,0,.2);margin-bottom:4px;}
#scroll-top:hover svg {fill:#FF1737;}

/*PROJECTS*/

.special.black {padding-top:80px;padding-bottom:16px;}
.special.black .bio2 {color: #767676;}
.special.black h1:after {display:none;}

nav.filter a {margin-left:8px;cursor:pointer;border-bottom-width:2px;letter-spacing:0.08rem;font-size:16px;font-weight:bold;color:#BBB;}
nav.filter a.active {color:#FF1737!important;}
nav.filter a:not(.active):hover {color:#000;}

ul#clientes {list-style:none;padding:0;margin:0;position:relative;top:-8px;margin-bottom:-8px;grid-row-gap:0px;}

/*SERVICES*/

.post-type-archive-servicio .special.black {padding-bottom:40px;}

section.banner {width:100%;position:relative;height:auto;max-height:280px;margin-bottom:48px;overflow:hidden;background-attachment:fixed!important;background-position:center!important;background-repeat:no-repeat!important;background-size:cover!important;}
section.banner img {opacity:0;width:100%;height:auto;}

.service-type {counter-reset:manuz-counter;position:relative;}
.service-type h2 {text-transform:uppercase;}

.anchor-mark {position:absolute;top:-108px;width:100%;height:0;left:0;}
.anchor-mark-item {position:absolute;top:-96px;width:100%;height:0;left:0;}

div.service {word-spacing:-0.2em;color:#767676;line-height:22px;margin-bottom:36px;position:relative;}
div.service.no-content {margin-bottom:20px;}
div.service:last-of-type {margin-bottom:0;}
div.service:last-of-type p:last-of-type {margin-bottom:0;}
div.service h3 {color:#000;font-size:17px;margin-bottom:8px;}
div.service h3:before {content:"0" counter(manuz-counter) ". ";counter-increment:manuz-counter;}

/*PAGE TEMPLATE*/

div.the-content {margin-bottom:0!important;}
div.the-content p:last-of-type {margin-bottom:28px;}
div.the-content a:not(.replace-link) {border-bottom:1px solid #000;color:#000;}
div.the-content a:not(.replace-link):hover {border-bottom:1px solid #FF1737;color:#FF1737;}
div.the-content ol {counter-reset:list-counter;margin-top:0;margin-left:36px;margin-bottom:28px;}
div.the-content ol li {margin-bottom:12px;}
div.the-content ol li {list-style:none;position:relative;}
div.the-content ol li:before {content:counter(list-counter) ".";color:#FF1737;counter-increment:list-counter;position:absolute;left:-28px;font-weight:bold;}
.replace-link {display:inline-block;position:relative;top:1px;}
.replace-link svg {fill:#FF1737;width:48px;height:12px;}

/*CONTACT & PLANNER*/

body.page-template-page-contacto, body.page-template-page-planner {background:transparent;}
body.page-template-page-contacto .skip-container, body.page-template-page-planner .skip-container {grid-column-start:1;}
.grecaptcha-badge {z-index:999999999999;}

form.message {font-size:17px;line-height:32px;position:relative;overflow:hidden;padding-top:20px;margin:0 auto;}
form.message p {color:#767676;}
form.message p:last-of-type {margin-bottom:0;}
form.message p.note-foot {font-size:13px;text-align:right;margin-bottom:16px;}

form.message {width:100%;max-width:500px;position:relative;}
form.message label {font-weight:bold;display:block;position:absolute;width:100%;left:0;bottom:100%;opacity:0;line-height:20px;font-size:14px;}
form.message input[type=text], form.message input[type=tel], form.message textarea {padding:10px 18px;line-height:28px;text-align:left;font-family:'Roboto Mono',monospace;font-size:16px;color:#000;background:#FFF;margin:1px;z-index:100;width:calc(100% - 2px);}

.question {position:relative;margin-bottom:32px;}
.input-wrapper {position:absolute;background:#dedede;overflow:hidden;z-index:-1;width:100%;height:100%;left:0;top:0;}
.input-wrapper:after {content:"";position:absolute;background:#000;width:100%;height:100%;top:100%;left:0px;z-index:-2;-webkit-transition:0.3s cubic-bezier(0.75, 0, 0.125, 1);-moz-transition:0.3s cubic-bezier(0.75, 0, 0.125, 1);-ms-transition:0.3s cubic-bezier(0.75, 0, 0.125, 1);-o-transition:0.3s cubic-bezier(0.75, 0, 0.125, 1);transition:0.3s cubic-bezier(0.75, 0, 0.125, 1);}
.question.hovered .input-wrapper:after, .question.focused .input-wrapper:after {top:0%;}
.question.invalid .input-wrapper {background:#FF1737;}

.question.labeled label {height:auto;opacity:1;}

.txtstuff {resize:none;overflow:hidden;}
.hiddendiv {white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;display:none;}
.common {width:100%;min-height:180px;overflow:hidden;line-height:28px;}

button.progress-button {position:relative;background:#000;color:#FFF;text-align:center;font-weight:bold;font-size:17px;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:0.05em;display:block;box-shadow:none;margin:0;outline:0;line-height:170%;resize:none;font-family:'Roboto Mono',monospace;width:100%;border-radius:0px;font-size:16px;-webkit-transition:0.25s ease;-moz-transition:0.25s ease;-ms-transition:0.25s ease;-o-transition:0.25s ease;transition:0.25s ease;cursor:pointer;overflow:hidden;padding:0;}
button.progress-button:hover {background:#999;}

button.progress-button span.content {padding:10px 18px;display:inline-block;z-index:200;}
span.progress {position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:0.25s ease;-moz-transition:0.25s ease;-ms-transition:0.25s ease;-o-transition:0.25s ease;}
span.progress-inner {position:absolute;left:0px;top:0px;width:0%;height:100%;background:rgba(0,0,0,0.35);}

button.progress-button.transition {background:#36af46;}
button.progress-button.transition span.progress {background:rgba(0,0,0,0.25);}
button.progress-button.transition span.progress-inner {width:100%;-webkit-transition:4s ease;-moz-transition:4s ease;-ms-transition:4s ease;-o-transition:4s ease;transition:4s ease;}

button.progress-button.transition.state span.progress {background:rgba(0,0,0,0);}
button.progress-button.transition.state span.progress-inner {background:rgba(0,0,0,0);}

button.progress-button.transition.state.success {background:#36af46;}
button.progress-button.transition.state.error {background:#FF1737;}

svg.status {fill:#FFF;width:26px;height:26px;position:absolute;right:14px;top:-9999px;bottom:-9999px;margin:auto;opacity:0;}
svg.status.undone {width:21px;height:21px;}

.state.success svg.status.done {opacity:1;}
.state.error svg.status.undone {opacity:1;}

.chosen-container{position:relative;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:calc(100% - 2px)!important;margin:1px;}
.chosen-container .chosen-drop{position:absolute;top:100%;left:-1px;z-index:1010;width:calc(100% + 2px);border-top:1px solid #dedede;background:#fff;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}
.chosen-container.chosen-with-drop .chosen-drop{clip:auto;-webkit-clip-path:none;clip-path:none}
.chosen-container a{cursor:pointer}
.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}
.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}
.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:10px 18px;line-height:28px;height:48px;background:#fff;color:#000;text-decoration:none;white-space:nowrap;}
.chosen-container-single .chosen-default{color:#757575}
.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;font-size:1px}
.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:40px;height:100%}
.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 10' width='20' height='14'><path d='M2.41,1.295L7,5.875l4.59-4.58L13,2.705l-6,6l-6-6L2.41,1.295z' /></svg>")  no-repeat center;opacity:.5;}
.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop{margin-top:-1px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;clip:rect(0,0,0,0);-webkit-clip-path:inset(100% 100%);clip-path:inset(100% 100%)}
.chosen-container .chosen-results{color:#6F6F6F;position:relative;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;max-height:360px;-webkit-overflow-scrolling:touch;background:#EEE;}
.chosen-container .chosen-results li{display:none;margin:0;padding:10px 18px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none;border-bottom:1px solid #FFF;}
.chosen-container .chosen-results li:last-of-type {border-bottom:none;}
.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted{background:#000;color:#fff}
.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}
.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0;width:100%;background:#FFF url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" width="18" height="18"><polygon points="13,6 8,6 8,1 6,1 6,6 1,6 1,8 6,8 6,13 8,13 8,8 13,8" fill="#808080" /></svg>') no-repeat;background-position:right 11px center;cursor:text}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{padding:10px 18px;line-height:28px;text-align:left;font-family:'Roboto Mono',monospace;font-size:16px;outline:0;border:0!important;background:0 0!important;-webkit-box-shadow:none;box-shadow:none;color:#757575;border-radius:0;width:25px;margin:0!important;}
.chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:4px;margin-right:0;margin-bottom:0;padding:3px 24px 3px 9px;max-width:100%;background:#000;color:#FFF;cursor:default}
.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:12px;right:6px;display:block;width:16px;height:16px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 174.239 174.239" width="10" height="10"><path d="M146.537,1.047c-1.396-1.396-3.681-1.396-5.077,0L89.658,52.849c-1.396,1.396-3.681,1.396-5.077,0L32.78,1.047 c-1.396-1.396-3.681-1.396-5.077,0L1.047,27.702c-1.396,1.396-1.396,3.681,0,5.077l51.802,51.802c1.396,1.396,1.396,3.681,0,5.077 L1.047,141.46c-1.396,1.396-1.396,3.681,0,5.077l26.655,26.655c1.396,1.396,3.681,1.396,5.077,0l51.802-51.802 c1.396-1.396,3.681-1.396,5.077,0l51.801,51.801c1.396,1.396,3.681,1.396,5.077,0l26.655-26.655c1.396-1.396,1.396-3.681,0-5.077 l-51.801-51.801c-1.396-1.396-1.396-3.681,0-5.077l51.801-51.801c1.396-1.396,1.396-3.681,0-5.077L146.537,1.047z" fill="#FFFFFF" /></svg>') no-repeat center;font-size:1px;opacity:.33;}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{opacity:1;}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.chosen-container-active .chosen-single{}
.chosen-container-active.chosen-with-drop .chosen-single{}
.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}
.chosen-container-active.chosen-with-drop .chosen-single div b{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);opacity:1;}
.chosen-container-active .chosen-choices{background-position:right -40px center;}
.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}

div.ticker-arrow-up {position:absolute;right:8px;top:4px;height:20px;width:24px;cursor:pointer;}
div.ticker-arrow-up svg {position:absolute;width:22px;height:16px;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;fill:#767676;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
div.ticker-arrow-down {position:absolute;right:8px;bottom:4px;height:20px;width:24px;cursor:pointer;}
div.ticker-arrow-down svg {position:absolute;width:22px;height:16px;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;fill:#767676;}

form.message select.chosen-mobile {padding:10px 18px;line-height:28px;text-align:left;font-family:'Roboto Mono',monospace;font-size:16px;color:#757575;background:#FFF;margin:1px;z-index:100;width:calc(100% - 2px);}
form.message select.chosen-mobile-changed {color:#000;}

/*** ERROR 404 ***/

body.error404 header {background:transparent;}
body.error404 footer {position:fixed;width:100%;height:auto;bottom:0;left:0;}
body.error404 main {position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;}

#error-message {position:absolute;width:50%;height:auto;min-width:320px;max-width:580px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:46%;left:50%;text-align:center;margin-top:-10px;line-height:28px;}
#tv-object {position:relative;width:88%;height:auto;overflow:hidden;display:inline-block;opacity:1;}
#tv-object:after {position:absolute;content:"";width:100%;height:100%;left:0;top:0;}
#tv-screen {position:absolute;width:56%;background:#000;height:0;padding-bottom:48.75%;overflow:hidden;left:14%;top:27%;opacity:1;}

#wide-screen {position:absolute;width:100%;height:0;padding-bottom:68%;overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;}
#wide-screen img {position:absolute;width:160%;height:auto;left:-30%;top:-35%;}

#tv-device {width:100%;height:auto;position:relative;}
#error-message p {margin-bottom:0;}
#error-message p span {font-family:'Arial',sans-serif;}

#tv-object.inactive {opacity:0;}

@media screen and (min-width:700px) {
	header, footer, section {padding-left:20px;padding-right:20px;}

	#trigger-menu {display:none;}
	header div.selector {background:#FF445E;width:0px;height:3px;display:block;position:absolute;left:0px;top:0px;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
	header.colored div.selector {background:#FFF;}

	header nav {position:relative;width:100%;height:66px;background:transparent;left:0;top:0;color:#000;opacity:1;pointer-events:auto;z-index:100;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
	body.admin-bar header nav {height:66px;top:0;}
	header.colored nav {color:#FFF;}

	ul.menu {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;align-items:center;height:66px;}
	ul.menu li {font-size:18px;}
	ul.menu li a.btns {padding:0px 4px 2px;display:block;margin:0;}

	footer {padding-top:0;padding-bottom:0;}
	footer .wrapper {height:80px;}
	footer #logo-footer svg {width:48px;height:12px;}

	div.footer-content {display:flex;display:-webkit-flex;flex-flow:row wrap;justify-content:space-between;align-items:center;}
	footer #logo-footer {display:inline-block;}
	footer a#privacy {border-bottom:1px solid #000;}

	#scroll-top {zoom:1;bottom:56px;}

	.grid {grid-template-columns:1fr 1fr;}

	.servicios, .contacto {grid-template-columns:13fr 9fr 10fr;grid-row-gap:10px;}
}

@media screen and (min-width:783px) {
	body.admin-bar header {margin-top:32px;}
}

@media screen and (min-width:940px) {
	header .wrapper, ul.menu, header nav {height:100px;}
	header.short .wrapper, header.short ul.menu, header.short nav {height:66px;}

	.wrapper.two-cols {grid-template-columns: 1fr 3fr;}

	.special.red {padding-top:110px;padding-bottom:56px;}
	.special.black {padding-top:100px;padding-bottom:40px;}

	.bio1 h1 {font-size:22px;}
	.bio1 {font-size:22px;line-height:36px;}

	.bio2 {line-height:28px;}

	a#contact-mail {position: relative;top:-2px;}

	body.page-template-page-contacto .skip-container, body.page-template-page-planner .skip-container {grid-column-start:2;}
	form.message {margin:0;}

	.bottom-separate {padding-bottom:56px;margin-bottom:56px;}
	.contacto {margin-bottom:64px;}
}

@media screen and (min-width:1020px) {
	header, footer, section {padding-left:0px;padding-right:0px;}
	.grid {grid-column-gap:32px;grid-row-gap:48px;}

	.bio1 {font-size:24px;line-height:40px;}
	.bio1 h1 {font-size:24px;}

	.bio2 {line-height:30px;}

	div.projects-title {margin:48px 0;}
}

@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
	header, footer, section {padding-left:48px;padding-right:48px;}
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape) {
	header, footer, section {padding-left:48px;padding-right:48px;}
}

@media only screen and (device-width:414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape) {
	header, footer, section {padding-left:48px;padding-right:48px;}
}