/*
	Theme Name: TEKVeKTtdscMqZRGChwJvaat4
	Text Domain: TEKVeKTtdscMqZRGChwJvaat4
*/

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

@font-face 
{
    font-family: 'poppins-extrabold';
    src: url('fonts/Poppins-ExtraBold.eot');
    src: url('fonts/Poppins-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraBold.woff2') format('woff2'),
        url('fonts/Poppins-ExtraBold.woff') format('woff'),
        url('fonts/Poppins-ExtraBold.ttf') format('truetype'),
        url('fonts/Poppins-ExtraBold.svg#Poppins-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face
{
	font-family:'poppins-bold';
	src:url('fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins-Bold.woff') format('woff'),
		url('fonts/Poppins-Bold.ttf')format('truetype'),
		url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face
{
	font-family:'poppins-semibold';
	src:url('fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins-SemiBold.woff') format('woff'),
		url('fonts/Poppins-SemiBold.ttf')format('truetype'),
		url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face
{
	font-family:'poppins-medium';
	src:url('fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins-Medium.woff') format('woff'),
		url('fonts/Poppins-Medium.ttf')format('truetype'),
		url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face 
{
    font-family: 'poppins-italic';
    src: url('fonts/Poppins-Italic.eot');
    src: url('fonts/Poppins-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-Italic.woff2') format('woff2'),
        url('fonts/Poppins-Italic.woff') format('woff'),
        url('fonts/Poppins-Italic.ttf') format('truetype'),
        url('fonts/Poppins-Italic.svg#Poppins-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face
{
	font-family:'poppins-regular';
	src:url('fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins-Regular.woff') format('woff'),
		url('fonts/Poppins-Regular.ttf')format('truetype'),
		url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face
{
	font-family:'poppins-light';
		src:url('fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Poppins-Light.woff') format('woff'),
		url('fonts/Poppins-Light.ttf')format('truetype'),
		url('fonts/Poppins-Light.svg#Poppins-Light') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face 
{
    font-family: 'poppins-extralight';
    src: url('fonts/Poppins-ExtraLight.eot');
    src: url('fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Poppins-ExtraLight.woff2') format('woff2'),
        url('fonts/Poppins-ExtraLight.woff') format('woff'),
        url('fonts/Poppins-ExtraLight.ttf') format('truetype'),
        url('fonts/Poppins-ExtraLight.svg#Poppins-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body 
{
	font-size: 16px;
}
img
{
	border:none;
	display:block;
}
input , select 
{
    -webkit-appearance: none;	
}
li
{
	list-style:none;
}
a
{
	text-decoration:none;
	display:block;
}
p 
{
	margin:0;
}

.relative 
{
	position:relative;
}
.center-full
{
    width:90%;
    margin: 0 auto;
}
.center
{
    width: 85em;
    margin: 0 auto;
}

.clear
{
	clear:both;
}
.alignright 
{
    float: right;
    margin-left: 30px;
    margin-bottom: 15px;
}
.alignleft 
{
    float: left;
    margin-right: 30px;
    margin-bottom: 15px;
}
.aligncenter 
{
    margin: 0 auto;
    text-align: center;
    display: inherit;
}
* 
{
	box-sizing: border-box;
}
*:focus
{
	outline:none;
}
input[type="checkbox"]
{
	width: 18px;
    height: 18px;
    border: 2px solid #0F69B2;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    margin-right: 10px;
    top: -1px;
    position: relative;
}
input[type="checkbox"]:checked 
{
	background-color: #0F69B2 !important;
}

#container-module-header
{
	width: 100%;
    background: #000;
    padding: 4.5em 0 5em 0;
}
#container-module-header .row
{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#container-module-header .column-logo 
{
    font-size:1em;
}
#container-module-header .column-logo img 
{
    width: 12em;
}
#container-module-header .column-menu
{
    width: auto;  
	padding-top: 2em;
}
#container-module-header .column-menu ul
{
    display: flex;
    align-items: center;   
	gap: 1.5em;
}
#container-module-header .column-menu ul li
{
	position:relative;
}
#container-module-header .column-menu ul li.current-menu-item a
{
	color: #FFDE00;
}
#container-module-header .column-menu ul li a
{
    font: 1.2em / 1em poppins-regular;
    color: #fff;
    transition: all 0.3s ease-in-out;
	text-transform:uppercase;
}
#container-module-header .column-menu ul li a:hover
{
    color: #FFDE00;
}
#container-module-header .column-menu ul li:last-child a
{
    font-family:poppins-semibold;
    padding: 0.385em 0.65em;
    background: #FFDE00;
    color: #000;
    border-radius: 0.385em;
	transition: all 0.3s ease-in-out;
}
#container-module-header .column-menu ul li:last-child a:hover
{
	transform: translateY(-0.25em);
}

#container-module-banner
{
    width: 100%;
    background: #000;
    padding-bottom: 4.375em;
    border-bottom-left-radius: 5em;
    border-bottom-right-radius: 5em;
}
#container-module-banner .row
{
	width:100%;
	display:flex;
	justify-content:space-between;  
	align-items: center;
}
#container-module-banner .column-left
{
	width:45%;
}
#container-module-banner .column-left h4
{
    font: 1.85em / 1em poppins-bold;
    color: #FFDE00;
    margin-bottom: 1em;
    padding-left: 3.25em;
	position:relative;
}
#container-module-banner .column-left h4:before
{
    content: "";
    background: #FFDE00;
    position: absolute;
    left: 0;
    height: 1px;
    width: 2.75em;
    top: 0.5em;
}


#container-module-banner .column-left h3
{
	font: 5.6em / 1em poppins-extrabold;
    color: #fff;
    letter-spacing: -1px;
    white-space: nowrap;
}
#container-module-banner .column-left h2
{
    font: 7.6em / 1em UTMarmalade;
    color: #FFDE00;
    letter-spacing: -1px;
    line-height: 1em;
    display: block;
    margin-top: -0.325em;
    margin-left: 0.15em;  
	white-space: nowrap;
}
#container-module-banner .column-left .text
{
    margin-top: 3em;
    margin-bottom: 2em;
}
#container-module-banner .column-left .text p
{
    font: 1.45em / 1.3em poppins-regular;
    color: #fff;
    width: 110%;
}
#container-module-banner .column-right
{
    width: 60%;
    margin-right: -3.75%;
}
#container-module-banner .column-right img
{
    margin: 0 auto;
    width: 100%;
    height: 35em;
    object-fit: contain;
}
#container-module-banner .imagehome img
{
    height: 35em;
    object-fit: contain;
}
#container-module-banner .column-right ul
{
    width: 100%;
    display: flex;
    justify-content: center;  
	gap: 5em;
	margin-bottom:2.375em;
}
#container-module-banner .column-right ul li
{
	display:flex;
	flex-flow:column;
}
#container-module-banner .column-right ul li b
{
	font:  3.6em / 1em poppins-bold;
    color: #FFDE00;  
	letter-spacing: -1px;
}
#container-module-banner .column-right ul li span
{
    font: 0.95em / 1em poppins-regular;
    color: #FFDE00;
    text-align: center;
}
#container-module-banner .slick-dots
{
    width: 100%;
    display: flex;
    justify-content: center;  	
	gap:0.8em; 
	margin-top: 2em;
}
#container-module-banner .slick-dots li.slick-active button
{
	background:#fff;
}
#container-module-banner .slick-dots li button
{
    width:0.9em;
	height:0.9em;
	background:#FFDE00;
	border-radius:50%;
	border:none;
	color:transparent;
}



#container-module-carousel
{
    width: 100%;
    background: #fff;
    padding: 4.375em 0 0 0;
}
#container-module-carousel h2
{
    text-align: center;
    font: 2.175em / 1em poppins-medium;
    color: #000;	
	letter-spacing: -1px;
}
#container-module-carousel h2 b
{
    font-family:poppins-extrabold;
}
#container-module-carousel .row
{
    width: 100%;
	margin:1em 0 2em 0;
}
#container-module-carousel .row .column img
{
    width: auto;
    margin: 0 auto;
    height: 11em;
    object-fit: contain;   
	transition: all 0.3s ease-in-out;
	filter: grayscale(100%);
}
#container-module-carousel .row .column img:hover
{
	filter: inherit;
}


#container-module-about
{
    width: 100%;
    background: #000;
    padding: 10.375em 0 5em 0;
    border-top-left-radius: 5em;
    border-top-right-radius: 5em;
}
#container-module-about .row
{
	width: 85%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto;
}
#container-module-about .column-left
{
	width:45%;
}
#container-module-about .column-left img
{
    width: 28em;
    height: auto;
	margin-top:1.75em;
}
#container-module-about .column-right
{
	width:53%;
}
#container-module-about .column-right h2
{
    font: 1.85em / 1em poppins-bold;
    color: #FFDE00;
    margin-bottom: 1.375em;
    position: relative
}
#container-module-about .column-right .text p
{
    font: 1.7em / 1.3em poppins-regular;
    color: #fff;
    width: 100%;
}




#container-module-services
{
    width: 100%;
    background: #000;
    padding: 3em 0 7em 0;
}
#container-module-services h2
{
    font: 4.75em / 1em poppins-bold;
    color: #FFDE00;
    text-align: center;
    letter-spacing: -2px;	
}
#container-module-services .row
{
	margin-top:4em;
    display:flex;
	flex-flow:row wrap; 
	justify-content: space-between;
	gap:1%;
}
#container-module-services .row .column
{
    width: 48.75%;
    margin: 1% 0;
}
#container-module-services .row .column img
{
	width: 100%;
    height: auto;
    border-radius: 3em;
}
#container-module-services .row .column:nth-child(3),
#container-module-services .row .column:nth-child(4),
#container-module-services .row .column:nth-child(5)
{
    width: 31.75%;
}





#container-module-contact
{
    width: 100%;
    background: #FFDE00;
    padding: 8em 0 8em 0;
}
#container-module-contact .row
{
    display:flex;  
	align-items: center;
	flex-flow:row wrap; 
	justify-content: space-between;
}
#container-module-contact .row .column-left
{
    width: 45%;
}
#container-module-contact .row .column-left img
{
	width: 100%;
    height: auto;
}
#container-module-contact .row .column-right
{
	width: 35%;
    display: flex;
    justify-content: flex-end;
}
#container-module-contact .row .column-right a
{
    font: 2.575em / 1em poppins-semibold;
    color: #FFDE00;
    background: #000;
    padding: 0.6em 0.85em;
    display: flex;
	align-items: center;
    gap: 0.3em;
    justify-content: center;
    border-radius: 0.35em;	
	transition: all 0.3s ease-in-out;
}
#container-module-contact .row .column-right a i
{
    width:1.25em;
    height:1.25em;
	background:url("images/icon-whatsapp.svg") no-repeat center / contain;
}
#container-module-contact .row .column-right a:hover 
{
    box-shadow: 0 0 25px rgb(0 0 0 / 30%);
    transform: translateY(-0.25em);
}




#container-module-footer
{
    width: 100%;
    background: #000;
    padding: 4.25em 0;
}
#container-module-footer .row
{
    display:flex;  
	align-items: center;
	flex-flow:row wrap; 
	justify-content: space-between;
}
#container-module-footer .row .column-social
{
    width: 20%;
}
#container-module-footer .row .column-social .social 
{
    width: fit-content;
    display: flex;
	gap:1.175em;
}
#container-module-footer .row .column-social .social a img
{
    width: 3.75em;
    height: auto; 	
    transition: all 0.3s ease-in-out;  
	filter: brightness(0) invert(1);
}
#container-module-footer .row .column-social .social a:hover img
{
	filter: inherit;
}
.btn-link
{
    font: 1.15em / 1em poppins-semibold;
    padding: 0.385em 0.65em;
    background: #FFDE00;
    color: #000;
    border-radius: 0.5em;
    display: table;
    margin-top: 1em;
    text-transform: uppercase;
    letter-spacing: -0.5px;
	transition: all 0.3s ease-in-out;
}
.btn-link:hover
{
	transform: translateY(-0.25em);
}
#container-module-footer .row .column-copy
{
	width: 30%;
    text-align: center;
}
#container-module-footer .row .column-copy span
{
    font: 1.575em / 1em poppins-regular;
    color: #fff;   
}

#container-module-footer .row .column-brand
{
	width: 20%;
    height: auto;
}
#container-module-footer .row .column-brand img
{
	width: 100%;
    height: auto;   
	filter: brightness(0) invert(1);
}

.banner-branding
{
	border-radius:0 !important;
}
.banner-branding .column-right 
{
    width: 55% !important;
    margin-right: -5% !important;
}
.banner-branding img {
    width: 90% !important;
}


.banner-social-media
{
	border-radius:0 !important;
}
.banner-social-media .column-right {
    width: 45% !important;
    margin-right: 3% !important;
}

.banner-web
{
	border-radius:0 !important;
}

#container-module-branding
{
    width: 100%;
    background: #000;
    padding: 4em 0 9em 0;
}
#container-module-branding .row
{
    display:flex;  
	align-items: center;
	flex-flow:row wrap; 
	justify-content: flex-start; 
	gap: 2.5%;
}
#container-module-branding .row .column
{
    width: 31.5%;
    margin-bottom: 3em;
	transition: all 0.3s ease-in-out;
	cursor:pointer;
}
#container-module-branding .row .column:hover
{
	transform: translateY(-0.35em);
}



#container-module-branding .row .column .image
{
    width: 100%;
    overflow: hidden;
    border-radius: 2.5em;
}
#container-module-branding .row .column .image img
{
    width: 100%;
	object-fit:cover;
    transform-origin: center;
}
#container-module-branding .row .column h3
{
    font: 1.7em / 1em poppins-bold;
    color: #fff;
    margin: 0.875em 0 0 0;
}
#container-module-branding .row .column h4
{
	font: 1.625em / 1.2em poppins-regular;
    color: #fff;
    padding: 0.25em 0;
}


#container-module-videos
{
    width: 100%;
    background: #000;
    padding: 4em 0 7em 0;
}
#container-module-videos .row
{
    display:flex;  
	align-items: center;
	flex-flow:row wrap; 
	justify-content: space-between;
}
#container-module-videos .row .column
{
    width: 30%;
    margin-bottom: 3em;
}
#container-module-videos .row .column h4
{
	font: 6.75em / 1em UTMarmalade;
    color: #FFDE00;
    letter-spacing: -1px;
    line-height: 1em;
    display: block;
}
#container-module-videos .row .column h3
{
    font: 5.375em / 0.9em poppins-extrabold;
    color: #fff;
    letter-spacing: -1px;
    display: block;
}
#container-module-videos .row .column-videos
{
	width: 65%;
    margin-right: 5%;
}
#container-module-videos .row .column-videos
{
    position:relative;
}
#container-module-videos .row .column-videos video
{
    width: 90%;
    border-radius: 2.375em;
    min-height: 27vw;
    object-fit: cover;
}
#container-module-videos .row .column-videos .slick-prev
{
    display:none !important;
}
#container-module-videos .row .column-videos .slick-next
{
	width: 5em;
    height: 6em;
    background: url("images/icon-arrow.svg") no-repeat center / contain;
    border: none;
    right: -5.375em;
    position: absolute;
    top: 40%;
    padding: 0;
	color:transparent;
	cursor:pointer;
}


#container-module-piezas
{
    width: 100%;
    background: #000;
    padding: 0 0 5em 0;
}
#container-module-piezas h2
{
    font: 5.25em / 1em poppins-bold;
    color: #FFDE00;
    text-align: center;
    letter-spacing: -2px;	
}
#container-module-piezas .row
{
    display:flex;  
	align-items: center;
	flex-flow:row wrap; 
	justify-content: flex-start; 
	gap: 2.5%;
	margin-top:4.375em;
}
#container-module-piezas .row .column
{
    width: 31.5%;
    margin-bottom: 3em;
	position:relative;
	cursor:pointer; 
	transition: all 0.3s ease-in-out;
}
#container-module-piezas .row .column:hover 
{
    transform: translateY(-0.5em);
}


#container-module-piezas .row .column .image
{
    width: 100%;
    overflow: hidden;
    border-radius: 2.5em;
}
#container-module-piezas .row .column .image img
{
    width: 100%;	
	object-fit:cover;
    transform-origin: center;
	transition: all 0.3s ease-in-out;
}
#container-module-piezas .row .column .content
{
    width: 100%;
    height: 100%;
	position: absolute;
	top:0;
	left:0; 
	border-radius: 2.5em;
}
#container-module-piezas .row .column .content:after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
        to top,
        rgba(0,0,0,.95) 0%,
        rgba(0,0,0,.75) 20%,
        rgba(0,0,0,.35) 45%,
        rgba(0,0,0,0) 70%
    );
}
#container-module-piezas .row .column .content div
{
    width: 100%;
    position: absolute;
    bottom: 1.5em;
    left: 0;
    right: 0;
    z-index: 9;
    text-align: center;
}
#container-module-piezas .row .column .content div h3
{
    font: 2.175em / 1em poppins-bold;
    color: #fff;
}
#container-module-piezas .row .column .content div h4 {
    font: 1.375em / 1.2em poppins-regular;
    color: #fff;
    padding: 0.175em 0;
}


.banner-ads
{
    width: 100%;
    display: flex;
    justify-content: center;
}
.banner-ads h3
{
    font: 1.8em / 1em poppins-bold;
    padding: 0.325em 2.375em;
    border: 1px solid #FFDE00;
    color: #FFDE00;
    border-radius: 0.25em;
    display: table;
    margin-top: 1em;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    background: #ffde001f;
}





#container-module-portfolio
{
    width: 100%;
    background: #000;
    padding: 3em 0 9em 0;
}
#container-module-portfolio .row
{
    display:flex;  
	align-items: center;
	flex-flow:row wrap; 
	justify-content: flex-start; 
	gap: 2.5%;
}
#container-module-portfolio .row .column
{
    width: 31.5%;
    margin-bottom: 3em;  
	cursor: pointer;
    transition: all 0.3s ease-in-out;
}
#container-module-portfolio .row .column:hover {
    transform: translateY(-0.5em);
}
#container-module-portfolio .row .column .image
{
    width: 100%;
    overflow: hidden;
    border-radius: 2.5em;
}
#container-module-portfolio .row .column .image img
{
    width: 100%;
	object-fit:cover;
    transform-origin: center;
}
#container-module-portfolio .row .column h3
{
    font: 1.7em / 1em poppins-bold;
    color: #fff;
    margin: 0.875em 0 0 0;
}
#container-module-portfolio .row .column h4
{
	font: 1.625em / 1.2em poppins-regular;
    color: #fff;
    padding: 0.25em 0;
}
.row-menu
{
	width:100%;
	display:flex;
	justify-content:center;
	gap:1em;   
    margin-bottom: 5em;
}
.row-menu a
{
    font: 1.8em / 1em poppins-bold;
    padding: 0.3755em 1.175em;
    border: 1px solid #FFDE00;
    color: #FFDE00;
    border-radius: 0.5em;
    display: table;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    background: #ffde001f;
}
.row-menu a.active
{
    background:#FFDE00;
    color: #000000;
}


#popup-global {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

#popup-global-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
}

#popup-global-box {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 80em;
    max-height: 90vh;
}

#popup-global-close {
    position: absolute;
    top: -2em;
    right: -2.5em;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    border: 1px solid #fff;
    font-weight: 700;
    font-size: 2em;
    cursor: pointer;
    z-index: 10;
    font-family: poppins-medium;
    background: none;
    color: #fff;
	transition: all 0.3s ease-in-out;
}
#popup-global-close:hover
{
	background:#fff;
	color:#000;
}


#popup-global-body {
    overflow-y: auto;
    max-height: 80vh;
    -webkit-overflow-scrolling: touch;
}

#popup-global-body img {
    display: block;
    width: 100%;
    height: auto;
}

.btn-whastapp
{
    display: block;
    background: url("images/icon-num-whatsapp.svg");
    background-repeat: no-repeat;
    background-position: center;
	background-size: contain;
    position: fixed;
    bottom: 3em;
    right: 3em;
    width: 4.75em;
    height: 4.75em;
    border-radius: 50%;
    z-index: 999;

}

#popup-global ::-webkit-scrollbar 
{
	-webkit-appearance: none;
}
#popup-global ::-webkit-scrollbar:vertical 
{
	width:15px;
	background:#000;
	border:3px solid #FFDE00;
}
#popup-global ::-webkit-scrollbar-button:increment,
#popup-global ::-webkit-scrollbar-button 
{
	display: none;
} 
#popup-global ::-webkit-scrollbar:horizontal 
{
	height: 5px;
}
#popup-global ::-webkit-scrollbar-thumb 
{
	background-color: #FFDE00;
	border: 0px solid #FFDE00;
}
#popup-global ::-webkit-scrollbar-track 
{
	border-radius: 0px;  
}




.column-menu-mobile
{
    display: none;
}
.container-menu-mobile
{
	display:none;
}



@media screen and (max-width:1760px)
{

	body 
	{
		font-size: 14px;
	}


}



@media screen and (max-width:1100px)
{

	body 
	{
		font-size: 8px;
	}
	.center ,
	.center-footer
	{
		width: 90%;
	}
	
	
	
	
	
	
	
	
	
	

}

@media screen and (max-width:760px)
{
	
	body 
	{
		font-size: 10px;  
	}
	.column-menu
	{
		display:none;
	}
	#container-module-banner .row {
		flex-flow:column;
	}
	#container-module-banner .column-left {
		width: 100%;  
        text-align: center;
	}
	#container-module-banner .column-right {
		width: 100%;
	}	
	#container-module-banner .column-left h3 {
		font: 3.6em / 1em poppins-extrabold;
		letter-spacing: -1px;
	}
	#container-module-banner .column-left h2 {
		font: 5.6em / 1em UTMarmalade;
		letter-spacing: -1px;
		margin-left:0;
	}
	#container-module-header {
		padding: 1.5em 0;
	}
	#container-module-banner .column-left h4 {
		margin-top: 1em;
		padding-left: 0;
	}
	#container-module-banner .column-left h4:before
	{
		display:none;
	}
	
	#container-module-banner .column-left .text p br 
	{
		display:none;
	}	
	#container-module-banner .column-right ul {
		gap: 3em;  
		font-size: 14px;
	}
	#container-module-banner .imagehome img {
		height: auto;
	}
	#container-module-banner .column-right
	{
		width:100% !important;
	}	
	#container-module-banner .column-right img
	{
		width:100% !important;
		height: auto !important;
	}
	
	#container-module-banner .slick-dots li button {
		width: 0.7em;
		height: 0.7em;
		padding: 0;
	}
	#container-module-banner .column-left .text p
	{
		width:100%;
	}
	
	#container-module-about {
		padding: 5.375em 0 5em 0;
	}
	#container-module-about .row {
		flex-flow:column;   
		width: 100%;
	}
	#container-module-about .column-left {
		width: 100%;
		text-align: center;
	}
	#container-module-about .column-left img {
		width: 22em;
		height: auto;
		display: table;
		margin: 0 auto;
	}
	#container-module-about .column-right {
		width: 100%;
		margin-top: 3em;
		text-align: center;
		padding:0 2.5%;
	}
	#container-module-about .column-right .text p br 
	{
		display:none;
	}	
	#container-module-about .column-right .text p {
		font: 1.6em / 1.3em poppins-regular;
	}
	
	#container-module-services .row {
		margin-top: 3em;
	}
	#container-module-services h2 {
		font: 3.75em / 1em poppins-bold;
		letter-spacing: -1px;
	}
	#container-module-banner .column-left .text p
	{
		font: 1.5em / 1.3em poppins-regular;
	}
	#container-module-services .row .column {
		width: 100% !important;
		margin: 1em 0;
	}
		
	#container-module-contact .row .column-left {
		width: 100%;
	}
	#container-module-contact .row .column-left img {
        width: 25em;
        height: auto;
        margin: 0 auto;
	}	
	#container-module-contact .row .column-right {
		width: 100%;
		justify-content: center;
		margin-top: 3em;
		font-size: 9px;
	}
	.column-brand
	{
		display:none;
	}
	#container-module-footer .row .column-social {
		width: 100%;
	}
	#container-module-footer .row .column-social .social {
		margin: 0 auto;
	}
	.btn-link {
		font: 1.6em / 1em poppins-semibold;
		margin: 0 auto;
		margin-top: 1em;
	}
	#container-module-footer .row .column-copy {
		width: 100%;
		margin-top: 3em;
		text-align: center;
	}
	.btn-whastapp {
		right: 1.5em;
	}	
	#container-module-branding .row .column {
		width: 100%;
		margin-bottom: 3em;
	}
	#container-module-branding .row .column h3 {
		font: 2em / 1em poppins-bold;
	}	
	#container-module-branding .row .column h4 {
		font: 1.6em / 1.2em poppins-regular;
	}
	#popup-global-close {
		top: -2.75em;
		right: 0em;
	}
	
	#container-module-portfolio {
		padding: 3em 0 5em 0;
	}
	#container-module-portfolio .row .column {
		width: 100%;
		margin-bottom: 3em;
	}
	#container-module-portfolio .row .column h3{
		font: 2em / 1em poppins-bold;
	}	
	#container-module-portfolio .row .column h4 {
		font: 1.6em / 1.2em poppins-regular;
	}
	.row-menu {
		gap: 5px;
	}
	.row-menu a {
		font: 1.6em / 1em poppins-bold;
		padding: 0.3755em 0.5em;
		display: flex;
		text-align: center;
		align-items: center;
	}
	#container-module-videos .row .column {
		width: 100%;
		margin-bottom: 3em;  
		font-size: 7px;
		text-align:center;
	}
	#container-module-videos .row .column-videos .slick-next
	{
		display:none;
	}
	#container-module-videos .row .column-videos video {
		width: 100%;
		min-height: auto;
	}
	#container-module-videos h2 {
		font: 3.75em / 1em poppins-bold;
		letter-spacing: -1px;
	}
	#container-module-videos .slick-dots
	{
		width: 100%;
		display: flex;
		justify-content: center;  	
		gap:0.8em; 
		margin-top: 2em;
	}
	#container-module-videos .slick-dots li.slick-active button
	{
		background:#fff;
	}
	#container-module-videos .slick-dots li button
	{
		width:0.7em;
		height:0.7em;
		background:#FFDE00;
		border-radius:50%;
		border:none;
		color:transparent;
		padding:0;
	}
	#container-module-videos .row .column-videos {
		width: 75%;
		margin: 0 auto;
	}
		
	#container-module-piezas h2{
		font: 3.75em / 1em poppins-bold;
		letter-spacing: -1px;
	}
	.banner-ads h3 {
		font: 2em / 1em poppins-bold;
		padding: 0.325em 0.5em;
	}
	#container-module-piezas .row .column {
		width: 100%;
	}
	#container-module-header .column-logo img {
		width: 16em;
	}
	.column-menu-mobile
	{       
		width: 3.75em;
		display:flex;
		flex-flow:column;
		gap:5px;  
		position: relative;
	}	
	.column-menu-mobile span
	{
		width:100%;
		height:3px;
		background:#fff;
	}
	
	.close-menu-mobile 
    {
        margin-top:-2em;
    }	
	
	.close-menu-mobile span:nth-child(1)
    {
        opacity: 0;
    }
    
    .close-menu-mobile span:nth-child(2)
    {
        transform: rotate(45deg);
        position: absolute;
        top: 9px;
    }
    
    .close-menu-mobile span:nth-child(3)
    {
        transform: rotate(-45deg);
        position: absolute;
        top: 9px;
    }
    
    .container-menu-mobile
    {
		width: 100%;
        background: #000;
        position: fixed;
        z-index: 99;
        overflow: auto;
        height: calc(100vh - 5em);
        top: 6em;
        padding: 5em 0;
        font-size: 14px;
        display: none;
    }
    
    .row-menu-mobile 
    {
        width: 90%;
        margin: 0 auto;
    }
	.row-menu-mobile ul
	{
		display: flex;
		flex-flow:column;
		align-items: center;   
		gap: 1.5em;
	}
	.row-menu-mobile ul li
	{
		position:relative;
	}
	.row-menu-mobile ul li.current-menu-item a
	{
		color: #FFDE00;
	}
	.row-menu-mobile ul li a
	{
		font: 1.5em / 1em poppins-regular;
		color: #fff;
		transition: all 0.3s ease-in-out;
		text-transform:uppercase;
	}
	.row-menu-mobile ul li a:hover
	{
		color: #FFDE00;
	}
	.row-menu-mobile ul li:last-child a
	{
		font-family:poppins-semibold;
		padding: 0.385em 0.65em;
		background: #FFDE00;
		color: #000;
		border-radius: 0.385em;
		transition: all 0.3s ease-in-out;
	}
	.row-menu-mobile ul li:last-child a:hover
	{
		transform: translateY(-0.25em);
	}
	
	#container-module-contact {
		padding: 6em 0;
	}
	
	
}