/*
CTC Separate Stylesheet
Updated: 2024-02-27 19:42:10
*/


* {
    margin:0;
    padding: 0;
	transition: all .4s ease;
}
::selection {  color: #FF5000; background: #000; }
.error404 h3:hover a { text-decoration: underline !important;}
.error404 .footer { display: none; }

/* Legal pages */
.legal h1 { font-size: 8vw !important; }
.legal p, .legal li, .legal td { font-size: 22px; line-height: 1.2; font-weight: 400; }
.legal li { color:#FF5000; }
.legal td { padding: 1em; }
.legal ol {     padding: 2% 6%; }
.legal .wp-block-table th { border-color:#FF5000; }
.legal .wp-block-table thead {    border-bottom: 0; background-color: #FF5000; font-size: 22px;  }
.legal a { text-decoration: underline; color: #FF5000; }

/* Header */
.page-id-7891 #burger+label>span, .page-id-7891 .burger-icon span,
.page-id-8570 #burger+label>span, .page-id-8570 .burger-icon span,
.page-id-8604 #burger+label>span, .page-id-8604 .burger-icon span { background: #000; }
 
.page-id-7891 .logo-header img,
.page-id-8570 .logo-header img,
.page-id-8604 .logo-header img { filter: brightness(0%); }

.menu-side a { color: #000; }

.logo-header { width: 30px; } 

/* Menu Side Pop up */
#elementor-popup-modal-8240 {
	z-index: 1;
	/* opacity:0;
	visibility: hidden; */
}
#elementor-popup-modal-8240 a:hover { text-decoration: underline; }
#burger-container {
    position: fixed;
    top: 4vw;
    right: 4vw;
    height: 45px;
    width: 62px;
    z-index: 5;
    transition: .5s;
}
/* .dialog-widget-content {
	opacity: 0;
	visibility: hidden;
} */
.active-sidemenu {
	right: 0; 
	opacity: 1 !important;
	visibility: visible !important;
}

.wpml-ls-current-language a span { text-decoration: underline !important; }
.wpml-ls-item a { padding: 0 10px; }
.wpml-ls-item:last-child a, .wpml-ls { padding: 0; }
.wpml-ls-legacy-list-horizontal a span {     vertical-align: inherit; }


/* Home */
.home-title svg {
    height: 11vw;
    width: auto !important;
}
.home-titlesub svg {
    height: 20vw;
    width: auto;
}

#home-animation::before {
    content: "DESIGN";
    animation: play 2s infinite;
    font-size: 16vw;
    line-height: 9vw;
    height: 11vw;
    width: auto;
    font-family: "KNOCKOUT HTF69", Sans-serif;
    color: #fff;
	font-weight:400;
	margin-top: 20px;
}
@keyframes play {
  0% { content: "DESIGN"; }
  50% { content: "BUILDERS"; }
  100% { content: "DESIGN"; }
}

.arrow-down {
    animation: down 5s infinite;
}

@keyframes down { 
    50% { transform: translate(0, 20px); }
 100% { transform: translate(0, 0); }
}

.indisciplinados svg {
    width: auto;
    height: 40vw;
}

.thisIs-section {
    position: sticky;
    min-height: 100vh;
    top: 0;
}

#videofondo {
    width: 94vw;
}

/* Cookies */
#cookie-law-info-again { display: none !important; }
#cookie-law-info-bar {
	background-image: url("/wp-content/uploads/2021/03/cookies-banner-bg.jpg");
	background-size: cover; 
	min-width: 60%; 
	padding: 40px;
	padding: 13px 20px;
text-align: left;
box-sizing: border-box;

inset: auto auto 30px 30px;
width: 445px;
height: auto;
max-height: 1040px;
overflow: auto;
position: fixed;
box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px;
display: block;
}
#cookie-law-info-bar a {
	color: #fff;
}
#cookie-law-info-bar .cli-bar-messageTop{font-size: 3.2vw; font-weight: bold; letter-spacing: -3px; position: relative; color: #fff;}
#cookie-law-info-bar .cli-bar-messageTop .cookie_action_close_header{position: absolute; right: 0px; margin: 0px !important; padding: 0px !important; text-decoration: underline;}
#cookie-law-info-bar .cli-bar-message{font-weight: bold; letter-spacing: -0.5px; line-height: 1em; width: 60% !important; float: left; color: #fff; }
#cookie-law-info-bar .cli-bar-btn_container{float: left; text-align: right; width: 40%; font-size: 1.2vw; font-weight: bold; letter-spacing: -0.02vw;}

@media screen and (max-width: 500px){ #cookie-law-info-bar{padding: 15px;}
 #cookie-law-info-bar .cli-bar-messageTop {font-size: 45px; line-height: 50px;}
 #cookie-law-info-bar .cli-bar-messageTop .cookie_action_close_header{position: initial; margin-top: 30px !important; margin-bottom: 10px !important; display: block;}
 #cookie-law-info-bar .cli-bar-messageBot{display: flex; flex-direction: column-reverse;}
 #cookie-law-info-bar .cli-bar-message{width: 100% !important;}
 #cookie-law-info-bar .cli-bar-btn_container{text-align: left; font-size: 25px; width: 100%; margin-bottom: 40px;}
}


/* ABOUT */
.rotate-90 { transform: rotate(90deg); margin-top: 120px; }
.about-anchors-container { height: 40vw; }

.about-anchors-container:hover { background: #000; }
.about-anchors-container:hover h2 { color:#fff !important; }
 
.member-li-icon::after {
    content:'';
    display: block;
    position: absolute;
    top:0px;
    left: -6px;
    z-index: -1;
    background-color: #FF5000;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.vermas-btn, .vermas-cerrar { cursor: pointer; }
.vermas-box { display: none; }
.show { display: block; }



/* METHOD */
.methods .pasos { position: absolute; z-index: 1; }
.methods .pasos:hover { color: #cacaca; transform: scale(1.3,1.3); }

.methods .paso1 { top: -1%; left: 33vw; }
.methods .paso2 { top: -1%; left: 58vw; }
.methods .paso3 { top: 18%; left: 70vw; }
.methods .paso4 { top: 47%; left: 75vw; }
.methods .paso5 { top: 76%; left: 70vw; }
.methods .paso6 { top: 97%; left:58vw; }
.methods .paso7 { top: 97%; left: 33vw; }
.methods .paso8 { top: 76%; left: 21vw; }
.methods .paso9 { top: 47%; left: 16vw; }
.methods .paso10 { top: 18%; left: 20vw; }

.pasoContenedor h4 {
    font-size: 2vw;
    margin-bottom: 0px;
    display: block;
    text-align: center;
    color: #FF5000;
    background: url(/wp-content/uploads/2020/07/separador.png) no-repeat;
    height: 40px;
    background-size: 100%;
    background-position: 0px -5px;
}
.stepTitle h2 {
    margin-bottom: -10px;
}
.arrowMiddle {
    animation: down 5s infinite;
}




/* PROJECTS */
.pr-card .elementor-flip-box__front, .pr-card .elementor-flip-box__back {
	background-size: cover;
    background-position: center center;
}



/* Footer Newsletter */
.footer a {
   color:#fff; 
}
.footer a:hover {
    text-decoration: underline;
}
.ft-logo .slogan svg {
    height: 24vw;
	width: auto;
}
#footer_newsletter form {
    display: flex;
    justify-content: center;
}
#footer_newsletter p {
   font-size: 3vw;
    line-height: 3vw; 
    color: #000;
    margin-bottom: 0;
	display: flex;
}
#footer_newsletter form input {
    font-size: 3vw;
    line-height: 3vw;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    display: inline;
    padding: 0;
}

#footer_newsletter form input[type=email] { 
    border: none;
    width: 28vw;
    background-color: transparent; 
    color: black;
    
}
#footer_newsletter form input[type=submit] {
    border: none;
    background-color: transparent;
    color: white;
    font-weight: 600;
    margin-top: 2px;
    
}
#footer_newsletter .wpcf7, #footer_newsletter .wpcf7 form { 
    display: flex;
}
::-webkit-input-placeholder { /* Edge */
 color: black; text-decoration: underline; }
:-ms-input-placeholder { /* Internet Explorer */
 color: black; text-decoration: underline; }
::placeholder { color: black; text-decoration: underline; }





/* ----------------------------------------- Responsive ----------------------------------------- */
@media screen and (max-width:768px) {
    #footer_newsletter form input, #footer_newsletter p { font-size: 20px; line-height: 1em; }
	
	.methods .paso1 { left: 23vw; }
    .methods .paso2 { left:64vw; }
    .methods .paso3 { left:75vw; }
    .methods .paso4 { left:80vw; }
    .methods .paso5 { left:75vw; }
    .methods .paso6 { left:60vw; }
    .methods .paso7 { left:28vw; }
    .methods .paso8 { left:9vw; }
    .methods .paso9 { left:3vw; }
    .methods .paso10 { left:7vw; }
	
	.vermas-box p, .knockmember span { font-size: 16px !important; }
	
	/* Proyectos card */
	.elementor-flip-box--effect-fade .elementor-flip-box .elementor-flip-box__back {
		opacity: 1 !important;
    	display: flex;
    	flex-direction: column-reverse;
	}
	.elementor-flip-box__layer__overlay {
		height: auto !important;
    	background-color: #fff !important;
    	border-bottom: 10px solid #ff5101;
    	padding: 10px !important;
	}
	.elementor-flip-box__layer__overlay h4 {
		color: #000;
    	text-align: left;
    	margin: 0;
	}
	
	
}

@media screen and (max-width:700px) {
    .rotate-90 { margin-top: 40px; }
    .about-anchors-container { height: 70vw; }
}