/*@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&family=Poppins:wght@400;600;700&display=swap');

header {
	position: fixed;
 z-index: 2;
 left: 0;
 right: 0;
 background: transparent;
 padding-top: 50px;
}

header.other-color {
	background-color: #414827;
	-webkit-transition: all 300ms linear;
 transition: all 300ms linear;
 padding-top: 25px;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
.navbar-light .collapse {
	justify-content: center;
}
header ul.rs {
	padding-left: 0px;
	position: absolute;
	top: 43%;
	right: 15px;
}
header ul.rs li {
	float: left;
	display: inline-block;
	margin: 0 15px;
}
header ul.rs li a {
	font-size: 28px;
	color: #fff !important;
}
header ul.rs li a:hover {
	cursor: pointer;
}
header ul.rs li.movil,
ul.rs-top li a.whatsapi {
	display: none;
}

ul.rs-top {
	position: relative;
 padding: 0;
 margin: 0;
}
ul.rs-top li {
 list-style: none;
 margin-bottom: 15px;
 position: fixed;
 right: 18px;
 top: 67%;
 z-index: 99;
}
ul.rs-top li a img {
 width: 60px;
}


section.banner {
	position: relative;
	height: 85vh;
	overflow: hidden;

}
section.banner img.banner {
	width: 100%;
	padding:  0;
}
section.banner img.logo {
 position: absolute;
 width: 350px;
 top: 50%;
 margin-top: -87.5px;
}
section.banner h2 {
	position: absolute;
	color: #fff;
	font-size: 68px;
	top: 28%;
	margin-bottom: 0;
	padding: 50px 175px 50px 25px;
	border:  2px solid #fff;
	line-height: normal;
	/*right: 0;*/
	font-family: 'Poppins', sans-serif;
 font-weight: 600;
}
section.banner h2 span {
	position: relative;
	display: block;
	text-align: left;
	font-family: 'Libre Baskerville', serif;
	font-weight: 500;
}


section.q-somos {
	position: relative;
}
section.q-somos .content-left {
	background-color: #99af88;
}
section.q-somos .content-left h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	font-size: 56px;
	font-family: 'Libre Baskerville', serif;
}
section.q-somos .content-left,
section.q-somos .content-right {
	padding: 100px 50px;
	height: 100%;
	align-items: center;
}
section.q-somos .content-right {
	padding-left: 100px;
	padding-right: 100px;
}
section.q-somos .content-right p {
	color: #808080;
 text-align: justify;
 line-height: 2;
 margin-bottom: 25px;
 font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
section.q-somos .content-right p:last-child {
	margin-bottom: 0px;
}




section.productos {
	position: relative;
	background: linear-gradient(90deg, white 50%, #414827 50%);
}
section.productos .container-fluid > .row {
	align-items: center;
}
section.productos .content-left {
	padding-left: 100px;
	padding-right: 100px;
}
section.productos .content-left ul {
	position: relative;
	width: 100%;
	padding-left: 0px;
	display: grid;
	justify-content: center;
 margin-bottom: 0px;
}
section.productos .content-left ul li {
	margin-bottom: 50px;
	color: #414827;
	float: left;
	display: inline-block;
	vertical-align: middle;
}
section.productos .content-left ul li img {
	width: 200px;
	margin-right: 25px;
}
section.productos .content-left ul li:last-child {
	margin-bottom: 0px;
}
section.productos .content-left .nav a.nav-link {
	color: #414827;
 background-color: transparent;
 position: relative;
 font-family: 'Poppins', sans-serif;
 font-weight: 700;
 display: initial;
}
section.productos .content-left .nav a.nav-link:before {
	position: absolute !important;
 content: '';
 width: 30% !important;
 left: 245px;
 height: 2px !important;
 /*display: table !important;*/
 background: #414827 !important;
 bottom: -5px !important;
 -webkit-transition: all 300ms linear;
 transition: all 300ms linear;
 -webkit-transform: scaleX(0);
 transform: scaleX(0);
}
section.productos .content-left .nav li {
 margin-bottom: 50px;
}
section.productos .content-left .nav li:last-child {
	margin-bottom: 0px;
}
section.productos .content-left .nav a.nav-link.active:before,
section.productos .content-left .nav a.nav-link:hover:before {
	-webkit-transform: scaleX(1);
 transform: scaleX(1);
}
section.productos .content-left .nav a.nav-link img {
	width: 200px;
	margin-right: 25px;
}

section.productos .content-left,
section.productos .content-right {
	padding: 100px 50px;
	height: 100%;
}
section.productos .content-right {
	background-color: #414827;
}
section.productos .content-right h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	font-size: 56px;
	font-family: 'Libre Baskerville', serif;
}
section.productos .content-right .tab-content .tab-pane .decription h1 {
	color: #fff;
	text-align: center;
	line-height: normal;
	margin-bottom: 25px;
	font-family: 'Libre Baskerville', serif;
}
section.productos .content-right .tab-content .tab-pane .decription p {
	text-align: left;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 50px;
	font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
section.productos .content-right .tab-content .tab-pane .decription p:last-child {
	margin-bottom: 0px;
}
section.productos .content-right .tab-content .tab-pane .decription img {
	border-radius: 10px;
	margin-bottom: 25px;
}
section.productos .owl-pagination {
	position: absolute;
 width: 100%;
 left: 0;
 right: 0;
 text-align: center;
}
section.productos .owl-pagination .owl-page {
	width: 18px;
 height: 18px;
 border-radius: 50px;
 display: inline-block;
 background: #414827;
 border-color: #fff;
 border-width: 2px;
 border-style: solid;
 margin: 0 5px;
}
section.productos .owl-pagination .owl-page.active,
section.productos .owl-pagination .owl-page:hover {
	background: #99af88;
	border-color: #99af88;
}
section.productos .owl-buttons {
	display: none;
}

section.productos .collapse-movil {
	display: none;
}

section.productos .collapse-movil h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	font-size: 56px;
	font-family: 'Libre Baskerville', serif;
	padding: 25px;
	background-color: #414827;
	margin-bottom: 40px;
}

.collapse-movil .accordion .card {
	background: transparent;
 border-radius: 0;
 border: none !important;
 margin-bottom: 40px;
}
.collapse-movil .accordion .card .card-header {
	border-bottom: none;
	border-radius: 0px;
	background-color: #fff;
}
.collapse-movil .accordion .card .card-header h5 {
 text-align: left;
}
.collapse-movil .accordion .card .card-header h5 img {
	width: 125px;
}
.collapse-movil .accordion .card .card-header h5 button {
	color: #414827;
 background-color: transparent;
 position: relative;
 font-family: 'Poppins', sans-serif;
 font-weight: 700;
 text-decoration: none !important;
}
.collapse-movil .accordion .card .card-header h5 button:hover {
	color: #414827;
}

.collapse-movil .accordion .card .collapse.show {
	background-color: #fff;
}




section.decorar-espacio {
	position: relative;
}
section.decorar-espacio .content-left {
	background-color: #99af88;
}
section.decorar-espacio .content-left h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 0px;
	font-size: 56px;
	font-family: 'Libre Baskerville', serif;
}
section.decorar-espacio .content-left,
section.decorar-espacio .content-right {
	padding: 100px 50px;
	height: 100%;
	align-items: center;
}
section.decorar-espacio .content-right {
	padding-left: 100px;
	padding-right: 100px;
}
section.decorar-espacio .content-right form {
	background-color: #99af88;
	border-radius: 10px;
	padding: 50px 25px;
}
section.decorar-espacio .content-right form h4 {
	color: #fff;
	text-align: center;
	font-size: 32px;
	line-height: normal;
	margin-bottom: 12.5px;
	font-family: 'Poppins', sans-serif;
 font-weight: 600;
}
section.decorar-espacio .content-right form p {
	color: #fff;
 text-align: justify;
 line-height: 1.5;
 margin-bottom: 25px;
 font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
section.decorar-espacio .content-right form .form-group {
	margin-bottom: 1rem;
}
section.decorar-espacio .content-right form ::placeholder {
	color: #808080 !important;
}
section.decorar-espacio .content-right form button {
	color: #fff;
	line-height: normal;
	padding-bottom: 7px;
	padding-top: 7px;
	background-color: #414827;
	margin-bottom: 12.5px;
	border-radius: 10px;
	width: 100%;
	font-family: 'Poppins', sans-serif;
 font-weight: 600;
}


footer {
	background-color: #414827;
	padding: 25px 0;
}
footer .top {
	margin-bottom: 25px;
}
footer .top p {
	color: #fff;
	margin-bottom: 0px;
	text-align: center;
	font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
footer .top p a,
footer .top p a:hover {
	color: #fff;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
footer .bottom {
	position: relative;
}
footer .bottom address {
	color: #fff;
	margin-bottom: 0;
	padding: 0;
	float: left;
	text-align: left;
	font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
footer .bottom ul.rs {
	float: right;
	padding-left: 0;
	display: flex;
	justify-content: center;
}
footer .bottom ul.rs li {
	float: left;
	display: inline-block;
}
footer .bottom ul.rs li.movil {
	display: none;
}
footer .bottom ul.rs li a {
	color: #fff;
	margin: 0px 12.5px;
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
 font-weight: 400;
}
footer .bottom ul.rs li a:hover {
	cursor: pointer;
	color: #fff;
}
footer .bottom ul.rs li a i {
	font-size: 16px;
}


@media (max-width:  790px) {
	nav.navbar {
		padding-left: 0.75rem;
	}
	.navbar-light .navbar-toggler{
		border-color: rgb(153 175 136);
  background-color: #99af88;
  border-radius: 0;
  color: #fff;
	}
	.collapse.show {
		background-color: #414827;
		margin-left: -0.75rem;
		padding-left: 0.75rem;
		margin-top: 3.25px;
		-webkit-transition: all 300ms linear;
 transition: all 300ms linear;
	}

	section.productos .owl-pagination {
		bottom: -15%;
	}
	section.productos .collapse-movil {
		display: block;
	}
	section.productos .web {
		display: none;
	}

	header ul.rs {
		top: 12px;
		right: 0;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	header ul.rs li {
		margin: 0 7.5px 7.5px;
	}
	header ul.rs li a {
		font-size: 24px;
	}

	header ul.rs li.movil,
	ul.rs-top li a.whatsapi {
		display: block;
	}
	header ul.rs li.web,
	ul.rs-top li a.whatsweb {
		display: none;
	}


	section.banner {
		height: 50vh;
		background-image: url('../img/banner.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	section.banner img.banner {
		display: none;
	}
	section.banner img.logo {
		width: 175px;
		margin: -87.5px auto 0;
		left: 0;
		right: 0;
	}
	section.banner h2 {
		font-size: 40px;
		top: 55%;
		padding: 0px 75px 12.5px 25px;
		margin-right: 15px;
		left: 15px;
	}

	section.q-somos .content-left, section.q-somos .content-right {
		padding: 50px;
	}
	section.q-somos .content-right {
		padding-left: 25px;
		padding-right: 25px;
		padding-bottom: 25px;
	}


	section.productos {
		background: linear-gradient(90deg, white 50%, #fff 50%);
	}
	section.productos .content-left,
	section.productos .content-right {
		padding: 50px 25px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	section.productos .content-left {
		padding-top: 0px;
	}
	section.productos .content-left .nav li {
  margin-bottom: 25px;
	}
	section.productos .content-left .nav li img {
  position: relative;
  display: block;
  margin: 0 auto 12.5px;
	}

	section.decorar-espacio .content-left,
	section.decorar-espacio .content-right {
		padding: 50px;
	}
	section.decorar-espacio .content-right {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
	}

	footer .top p span {
		display: none;
	}
	footer .top p a {
		display: block;
	}

	footer .bottom address {
		float: none;
		text-align: center;
	}
	footer .bottom ul.rs {
		float: none;
		margin-top: 25px;
	}
	footer .bottom ul.rs li.movil {
		display: block;
	}
	footer .bottom ul.rs li.web {
		display: none;
	}
}