/*
Theme Name: Thecs Child
Theme URI: http://3theme.com/tf004/
Description: Thecs - Portfolio WordPress Theme
Template: thecs
Version: 1.2.2
Author: foreverpinetree@gmail.com
Author URI: http://foreverpinetree.com/
Tags: custom-menu, featured-images, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain:  thecs
*/
/*-------FUENTES------*/
@font-face {
    font-family: 'futurastd book';
    src: url('http://bilbaodesignhub.com/fuentes/futurastd-book-webfont.woff2') format('woff2'),
         url('http://bilbaodesignhub.com/fuentes/futurastd-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futurastd bold';
    src: url('http://bilbaodesignhub.com/fuentes/futurastd-bold-webfont.woff2') format('woff2'),
         url('http://bilbaodesignhub.com/fuentes/futurastd-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'futurastd light';
    src: url('http://bilbaodesignhub.com/fuentes/futurastd-light-webfont.woff2') format('woff2'),
         url('http://bilbaodesignhub.com/fuentes/futurastd-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*-----------slider-typewritter-------------*/
a:hover {
	color: #ececec!important;
}
.line-1{
    position: relative;
    /*top: 50%;  
    width: 24em;*/
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    /*font-size: 180%;*/
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    /*transform: translateY(-50%); */  
	color: #222!important;
	font-weight: 700!important;
	line-height: 80px!important;
	font-size: 75px!important;
}
.line-2{
    position: relative;
    /*top: 50%;  
    width: 24em;*/
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    /*font-size: 180%;*/
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    /*transform: translateY(-50%); */  
	color: #222!important;
	font-weight: 700!important;
	line-height: 80px!important;
	font-size: 75px!important;
}
.line-3{
    position: relative;
    /*top: 50%;  
    width: 24em;*/
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    /*font-size: 180%;*/
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    /*transform: translateY(-50%); */  
	color: #222!important;
	font-weight: 700!important;
	line-height: 90px!important;
	font-size: 75px!important;
}
/* Animation */
.anim-typewriter1{
  animation: typewriter 4s steps(44) 2s 1 normal both,
             blinkTextCursor 500ms steps(64) infinite normal;
	font-family: "futurastd book", Muli, sans-serif!important;
}
.anim-typewriter2{
  animation: typewriter 4s steps(44) 3s 1 normal both,
             blinkTextCursor 500ms steps(64) infinite normal;
	font-family: "futurastd book", Muli, sans-serif!important;
}
.anim-typewriter3{
  animation: typewriter 4s steps(44) 4s 1 normal both,
             blinkTextCursor 500ms steps(64) infinite normal;
	font-family: "futurastd book", Muli, sans-serif!important;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 24em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}
/*----slider-------*/
.sc-slider .h, .sc-slider .h a {
    color: #222!important;
	font-weight: 900!important;
	line-height: 80px!important;
}
.sc-slider .t-style-02 .intro {
    color: black!important;
    font-size: 4rem!important;
    margin: 0 auto!important;
    letter-spacing: 0px!important;  
}
.sc-slider .intro {
	max-width: 100%!important;
}
/*----sliders text-------*/
.button-TS {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: transparent; 
  color: #ff952b; 
  border: 1px solid #ff952b;
  border-radius: 12px;
}
.button-TS a{
   color:  #222; 
}
.button-TS:hover {
  background-color: #ff952b;
}
.slider-text {
	font-size: 15px;
    font-family:  "futura_light-webfont", Muli, sans-serif!important;
    color: #e1e1e1;
}
.slider-sub{
   font-size: 20px;
   font-family:  "futura_light-webfont", Muli, sans-serif!important;
   color: #e1e1e1;
}
.slider-titulo {
   font-size: 30px;
   font-family:  "Futura Bold", Muli, sans-serif!important;
}
.slider-titulo a{
   font-size: 30px;
   font-family:  "Futura Bold", Muli, sans-serif!important;
}
.button-P {
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: transparent; 
  color: #E2C61D; 
  border: 1px solid #E2C61D;
  border-radius: 12px;
}
.button-P a{
   color:  #222; 
}
.button-P:hover {
  background-color: #E2C61D;
}

/*responisve1024*/
body:not(.m-mode) .post-02 .post-tags.horizontal {
    display: block;
}

body:not(.m-mode) .post-02 .post-tags a {
    clear: both;
    float: left;
}
/*-----------estilos-basic------------*/
body, textarea, input, button, select {
    color: #222!important;
}
p {
    line-height: 135%;
	color: #222;
}
h2 {
	line-height: 40px!important;
	font-family: "Futura Book", Muli, sans-serif!important;
	color: #222;
}
p, .text-area p, .text-area table, .text-area dl, .text-area ol, .text-area ul {
    margin: 0 0 15px;
	color: #222;
}
.site-dark a, .site-dark .h, .site-light .color-invert .h, .site-light .color-invert a, .site-dark legend {
    color: #707070!important;
    font-family: "Futura Light", Muli, sans-serif!important;
}
header .menu-bg {
    background: none!important;
}
.m-header li[class*="current"]:after {
	{
    background-color: #262728;
}
}
/*--------MENU PRINCIPAL-escondido----------*/
.main-menu {
    margin-left: 0px!important;
	display: none;
}
.call-hidden-menu.btn {
    margin-left: 0px!important;
   display: none;
	}	
.main-menu a {
    font-size: 19px!important;
	color: #ccc!important;
	letter-spacing:-0.5px!important;
}
/*--------MENU-MOVIL----------*/
.m-side {
    padding: 65% 10% 10% 10%;
    color: #000;
}
.m-main-menu > ul > li {
    padding: 10% 0%;
}
.call-m-sub:after {
   top: 20px;
}
/*--------estilos-textos-titulos----------*/
.intro.small {
    font-size: 18px;
	color: #222;
}
body:not(.m-mode) .post-02 .post-nav .ctrl span {
    font-size: 20px;
	color: #222;
}
h1.large {
    font-size: 3.2vw!important;
    font-weight: 900!important;
	line-height: 50px!important;
	font-family: "Futura Light", Muli, sans-serif!important;
	font-weight:200;
}
strong.bold {
	font-family: "Futura bold", Muli, sans-serif!important;
	font-weight: 900;
}

.pc-mode .intro.large {
    font-size: 24px!important;
    letter-spacing: -0.5px!important;
	color:#222!important;
}
.margen-home-2 {
	padding: 8vh 8% 0vh 0%;
	}
.margen-coworking-1 {
	padding: 9vh 0% 0vh 0%;
	}
.links {
	font-family: "Futura Book", Muli, sans-serif!important;
	font-size: 19px;
	letter-spacing: 0.3px;
	line-height: 30px;
    padding:10px 0px 10px 0px;
}
.links a:hover{
	font-family: "Futura Book", Muli, sans-serif!important;
	font-size: 19px;
	font-style: italic, bold;
	letter-spacing: 0.3px;
}

.color:hover {
  cursor: pointer;
  background-color: transparent; 
  border: 1px solid #c63368;
  border-radius: 17px;
}

.subtitulos {
    font-size: 29px!important;
    color: #222!important;
    letter-spacing: 1px!important;
    line-height: 40px!important;
    font-family: "Futura Light", Muli, sans-serif!important;
    font-weight: 600!important;
    margin-top: 10px!important;
    font-style: italic, bold;
	height: 45px;
}
.subtitulos-servicios {
    font-size: 30px!important;
    line-height: 40px!important;
    font-family: "bodoni-bold", serif!important;
	font-weight: 600;
	font-style: normal;
    letter-spacing: 0.3px;
}
.frase-inicio {
	font-family: "Futura Bold", Muli, sans-serif!important;
	font-size: 45px;
	line-height: 50px;
}
.titulo-contacto {
    font-size: 80px;
    line-height: 70px;
	color:#000;
}
.titulos-extra {
    font-size: 40px!important;
    color: #222!important;
    letter-spacing: 0px!important;
    line-height: 45px!important;
	font-family: "Futura bold", Muli, sans-serif!important;
    font-weight: normal!important;
}
.tags-servicios {
	font-size: 14px;
    font-style: italic;
    line-height: 21px;
	letter-spacing: 0px!important;
	/*font-family: "futurabook_btregular", Muli, sans-serif!important;*/
	font-weight: 400;
    margin-top: 10px;
	color:#222!important;
	height: 60px;
}
.button1 {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
  background-color: transparent; 
  border: 2px solid #e2c61d;
  border-radius: 17px;
}
.button1 a{
   font-family: "Futura Book", Muli, sans-serif!important;
   font-size:20px;
   color: #222; 
   padding: 10px;
}
.button1:hover {
  background-color: #e2c61d;
  color: #222;
}

.button2 {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
  padding-bottom: 5px;
  background-color: transparent; 
  border: 2px solid #c63368;
  border-radius: 17px;
}
.button2 a{
   font-family: "Futura Book", Muli, sans-serif!important;
   font-size:20px;
   color:  #222;
   padding: 10px;
}
.button2:hover {
  background-color: #c63368;
  color: #222;
}

.button3 {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
  padding-bottom: 5px;
  background-color: transparent; 
  border: 2px solid #6bb6de;
  border-radius: 17px;
}
.button3 a{
   font-family: "Futura Book", Muli, sans-serif!important;
   font-size:20px;
   color:  #222;
   padding: 10px;
}
.button3:hover {
  background-color: #6bb6de;
  color: #222;
}

.button4 {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 10px 10px;
  transition-duration: 0.4s;
  cursor: pointer;
  padding-bottom: 5px;
  background-color: transparent; 
  border: 2px solid #da8b30;
  border-radius: 17px;
}
.button4 a{
   font-family: "Futura Book", Muli, sans-serif!important;
   font-size:20px;
   color:  #222; 
   padding: 10px;
}
.button4:hover {
  background-color: #da8b30;
  color: #222;
}


/*-----------estilos-pie-escondido-------------*/
footer a {
    font-size: 14px!important;
	color: #888888 !important;   
}
footer {
	padding: 0px!important;
}

footer.open i.btn {
    top: -70px !important;
}
.close-layer {
	background: transparent!important;
}
footer.pt-social  {
 display:none!important;	
}
footer > i.btn {
    width:100%!important;
	height: 26px;
    line-height: 26px;
    text-align: left!important;
    left: 40px;
    top: -70px;
    color: #888888!important;
    background: none!important;
    border-radius: 0!important;
    box-shadow: none!important;
    z-index: 100;
}
.menu-pie{
	font-size: 14px;
    line-height: 16px;
	letter-spacing: -0.3px!important;
	font-family: "futurabook_btregular", Muli, sans-serif!important;
	font-weight: 500;
    margin-top: 10px;
	color:#888888!important;
}
.copyright {
	font-size: 12px!important;
    line-height: 20px;
	letter-spacing: -0.3px!important;
	font-family: "futurabook_btregular", Muli, sans-serif!important;
	font-weight: 500;
    margin-top:10px;
	color:#888888!important;
	float: right;
	margin-right: 80px;
}
.copyright a {
	font-size: 12px!important;
	color:#888888!important;
}
.copyright a:hover {
	font-size: 12px!important;
	color:#c2c2c2!important;
}
.menu-pie a {
	color:#888888!important;
}
.menu-pie a:hover {
	color:#c2c2c2!important;
}
.menu-pie-redes {
	font: normal normal normal 14px/1 FontAwesome!important;
    margin-top: 10px;
	color:#888888!important;
	margin-left:15px!important;
	font-style: normal!important;
}
.menu-pie-redes a:hover {
	color:#c2c2c2!important;
}
i.call-footer:before {
    content: none!important;
}
.altura-imagen {
    margin: 7% auto;
	max-height: 70%;
	height: 70%!important;
}
/*-----------Blog------------------*/
.blog-list .list-category a {
    font-size: 16px;
}
.post-info, .post-bar {
    padding: 100px 0px 40px 40px;
}
.list-date, .list-category a {
    font-size: 14px;
}
body:not(.m-mode) .blog-list.style-01.large .item .h {
    font-size: 26px;
}
.post-info .text-area, .post-01 .post-extend .text {
    color: #222!important;
}
.post-info .title .h {
    font-size: 30px!important;
}
.post-info, .post-bar {
    font-size: 24px!important;
	letter-spacing:-0.5px!important;
}
.post-info {
    margin: 0 1vw!important;
}
.post-meta i, .share {
    font-size: 14px!important;
	letter-spacing: 0px!important;
}
.share > i:before {
    content: '\e94c';
   background: rgba(111,111,111,0);
	font-size: 21px;
}
.post-info .title {
    max-width: 300px;
}
body:not(.m-mode) .post-02 .post-tags span {
    font-size: 26px;
    font-weight: bold;
}
.post-tags a, .page-links a {
    font-size: 14px;
    background: #e6e6e6;
    padding: 0 12px!important;
    border-radius: 10px;
    line-height: 30px!important;
}
body:not(.m-mode) .post-02 .post-banner:not(.h-short) ~ .post-info > .wrap {
    top: -20px;
}
.ptsc .intro {
    white-space: inherit;
}
.blog-list.style-02 .list-category {
    bottom: 125px;
}

.blog-list.style-01 .item {
    height: 80%;
}
/*.post-banner{
    height: 70%!important;
	margin-left: 0!important;
}*/
/*------------------RESPONSIVE----------------------*/
@media only screen and (max-width: 2592px) {
h1.large {
	line-height: 65px!important;
}
.frase-inicio {
	font-size: 75px;
	line-height: 80px;
}
.margen-home-2 {
    padding: 5vh 20% 0vh 0%;
}
}
@media only screen and (max-width: 2112px) {
.frase-inicio {
	font-size: 70px;
}
}
@media only screen and (max-width: 1920px) {
.margen-home-2 {
    padding: 6vh 8% 0vh 0%;
}
h1.large {
	line-height: 45px!important;
}
.frase-inicio {
    font-size: 70px;
	line-height: 70px;
}
@media only screen and (max-width: 1440px) {	
.item.w-80 .sc-inner {
    width: 75%;
}
.sc-mixbox .sc-inner {
    padding: 100px 20% 100px 6%;
}
.pc-mode .intro.large {
    font-size: 23px!important;
}
.post-info, .post-bar {
    font-size: 23px!important;
}
.margen-home-2 {
	padding: 5vh 0% 0vh 0%;
}
h1.large {
    line-height: 40px!important;
}
.links {
    padding: 0px 0px 0px 0px;
}
.subtitulos {
    font-size: 24px!important;
    line-height: 35px!important;
}
.frase-inicio {
    font-size: 55px;
    line-height: 58px;
}
.titulos-extra {
    font-size: 38px!important;
}
.margen-coworking-1 {
    padding: 8vh 0% 0vh 0%;
}
.post-info, .post-bar {
    max-width: 1000px;
    font-size: 19px;
    letter-spacing: -0.5px;
}
footer > i.btn {
    left: 20px;
}
.line-1 {
    line-height: 70px!important;
    font-size: 65px!important;
}
.line-2 {
    line-height: 70px!important;
    font-size: 65px!important;
}
.line-3 {
    line-height: 75px!important;
    font-size: 65px!important;
}
.copyright {
	margin-right: 35px;
}
}
@media only screen and (max-width: 1366px) {	
h1.large {
    line-height: 40px!important;
}
.frase-inicio {
    font-size: 50px;
	line-height: 53px;
}
.titulo-contacto {
    font-size: 70px;
    line-height: 60px;
	color:#000;
}
}
@media only screen and (max-width: 1280px) {
div.item.align-v-center.align-h-left.w-80.gap-normal.text-h-high.has-bg.inviewport.show.bg-loaded {
    width: 1150px!important;
}
.item.w-80 .sc-inner {
    width: 73%;
}
.item.w-50 .sc-inner {
    width: 80%;
}
.sc-mixbox .sc-inner {
    padding: 100px 20% 100px 6%;
}
.item.gap-small .sc-inner {
    padding: 12vh 7% 8% 7%;
}
.pc-mode .intro.large {
    font-size: 21px!important;
	line-height: 30px!important;
}
.titulos-extra {
    font-size: 37px!important;
}
.intro.small {
    font-size: 16px;
}
.post-info, .post-bar {
    font-size: 21px!important;
}
h1.large {
    font-size: 3.6vw!important;
    line-height: 35px!important;
}
.frase-inicio {
    font-size: 40px;
	line-height: 45px;
}
.margen-coworking-1 {
    padding: 6vh 0% 0vh 0%;
}
	}
@media only screen and (max-width: 1152px) {	
div.item.align-v-center.align-h-left.w-80.gap-normal.text-h-high.has-bg.inviewport.show.bg-loaded {
    width: 1050px!important;
}
.links {
    padding: 0px 0px 0px 0px;
}
.subtitulos {
    font-size: 22px!important;
    line-height: 30px!important;
}	
.tags-servicios {
   height: 75px;
}
.titulos-extra {
    font-size: 32px!important;
}
}	
@media only screen and (max-width: 1056px) {	
h1.large {
	font-size: 3.5vw!important;
	}
.subtitulos {
    font-size: 20px;
    color: #222;
    letter-spacing: 0.3px;
    line-height: 30px;
}
.frase-inicio {
    font-size: 40px;
    line-height: 45px;
}
.titulos-extra {
    font-size: 30px!important;
}
}
@media only screen and (max-width: 1024px) {		
.m-mode .ptsc-list {
    margin-top: -20px;
}
.frase-inicio {
    font-size: 50px;
    line-height: 55px;
}
.titulos-extra {
    font-size: 40px;
    line-height: 30px;
}
.tags-servicios {
	font-size: 13px;
    line-height: 21px;
    margin-top: 10px;
	height: 60px;
}
footer a {
    font-size: 14px;
}
h1.large {
    line-height: 40px;
}
body.m-mode:not(.single) .main-content, .m-mode .post-banner ~ div {
    max-width: 100%;
}
.line-1 {
    line-height: 60px!important;
    font-size: 60px!important;
}
.line-2 {
    line-height: 60px!important;
    font-size: 60px!important;
}
.line-3 {
    line-height: 70px!important;
    font-size: 60px!important;
}
.item.gap-large .sc-inner {
    padding: 0vh 20% 3vh 25%!important;
}
.margen-home-2 {
    padding: 0vh 0% 0vh 0%;
}
.margen-coworking-1 {
    padding: 2vh 0% 0vh 0%;
}
.m-mode footer, footer.open {
   display: none;
}
div.item.align-v-center.align-h-left.w-80.gap-normal.text-h-high.has-bg.inviewport.show.bg-loaded {
    width: initial!important;
}
.item.w-80 .sc-inner {
    width: 100%;
	padding: 60px!important;
}
.m-mode .sc-inner {
    min-width: 80% !important;
    padding: 2% 8% 4% 8% !important;
}
.m-side {
    padding: 14% 10%;
}
.m-main-menu > ul > li {
    padding: 5% 0%;
}
.call-m-sub:after {
    top: 30px;
}
.call-m-right.btn {
    display: none;
}
}
@media only screen and (max-width: 800px) {			
.ptsc.pt-sc.sc-slider.mobile-fullscreen.mode-fade.non-needSwipe.pt-slider-root {
   height: 340px!important;
}
.sc-slider .text {
    max-width: initial;
}
.item.gap-large .sc-inner {
    padding: 0vh 20% 3vh 25%!important;
}
.margen-home-2 {
    padding: 0vh 0% 0vh 0%;
}
.margen-coworking-1 {
    padding: 2vh 0% 0vh 0%;
}
h1.large {
    font-size: 5vw!important;
}
.frase-inicio {
    font-size: 40px;
    line-height: 43px;
}
.titulo-contacto {
    font-size: 60px;
    line-height: 62px;
}
.ptsc.pt-sc.sc-mixbox.titulos-responsive {
    height: 100px;
    padding-top: 30px;
}
.m-side {
    padding: 20% 10%;
}
	}
@media only screen and (max-width: 640px) {	
.line-1 {
    line-height: 50px!important;
    font-size: 45px!important;
}
.line-2 {
    line-height: 50px!important;
    font-size: 45px!important;
}
.line-3 {
    line-height: 50px!important;
    font-size: 45px!important;
}
.frase-inicio {
    font-size: 35px;
    line-height: 40px;
}
.titulo-contacto {
    font-size: 55px;
    line-height: 55px;
}
.m-side {
    padding: 10% 10%;
}
.m-main-menu > ul > li {
    padding: 3% 0%;
}
.call-m-sub:after {
    top: 10px;
}
	}
@media only screen and (max-width: 480px) {	
.line-1 {
    line-height: 45px!important;
    font-size: 40px!important;
}
.line-2 {
    line-height: 45px!important;
    font-size: 40px!important;
}
.line-3 {
    line-height: 50px!important;
    font-size: 40px!important;
}
.item.w-80 .sc-inner {
    padding: 40px!important;
}
h1.large {
    font-size: 8vw!important;
}
.frase-inicio {
    font-size: 28px;
    line-height: 30px;
}
.titulo-contacto {
    font-size: 50px;
    line-height: 55px;
}
.links {
    font-size: 20px;
}
	}
@media only screen and (max-width: 375px) {	
.ptsc.pt-sc.sc-slider.mobile-fullscreen.mode-fade.non-needSwipe.pt-slider-root {
    height: 200px!important;
}
.line-1 {
    line-height: 40px!important;
    font-size: 32px!important;
}
.line-2 {
    line-height: 40px!important;
    font-size: 32px!important;
}
.line-3 {
    line-height: 42px!important;
    font-size: 32px!important;
}
.frase-inicio {
    font-size: 21px;
    line-height: 25px;
}
.titulo-contacto {
    font-size: 40px;
    line-height: 44px;
}
.m-side {
    padding: 50% 10%;
}
	}
@media only screen and (max-width: 320px) {	
.ptsc.pt-sc.sc-slider.mobile-fullscreen.mode-fade.non-needSwipe.pt-slider-root {
    height: 180px!important;
}
.line-1 {
    line-height: 30px!important;
    font-size: 24px!important;
}
.line-2 {
    line-height: 30px!important;
    font-size: 24px!important;
}
.line-3 {
    line-height: 34px!important;
    font-size: 24px!important;
}
.m-mode .intro.large {
    font-size: 1.6rem;
}
h1.large {
    font-size: 9vw!important;
}
.subtitulos-servicios {
    font-size: 21px!important;
	}
.frase-inicio {
    font-size: 18px;
    line-height: 21px;
}
.titulo-contacto {
    font-size: 32px;
    line-height: 40px;
}
	}