/******************************************************************
  Theme Name: Staging
  Description: Staging bootstrap tamplate
  Author: Colorib
  Author URI: https://www.colorib.com//
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Banner Section
6.  Product Section
7.  Intagram Section
8.  Latest Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/
@font-face {
	font-family : 'Lufga-Medium';
	src         : url('../fonts/Lufga-Medium.otf') format('opentype');
	font-display: swap;
}

@font-face {
	font-family : 'Magdalena-Regular';
	src         : url('../fonts/Magdalena-Regular.otf') format('opentype');
	font-display: swap;
}

@font-face {
	font-family : 'Lufga-Regular';
	src         : url('../fonts/Lufga-Regular.otf') format('opentype');
	font-display: swap;
}

@font-face {
	font-family : 'Lufga-ExtraLight';
	src         : url('../fonts/Lufga-ExtraLight.otf') format('opentype');
	font-display: swap;
}

html,
body {
	height                : 100%;
	font-family           : "Lufga-Regular", sans-serif;
	-webkit-font-smoothing: antialiased;
}

html {
	scroll-behavior: smooth;
}


.hidden {
	overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin      : 0;
	color       : #111111;
	font-weight : 400;
	font-family : "Magdalena-Regular", sans-serif;
	font-display: swap;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 45px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size   : 15px;
	font-family : 'Lufga-ExtraLight', sans-serif;
	color       : #30373c;
	font-weight : 200;
	line-height : 25px;
	margin      : 0 0 15px 0;
	font-display: swap;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline        : none;
	color          : #ffffff;
}

ul,
ol {
	padding: 0;
	margin : 0;
}

::placeholder {
	color       : rgba(104, 104, 104, 0.473);
	font-size   : 1rem;
	font-display: swap;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	text-align   : left;
	margin-bottom: 60px;
	margin-top   : 0px;
	box-sizing   : border-box;
}

.G-inspeccion {
	color: #83634b;
}


/*----------------------
  titulo de Bienvenidos |
-----------------------*/

.welcome {
	display       : inline-block;
	position      : relative;
	color         : #83634b;
	line-height   : 50px;
	padding-bottom: 10px;
	overflow      : hidden;
}

.welcome::after {
	content           : '';
	position          : absolute;
	left              : 3px;
	bottom            : 0;
	width             : 0px;
	height            : 2.5px;
	background-color  : #957d69;
	/* Prefijos para la propiedad transition */
	-webkit-transition: width 1s ease-in-out 0.3s;
	/* Para navegadores basados en WebKit (Chrome, Safari) */
	-moz-transition   : width 1s ease-in-out 0.3s;
	/* Para Firefox */
	-o-transition     : width 1s ease-in-out 0.3s;
	/* Para Opera */
	transition        : width 1s ease-in-out 0.3s;
	/* Propiedad estándar */
}

.welcome.active::after {
	width: 60%;
}

.set-bg {
	background-repeat  : no-repeat;
	background-size    : cover;
	background-position: center;
}

.spad {
	padding-top   : 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display    : inline-block;
	font-size  : 16px;
	font-weight: 700;
	padding    : 16px 50px;
	color      : #ffffff;
	position   : relative;
}

.primary-btn.normal-btn {
	color: #111111;
}

.primary-btn.normal-btn:before {
	border-color: #c4c4c4;
}

.primary-btn.normal-btn:after {
	border-color: #c4c4c4;
}

.primary-btn:before {
	position          : absolute;
	left              : 0;
	bottom            : 0;
	height            : 28px;
	width             : 28px;
	border-left       : 2px solid rgba(255, 255, 255, 0.2);
	border-bottom     : 2px solid rgba(255, 255, 255, 0.2);
	content           : "";
	border-radius     : 0 0 0 4px;
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
}

.primary-btn:after {
	position          : absolute;
	right             : 0;
	top               : 0;
	height            : 28px;
	width             : 28px;
	border-right      : 2px solid rgba(255, 255, 255, 0.2);
	border-top        : 2px solid rgba(255, 255, 255, 0.2);
	content           : "";
	border-radius     : 0 4px 0 0;
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
}

.primary-btn:hover:before {
	height       : 100%;
	width        : 100%;
	border-radius: 4px;
}

.primary-btn:hover:after {
	height       : 100%;
	width        : 100%;
	border-radius: 4px;
}

.site-btn {
	font-size  : 16px;
	color      : #ffffff;
	background : #dfa667;
	font-weight: 600;
	border     : none;
	display    : inline-block;
	padding    : 14px 36px;
}

/* Preloder */

.load {
	position       : relative;
	display        : flex;
	justify-content: center;
	align-items    : center;
	height         : 100vh;
	background     : rgb(194, 193, 193);
	background     : linear-gradient(292deg, rgba(194, 193, 193, 1) 0%, rgba(252, 252, 252, 1) 25%, rgba(252, 252, 252, 1) 75%, rgba(194, 193, 193, 1) 100%);
	z-index        : 100000;
}

.loader {
	width        : 48px;
	height       : 48px;
	border       : 5px solid #010202;
	border-radius: 50%;
	display      : inline-block;
	box-sizing   : border-box;
	position     : relative;
	animation    : pulse 1s linear infinite;
}

.loader:after {
	content      : '';
	position     : absolute;
	width        : 48px;
	height       : 48px;
	border       : 5px solid #7c5d1d;
	border-radius: 50%;
	display      : inline-block;
	box-sizing   : border-box;
	left         : 50%;
	top          : 50%;
	transform    : translate(-50%, -50%);
	animation    : scaleUp 1s linear infinite;
}

@keyframes scaleUp {
	0% {
		transform: translate(-50%, -50%) scale(0)
	}

	60%,
	100% {
		transform: translate(-50%, -50%) scale(1)
	}
}

@keyframes pulse {

	0%,
	60%,
	100% {
		transform: scale(1)
	}

	80% {
		transform: scale(1.2)
	}
}

/*---------------------
         Header        |
-----------------------*/

.header {
	position        : absolute;
	width           : 100%;
	top             : 0;
	left            : 0;
	background-color: #1a1a1a;
	z-index         : 99;
	padding         : 5px 0px;
	box-sizing      : border-box;
}



.container-fluid {
	padding   : 0px 20px;
	box-sizing: border-box;
}

.header.header-normal {
	position: relative;
	padding : 30px 0 30px;
}

.header__logo {
	text-align: center;
}

.header__logo a {
	display      : inline-block;
	width        : auto;
	/*filter     : invert(250%);
	filter       : brightness(400%);*/
	padding      : 10px 0px;
}

.col-lg-6 {
	padding: 15px 0px;
}

.header__menu {
	text-align: center;
}

.header__menu ul li {
	list-style  : none;
	display     : inline-block;
	position    : relative;
	margin-right: 40px;
}

.menu__index li a {
	font-family : 'Lufga-ExtraLight';
	font-size   : 15px;
	font-weight : 200;
	font-display: swap;
}


.header__menu ul li:hover a:after {
	-webkit-transform: scale(1);
	-ms-transform    : scale(1);
	transform        : scale(1.2);
}

.header__menu ul li:hover .dropdown,
.header__menu ul li:hover .dropdown_ap {
	opacity   : 1;
	visibility: visible;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li .dropdown,
.header__menu ul li .dropdown_ap {
	position          : absolute;
	top               : 40px;
	left              : calc(50% - 61.5px);
	width             : min-content;
	color             : #ffffff;
	font-family       : 'Lufga-ExtraLight';
	font-size         : 15px;
	font-weight       : 200;
	background        : #000000be;
	border-radius     : 10px;
	text-align        : center;
	padding           : 5px 0;
	z-index           : 9;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
}

.header__menu ul li .dropdown li,
.header__menu ul li .dropdown_ap li {
	display     : block;
	margin-right: 0;
}

.header__menu ul li .dropdown li a,
.header__menu ul li .dropdown_ap li a {
	font-size         : 15px;
	color             : #ffffff;
	font-weight       : 400;
	padding           : 5px 20px;
	text-transform    : capitalize;
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
}

.header__menu ul li .dropdown li a:after,
.header__menu ul li .dropdown_ap li a:after {
	display: none;
}

.header__menu ul li .dropdown li a:hover,
.header__menu ul li .dropdown_ap li a:hover {
	transform  : scale(1.1);
	text-shadow: 0px 0px 3px #dfa667;
}

.header__menu ul li a {
	font-size   : 15px;
	display     : block;
	font-weight : 600;
	font-display: swap;
	padding     : 5px 0;
	position    : relative;
}



/* -------------------------------------------
color de letra menu de navegacion de todas las secciones 
 -------------------------------------------*/

.menu_index li a {
	color       : #ffffff;
	font-family : 'Lufga-ExtraLight';
	font-size   : 15px;
	font-weight : 200;
	font-display: swap;
}

.menu_aplicaciones li a {
	color: white;
}

/* ---------------------------------------- */

.header__menu ul li a:after {
	position          : absolute;
	left              : 0;
	bottom            : 0;
	height            : 2px;
	width             : 100%;
	background        : #dfa667;
	content           : "";
	-webkit-transition: all, 0.4s;
	-o-transition     : all, 0.4s;
	transition        : all, 0.4s;
	-webkit-transform : scale(0);
	-ms-transform     : scale(0);
	transform         : scale(0);
}

.header__widget {
	text-align: center;
}

.header__widget a {
	display     : inline-block;
	position    : relative;
	font-size   : 25px;
	padding     : 15px 5px;
	color       : #ffffff;
	box-sizing  : border-box;
	font-display: swap;
}

.header__widget a>i {
	position          : relative;
	display           : inline-block;
	-webkit-transition: transform 0.2s ease-in-out, border 0.1s ease-in-out, padding 0.2s ease-in-out;
	/* Safari */
	-moz-transition   : transform 0.2s ease-in-out, border 0.1s ease-in-out, padding 0.2s ease-in-out;
	/* Firefox */
	-o-transition     : transform 0.2s ease-in-out, border 0.1s ease-in-out, padding 0.2s ease-in-out;
	/* Opera */
	transition        : transform 0.2s ease-in-out, border 0.1s ease-in-out, padding 0.2s ease-in-out;
}

.header__widget a>i:hover {
	/*border-top              : 2px solid #dfa667;
	border-bottom             : 2px solid #dfa667;
	padding                   : 2px 2px;
	border-top-left-radius    : 10px;
	border-bottom-right-radius: 10px;*/
	-webkit-transform-origin: center;
	-moz-transform-origin   : center;
	-o-transform-origin     : center;
	transform-origin        : center;
}


.header__widget a>i .border-bottom {
	display           : block;
	position          : absolute;
	content           : '';
	bottom            : -2px;
	left              : 2px;
	/* Centra el borde */
	width             : 0%;
	/* Ocupa el 50% del contenedor */
	-webkit-transition: width 0.2s ease-in-out;
	/* Safari */
	-moz-transition   : width 0.2s ease-in-out;
	/* Firefox */
	-o-transition     : width 0.2s ease-in-out;
	/* Opera */
	transition        : width 0.2s ease-in-out;
}

.header__widget a>i:hover .border-bottom {
	width                     : 100%;
	/* Mantiene el 50% del contenedor al hacer hover */
	border-bottom             : 2px solid #dfa667 !important;
	border-bottom-right-radius: 7px;
	padding-bottom            : 20px;
	-webkit-transform         : scale(1.2);
	-ms-transform             : scale(1.2);
	transform                 : scale(1.2);
}

/* color texto de te atenderemos con gusto de todas las entradas*/

#hd_widget_span {
	color      : white;
	font-family: 'Lufga-Medium';
}

#hd_widget_spanindex {
	color: black;
}

/*-------------------------------------------------*/


.offcanvas-menu-wrapper {
	display: none;
}

.canvas__open {
	display: none;
}

/*--------NOSOTROS------------*/

.rowNosotros {
	margin-left : 0px;
	margin-right: 0px;
}

.cont-nosotros a {
	color: #ffffff;

	padding-right: 2%;
	transition   : all 200ms;
}

.nosotros {
	padding    : 2% 1% 3% 1%;
	padding-top: 150px;
	background : linear-gradient(1deg, rgb(255 119 65 / 72%) -21%, rgb(0 0 0 / 78%) 25%, rgb(2 2 2 / 84%) 57%, rgba(99, 99, 99, 0.514) 100%);
}

.cont-nosotros {
	padding-top: 3%;
	order      : 2;
}

.cont-nosotros h1 {
	color         : #ffffff;
	border-bottom : 1px solid gray;
	padding-bottom: .5%;
	margin-bottom : 1%;
}

.cont-nosotros h2 {
	color        : #ffffff;
	margin-bottom: 2%;
}

.cont-nosotros p {
	color: floralwhite;
}

.reelCont,
.fb_iframe_widget {
	display        : flex !important;
	justify-content: center;
}

.fb_iframe_widget_fluid_desktop iframe {
	border-radius: 40px;
	box-shadow   : 0px 0px 20px rgb(182, 178, 178);
}

.mtoWeb {
	display    : flex;
	align-items: center;
}

/*----------------------------*/

/*---------------------
  Hero
-----------------------*/

.hero {
	position: static;
	z-index : 8;
	overflow: hidden;
	margin  : 0px 0px;
}

.hero__items {
	height           : 960px;
	padding          : 0 40px;
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
	z-index          : 8;
	overflow         : hidden;
}

.hero__text {
	max-width  : 820px;
	text-align : center;
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 1);
	z-index    : 8;
}

.hero__text h2 {
	color             : #ffffff;
	font-size         : 70px;
	line-height       : 80px;
	margin-bottom     : 45px;
	position          : relative;
	top               : 100px;
	opacity           : 0;
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
	z-index           : 8;
}

/*.hero__text .primary-btn {
	position: relative;
	top: 100px;
	opacity: 0;
	-webkit-transition: all, 0.6s;
	-o-transition: all, 0.6s;
	transition: all, 0.6s;
}*/

/*.hero__text .more_btn {
	font-size: 14px;
	color: #b7b7b7;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 55px;
}*/

/*.hero__text .hero__social {
	position: absolute;
	right   : 145px;
	bottom  : 55px;
	z-index : 8;
}*/

.hero__text .hero__social a {
	display           : inline-block;
	font-size         : 18px;
	font-display      : swap;
	color             : #ffffff;
	margin-right      : 36px;
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
	z-index           : 8;
}

.hero__slider.owl-carousel .owl-item.active .hero__text h2 {
	top    : 0;
	opacity: 1;
	z-index: 8;
}

.hero__slider.owl-carousel .owl-dots {
	display : none;
	z-index : 8;
	overflow: hidden;
}


/*---------------------
  Project Slider
-----------------------*/

.project {
	padding-bottom: 10%;
	padding-left  : 7.5%;
	padding-right : 8%;
	padding-top   : 5%;
}

.galeria-insp-section {
	background-image   : url(../img/galeria-inspeccion/gondoGInsp.png);
	background-repeat  : no-repeat;
	background-size    : cover;
	background-position: right center;
}

.project__slider__item {
	height             : 500px;
	position           : relative;
	overflow           : hidden;
	background-size    : cover;
	background-position: 25%;
}

.project__slider__item.chimenea2 {
	height             : 500px !important;
	position           : relative !important;
	overflow           : hidden !important;
	background-size    : cover !important;
	background-position: 70% !important;
}

.project__slider__item.bar2 {
	height             : 500px !important;
	position           : relative !important;
	overflow           : hidden !important;
	background-size    : cover !important;
	background-position: inherit center !important;
}

.project__slider__item.baño1 {
	height             : 500px !important;
	position           : relative !important;
	overflow           : hidden !important;
	background-size    : cover !important;
	background-position: center !important;
}

.project__slider__item:hover .project__slider__item__hover {
	bottom: 30px;
}

.project__slider__item:hover .project__slider__item__hover span {
	left: 0;
}

.project__slider__item:hover .project__slider__item__hover h5 {
	right: 0;
}

.project__slider.owl-carousel .col-lg-3 {
	max-width: 100%;
}

.project__slider.owl-carousel .owl-nav button {
	height      : 50px;
	width       : 50px;
	background  : #ffffff73;
	font-size   : 28px;
	font-display: swap;
	color       : #111111;
	position    : absolute;
	left        : 35px;
	top         : 50%;
	margin-top  : -25px;
	line-height : 54px;
	text-align  : center;
}

.project__slider.owl-carousel .owl-nav button.owl-next {
	left : auto;
	right: 35px;
}

.project__slider__item__hover {
	text-align        : center;
	background        : #ffffff;
	position          : absolute;
	left              : 25px;
	bottom            : -500px;
	width             : calc(100% - 50px);
	padding           : 25px 15px;
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
	overflow          : hidden;
}

.project__slider__item__hover span {
	color             : #dfa667;
	font-size         : 14px;
	font-weight       : 600;
	font-display      : swap;
	letter-spacing    : 2px;
	text-transform    : uppercase;
	display           : block;
	margin-bottom     : 10px;
	position          : relative;
	left              : 30px;
	-webkit-transition: all, 1s;
	-o-transition     : all, 1s;
	transition        : all, 1s;
}

.project__slider__item__hover h5 {
	color             : #111111;
	font-size         : 20px;
	font-display      : swap;
	text-transform    : uppercase;
	position          : relative;
	right             : 30px;
	-webkit-transition: all, 1s;
	-o-transition     : all, 1s;
	transition        : all, 1s;
}


/*------------------------------
  modal de galeria de inspeccion|
-------------------------------*/
.modal {
	display         : none;
	/*oculto por defecto */
	position        : fixed;
	z-index         : 1000;
	padding-top     : 40px;
	left            : 0;
	top             : 0;
	width           : 100%;
	height          : 100%;
	overflow        : auto;
	background-color: rgba(0, 0, 0, 0.719)
}

.modal-content {
	margin   : auto;
	width    : 100%;
	max-width: 55%;
}

.close {
	position   : absolute;
	top        : 15px;
	right      : 35px;
	color      : #e1e1e1;
	font-size  : "Poppins", sans-serif;
	font-weight: lighter;
	transition : 0.3s;
}

.close:hover,
.close:focus {
	color          : #b7b7b7;
	text-decoration: none;
	cursor         : pointer;
}

/*---------------------
  Testimonial
-----------------------


/*---------------
Diseña tu espacio|
----------------*/

.diseña-espacio {
	padding   : 55px 10px;
	box-sizing: border-box;
}

.diseña-espacio .text-diseña {
	padding-left  : 7%;
	padding-right : 4%;
	padding-top   : 2%;
	padding-bottom: 0%;
}

.title-diseña {
	position     : relative;
	color        : #83634b;
	margin-bottom: 3%;
}

.text-diseña p {
	font-family: 'Lufga-ExtraLight';
	font-weight: lighter;
	text-align : justify;
}

.text-diseña p:nth-child(3) {
	margin-bottom: 5%;
}

.contactanos {
	margin-top         : 6%;
	margin-bottom      : 0%;
	width              : 40%;
	padding            : 10px;
	font-family        : 'Lufga-ExtraLight';
	color              : #83634b;
	border-radius      : 30px;
	border             : 1px solid #83634b;
	background-color   : transparent;
	transition-duration: .2s;
}

.contactanos:hover {
	background-color: #83634b;
	color           : white;
}

.img-diseña {
	padding: 0;
}

.text.diseña {
	padding-bottom: 0;
}


/*---------------------
         Team
-----------------------*/

.team {
	padding-top   : 120px;
	padding-bottom: 90px;
}

.team__btn {
	text-align: right;
}

.team__item {
	height       : 480px;
	position     : relative;
	z-index      : 1;
	margin-bottom: 30px;
}

.team__item:after {
	position          : absolute;
	left              : 0;
	top               : 0;
	height            : 100%;
	width             : 100%;
	background        : rgba(17, 17, 17, 0.9);
	content           : "";
	z-index           : -1;
	opacity           : 0;
	-webkit-transition: all, 0.5s, ease-out, 0.5s;
	-o-transition     : all, 0.5s, ease-out, 0.5s;
	transition        : all, 0.5s, ease-out, 0.5s;
}

.team__item:hover:after {
	opacity: 1;
}

.team__item:hover .team__text .team__title {
	border-bottom: 1px solid rgba(183, 183, 183, 0.2);
	padding      : 0 0 32px;
	margin-bottom: 34px;
	opacity      : 0;
	visibility   : hidden;
	position     : relative;
	bottom       : initial;
	opacity      : 1;
	visibility   : visible;
}

.team__item:hover .team__text p {
	opacity   : 1;
	visibility: visible;
}

.team__item:hover .team__text .team__social {
	opacity   : 1;
	visibility: visible;
	bottom    : 34px;
}

.team__text {
	height  : 100%;
	position: relative;
	padding : 35px 30px 40px;
}

.team__text .team__title {
	position          : absolute;
	left              : 0;
	bottom            : 42px;
	width             : 100%;
	padding           : 0 30px;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition     : all, 0.7s, ease-out, 0.7s;
	transition        : all, 0.7s, ease-out, 0.7s;
}

.team__text .team__title h5 {
	color        : #ffffff;
	font-weight  : 600;
	font-family  : "Poppins", sans-serif;
	margin-bottom: 6px;
}

.team__text .team__title span {
	font-size: 14px;
	color    : #dfa667;
}

.team__text p {
	color             : #b7b7b7;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition     : all, 0.7s, ease-out, 0.7s;
	transition        : all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social {
	position          : absolute;
	left              : 0;
	bottom            : 0;
	width             : 100%;
	padding           : 0 30px;
	opacity           : 0;
	visibility        : hidden;
	-webkit-transition: all, 0.7s, ease-out, 0.7s;
	-o-transition     : all, 0.7s, ease-out, 0.7s;
	transition        : all, 0.7s, ease-out, 0.7s;
}

.team__text .team__social a {
	display           : inline-block;
	font-size         : 20px;
	color             : #ffffff;
	margin-right      : 34px;
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
}

.team__text .team__social a:last-child {
	margin-right: 0;
}

.team__text .team__social a:hover {
	color: #dfa667;
}

/*---------------------
  Call To Action
-----------------------*/


/*---------------------
  Latest
-----------------------*/

.latest {
	padding-top   : 120px;
	padding-bottom: 90px;
}

.latest__btn {
	text-align: right;
}

.latest__item {
	-webkit-box-shadow: 0px 15px 60px rgba(67, 69, 70, 0.1);
	box-shadow        : 0px 15px 60px rgba(67, 69, 70, 0.1);
	margin-bottom     : 30px;
}

.latest__item img {
	min-width: 100%;
}

.latest__item:hover a {
	padding-left: 0;
}

.latest__item:hover a:after {
	left : auto;
	right: -50px;
}

.latest__item__text {
	padding-top: 25px;
	background : #ffffff;
	padding    : 25px 35px 20px;
}

.latest__item__text span {
	color         : #b7b7b7;
	font-size     : 14px;
	font-weight   : 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	display       : block;
	margin-bottom : 10px;
}

.latest__item__text h4 {
	color        : #111111;
	font-size    : 22px;
	font-family  : "Poppins", sans-serif;
	font-weight  : 600;
	line-height  : 32px;
	margin-bottom: 12px;
}

.latest__item__text a {
	font-size         : 14px;
	color             : #111111;
	font-weight       : 600;
	position          : relative;
	padding-left      : 40px;
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
}

.latest__item__text a:after {
	position          : absolute;
	left              : 0;
	top               : 8px;
	height            : 1px;
	width             : 30px;
	background        : #dfa667;
	content           : "";
	-webkit-transition: all, 0.5s;
	-o-transition     : all, 0.5s;
	transition        : all, 0.5s;
}

/*---------------------
  Project
-----------------------*/

.project__item {
	margin-bottom: 50px;
	text-align   : center;
}

.project__item img {
	min-width    : 100%;
	margin-bottom: 26px;
}

.project__item h4 a {
	color         : #111111;
	text-transform: uppercase;
}

/*---------------------
  Project Details
-----------------------*/

.project-details {
	padding-top   : 120px;
	padding-bottom: 90px;
}

.project-details img {
	margin-bottom: 30px;
	min-width    : 100%;
}

.project__sidebar__about {
	margin-bottom: 35px;
}

.project__sidebar__about h2 {
	color         : #111111;
	line-height   : 50px;
	text-transform: uppercase;
	margin-bottom : 20px;
}

.project__sidebar__about p {
	margin-bottom: 26px;
}

.project__sidebar__about p:last-child {
	margin-bottom: 0;
}

.product__details__widget__item {
	margin-bottom: 30px;
}

.product__details__widget__item span {
	color        : #707070;
	font-size    : 15px;
	display      : block;
	margin-bottom: 10px;
}

.product__details__widget__item h4 {
	color         : #111111;
	text-transform: uppercase;
}

.product__details__widget__item p {
	color      : #111111;
	font-size  : 24px;
	line-height: 36px;
}

/*---------------------
  Footer
-----------------------*/

.footer {
	padding-top: 40px;
}

.footer__top {
	border-bottom : 1px solid rgba(183, 183, 183, 0.2);
	padding-bottom: 75px;
	margin-bottom : 85px;
}

.footer__top__text h2 {
	color         : #ffffff;
	font-size     : 38px;
	text-transform: uppercase;
}

.footer__top__newslatter form {
	position: relative;
}

.footer__top__newslatter form input {
	width       : 100%;
	height      : 50px;
	color       : #b7b7b7;
	padding-left: 30px;
	font-size   : 14px;
	border      : none;
}

.footer__top__newslatter form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::-moz-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form input::placeholder {
	color: #b7b7b7;
}

.footer__top__newslatter form button {
	font-size : 14px;
	color     : #ffffff;
	background: #dfa667;
	border    : none;
	height    : 100%;
	padding   : 0 20px;
	position  : absolute;
	right     : 0;
	top       : 0;
}

.footer__about {
	margin-bottom: 30px;
}

.footer__about .footer__logo {
	margin-bottom: 24px;
}

.footer__about .footer__logo a {
	display: inline-block;

}

.footer__about p {
	margin-bottom: 30px;
	color        : white;
}

.footer__about,
.footer__widget,
.footer__address,
h3 {
	font-size  : 15px;
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	color      : #ffffff;
}

.footer__widget h3 {
	padding-top: 75px;
}

.footer__widget a {
	display       : block;
	padding-bottom: 9%;
	font-weight   : 200;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget .sociales {
	display: flex;

}

.footer__widget ul li a {
	text-decoration: none;
	padding-right  : 15px;
	padding-left   : 2px;
}

.footer__widget ul li a i {
	transition-duration: .3s;
}

.footer__widget ul li .fa-square-facebook:hover {
	color: #dfa667;
}

.footer__widget ul li .fa-square-instagram:hover {
	color: #dfa667;
}

.footer__about .footer__social a {
	font-size         : 18px;
	color             : #ffffff;
	-webkit-transition: all, 0.3s;
	-o-transition     : all, 0.3s;
	transition        : all, 0.3s;
	margin-right      : 30px;
}

.footer__about .footer__social a:hover {
	color: #dfa667;
}

.footer__about .footer__social a:last-child {
	margin-right: 0;
}

.footer__widget {
	margin-bottom: 30px;
}

.footer__widget h6 {
	color        : #ffffff;
	font-weight  : 600;
	font-family  : "Poppins", sans-serif;
	margin-bottom: 30px;
}

.footer__widget ul li {
	list-style: none;
}

.footer__widget ul li a {
	font-family: 'Lufga-ExtraLight';
	font-size  : 15px;
	color      : #ffffff;
}

.footer__widget {
	padding-left: 57%;
}

.footer__address {
	padding-top  : 72px;
	margin-bottom: 30px;
	padding-left : 73%;
}

/*.footer__address h6 {
	color      : #ffffff;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 30px;
}*/



.footer__address ul li {
	list-style: none;
}

.footer__address ul li a {
	font-size      : 15px;
	font-weight    : 200;
	line-height    : 25px;
	font-family    : 'Lufga-ExtraLight';
	font-display   : swap;
	text-decoration: none;
	color          : #ffffff;
}

.copyright {
	border-top: 1px solid rgb(255, 254, 254);
	padding   : 25px 0;
	margin-top: 60px;
}

.copyright__text {
	text-align: center;
}

.copyright__text p {
	margin-bottom: 0;
	color        : white;
	font-weight  : lighter;
}

.copyright__text p i {
	color: #d43030;
}

.copyright__text p a {
	color      : #ffffff;
	font-weight: lighter;
}

.copyright__widget {
	text-align: right;
}

.copyright__widget a {
	font-size   : 14px;
	color       : #707070;
	margin-right: 36px;
	position    : relative;
}

.copyright__widget a:after {
	position: absolute;
	right   : -22px;
	top     : -3px;
	content : "|";
}

.copyright__widget a:last-child {
	margin-right: 0;
}

.copyright__widget a:last-child:after {
	display: none;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
	padding-top   : 170px;
	padding-bottom: 120px;
}

.breadcrumb__text h2 {
	font-size    : 70px;
	color        : #ffffff;
	font-family  : 'Magdalena-Regular';
	font-display : swap;
	margin-bottom: 12px;
	text-shadow  : 2px 2px 4px black;
}

.breadcrumb__links a {
	font-size   : 15px;
	color       : #ffffff;
	display     : inline-block;
	position    : relative;
	margin-right: 12px;
}

.breadcrumb__links a:after {
	position: absolute;
	right   : -13px;
	top     : 1px;
	content : "~";
}

.breadcrumb__links span {
	font-size: 15px;
	color    : #dfa667;
	display  : inline-block;
}

/*---------------------
  About
-----------------------*/

.about {
	position           : relative;
	background-image   : url(../img/Bienvenidos/bienvenidos.webp);
	background-repeat  : no-repeat;
	background-position: center;
	background-size    : cover;
	padding-top        : 80px;
	padding-bottom     : 80px;
	overflow           : hidden;
}

.cont-about {
	margin: 0px 120px;
}

.about-page {
	padding-top   : 120px;
	padding-bottom: 90px;
}

.about__text {
	padding-top: 60px;
	width      : 130%;
}

.about__text.about__page__text {
	padding-top: 0;
}

.about__text.about__page__text .section-title {
	margin-bottom: 12px;
}

.about__text .section-title {
	margin-bottom: 35px;
}

.about__para__text {
	margin-bottom: 70px;
}

.about__para__text p {
	text-align   : justify;
	margin-bottom: 26px;
	margin-top   : 10px;
	padding-left : 3px;
	box-sizing   : border-box;
}

.about__para__text p:last-child {
	margin-bottom: 0;
}

.about__pic {
	padding-left: 34px;
}

.about__pic__inner {
	position: relative;
	display : inline-block;
}

/*.about__pic__inner:after {
	position: absolute;
	left    : 50px;
	top     : 50px;
	height  : 600px;
	width   : 470px;
	border  : 15px solid rgba(185, 175, 134, 0.2);
	content : "";
	z-index : -1;
}*/

.about__page__services__text {
	margin-bottom: 30px;
}

/*---------------------
  Services spad
-----------------------*/

.services {
	padding-left  : 20px;
	padding-right : 20px;
	padding-top   : 5px;
	padding-bottom: 95px;
}

.nuclients h2 {
	color: #83634b !important;
}

.services .container-xl .nuclients {
	margin-top   : 40px;
	margin-bottom: 65px;
}


.slider-clientes.owl-carousel .owl-item img {
	display: flex;
	width  : auto;
}

.slider-clientes .cliente__slider__item {
	display          : -webkit-box;
	display          : -ms-flexbox;
	display          : flex;
	height           : max-content;
	-webkit-box-align: center;
	-ms-flex-align   : center;
	align-items      : center;
	justify-content  : center;
}

.owl-carousel .owl-stage {
	display        : flex;
	align-items    : center;
	justify-content: center;
}


/*---------------------
  Counter
-----------------------*/



/*---------------------
  Clients
-----------------------*/

/*---------------------
    Blog
-----------------------*/



/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top   : 120px;
	padding-bottom: 120px;
}

.contact__text {
	margin-bottom: 50px;
}

.contact__text .section-title {
	margin-bottom: 12px;
}

.contact__text p {
	margin-bottom: 0;
}

.contact__widget__item {
	position     : relative;
	margin-bottom: 30px;
}

.contact__widget__item.last__item:after {
	display: none;
}

.contact__widget__item:after {
	position  : absolute;
	right     : 50px;
	top       : 0px;
	width     : 1px;
	height    : 50px;
	background: #e1e1e1;
	content   : "";
}

.contact__widget__item__icon {
	float       : left;
	margin-right: 20px;
}

.contact__widget__item__text {
	overflow: hidden;
}

.contact__widget__item__text h5 {
	color         : #dfa667;
	text-transform: uppercase;
	margin-bottom : 10px;
}

.contact__widget__item__text span {
	color  : #111111;
	display: block;
}

.map {
	height            : 460px;
	margin-top        : 40px;
	margin-bottom     : 75px;
	-webkit-box-shadow: 0px 3px 15px rgba(0, 59, 85, 0.1);
	box-shadow        : 0px 3px 15px rgba(0, 59, 85, 0.1);
}

.map iframe {
	width: 100%;
}

.contact__form__text {
	margin-bottom: 35px;
}

.contact__form__text .section-title {
	margin-bottom: 12px;
}

.contact__form__text p {
	margin-bottom: 0;
}

.contact__form form input {
	height       : 50px;
	width        : 100%;
	font-size    : 15px;
	color        : #b7b7b7;
	padding-left : 20px;
	border       : 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.contact__form form input::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form input:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form input::placeholder {
	color: #b7b7b7;
}

.contact__form form textarea {
	height       : 170px;
	width        : 100%;
	font-size    : 15px;
	color        : #b7b7b7;
	padding-left : 20px;
	padding-top  : 12px;
	border       : 1px solid #e1e1e1;
	resize       : none;
	margin-bottom: 24px;
}

.contact__form form textarea::-webkit-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-moz-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea:-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::-ms-input-placeholder {
	color: #b7b7b7;
}

.contact__form form textarea::placeholder {
	color: #b7b7b7;
}

/*----------------------
 GALERIA DE MATERIALES  |
-----------------------*/

.galrial {
	padding-left  : 0;
	padding-right : 0;
	padding-top   : 5%;
	padding-bottom: 10%;
}

.glmtitle h2 {
	color         : #83634b;
	padding-bottom: 5%;
}

.gallery img {
	width     : 100%;
	height    : 400px;
	object-fit: cover;
	transition: all, .5s;
}

.gallery {
	box-sizing: border-box;
	transition: all, .5s;
}

.gallery:hover {
	transform: scale(1.05);
}

.gallery img:hover {
	box-shadow: 0px 0px 8px black;

}

.desc {
	padding         : 30px 20px;
	background-color: white;
}

.desc p {
	margin-bottom: 10px;
	font-size    : 17px;
}

.desc a {
	position       : relative;
	font-family    : 'Lufga-ExtraLight';
	font-size      : 14px;
	text-decoration: none;
	color          : #83634b;
	padding-bottom : 3px;
	transition     : all, .3s;
}

.desc a::after {
	content         : '';
	position        : absolute;
	left            : 1.8px;
	bottom          : 0;
	width           : 85%;
	height          : 1px;
	background-color: #957d69;
	transition      : opacity 0.3s;
	/* Transición para el pseudoelemento */
}

.desc a:hover {
	padding         : 5px;
	border-radius   : 20px;
	background-color: #957d69;
	color           : white;
}

.desc a:hover::after {
	opacity: 0;
	/* Hace que el pseudoelemento desaparezca */
}

/*-----------------
 Galeria de Mármol |
------------------*/


.title-marmol h2,
.title-granito h2,
.title-quartz h2,
.title-tech h2,
.title-res h2,
.title-comer h2,
.title-contacto h2 {
	display       : inline-block;
	position      : relative;
	font-size     : 45px;
	color         : #83634b;
	padding-top   : 50px;
	line-height   : 50px;
	padding-bottom: 10px;
}

.title-marmol p,
.title-granito p,
.title-quartz p,
.title-tech p,
.title-res p,
.title-comer p {
	padding-top   : 50px;
	padding-bottom: 70px;
	font-family   : 'Lufga-ExtraLight';
	font-weight   : 200;
	font-display  : swap;
	font-size     : 15px;
	color         : #30373c;
}

.marmolTitle::after,
.granitoTitle::after,
.quartzTitle::after,
.techTitle::after,
.resTitle::after,
.comerTitle::after,
.contactoTitle::after {
	content           : '';
	position          : absolute;
	left              : 3px;
	bottom            : 0;
	width             : 0;
	height            : 2.5px;
	background-color  : #957d69;
	/* Prefijos para la propiedad transition */
	-webkit-transition: width 1s ease-in-out 0.3s;
	/* Para navegadores basados en WebKit (Chrome, Safari) */
	-moz-transition   : width 1s ease-in-out 0.3s;
	/* Para Firefox */
	-o-transition     : width 1s ease-in-out 0.3s;
	/* Para Opera */
	transition        : width 1s ease-in-out 0.3s;
	/* Propiedad estándar */
}

.marmolTitle.active::after,
.granitoTitle.active::after,
.quartzTitle.active::after,
.techTitle.active::after,
.resTitle.active::after,
.comerTitle.active::after,
.contactoTitle.active::after {
	width: 71%;
}

.rw-marmol,
.rw-granito,
.rw-quartz,
.rw-tech,
.rw-res,
.rw-comer {

	padding        : 0px 10px;
	padding-bottom : 85px;
	transition     : height 0.5s ease-in-out, margin 0.5s ease-in-out;
	flex-wrap      : wrap;
	justify-content: center;
	align-items    : center;
	/* Centra los elementos verticalmente */
}

.itemsMarmol,
.itemsGranito,
.itemsQuartz,
.itemsTech,
.itemsRes,
.itemsComer {
	position                 : relative;
	display                  : flex;
	justify-content          : center;
	-webkit-justify-content  : center;
	/* Safari 7.0+ */
	-moz-justify-content     : center;
	/* Firefox 19+ */
	align-items              : center;
	-webkit-align-items      : center;
	/* Safari 7.0+ */
	-moz-align-items         : center;
	/* Firefox 19+ */
	height                   : 262.5px;
	border-radius            : 8px;
	/* Bordes redondeados */
	cursor                   : pointer;
	padding-bottom           : 10px;
	/*transition             : all 300ms;
	-webkit-transition       : all 300ms;  
	-moz-transition          : all 300ms;  
	-o-transition            : all 300ms; */
	padding-left             : 5px;
	padding-right            : 5px;
	box-sizing               : border-box;
	-webkit-box-sizing       : border-box;
	-moz-box-sizing          : border-box;
	transition               : transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	-webkit-transition       : transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	/* Safari y Chrome */
	-moz-transition          : transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	/* Firefox */
	-o-transition            : transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	/* Opera */
	opacity                  : 1;
}

.itemsMarmol img:hover,
.itemsGranito img:hover,
.itemsQuartz img:hover,
.itemsTech img:hover,
.itemsRes img:hover,
.itemsComer img:hover {
	box-shadow: 0px 0px 5px #30373c;
}

.itemsMarmol p:hover,
.itemsGranito p:hover,
.itemsQuartz p:hover,
.itemsTech p:hover,
.itemsRes p:hover,
.itemsComer p:hover {
	color           : rgb(255, 255, 255);
	background-color: #3333336b;
}

.itemsMarmol a,
.itemsGranito a,
.itemsQuartz a,
.itemsTech a,
.itemsRes a,
.itemsComer a {
	display: block;
	width  : 100%;
	height : 100%;
}

.itemsMarmol img,
.itemsGranito img,
.itemsQuartz img,
.itemsTech img,
.itemsRes img,
.itemsComer img {
	display           : block;
	width             : 100%;
	height            : 100%;
	object-fit        : cover;
	transition        : all 300ms;
	-webkit-transition: all 300ms;
	/* Safari 3.1+ */
	-moz-transition   : all 300ms;
	/* Firefox 4+ */
	-o-transition     : all 300ms;
	/* Opera */
}

.itemsMarmol p,
.itemsGranito p,
.itemsQuartz p,
.itemsTech p {
	position          : absolute;
	width             : 70%;
	top               : 10px;
	left              : 50%;
	text-align        : center;
	transform         : translateX(-50%);
	background-color  : rgba(255, 255, 255, 0.623);
	/* Fondo semitransparente */
	padding           : 5px 10px;
	border-radius     : 20px;
	font-size         : 15px;
	font-display      : swap;
	color             : #333;
	transition        : all 300ms;
	-webkit-transition: all 300ms;
	-moz-transition   : all 300ms;
	-o-transition     : all 300ms;
}

.itemsRes p,
.itemsComer p {
	display: none
}

.item_s {
	transition        : transform 1s ease-in-out, opacity 1s ease-in-out;
	-webkit-transition: transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	/* Safari y Chrome */
	-moz-transition   : transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	/* Firefox */
	-o-transition     : transform 1.0s ease-in-out, opacity 1.0s ease-in-out;
	/* Opera */
	opacity           : 1;
	visibility        : visible;
}

.item_s.show {
	transform : translateY(0);
	opacity   : 1;
	visibility: visible;
}

.item_s.hide {
	transform : translateY(100%);
	opacity   : 0;
	visibility: hidden;
}



/*----------------------------------
barra de busqueda de galeria marmol |
-----------------------------------*/

.buscador {
	display        : flex;
	justify-content: center;
	margin-bottom  : 85px;
}

#search {
	position          : relative;
	display           : flex;
	justify-content   : left;
	align-items       : center;
	width             : 60%;
	padding           : 5px 5px;
	padding-left      : 45px;
	border            : 1px solid #ccc;
	border-radius     : 20px;
	font-size         : 17px;
	font-display      : swap;
	font-family       : 'Lufga-ExtraLight';
	font-weight       : 200;
	color             : #83634b;
	outline           : none;
	transition        : all 300ms;
	-webkit-transition: all 300ms;
	/* Safari 3.1+ */
	-moz-transition   : all 300ms;
	/* Firefox 4+ */
	-o-transition     : all 300ms;
	/* Opera */
}

#search:focus {
	border-color: #00000069;
	box-shadow  : 0px 0px 10px #00000031;
}

.buscador i {
	position   : absolute;
	display    : block;
	font-weight: bold;
	font-size  : 20px;
	left       : 257px;
	top        : 9px
}

.secc-quartz,
.secc-marmol,
.secc-granito,
.secc-tech,
.secc-res,
.secc-comer {
	background: linear-gradient(292deg, rgba(194, 193, 193, 1) 0%, rgba(252, 252, 252, 1) 25%, rgba(252, 252, 252, 1) 75%, rgba(194, 193, 193, 1) 100%);
}

/* Seccion de contacto*/

/*.title-contacto {}*/




.rw-contact {
	justify-content: left;
	padding-top    : 14%;
	margin-left    : 0%;
	margin-right   : 0%;
	margin-bottom  : 8%;
}

.rw-contact2 {
	padding-top: 4%;
}

.columCont {
	padding-right: 0%;
}

.secc-contacto {
	background     : url(/img/contacto/galeria-contacto/BlackDragon.webp) left 45px no-repeat, linear-gradient(292deg, rgba(194, 193, 193, 1) 0%, rgba(252, 252, 252, 1) 25%, rgba(252, 252, 252, 1) 75%, rgba(194, 193, 193, 1) 100%);
	background-size: 34%, cover;
}

.contactoTitle {
	margin-bottom: 5%;
}

.title-contacto h3 {
	color      : #404040;
	padding-top: 5%;
}

.title-contacto p {
	line-height   : 25px;
	padding-top   : 1%;
	padding-bottom: 3%;
}

.itemsContact {
	padding   : 0.8% 1%;
	height    : 262.5px;
	box-sizing: border-box;
}

.itemsContact a {
	display: flex;
	width  : 100%;
	height : 100%;
}

.itemsContact img {
	width: 100%;
}

.p-content {
	padding: 0% 2.95% 5% 2.95%;
}

.title-contacto a {
	color        : #465252;
	padding-right: 2%;
	transition   : all 200ms;
}

.title-contacto a:nth-child(8):hover,
.cont-nosotros a:nth-child(4):hover {
	color      : #182dee;
	text-shadow: 0px 0px 5px #a2a3ce;
}

.title-contacto a:nth-child(9):hover {
	color      : #a451c5;
	text-shadow: 0px 0px 5px #f8f8f8;
	text-shadow: 0px 0px 8px #c988cf;
}

.cont-nosotros a:nth-child(5):hover {
	color      : #47eb38;
	text-shadow: 0px 0px 5px #d3ecea;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}

	.cont-contacto {
		overflow: hidden;
	}

	.cont-nosotros {
		padding-top: 0%;
	}

}


@media only screen and (min-width: 1450px) {
	.container {
		max-width: 1170px;
	}

	.header {
		padding: 10px 130px 0;
	}

	.cont-contacto {
		overflow: hidden;
	}


}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.cont-nosotros {
		order: 0;
	}

	.cont-contacto {
		overflow: hidden;
	}

	.p-content {
		padding: 0% 3.30% 5% 3.30%;
	}

	.Galeria_materiales {
		padding-bottom: 4%;
		padding-left  : 3%;
		padding-right : 3%;
		padding-top   : 5%;
	}

	.project {
		padding-bottom: 4%;
		padding-left  : 3%;
		padding-right : 3%;
		padding-top   : 5%;
	}

	.about__pic {
		padding-left: 0;
	}

	.about {
		padding: 60px 20px;
	}

	.about__para__text {
		margin-bottom: 0px;
	}

	/*.about__pic__inner:after {
		left: 8px;
		top : 8px;
	}*/

	.header__menu ul li {
		margin-right: 25px;
	}

	.hero__slider.owl-carousel .owl-nav button {
		left: 15px;
	}

	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}

	/*.about__text {
		padding-top: 5px;
		width      : 130%;
	}

	.section-title{
		margin-top: 45px;
	}*/

	.diseña-espacio .text-diseña {
		padding-top: 0%;
	}

	.footer__widget {
		padding-left: 40%;
	}

	.footer__address {
		padding-left: 65%;
	}

	.buscador i {
		left: 215px;
		top : 9px
	}

	.modal {
		padding-top: 50%;
	}

	.modal-content {
		max-width: 85%;
	}

}


/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.cont-nosotros {
		order: 1;
	}

	.mtoWeb {
		display: none;
	}

	.cont-nosotros h1 {
		font-size: 3.5rem;
	}

	.cont-nosotros h2 {
		font-size: 2rem;
	}

	.cont-nosotros p {
		font-size: .90rem;
	}

	.cont-nosotros a {
		font-size: .90rem;
	}

	.p-content {
		text-align: center;
	}

	.title-contacto {
		display       : flex;
		flex-direction: column;
		align-items   : center;
	}

	.secc-contacto {
		background: url(/img/contacto/galeria-contacto/BlackDragon.webp) left 340px no-repeat, linear-gradient(292deg, rgba(194, 193, 193, 1) 0%, rgba(252, 252, 252, 1) 25%, rgba(252, 252, 252, 1) 75%, rgba(194, 193, 193, 1) 100%);
		;
		background-size: 34%, cover;
	}

	.title-contacto p {
		text-align: center;
	}

	.Galeria_materiales {
		padding-bottom: 3%;
		padding-left  : 4%;
		padding-right : 4%;
		padding-top   : 3%;
	}

	.gallery img {
		width     : 100%;
		height    : 350px;
		object-fit: cover;
	}

	.desc p {
		margin-bottom: 8px;
		font-size    : 13px;
		font-display : swap;
	}

	.desc {
		padding: 20px 15px;
	}

	.desc a {
		font-size   : 11px;
		font-display: swap;
	}

	.project {
		padding-bottom: 8%;
		padding-left  : 2%;
		padding-right : 2%;
		padding-top   : 3%;
	}

	.project .container {
		width: 100%;

	}

	h2 {
		font-size   : 36px;
		font-display: swap;
	}

	.diseña-espacio .text-diseña {
		padding-top: 0%;
	}

	p {
		font-size   : 13px;
		font-display: swap;
	}

	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}

	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.container-fluid .col-lg-6 {
		padding: 5px 0px;
	}

	/*-------------
	Bienvenidos    |
	--------------*/

	.about.spad {
		padding: 60px 20px;
	}

	/*.cont-about {
		margin: 20px 20px;
	}*/

	.about__text {
		padding-top: 30px;
		box-sizing : border-box;
	}

	.about__text .section-title {
		margin-top   : 30px;
		margin-bottom: 20px;
	}

	.welcome {
		font-size     : 36px;
		font-display  : swap;
		padding-bottom: 5px;
	}

	.about__para__text>p {
		font-size   : 13px;
		font-display: swap;
	}

	.about__para__text {
		margin-bottom: 5px;
	}

	/*.about__pic {
		padding-left: 0;
	}

	.section-title {
		margin-top: 0px;
	} */

	/*-------
	hero sect|
	--------*/
	.hero__items {
		height: 835px;
	}

	.hero__text h2 {
		font-size  : 50px;
		line-height: 65px;
	}

	.blog__sidebar {
		padding-top: 50px;
	}

	/*.hero__text .hero__social {
		right: 80px;
	}*/

	.slide-num {
		left: 70px;
	}

	.slider__progress {
		left: 106px;
	}

	.canvas__open {
		display      : block;
		font-size    : 22px;
		font-display : swap;
		color        : #ffffff;
		height       : 35px;
		width        : 35px;
		line-height  : 35px;
		text-align   : center;
		border       : 1px solid #ffffff;
		border-radius: 2px;
		cursor       : pointer;
		position     : absolute;
		right        : 15px;
		top          : 34px;
	}

	.offcanvas-menu-overlay {
		position          : fixed;
		left              : 0;
		top               : 0;
		height            : 100%;
		width             : 100%;
		background        : rgba(0, 0, 0, 0.288);
		content           : "";
		z-index           : 98;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
		visibility        : hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position          : fixed;
		left              : -300px;
		width             : 300px;
		height            : 100%;
		background        : #111111;
		padding           : 50px 20px 30px 30px;
		display           : block;
		z-index           : 100;
		overflow-y        : auto;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
		opacity           : 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left   : 0;
	}

	.offcanvas__logo {
		margin-bottom: 30px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_menu {
		background   : transparent;
		padding      : 0;
		margin-bottom: 30px;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding    : 7px 0;
		margin     : 0;
		color      : #ffffff;
		font-weight: 600;
	}

	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background   : transparent;
		color        : #ffffff;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background   : transparent;
		color        : #ffffff;
	}

	.slicknav_nav {
		display: block !important;
	}

	.offcanvas__widget span {
		font-size    : 14px;
		font-family  : "Aldrich", sans-serif;
		color        : #b7b7b7;
		display      : block;
		margin-bottom: 10px;
	}

	.offcanvas__widget h4 {
		font-size: 22px;
		color    : #dfa667;
	}

	.header__menu {
		display: none;
	}

	.header__widget {
		display: none;
	}

	.footer__widget {
		padding-left: 40%;
	}

	.buscador i {
		left: 169px;
		top : 9px
	}

	.modal {
		padding-top: 50%;
	}

	.modal-content {
		max-width: 85%;
	}
}

/* Wide Mobile = 480px */

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

	.cont-nosotros {
		order: 0;
	}

	.mtoWeb {
		display: none;
	}

	.cont-nosotros h1 {
		font-size: 3rem;
	}

	.cont-nosotros h2 {
		font-size: 1.7rem;
	}

	.cont-nosotros p {
		font-size: .85rem;
	}

	.cont-nosotros a {
		font-size: .90rem;
	}

	.secc-contacto {
		background: linear-gradient(292deg, rgba(194, 193, 193, 1) 0%, rgba(252, 252, 252, 1) 25%, rgba(252, 252, 252, 1) 75%, rgba(194, 193, 193, 1) 100%);
		;
		background-size: cover;
	}

	.p-content {
		text-align: center;
	}

	.columCont {
		text-align: center;
	}

	.Galeria_materiales {
		padding-bottom: 2%;
		padding-left  : 4%;
		padding-right : 4%;
		padding-top   : 3%;
	}

	.gallery img {
		width     : 100%;
		height    : 350px;
		object-fit: cover;
	}

	.gallery {
		padding-bottom: 5%;
	}

	.desc p {
		margin-bottom: 8px;
		font-size    : 13px;
		font-display : swap;
	}

	.desc {
		padding: 20px 15px;
	}

	.desc a {
		font-size   : 11px;
		font-display: swap;
	}

	.diseña-espacio {
		padding   : 55px 10px;
		box-sizing: border-box;
	}

	.hero__text h2 {
		font-size   : 34px;
		line-height : 45px;
		font-display: swap;
	}

	.hero__items {
		height : 680px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}

	.container-fluid .col-lg-6 {
		padding: 5px 0px;
	}

	/*-----------------
	diseña tu espacio  |
	------------------*/

	.title-diseña {
		text-align: center;
	}

	.diseña-espacio .text-diseña {
		padding: 5% 3%;
	}

	.text-diseña {
		text-align: center;
	}

	.img-diseña {
		padding: 0% 3%;
	}

	/*-------------
	Bienvenidos    |
	--------------*/

	h2 {
		font-size   : 30px;
		font-display: swap;
	}

	p {
		font-size   : 13px;
		font-display: swap;
	}

	.about {
		padding         : 10% 0px;
		background-color: #bcbebf9a !important;
		background-image: none;
	}

	.nuclients {
		text-align: center;
	}

	.G-inspeccion {
		text-align: center;
	}



	.about__text {
		padding-bottom: 10px;
		padding-top   : 0px;
		padding-left  : 10px;
		padding-right : 10px;
		width         : 100%;
		box-sizing    : border-box;
	}

	.about__text .section-title {
		text-align: center;
	}

	.welcome {
		text-align    : center;
		padding-bottom: 0px;
	}

	.about__para__text {
		margin-bottom: 15px;
	}

	.about__para__text p {
		padding: 0px 5px;
	}

	.about__pic {
		padding-left: 0;
	}

	.about .section-title {
		margin-top   : 0px;
		margin-bottom: 5px;
	}

	.img-welcome {
		padding: 0% 4%;
	}


	/*.about__text {
		padding-top: 0;
		margin-bottom: 0px;
	}*/

	.blog__sidebar {
		padding-top: 50px;
	}

	.canvas__open {
		display      : block;
		font-size    : 22px;
		font-display : swap;
		color        : #ffffff;
		height       : 35px;
		width        : 35px;
		line-height  : 35px;
		text-align   : center;
		border       : 1px solid #ffffff;
		border-radius: 2px;
		cursor       : pointer;
		position     : absolute;
		right        : 15px;
		top          : 34px;
	}

	.offcanvas-menu-overlay {
		position          : fixed;
		left              : 0;
		top               : 0;
		height            : 100%;
		width             : 100%;
		background        : rgba(0, 0, 0, 0.7);
		content           : "";
		z-index           : 98;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
		visibility        : hidden;
	}

	.offcanvas-menu-overlay.active {
		visibility: visible;
	}

	.offcanvas-menu-wrapper {
		position          : fixed;
		left              : -300px;
		width             : 300px;
		height            : 100%;
		background        : #111111;
		padding           : 50px 20px 30px 30px;
		display           : block;
		z-index           : 100;
		overflow-y        : auto;
		-webkit-transition: all, 0.5s;
		-o-transition     : all, 0.5s;
		transition        : all, 0.5s;
		opacity           : 0;
	}

	.offcanvas-menu-wrapper.active {
		opacity: 1;
		left   : 0;
	}

	.offcanvas__logo {
		margin-bottom: 30px;
	}

	.offcanvas__logo a {
		display: inline-block;
	}

	.slicknav_btn {
		display: none;
	}

	.slicknav_menu {
		background   : transparent;
		padding      : 0;
		margin-bottom: 30px;
	}

	.slicknav_nav ul {
		margin: 0;
	}

	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding    : 7px 0;
		margin     : 0;
		color      : #ffffff;
		font-weight: 600;
	}

	.slicknav_nav .slicknav_arrow {
		color: #ffffff;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background   : transparent;
		color        : #ffffff;
	}

	.slicknav_nav a:hover {
		border-radius: 0;
		background   : transparent;
		color        : #ffffff;
	}

	.slicknav_nav {
		display: block !important;
	}

	.offcanvas__widget span {
		font-size    : 14px;
		font-family  : "Aldrich", sans-serif;
		color        : #b7b7b7;
		display      : block;
		margin-bottom: 10px;
	}

	.offcanvas__widget h4 {
		font-size   : 22px;
		font-display: swap;
		color       : #dfa667;
	}

	.header__menu {
		display: none;
	}

	.header__widget {
		display: none;
	}

	.about__pic__inner {
		display: block;
	}

	/*.about__pic__inner img {
		min-width: 100%;
	}*/
	/*.about__pic__inner:after {
		left: 0;
		width: 100%;
	}*/
	.hero__slider.owl-carousel .owl-nav button {
		left: 0;
	}

	.hero__slider.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.hero__text h2 {
		font-size   : 46px;
		font-display: swap;
		line-height : 58px;
	}

	.hero__text .hero__social {
		right : 0;
		left  : 0;
		margin: 0 auto;
		bottom: 100px;
	}

	.slide-num {
		bottom    : 25px;
		left      : 0;
		width     : 100%;
		text-align: center;
	}

	.slider__progress {
		left  : 0;
		bottom: 35px;
		right : 0;
		margin: 0 auto;
	}

	.hero__text .more_btn {
		bottom: 62px;
	}

	.footer__top__text {
		margin-bottom: 35px;
	}

	.copyright__text {
		text-align   : center;
		margin-bottom: 20px;
	}

	.copyright__widget {
		text-align: center;
	}

	.project__sidebar {
		padding-top: 20px;
	}

	.blog__details__tags {
		text-align: center;
	}

	.blog__details__social {
		text-align: center;
	}

	.blog__details__author__pic {
		float       : none;
		margin-right: 0;
	}

	.blog__details__author__text {
		padding-top: 40px;
	}

	.project {
		padding: 50px 0px;
	}

	.project__slider.owl-carousel .col-lg-3 {
		padding-left : 25px;
		padding-right: 25px;
	}

	.clients {
		padding-bottom: 90px;
	}

	.clients a {
		margin-bottom: 30px;
	}

	.testimonial__carousel.owl-carousel .owl-nav button {
		left: 0;
	}

	.testimonial__carousel.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}

	.footer__logo {
		text-align: center;
	}

	.footer__about {
		text-align: center;
	}

	.footer__widget {
		text-align  : center;
		padding-left: 0;
	}

	.footer__widget h3 {
		padding-top: 20px;
	}

	.footer__widget ul li a {
		padding-right: 0px;
		padding-left : 0px;
	}

	.footer__widget a {
		display       : block;
		padding-bottom: 1%;
	}

	.footer__widget .sociales {
		justify-content: center;
	}

	.footer__widget .sociales li {
		padding: 0px 5px;
	}

	.footer__address {
		padding-top : 20px;
		padding-left: 0;
		text-align  : center;
	}

	.copyright__text {
		margin-bottom: 0;
	}

	.buscador i {
		left: 132px;
		top : 9px
	}

	.modal {
		padding-top: 50%;
	}

	.modal-content {
		max-width: 85%;
	}

	.row {
		overflow: hidden;
	}

}

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

	.cont-nosotros {
		order         : 0;
		padding-bottom: 2%;
	}

	.fb_iframe_widget_fluid_desktop iframe {
		box-shadow: 0px 0px 8px rgb(182, 178, 178);
	}

	.mtoWeb {
		display: none;
	}

	.cont-nosotros h1 {
		font-size: 2.8rem;
	}

	.cont-nosotros h2 {
		font-size: 1.3rem;
	}

	.cont-nosotros p {
		font-size: .75rem;
	}

	.cont-nosotros a {
		font-size: .90rem;
	}

	.team__btn {
		margin-bottom: 40px;
		text-align   : left;
	}

	.latest__btn {
		margin-bottom: 40px;
		text-align   : left;
	}

	/*----------------
	 about bienvenidos|
	-----------------*/

	.about {
		padding: 40px 10px;
	}

	.about__text {
		width      : auto;
		padding-top: 5px;
	}

	.about__text .section-title {
		text-align   : center;
		margin-bottom: 35px;
	}

	.welcome {
		font-size     : 50px;
		font-display  : swap;
		padding-bottom: 10px;
	}

	.about__pic {
		padding-left: 0px;
		margin-right: 18%;
	}

	.footer__logo {
		text-align: center;
	}

	.footer__about {
		text-align: center;
	}

	.footer__widget {
		text-align  : center;
		padding-left: 0;
	}

	.footer__widget h3 {
		padding-top: 20px;
	}

	.footer__widget ul li a {
		padding-right: 0px;
		padding-left : 0px;
	}

	.footer__widget a {
		display       : block;
		padding-bottom: 1%;
	}

	.footer__widget .sociales {
		justify-content: center;
	}

	.footer__widget .sociales li {
		padding: 0px 5px;
	}

	.footer__address {
		padding-top : 20px;
		padding-left: 0;
		text-align  : center;
	}

	.copyright__text {
		margin-bottom: 0;
	}

	.buscador i {
		left: 25%;
		top : 9px
	}

	.modal {
		padding-top: 50%;
	}

	.modal-content {
		max-width: 85%;
	}
}

/* Small Device = 320px */

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

	.cont-nosotros {
		order         : 0;
		padding-bottom: 5%;
	}

	.fb_iframe_widget_fluid_desktop iframe {
		box-shadow: 0px 0px 6px rgb(182, 178, 178);
	}

	.mtoWeb {
		display: none;
	}

	.cont-nosotros h1 {
		font-size: 2.5rem;
	}

	.cont-nosotros h2 {
		font-size: 1.1rem;
	}

	.cont-nosotros p {
		font-size: .70rem;
	}

	.cont-nosotros a {
		font-size: .85rem;
	}

	.section-title {
		margin-bottom: 40px;
		margin-top   : 20px;
	}

	.section-title h2 {
		font-size   : 28px;
		font-display: swap;
		line-height : 1;
	}

	.hero__text h2 {
		font-size   : 28px;
		font-display: swap;
		line-height : 42px;
	}

	.hero__items {
		height : 610px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 40px;
	}

	.testimonial__item p {
		font-size   : 16px;
		font-display: swap;
		line-height : normal;
	}

	.about__pic__inner:after {
		display: none;
	}

	.callto__text h2 {
		font-size  : 30px;
		line-height: 46px;
	}

	/*.project__slider.owl-carousel .owl-nav button {
		left: 15px;
	}*/

	.project__slider .owl-carousel .owl-nav button.owl-next {
		right: 15px;
	}

	.project {
		padding: 0;
	}

	.breadcrumb__text h2 {
		font-size: 32px;
	}

	.testimonial__carousel {
		padding: 60px 45px 65px;
	}

	.slick-active.slick-center .testimonial__client__pic img,
	.slick-active.slick-center .testimonial__client__pic {
		width  : 110px;
		height : 110px;
		opacity: 1;
	}

	.testimonial__client__item .testimonial__client__pic {
		width  : 110px;
		height : 110px;
		opacity: 0;
	}

	.testimonial__carousel:after {
		left  : calc(50% - 70px);
		bottom: -80px;
		width : 140px;
		height: 140px;
	}

	.testimonial__carousel button.slick-arrow {
		left  : 10px;
		height: 40px;
		width : 40px;
	}

	.testimonial__carousel button.slick-arrow.slick-next {
		left : auto;
		right: 10px;
	}

	.testimonial__client .slick-slide {
		padding-top: 30px;
	}

	.about .section-title h2 {
		font-size   : 28px;
		font-display: swap;
		line-height : 45px;
	}

	.footer__top__text h2 {
		font-size   : 32px;
		font-display: swap;
	}

	.footer .container {
		text-align: center;
	}

	.footer__about .footer__logo a {
		margin-left: 0px;
	}

	.footer__about p {
		margin-bottom: 20px;
	}

	.footer__widget h3 {
		padding-top: 10px;
	}

	.project {
		padding: 50px 0px;
	}

	.buscador i {
		left: 29%;
		top : 9px;
	}

	.title-marmol,
	.title-granito,
	.title-quartz,
	.title-tech,
	.title-res,
	.title-comer,
	.title-contacto {
		text-align  : center;
		font-size   : 13px;
		font-display: swap;
	}

	.title-marmol p,
	.title-granito p,
	.title-quartz p,
	.title-tech p,
	.title-res p,
	.title-comer p {
		text-align: justify;
	}

	#search {
		font-size   : 15px;
		font-family : 'Lufga-Regular';
		font-display: swap;
	}

	.modal {
		padding-top: 50%;
	}

	.modal-content {
		max-width: 93%;
	}
}