/*----------------------------------------------------------------------------------- Theme Name: Tag Theme URI: http://www.themelovin.com Description: Tag: Creative Agency/Portfolio Fullscreen Theme. Author: Themelovin Author URI: http://www.themelovin.com Tags: two-columns, three-columns, threaded-comments, theme-options, right-sidebar License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Version: 1.0.9 Designed & Handcrafted by Nicola Pagani and Emanuele Zenoni for themelovin.com All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) -----------------------------------------------------------------------------------*/ @import url("./styles/blog.css"); @import url("./styles/cycle2.css"); @import url("./styles/extra.css"); @import url("./styles/font-awesome.css"); @import url("./styles/home.css"); @import url("./styles/portfolio.css"); @import url("./styles/reset.css"); @import url("./styles/responsive.gs.12col.css"); @import url("./styles/sidepanel.css"); @import url("./styles/superfish.css"); @import url("./styles/team.css"); @import url("./styles/wp-essentials.css"); body { font-size: 18px; font-weight: 400; line-height: 1.5em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga" on; } .container { max-width: 1100px; } .gold {color:#a9944d;} .space {display:block; overflow:hidden; height:30px; width:100%;} /* Grid imágenes en los artículos */ .section-img {overflow:hidden; display:block; width:100%; padding:0px; margin:0px; clear:both;} .section-img .colimg {display: block; float:left; margin: 0 0 1% 2%;} .section-img .colimg:first-child {margin-left:0px;} .section-img .colimg img {width:100%;} /* Grid 1 columnas */ .grid-1 .img-1 {width:100%; margin-bottom:1%;} /* Grid 2 columnas iguales */ .grid-2 .img-1, .grid-2 .img-2 {width:49%;} /* Grid 3 columnas centro grande */ .grid-3-center .img-1, .grid-3-center .img-3 {width:24%;} .grid-3-center .img-2 {width:48%;} /* Grid 3 columnas iguales */ .grid-3 .img-1, .grid-3 .img-2, .grid-3 .img-3 {width:32%;} /* Grid 4 columnas iguales */ .grid-4 .img-1, .grid-4 .img-2, .grid-4 .img-3, .grid-4 .img-4 {width:23.5%;} /* Grid 4 columnas dentro de grid de 2 columnas */ .grid-2 .grid-2 .img-1 {margin:0px;} .grid-2 .grid-2 .img-2 {margin-top:0px;} .grid-2 .grid-2 .img-1, .grid-2 .grid-2 .img-2 {margin-left:4%; width:48%;} .grid-2 .grid-2 .img-1 {margin-left:0px; } .grid-2 .grid-2 .img-1:nth-of-type(1) {margin-bottom:3%;} .grid-2 .grid-2 .img-2:nth-of-type(2) {margin-bottom:3%;} /* GROUPING */ .group:before, .group:after { content:""; display:table; } .group:after { clear:both;} .group { zoom:1; /* For IE 6/7 */ } /* Comunitania */ .postid-470 .grid-2 .grid-2 .img-1:nth-of-type(1), .postid-470 .grid-2 .grid-2 .img-2:nth-of-type(2) {margin-top:25%;} /* FanOnFire */ .fanon-1 {margin-top:10% !important;} .centac-1 {margin-top: -462px !important;} .overflow-yes {overflow:inherit;} /*.boing-1 {margin-top:-10% !important;}*/ .boing-2 {margin-top:10% !important;} .boing-3 {margin-top:10% !important;} .joban-1 {margin-top:10% !important;} .joban-2 {margin-top:-10% !important;} .joban-3 {margin-top:-32% !important;} .joban-4 {margin-top:5% !important;} .joban-5 {margin-top:-5% !important;} .laneb-1 {margin-top:-20% !important;} .laneb-2 {margin-top:-10% !important;} .outrankit-1 {margin-top:25% !important;} .outrankit-2 {margin-top:-25% !important;} .azimo-1 {margin-top:20px;} .azimo-2 {margin-top:15px;} .dotlung-2 {margin-top:-220px !important;} /*Wasabi*/ .wasabi-1 .colimg.img-2 {margin-top:150px;} .wp-image-934, .wp-image-935, .wp-image-936, .wp-image-937, .wp-image-938 {margin-bottom:20px;} .wp-image-939, .wp-image-942, .wp-image-988 {margin-bottom:10px;} .wp-image-942 {margin-top:90px; margin-bottom:10px;} .wp-image-945 {margin-top:282px;} .wp-image-947 {margin-top:23px;} .romea {overflow:inherit;} .romea .grande {width:49%;} .romea .up {margin-top:-275px;} .romea .up-2 {margin-top:-270px;} .contenedor {padding-left:7%; padding-right:7%; padding-top:60px; padding-bottom:60px;} .contenedor h1 {font-family: 'Montserrat', Helvetica, sans-serif; font-style: normal; font-weight: 700; font-size:40px; line-height:48px; color:#3D3D3E; margin-bottom:35px;} .contenedor p {font-family: 'Montserrat', Helvetica, sans-serif; font-style: normal; font-weight: 400; font-size:18px; line-height:28px; color:#3D3D3E; letter-spacing: -0.063px;} .contenedor p strong {font-weight: 700;} .thmlvFullSection.home .container {max-width:1350px;} /* Apartado What we do */ .contenedor .bloque-task {display: block; overflow: hidden; margin-bottom:30px;} .contenedor .bloque-task:last-of-type {margin-bottom:0px;} .contenedor .bloque-task.mobile {display:none;} .contenedor .bloque-task .task-img.izq {margin-right:25px;} .contenedor .bloque-task .task-img.der {margin-left:25px;} .contenedor .bloque-task .task-img {width:345px; height:260px; background:#a9944d; float:left;} .contenedor .bloque-task .task-img.motion {background:#a9944d url(images/what_motion.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.branding {background:#a9944d url(images/what_graphic.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.webdesign {background:#a9944d url(images/what_web.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.experimenting {background:#a9944d url(images/what_experimenting.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.areffects {background:#a9944d url(images/what_ar.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-desc {float:left; width: 576px;} .contenedor .bloque-task .task-desc.izq h1, .contenedor .bloque-task .task-desc.izq p, .contenedor .bloque-task .task-desc.izq a {text-align:left; width:500px;} .contenedor .bloque-task .task-desc.der h1, .contenedor .bloque-task .task-desc.der p, .contenedor .bloque-task .task-desc.der a {text-align:right; width:500px; float:right;} .contenedor .bloque-task .task-desc a {font-size:16px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; color:#3D3D3D; line-height: 21px; margin-top:30px; display:block;} .call-to-action {display:block; overflow:hidden; width:100%;} .call-to-action-button, #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { font-size: 16px; line-height: 28px; border: 2px solid #3D3D3E; color:#3D3D3E; padding: 5px 10px; border-radius: 8px; margin: 0 auto; text-align: center; display: block; margin-top: 50px; font-weight: 400; font-family: 'Montserrat', Helvetica, sans-serif; background:none; } .call-to-action a:hover, #sb_instagram .sbi_follow_btn a:hover, #sb_instagram #sbi_load .sbi_load_btn:hover {color:#FFF !important; background:#3D3D3E; border: 2px solid #3D3D3E; opacity:1;} a.call-to-action-button.clients-tax {width:32%;} .single-portfolio #thmlv-main .call-to-action a {color:#3D3D3E !important; margin-top:0px;} .single-portfolio #thmlv-main .call-to-action a:hover {color:#FFF !important;} .call-contenedor {padding-top:0px; padding-bottom:0px;} /* Conditional home call-to-action */ .home .call-to-action {padding-bottom:100px;} .home .call-to-action a.call-to-action-button.clients-tax {margin-top:20px;} /* Load more Showcase */ #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a { margin-left:20px; margin-right:20px; margin-top:40px; } .contenedor .bloque-task .task-desc h1 { font-size: 20px; margin-top: 20px; text-align: left; font-family: 'Montserrat', Helvetica, sans-serif; font-style: normal; font-weight: 700; color: #3d3d3d; margin-bottom: 0px; line-height:30px; } .page-id-383 #thmlvTitle {background-image:none!important; background: transparent !important;} .page-id-383 .home-video {position:absolute !important; width:100%; top:0px; height:100%;} .video-block {position:relative; display:block; overflow:hidden;} .home video#video { min-height: 100%; min-width: 100%; width: auto; height: auto;} .home div#thmlvRgba {background-image:none;} .contenedor .separador {height:2px; width:100%; background:#a9944d; margin:0 auto; display:block; margin-top:70px; margin-bottom:65px;} .contenedor .our-clients, .contenedor .our-skills {display:block; overflow:hidden;} .contenedor .our-clients h1, .contenedor .our-skills h1 {padding:0px; margin:0px; font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 500; color:#3d3d3d; font-size:18px; line-height:21px; text-transform:uppercase;} .contenedor .our-clients p {font-size:16px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; color:#3D3D3D; line-height: 21px; display:block; margin-top: 20px;} .contenedor .our-clients a {width:128px; height:67px; display:block; background-size:128px 67px; float:left; position:relative; opacity:0.9; margin-top: 20px;} .contenedor .our-clients a:hover {opacity:1;} .contenedor .our-clients .tve {background:url(images/logos/tve.png) no-repeat;} .contenedor .our-clients .turner {background:url(images/logos/turner.png) no-repeat;} .contenedor .our-clients .tnt {background:url(images/logos/tnt.png) no-repeat;} .contenedor .our-clients .cn {background:url(images/logos/cartoonnetwork.png) no-repeat;} .contenedor .our-clients .sony {background:url(images/logos/sony.png) no-repeat;} .contenedor .our-clients .tcm {background:url(images/logos/tcm.png) no-repeat;} .contenedor .our-clients .adultswim {background:url(images/logos/adult.png) no-repeat;} .contenedor .our-clients .repsol {background:url(images/logos/repsol.png) no-repeat;} .contenedor .our-clients .bbva {background:url(images/logos/bbva.png) no-repeat;} .contenedor .our-clients .politecnica {background:url(images/logos/politecnica.png) no-repeat;} .contenedor .our-clients .uned {background:url(images/logos/uned.png) no-repeat;} .contenedor .our-clients .jobandtalent {background:url(images/logos/jobandtalent.png) no-repeat;} .contenedor .our-clients .azimo {background:url(images/logos/azimo.png) no-repeat;} .contenedor .our-clients .telefonica {background:url(images/logos/telefonica.png) no-repeat;} .contenedor .our-clients .fanonfire {background:url(images/logos/fanonfire.png) no-repeat;} .contenedor .our-clients .laneb {background:url(images/logos/laneb.png) no-repeat;} .contenedor .our-clients .ied {background:url(images/logos/ied.png) no-repeat;} .contenedor .our-clients .centac {background:url(images/logos/centac.png) no-repeat;} .contenedor .our-clients .boing {background:url(images/logos/boing.png) no-repeat;} .contenedor .our-clients .prisa {background:url(images/logos/prisa.png) no-repeat;} .contenedor .our-clients .goya {background:url(images/logos/goya.png) no-repeat;} .contenedor .our-clients .diverxo {background:url(images/logos/diverxo.png) no-repeat;} .contenedor .our-skills h1 {margin-bottom:20px;} .contenedor .our-skills p {font-size:16px; line-height: 21px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; color:#3D3D3D;} .contenedor.contacto p {font-family: 'Montserrat', Helvetica, sans-serif; font-weight: 400; color:#3d3d3d; font-size:18px; line-height:24px;} .contenedor.contacto p a {color:#3d3d3d; font-weight:700;} .no-touch #thmlvScrollMenuWrap { display: block; -webkit-transform: translate3d(0,-102%,0); -moz-transform: translate3d(0,-102%,0); -ms-transform: translate3d(0,-102%,0); -o-transform: translate3d(0,-102%,0); transform: translate3d(0,-102%,0); -webkit-transition: -webkit-transform 0.4s ease-in-out, opacity 0.2s ease-out 0s; -moz-transition: -moz-transform 0.4s ease-in-out, opacity 0.2s ease-out 0s; -o-transition: -o-transform 0.4s ease-in-out, opacity 0.2s ease-out 0s; transition: transform 0.4s ease-in-out, opacity 0.2s ease-out 0s; } .no-touch .thmlvShowScroll #thmlvScrollMenuWrap { -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #thmlv-main iframe {width:100%; max-width: none; min-height:617px; position: relative; } .fluid-width-video-wrapper {padding:0!important;} .thmlvClear { clear: both; } #thmlvContent { padding-bottom: 100px; position: relative; z-index: 2; } #thmlvCopyright { bottom: 2.888em; color: #969696; font-size: 0.777em; position: absolute; text-align: center; width: 100%; } .thmlvFixed { padding: 10px; } .thmlvFixed .container { display: table; height: 100%; width: 100%; } .thmlvFixed .container > div { display: table-cell; vertical-align: middle; } #thmlvFooterWrapper { position: fixed; bottom: 0; left: 0; right: 0; top: 0; } #thmlvFooterWrapper .container { max-width: 1280px; padding-bottom: 150px; padding-left: 2.5em; padding-right: 2.5em; padding-top: 150px; } #thmlvFooterWrapper .container ul.sub-menu {display:none;} #thmlvFooterWrapper .container .col.span_3 {background:#F7F4E8; padding:20px;} #thmlvFooterWrapper .thmlvWidgetTitle {font-size:18px; text-transform:uppercase; font-family: 'Montserrat', Helvetica, sans-serif; font-style: normal; font-weight: 500;} .textwidget {font-size:16px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; color:#3D3D3D; line-height: 21px;} .col.span_3 #nav_menu-3 ul li, .col.span_3 #nav_menu-4 ul li {font-size:16px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; line-height:21px;} .col.span_3 #nav_menu-3 ul li a, .col.span_3 #nav_menu-4 ul li a {color:#3D3D3D !important; font-weight:500;} .thmlvGmap { height: auto !important; height: 620px; min-height: 620px; position: relative; z-index: 2; } .thmlvGmap, .thmlvGmap span { white-space: nowrap; } .thmlvHeader { margin-bottom: 10px; position: relative; } .thmlvHeader .thmlvSectionCategories {display:none;} .share-on { font-size: 18px !important; text-transform: uppercase; font-family: 'Montserrat', Helvetica, sans-serif; font-style: normal; font-weight: 500; color:#fff; } #thmlvInnerSlideshowWrap { position: relative; } #thmlvMask { height: 45px; overflow: hidden; width: 45px; } #thmlvMaskedCircle { border-style: solid; border-width: 3px; border-radius: 90px; height: 90px; width: 90px; } .thmlvOverlay { bottom: 0px; color: #ffffff; display: none; height: 100%; overflow: hidden; position: fixed; width: 100%; z-index: 102; } .thmlvOverlay#thmlvLoadingOverlay { display: block; } .thmlvOverlay #thmlvSocialLinks { display: table-cell; text-align: center; vertical-align: middle; } #thmlvRgba { background-repeat: repeat; overflow: hidden; height:100% !important; } #thmlvRgba .container { display: table; height: 100%; margin-top: 0; width: 100%; } #thmlvRgba .container > div { display: table-cell; padding: 0 5em 1em; text-align: center; vertical-align: middle; } #thmlvScrollMenuWrap { display: none; font-size: 0.777em; left: 0; padding: 0.644em 0; position: fixed; top: 0; width: 100%; z-index: 101; } #thmlvScrollMenuWrap .container { max-width: 90%; } #thmlvScrollMenuWrap .container .col.span_9 {margin-top:5px;} #thmlvShareOverlay { opacity: 0; } #thmlvSpinner { -webkit-animation: spin 1s infinite linear; animation: spin 1s infinite linear; height: 90px; position: absolute; width: 90px; } #thmlvSpinnerImage { background-position: center center; background-size: cover; border-radius: 180px; bottom: 3px; font-size: 2.75em; font-weight: 600; height: 84px; left: 3px; line-height: 90px; overflow: hidden; position: absolute; text-align: center; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; width: 84px; z-index: 1001; } #thmlvSpinnerPositioning { height: 90px; left: 50%; margin: -45px 0 0 -45px; position: absolute; top: -100%; width: 90px; } #thmlvSpinnerWrapper { height: 90px; margin: 0 auto; position: relative; width: 90px; } .thmlvStatic { position: static !important; } #thmlvTitle { background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .thmlvToggleOpen #thmlvScrollMenuWrap { opacity: 0; } .typeSearch { margin-bottom: 6em; } /*----------------------------------------------------------------------------------- Forms -----------------------------------------------------------------------------------*/ input[type=text], input[type=email], input[type=url], input[type=tel], input[type=date], textarea { border: 0px solid; font-weight: normal; font-size: 0.889em; line-height: 1.5; outline: none; margin-top: 0.556em; padding: 0.556em 0.833em; } input[type=text], input[type=email], input[type=url], input[type=tel], input[type=date], textarea { color: #3D3D3D !important; font-size: 16px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing: 0.5px; line-height: 21px;} input[type=submit] { transition: opacity 0.2s ease-out 0s; -webkit-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; } input[type=submit]:hover { opacity: 0.8; } select { max-width: 100%; } /*----------------------------------------------------------------------------------- Loading -----------------------------------------------------------------------------------*/ #overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); } #loading { width: 50px; height: 57px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -25px; } /*----------------------------------------------------------------------------------- Links -----------------------------------------------------------------------------------*/ a { text-decoration: none; transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; -webkit-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; -o-transition: background 0.2s ease-out 0s, color 0.2s ease-out 0s, opacity 0.2s ease-out 0s; } a:hover { opacity: 0.8; } .thmlvEntryMeta a { color: #ffffff; } #thmlvLogo { max-width: 100px; z-index: 1001; display:block; background:url(images/logo.png); width:88px; height:53px; background-size:88px 53px; background-repeat:no-repeat; } .logo-nsue { position: absolute; left: 2.222em; top: 2.222em; z-index:9999; } .claim-nsue { font-size: 16px; line-height: 22px; color:#FFF; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; margin-top: 15px; } #thmlvLogoHeader { display:block; background:url(images/logo.png); width:62px; height:37px; background-size:62px 37px; background-repeat:no-repeat;} #thmlvScrollMenuWrap a { color: #ffffff; } .thmlvSectionCategories a { color: #ffffff; font-size: 16px; font-weight: normal; line-height: 19px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; text-transform:none; } .container.row.thmlvCentered .viewmore {margin-left:-7px;} .container.row.thmlvRight .viewmore {margin-left:0px; right:75px;} .container.row.thmlvRight .thmlvSectionTitle {text-align:right;} /*ARCHIVE DESCRIPTION*/ .cat-desc p {color: #a9944d; text-align: center; padding-top: 60px; font-size: 18px;} /*MENU PORTFOLIO*/ .menu-work {padding: 15px 19px; margin-top: -5px; font-family: 'Lora', 'EB Garamond', Georgia, serif;} .menu-work ul {list-style:none; text-align:center;} .menu-work ul li {display:inline-block; padding-right:20px; line-height:27px;} .menu-work ul li a {color:#3d3d3d;} .menu-work ul li a.active {font-weight:bold;} /* SINGLE PORTFOLIO */ .single-portfolio #thmlvRgba h3 {font-size:20px; line-height:24px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px;} .single-portfolio #thmlvRgba h1 {font-size:70px; line-height:75px; font-family: 'Montserrat', Helvetica, sans-serif; font-weight:700; margin-top:10px;} .single-portfolio #thmlvRgba h3:before { background: url(images/circle_top.png); background-size: 166px 35px; content: ""; display: block; width: 166px; height: 35px; margin: 0 auto; margin-bottom: 25px; } .single-portfolio #thmlvRgba h1:after { background: url(images/circle_bottom.png); background-size: 166px 35px; content: ""; display: block; width: 166px; height: 35px; margin: 0 auto; margin-top: 25px; } .single-portfolio .client-single {padding-top:40px;} .single-portfolio .title-single {font-weight: 700; font-family: 'Montserrat', Helvetica, sans-serif;} .single-portfolio .client-single a, .single-portfolio .category-single a {font-family: 'Lora', 'EB Garamond', Georgia, serif; font-weight:500;} /*.single-portfolio #thmlv-main {max-width:1350px;}*/ .single-portfolio #thmlv-main a {color:#3D3D3E !important; text-decoration:underline;} .single-portfolio #thmlv-main a:hover {text-decoration:none;} .single-portfolio .container br {display:none;} .single-portfolio blockquote {margin:0px;} .single-portfolio blockquote h1 {text-align:left; margin-bottom:0px;} .single-portfolio blockquote h1:before {content:'\201C'; color:#a9944d; font-family: 'Lora', 'EB Garamond', Georgia, serif; position: relative; top: 10px; font-size: 55px; padding-right:10px;} .single-portfolio blockquote h1:after {content:'\201D'; color:#a9944d; font-family: 'Lora', 'EB Garamond', Georgia, serif; position: relative; top: 10px; font-size: 55px; padding-left:10px;} .single-portfolio blockquote p.nombre {margin-bottom: 20px; margin-top:25px; font-size:18px; line-height:21px; font-family: 'Montserrat', Helvetica, sans-serif; font-weight:700;} .single-portfolio blockquote .puesto {font-size:18px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; font-style:italic; font-weight:400;} #thmlvInnerNav .thmlvPortfolioWrap .thmlvPortfolioLabel { display:none; height: 100%; text-align: center; width: 100%; background: #3d3d3d; } #thmlvInnerNav .thmlvPortfolioWrap:hover .thmlvPortfolioLabel { display: table-cell; text-align: center; vertical-align: middle; } .info-work {color:#FFF;} #thmlvInnerNav .thmlvPortfolioWrap .thmlvPortfolioLabel .info-work {padding-left: 2em; padding-right: 2em;} #thmlvInnerNav .thmlvPortfolioWrap:hover .thmlvPortfolioLabel .info-work h3 {font-size: 23px; text-align: center; letter-spacing:1px; font-family: 'Montserrat', Helvetica, sans-serif; font-weight:700;} #thmlvInnerNav .thmlvPortfolioWrap:hover .thmlvPortfolioLabel .info-work h3 a {color:#FFF;} #thmlvInnerNav .thmlvPortfolioWrap .thmlvPortfolioLabel .info-work .arrow-right {margin:0 auto; margin-top: 20px;} #thmlvInnerNav .thmlvPortfolioWrap .thmlvPortfolioLabel .info-work .arrow-right.back {transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */} .logo-marca {margin-top:60px;} .logo-marca-code img {transform: scale(0.20); transform-origin: bottom left; max-height:300px;} .post-106 .logo-marca, .post-966 .logo-marca {background:url(images/logos/w_nsue.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1083 .logo-marca {background:url(images/logos/w_syltek.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1088 .logo-marca {background:url(images/logos/w_bbva.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1114 .logo-marca {background:url(images/logos/w_producthackers.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1124 .logo-marca {background:url(images/logos/w_eneko.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-998 .logo-marca {background:url(images/logos/w_saalg.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-958 .logo-marca {background:url(images/logos/w_repsol.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-975 .logo-marca {background:url(images/logos/w_tcm.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-573 .logo-marca {background:url(images/logos/w_boing.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-606 .logo-marca {background:url(images/logos/w_centac.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-472 .logo-marca {background:url(images/logos/w_fanonfire.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-471 .logo-marca {background:url(images/logos/w_laneb.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-88 .logo-marca {background:url(images/logos/w_lesgai.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-328 .logo-marca {background:url(images/logos/w_miguelromea.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-473 .logo-marca {background:url(images/logos/w_outrankit.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-470 .logo-marca {background:url(images/logos/w_uned.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-93 .logo-marca {background:url(images/logos/w_jobandtalent.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-161 .logo-marca {background:url(images/logos/w_ied.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-108 .logo-marca {background:url(images/logos/w_azimo.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-990 .logo-marca {background:url(images/logos/w_vitcord.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1134 .logo-marca {background:url(images/logos/w_telefonica.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1212 .logo-marca, .post-1172 .logo-marca {background:url(images/logos/w_universal.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1180 .logo-marca {background:url(images/logos/w_fmh.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} .post-1203 .logo-marca {background:url(images/logos/w_warner.png) no-repeat; background-size:128px 67px; width:128px; height:67px;} #thmlvInnerNav .span_6 {width:50%; height:350px;} a.related-posts-link:hover {opacity:1;} .viewmore { color: #bea94d; font-size: 28px; margin-left: 75px; position: absolute; font-weight: 100; margin-top: 15px; } .viewmore:hover { opacity:1; color:#FFF; } #thmlvSocial li a { border: 2px solid #ffffff; border-radius: 100%; color: #ffffff; display: block; font-size: 0.666em; height: 2.6em; line-height: 2.2em; opacity: 0.7; text-align: center; transition: opacity 0.5s ease-out 0s; -webkit-transition: opacity 0.5s ease-out 0s; -o-transition: opacity 0.5s ease-out 0s; width: 2.6em; } #thmlvShare li a { border: 2px solid #ffffff; border-radius: 100%; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #ffffff; display: inline-block; font-size: 18px; height: 46px; line-height: 46px; margin: 0 5px 10px 0; text-align: center; width: 46px; } #thmlvShareLink, #thmlvFullscreen, #thmlvToTop, .thmlvToggleMenu {background-size:20px 20px; width: 20px; height:20px; display:block;} #thmlvShareLink {background: url(images/ico_share.png);} #thmlvFullscreen {background: url(images/ico_full.png);} #thmlvToTop {background: url(images/ico_top.png);} /*.thmlvToggleMenu {background: url(images/ico_menu.png);}*/ #thmlvScrollMenuWrap .thmlvToggleMenu .fa.fa-bars {font-size: 22px;} #thmlvShare li a:hover, #thmlvSocial li a:hover { opacity: 1; } .home #fp-nav li a { border-bottom:2px solid #bea94d; opacity:1; } .home #fp-nav li a:hover, .home #fp-nav li a.active {border-bottom:2px solid #fff;} .home #fp-nav span {display:none;} /*----------------------------------------------------------------------------------- Apartado Clients -----------------------------------------------------------------------------------*/ .contenedor.loop-clientes {padding-top:0px;} .apartado-clientes {display:block; overflow:hidden;} .apartado-clientes .caja-cliente {position:relative; display:inline-block; width: 31.22%; margin:10px; background:#3d3d3d; min-height:220px; height:220px; float:left;} .apartado-clientes .logo-cliente {display: flex; align-items: center; justify-content: center;} .apartado-clientes .logo-cliente img {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0.50); max-height:175px;} /*----------------------------------------------------------------------------------- Archivo clientes -----------------------------------------------------------------------------------*/ .tax-client .thmlvHeader .thmlvSectionTitle {display:none;} .tax-client .cat-desc p {display:none;} .logo-categoria {text-align:center;} .logo-categoria img {transform: scale(0.5); will-change: transform;} .work-content {text-align:center;} .work-content.flex {align-items: center; justify-content: center;} .tax-skills .call-to-action {padding-bottom:100px;} /*----------------------------------------------------------------------------------- Lists -----------------------------------------------------------------------------------*/ @-moz-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-webkit-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-o-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @-ms-keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } @keyframes nav-icons { 0% { -moz-transform: translate3d(0,1em,0); -webkit-transform: translate3d(0,1em,0); -o-transform: translate3d(0,1em,0); -ms-transform: translate3d(0,1em,0); transform: translate3d(0,1em,0); opacity: 0; } 100% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; } } #thmlv-main ol, #thmlv-main ul { list-style-position: inside; list-style-type: decimal; } #thmlv-main ul { list-style-type: disc; } .thmlvArchiveList { margin-bottom: 2.888em; } #thmlvScrollMenuWrap li { display: inline-block; *display: inline; *zoom: 1; margin: 0 1em 0 0; } #thmlvScrollMenuWrap ul { text-align: right; } #thmlvShare { text-align: center; } #thmlvShare li { -moz-animation: nav-icons 0.5s ease-in-out forwards; -webkit-animation: nav-icons 0.5s ease-in-out forwards; -o-animation: nav-icons 0.5s ease-in-out forwards; -ms-animation: nav-icons 0.5s ease-in-out forwards; animation: nav-icons 0.5s ease-in-out forwards; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; margin-left: 0.35em; margin-right: 0.35em; opacity: 0; position: relative; text-align: center; top: 0; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } #thmlvShare li:nth-child(1) { -moz-animation-delay: 1.0s; -webkit-animation-delay: 1.0s; -o-animation-delay: 1.0s; -ms-animation-delay: 1.0s; animation-delay: 1.0s; } #thmlvShare li:nth-child(2) { -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; -ms-animation-delay: 1.5s; animation-delay: 1.5s; } #thmlvShare li:nth-child(3) { -moz-animation-delay: 2.0s; -webkit-animation-delay: 2.0s; -o-animation-delay: 2.0s; -ms-animation-delay: 2.0s; animation-delay: 2.0s; } #thmlvSocial { position: absolute; right: 7em; top: 1.666em; z-index: 1001; } #thmlvSocial li { display: inline-block; *display: inline; width: 2.2em; *zoom: 1; } /*----------------------------------------------------------------------------------- Typo -----------------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { line-height: 1.1em; } h1 { font-size: 4.444em; font-weight: 600; letter-spacing: -0.015em; } h2 { font-size: 3.222em; font-weight: 600; letter-spacing: -0.015em; } h3 { font-size: 2.222em; font-weight: 600; } h4 { font-size: 1.888em; font-weight: 600; letter-spacing: -0.015em; } h5 { font-size: 1.222em; font-weight: 600; letter-spacing: -0.015em; } h6 { font-size: 0.888em; font-weight: 600; letter-spacing: -0.015em; } h5.thmlvArchiveTitle { margin-bottom: 0.444em; } h5.thmlvArchiveTitle:first-of-type { margin-top: 0; } p { margin-bottom: 0px; } #thmlv-main > p > img.alignnone { width: 100%; margin-bottom:18px; } #thmlv-main > p > img.alignnone:last-of-type {margin-bottom:0px;} .thmlvHeader h2 { font-size: 1.222em; font-weight: 300; line-height: 1.4em; } .thmlvHeader h3 { font-size: 20px; font-weight: normal; line-height: 24px; font-family: 'Lora', 'EB Garamond', Georgia, serif; letter-spacing:0.5px; } .thmlvHeader.thmlvFullSection h1 { font-size: 60px; } .thmlvOverlay h1 { font-size: 1.888em; margin-bottom: 1.222em; text-align: center; } #thmlvRgba h1, #thmlvRgba h2, #thmlvRgba h3 { color: #ffffff; text-align: center; } #thmlvRgba h3:after { content : ""; display: block; } .thmlvSectionSubtitle { margin-top: 2.444em; } .typeSearch h1 { margin-bottom: 0.222em; } /*----------------------------------------------------------------------------------- Stuff -----------------------------------------------------------------------------------*/ img { max-width: 100%; height: auto; } img.size-full { display: block; } .thmlvEntryMeta { text-align: center; text-transform: uppercase; } .thmlvGmap img { max-width: none; width: 100%; } #thmlvVideoWrapper video { height: 100%; width: 100%; } .thmlvCyclePager span:hover, .thmlvCyclePager span.cycle-pager-active {border-color: #a9944d !important;} /*----------------------------------------------------------------------------------- Retina shits -----------------------------------------------------------------------------------*/ @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { #thmlvLogo { background:url(images/logo@2x.png); background-size:88px 53px; background-repeat:no-repeat; } #thmlvLogoHeader { background:url(images/logo@2x.png); background-size:62px 37px; background-repeat:no-repeat; } #thmlvShareLink {background: url(images/ico_share@2x.png); background-size:20px 20px; background-repeat:no-repeat;} #thmlvFullscreen {background: url(images/ico_full@2x.png); background-size:20px 20px; background-repeat:no-repeat;} #thmlvToTop {background: url(images/ico_top@2x.png); background-size:20px 20px; background-repeat:no-repeat;} /*.thmlvToggleMenu {background: url(images/ico_menu.png); background-size:20px 20px; background-repeat:no-repeat;}*/ .contenedor .our-clients .tve {background:url(images/logos/tve@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .turner {background:url(images/logos/turner@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .tnt {background:url(images/logos/tnt@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .cn {background:url(images/logos/cartoonnetwork@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .sony {background:url(images/logos/sony@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .tcm {background:url(images/logos/tcm@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .adultswim {background:url(images/logos/adult@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .repsol {background:url(images/logos/repsol@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .bbva {background:url(images/logos/bbva@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .politecnica {background:url(images/logos/politecnica@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .uned {background:url(images/logos/uned@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .jobandtalent {background:url(images/logos/jobandtalent@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .azimo {background:url(images/logos/azimo@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .telefonica {background:url(images/logos/telefonica@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .fanonfire {background:url(images/logos/fanonfire@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .laneb {background:url(images/logos/laneb@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .ied {background:url(images/logos/ied@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .centac {background:url(images/logos/centac@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .boing {background:url(images/logos/boing@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .prisa {background:url(images/logos/prisa@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .goya {background:url(images/logos/goya@2x.png) no-repeat; background-size:128px 67px;} .contenedor .our-clients .diverxo {background:url(images/logos/diverxo@2x.png) no-repeat; background-size:128px 67px;} .contenedor .bloque-task .task-img.motion {background:#a9944d url(images/what_motion@2x.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.branding {background:#a9944d url(images/what_graphic@2x.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.webdesign {background:#a9944d url(images/what_web@2x.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.experimenting {background:#a9944d url(images/what_experimenting@2x.jpg) center no-repeat; background-size: 345px 260px;} .contenedor .bloque-task .task-img.areffects {background:#a9944d url(images/what_ar@2x.jpg) center no-repeat; background-size: 345px 260px;} /* Logos marcas para post en home */ .post-1061 .logo-marca, .post-1098 .logo-marca {background:url(images/logos/w_sonymusic@2x.png) no-repeat; background-size:128px 67px;} .post-106 .logo-marca, .post-966 .logo-marca {background:url(images/logos/w_nsue@2x.png) no-repeat; background-size:128px 67px;} .post-1083 .logo-marca {background:url(images/logos/w_syltek@2x.png) no-repeat; background-size:128px 67px;} .post-1088 .logo-marca {background:url(images/logos/w_bbva@2x.png) no-repeat; background-size:128px 67px;} .post-1114 .logo-marca {background:url(images/logos/w_producthackers@2x.png) no-repeat; background-size:128px 67px;} .post-1124 .logo-marca {background:url(images/logos/w_eneko@2x.png) no-repeat; background-size:128px 67px;} .post-998 .logo-marca {background:url(images/logos/w_saalg@2x.png) no-repeat; background-size:128px 67px;} .post-958 .logo-marca {background:url(images/logos/w_repsol@2x.png) no-repeat; background-size:128px 67px;} .post-975 .logo-marca {background:url(images/logos/w_tcm@2x.png) no-repeat; background-size:128px 67px;} .post-573 .logo-marca {background:url(images/logos/w_boing@2x.png) no-repeat; background-size:128px 67px;} .post-606 .logo-marca {background:url(images/logos/w_centac@2x.png) no-repeat; background-size:128px 67px;} .post-472 .logo-marca {background:url(images/logos/w_fanonfire@2x.png) no-repeat; background-size:128px 67px;} .post-471 .logo-marca {background:url(images/logos/w_laneb@2x.png) no-repeat; background-size:128px 67px;} .post-88 .logo-marca {background:url(images/logos/w_lesgai@2x.png) no-repeat; background-size:128px 67px;} .post-328 .logo-marca {background:url(images/logos/w_miguelromea@2x.png) no-repeat; background-size:128px 67px;} .post-473 .logo-marca {background:url(images/logos/w_outrankit@2x.png) no-repeat; background-size:128px 67px;} .post-470 .logo-marca {background:url(images/logos/w_uned@2x.png) no-repeat; background-size:128px 67px;} .post-93 .logo-marca {background:url(images/logos/w_jobandtalent@2x.png) no-repeat; background-size:128px 67px;} .post-161 .logo-marca {background:url(images/logos/w_ied@2x.png) no-repeat; background-size:128px 67px;} .post-108 .logo-marca {background:url(images/logos/w_azimo@2x.png) no-repeat; background-size:128px 67px;} .post-990 .logo-marca {background:url(images/logos/w_vitcord@2x.png) no-repeat; background-size:128px 67px;} .post-1134 .logo-marca {background:url(images/logos/w_telefonica@2x.png) no-repeat; background-size:128px 67px;} .post-1212 .logo-marca, .post-1172 .logo-marca {background:url(images/logos/w_universal@2x.png) no-repeat; background-size:128px 67px;} .post-1180 .logo-marca {background:url(images/logos/w_fmh@2x.png) no-repeat; background-size:128px 67px;} .post-1203 .logo-marca {background:url(images/logos/w_warner@2x.png) no-repeat; background-size:128px 67px;} @media (max-width : 370px) { .contenedor .bloque-task .task-img.motion, .contenedor .bloque-task .task-img.branding, .contenedor .bloque-task .task-img.webdesign, .contenedor .bloque-task .task-img.experimenting {background-size: 300px 226px;} } @media (max-width : 330px) { .contenedor .bloque-task .task-img.motion, .contenedor .bloque-task .task-img.branding, .contenedor .bloque-task .task-img.webdesign, .contenedor .bloque-task .task-img.experimenting {background-size: 280px 211px;} } }