@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

body {
	background: url(../img/map.svg)no-repeat top right;
	background-size: 60%;
	margin: 0;
	padding: 0;
	font-family: 'PT Sans';
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow-x: hidden;
}

/*variables*/
:root {
	--amarillo: #CAC31D;
	--azulFuerte: #26334D;
	--azul: #00A29B;
	--azulTexto: #26334E;
}

/* Clases Globales */
.mt-100 {
	margin-top: 100px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}

.manita {
	cursor: pointer;
}

.textV {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
}

.border-amarillo {
	border-bottom: 1px solid #CAC31D;
	padding-bottom: 10px;
}

.degradado_horizontal {
	background-image: linear-gradient(to right, #26334F, #26396C);
	color: #fff;
}

.eliminar_icon {
  position: absolute;
  right: -20px;
  top: -20px;
  cursor: pointer;
  z-index: 10;
}

.overlayBG {
  background-color: rgba(0,0,0, .666);
}

.frontAll {
  position: relative;
  z-index: 999;
}

.content {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.form-group .form-control.error {
	border-width: 2px;
	border-color: #ff0000;
	box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

a {
	text-decoration: none;
}

a:hover {
	color: white;
	text-decoration: none !important;
	transform: scale(0.1 0.1);
}

.modal {
	display: none;
	position: fixed;
	z-index: 99999 !important;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	overflow: auto;
	background-color: rgba(20, 20, 20, 0.8);
}

.modal.active {
	display: flex;
	align-items: center;
	justify-content: center;
}

.modal-content {
	width: 75%;
	background: #fff;
	color: #000;
}

.modal-alert {
	width: 100%;
	max-width: 350px;
}

.modal-content .modal-body p {
	margin-top: 20px;
}

.top {
	margin: 20px;
}

/*Placeholder para elementos editables - contenteditable*/
[contenteditable]:empty:before{
  content: 'Escribe algo...';
  display: block; /* For Firefox */
}

.titulo {
	font-weight: 400;
	font-size: 25px;
}

.titulo2 {
	font-weight: 700;
	font-size: 25px;
}

.subtitulo {
  font-weight: 400;
  font-size: 15px;
  color: var(--azul) !important;
}

.subtitulo2 {
	font-weight: 400;
	font-size: 15px;
	color: var(--amarillo);
}

.texto {
	font-weight: 400;
	font-size: 13px;
	color: var(--azulFuerte);
}

.texto2 {
	font-weight: 400;
	font-size: 14px;
	color: var(--azul);
}

.texto3 {
	font-weight: 400;
	font-size: 14px;
	color: var(--amarillo);
}

.btn-prin {
	width: 102px;
	height: 25px;
	border: 1px solid var(--amarillo);
	border-radius: 100px;
	margin-top: 20px;
	text-align: center;
	background-color: var(--amarillo);
	color: var(--azulfuerte);
	font-size: 11px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn-prin2 {
	width: 102px;
	height: 25px;
	border: 1px solid var(--azul);
	border-radius: 100px;
	margin-top: 20px;
	background-color: var(--azul);
	color: white;
	font-size: 11px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.msgM {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(38, 51, 77, .8);
	text-align: center;
	z-index: 1;
	opacity: 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.msgM.active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.msgM .iconClose {
	position: absolute;
	top: -10px;
	right: -10px;
}

.msgM .iconClose .closeI {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
	padding: 2px;
	background: rgba(0, 162, 155, 1);
	color: #fff;
	border-radius: 100%;
	font-size: 1rem;
	cursor: pointer;
}

.msgM .text-MSG {
	position: relative;
	width: 100%;
	background: #fff;
	color: var(--buttonEntrar);
	border-radius: 0 0 4px 4px;
	padding: 30px 20px;
}

.msgM .text-MSG .close-MSG,
.msgM .text-MSG .enviar_cotizacion {
	background: transparent;
	border: 1px solid #00A29B;
	border-radius: 20px;
	color: #00A29B;
}

.msgM .cotizador {
	background-image: linear-gradient(to top left, #26334D, #263A6E 50%);
}

#esco-wa {
	margin-left: 10px;
}

/* --- Header --- */
ul,
ol {
	list-style: none;
}

.impheader {
	padding: 10px;
	background-color: white;
}

.menu-toggle {
	width: 40px;
	height: 30px;
	position: absolute;
	top: 34px;
	left: 20px;
	cursor: pointer;
	margin-left: 70px;
}

.menu-toggle.on .one {
	-moz-transform: rotate(-45deg) translate(7px, 7px);
	-ms-transform: rotate(-45deg) translate(7px, 7px);
	-webkit-transform: rotate(-45deg) translate(7px, 7px);
	transform: rotate(-45deg) translate(7px, 7px);
	background-color: white;
}

.menu-toggle.on .two {
	opacity: 0;
}

.menu-toggle.on .three {
	opacity: 0;
}

.d-menu {
	height: 3px;
	background-color: var(--azulFuerte);
	margin: 6px;
	backface-visibility: hidden;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.one {
	width: 90%;
	height: 3px;
}

.two {
	width: 70%;
	height: 3px;
}

.three {
	width: 50%;
	height: 3px;
}

li>a {
	width: 100%;
	height: auto;
}

nav ul {
	margin: 0;
	padding: 0;
	margin: 4em auto;
	text-align: left;
}

nav ul.hidden {
	display: none;
}

nav ul a {
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	text-decoration: none;
	color: white;
	font-size: 20xp;
	margin-left: 30px;
	line-height: 1.5;
	width: 100%;
	display: block;
	font-weight: 700;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 35px;
	margin-left: 70px;
}

nav ul a:hover {
	/* background-color: rgba(0, 0, 0, 0.5);*/
}

.menu-section.on {
	z-index: 10;
	width: 70%;
	height: 1500px;
	max-height: 1500px;
	position: absolute;
	background: rgb(38, 51, 77) url(../img/logo2.png)no-repeat 91% 18px !important;
	position: absolute;
	background-size: 145px !important;
	top: 0;
	z-index: 40000;
}

.menu-section.on .redesOc {
	display: none;
}

.num {
	font-weight: 400;
	font-size: 8px;
	margin-right: 10px;
}

.img-logo {
	background: url(../img/logo.png)no-repeat center;
	background-size: contain;
	width: auto;
	height: 70px;
	margin-top: 5px;
}

#fa {
	background: url(../img/facebook.png)no-repeat center;
	background-size: 12px;
}

#wat {
	background: url(../img/whats.png)no-repeat center;
	background-size: 22px;
}

.img-redes {
	width: 45px;
	height: 30px;
	margin-top: 20px;
}

.imagen-menu {
	width: 150px;
	height: 90px;
	float: right;
	margin-right: 39px;
}

#bak-menu {
	background: url(../img/logo2.png)no-repeat center;
	background-size: contain;
	width: auto;
	height: 60px;
	margin-top: 10px;
}

.menu2 {
	background-color: var(--azulFuerte);
	width: auto;
	height: auto;
	position: absolute;
	left: 200px;
	top: 170px;
	color: white;
	padding: 10px;
	display: none;
}

.txt-pro {
	font-weight: 400;
	margin-left: -70px;
	height: 20px;
	cursor: pointer;
}

#productos:hover .menu2 {
	display: block;
}

.menu3 {
	position: relative;
	left: 220px;
	top: -55px;
	display: none;
}

.hijos {
	display: block;
}

.txt-pro:hover .menu3 {
	display: block;
}

/* --- INDEX --- */
.cnt-prin {
	/*background-color: var(--azulFuerte);*/
	background: var(--azulFuerte) url(../img/map2.png)no-repeat center center;
	background-size: cover;
	height: 550px;
	max-height: 500px;
	margin-top: 10px;
	align-items: center;
}

.cn-pr {
	margin-top: auto;
	margin-bottom: auto;
	display: block;
}

.cn-pr>h2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#e-1,
#e-3 {
	color: white;
}

#e-2 {
	color: var(--azul);
}

.linea {
	width: 102px;
	height: 1px;
	background-color: var(--amarillo);
}

#btn1 {
	margin-right: 30px;
	padding: 3px;
}

#btn1:hover {
	border: 1px solid var(--azul);
	background-color: var(--azul);
	color: white;
}

#btn2 {
	background-color: var(--azulFuerte);
	padding: 3px;
	color: var(--amarillo);
}

#btn2:hover {
	border: 1px solid var(--azul);
	color: white;
}

.img-in {
	margin-top: 40px;
	width: auto;
	height: 400px;
}

.scroll {
	background: url(../img/scroll.png)no-repeat center;
	background-size: contain;
	height: 100px;
	width: auto;
	z-index: 9;
	margin-top: 30px;
}

.img-2 {
	width: 90%;
	height: 180px;
	max-height: 180px;
	max-width: 400px;
}

#img-p1 {
	background: url(../img/1.png)no-repeat center;
	background-size: cover;
	margin-bottom: -30px;
}

#img-p2 {
	background: url(../img/2.png)no-repeat center;
	background-size: cover;
	margin-top: 50px;
}

#s-bnt {
	color: var(--azul);
	background-color: white;
	border: 1px solid var(--azul);
	padding: 4px
}

#s-bnt:hover {
	color: white;
	background-color: var(--azul);
	border: 1px solid var(--azul);
	padding: 4px
}

.line2 {
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, var(--amarillo), #61B25F, var(--azul));
	margin-top: 60px;
}

.vid {
	margin-top: 60px;
	margin-bottom: 60px;
}

#c-video {
	width: 13%;
	position: absolute;
	margin-top: -70px;
	margin-left: -112px;
}

#c-in {
	position: absolute;
	margin-top: -43px;
	width: 151px;
	height: 150px;
	margin-left: -110px;
}

/* --- NOSOTROS ---  */
#ti-nos {
	text-align: center;
	margin: 20px;
}

#txt-nosotros {
	text-align: center;
}

#ctn-no {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 400px;
}

.cnt-n2 {
	background: linear-gradient(to bottom right, #26334D, #263A6D);
}

.sb-2 {
	margin-left: 40px;
	margin-top: 40px;
}

.cn2 {
	max-width: 1500px;
}

#n-v {
	text-align: center;
	margin-bottom: 40px;
}

#nosline {
	margin-left: 40px;
	margin-top: 40px;
	width: 20%;
	height: 1px;
	background-color: var(--azul);
}

.tsb-2 {
	color: white;
	margin-left: 40px;
	width: 80%;
}

.txt-other {
	width: 80%
}

.bg_numero {
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 80px;
}

.num2 {
	width: 100%;
	height: 120px;
	z-index: 9;
	position: absolute;
	margin-top: -20px;
	margin-left: 20px;
}

.m {
	margin-top: 40px;
}

#uno {
	background: url(../img/01.svg)no-repeat top left;
	background-size: 80px;
}

#dos {
	background: url(../img/02.svg)no-repeat top left;
	background-size: 80px;
}

#tres {
	background: url(../img/03.svg)no-repeat top left;
	background-size: 80px;
}

#cuatro {
	background: url(../img/04.svg)no-repeat top left;
	background-size: 80px;
}

#cinco {
	background: url(../img/05.svg)no-repeat top left;
	background-size: 80px;
}

#seis {
	background: url(../img/06.svg)no-repeat top left;
	background-size: 80px;
}

#cuadrado1 {
	background: url(../img/cuadro1.png)no-repeat left;
	position: absolute;
	width: 45px;
	height: 45px;
	left: -60px;
	top: -70px;
}

#cuadradoGrande {
	background: url(../img/cuadro2.png)no-repeat left;
	position: absolute;
	width: 130px;
	height: 130px;
	right: -20px;
	top: -50px;
}

#cuadrado2 {
	background: url(../img/cuadro1.png)no-repeat left;
	position: absolute;
	width: 45px;
	height: 45px;
	left: 0px;
	top: 140px;
}

/*Contacto*/
.form {
	background-color: #fafafa;
	color: var(--azulFuerte);
	border: none;
	width: 100%;
	height: 40px;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 12px;
	padding: 10px;
}

#cdr-cc {
	position: absolute;
	top: 0;
	right: 0px;
	width: 50px;
	height: 50px;
	z-index: 9;
}

#cc-c2 {
	position: absolute;
	bottom: 0;
	left: -50px;
	z-index: -9;
	width: 100px;
}

#email {
	width: 48%;
}

#telefono {
	width: 48%;
	float: right;
}

#mensaje {
	height: 240px;
}

#submit {
	float: right;
	width: 140px;
	margin-top: -7px;
	background-color: white;
	border-color: var(--azul);
	color: var(--azul);
}

#enviado {
	text-align: center;
	margin-top: 10px;
	font-weight: 700;
	font-size: 20px;
}

/*Mapa*/
#map {
	height: 300px;
	/* The height is 400 pixels */
	width: 100%;
	/* The width is the width of the web page */
}

#ub {
	font-size: 15px;
}

.ub-2 {
	width: 100%;
	max-width: 450px;
	height: 20px;
	margin-top: 10px;
}

#dire-c {
	width: 280px;
}

.ss {
	width: 100%;
}

.line-c {
	height: 35px;
	width: 1px;
	background-color: var(--azul);
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 2px;
}

/*PROYECTOS*/
.cont-pro {
	width: 1300px;
	height: 600px;
	max-width: 1500px;
	background-color: white;
	max-height: 600px;
	box-shadow: 1px 1px 20px 2px #efefef;
	display: flex;
}

.cont-pro {
	width: 1300px;
	height: auto;
	max-width: 1500px;
	background-color: white;
	max-height: 600px;
	box-shadow: 1px 1px 20px 2px #efefef;
	display: flex;
}

.ct-img-p {
	width: 75%;
	height: 550px;
	max-height: 600px;
}

.cp2 {
	height: 200px;
	width: 265px;
	padding-right: 0px !important;
	padding-left: 0px !important;
	background-color: white;
}

.c-ovp {
	height: 200px;
	width: 265px;
	padding-right: 0px !important;
	padding-left: 0px !important;
	background-color: rgba(255, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
}

.c-ovp>p {
	color: rgba(255, 255, 255, 0);
	margin-top: 70px;
}

.c-ovp>h4 {
	color: rgba(255, 255, 255, 0);
}

#cpovp {
	text-align: center;
}

.c-ovp:hover {
	background-color: rgba(255, 255, 255, 0.76);
}

.c-ovp:hover p {
	color: var(--azulFuerte);
	font-weight: 700;
	font-size: 15px;
}

.c-ovp:hover>h4 {
	color: var(--azulFuerte);
}

.im-p-c {
	width: 100%;
	height: 100%;
}

.c-over {
	width: 265px;
	height: 200px;
	margin-top: 60px;
	background-color: rgb(255, 165, 0);
	z-index: 999999;
	position: absolute;
	bottom: 0;
}

.c-over:hover {
	width: 265px;
	height: 200px;
	background-color: rgb(221, 221, 221);
	transition: 1s;
	z-index: 999;
}

.cc2 {
	margin-top: 60px;
	margin-bottom: 60px;
	width: 100%;
	max-width: 1500px;
	height: auto;
	display: flex;
	justify-content: space-around;
	cursor: pointer;
	margin-top: 60px;
}

.txt-cp {
	padding: 20px;
	margin-top: 20px;
	width: 25%;
}

.f-cp {
	width: 100px;
	height: 40px;
	position: static;
	/* bottom: -81px; */
	margin-top: 250px;
	display: flex;
	justify-content: space-around;
}

.flecha {
	width: 40px;
	height: 40px;
	cursor: pointer;
}

#cc-p {
	position: absolute;
	right: 0;
	width: 60px;
	height: 60px;
	z-index: -9999;
}

#cc-p2 {
	position: absolute;
	left: 0;
	width: 200px;
	height: 200px;
	bottom: 10px;
	z-index: -9;
}

/* Oulet */
#c-ol {
	position: absolute;
	left: 0;
	z-index: -9;
}

.carousel-cont {
	width: 100%;
	height: 450px;
	max-height: 1200px;
	margin: 0 0 0 -40px !important;
}

.li-ou {
	width: 60%;
	height: 450px;
	background: #333;
	display: inline-block;
	transition: all .3s ease-in-out;
	overflow: hidden;
}

.items {
	position: absolute;
}

.main-pos {
	margin-left: 20% !important;
	z-index: 3000;
}

.left-pos {
	opacity: .8;
	margin-left: -5% !important;
	z-index: 1000;
	transform: scale(.75);
}

.main-pos .texto-sli {
	width: 300px;
	height: 100%;
	padding: 20px;
}

.right-pos {
	opacity: .8;
	margin-left: 45% !important;
	z-index: 1000;
	transform: scale(.75);
}

.main-pos .texto-sli .txt-ver {
	writing-mode: horizontal-tb;
	color: white;
	float: none;
	margin-right: 0px;
	margin-top: 0px;
}

.main-pos .texto-sli .oltxt {
	display: block;
}

.main-pos .texto-sli .btou {
	display: block;
	padding-top: 3px;
	background-color: rgba(240, 248, 255, 0);
	color: white;
	border: 1px solid white;
	bottom: 0;
	margin-bottom: 50px;
	position: absolute;
}

.btou {
	display: none;
	cursor: pointer;
}

.left-pos .texto-sli {
	width: 60px;
	height: 100%;
	float: left;
}

.back-pos {
	margin-left: 15% !important;
	opacity: .9;
	transform: scale(.5);
}

.oltxt {
	color: white;
	display: none;
}

.img-d {
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
}

.texto-sli {
	width: 60px;
	height: 100%;
	background-image: linear-gradient(#26334F 15%, #26396C 75%);
	float: right;
}

.txt-ver {
	writing-mode: vertical-lr;
	color: white;
	float: right;
	margin-right: 1px;
	margin-top: 150px;
}

#prev {
	background: url(../img/fi.png)no-repeat center;
	background-size: 30px;
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 0);
	height: 40px;
	width: 35px;
	border: none;
}

#next {
	background: url(../img/fde.png)no-repeat center;
	background-size: 30px;
	background-color: rgba(255, 255, 255, 0);
	color: rgba(255, 255, 255, 0);
	height: 40px;
	width: 35px;
	border: none;
}

.tt1 {
	color: white;
	padding-top: 3px;
}

.sseasd {
	margin-top: 80px;
	margin-bottom: 40px;
	padding-left: 0px !important;
}

.c-cnf {
	width: 95%;
	background-color: #ffffff;
	position: relative;
	top: 450px;
}

.contador {
	width: 60px;
	height: 25px;
	border-radius: 100px;
	background-color: var(--azulFuerte);
	display: flex;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10%;
	margin-top: 10px;
}

#c-span {
	float: right;
}

/* Oulet P*/

#i-op {
	width: 100%;
	height: 550px;
	border-width: 3px;
	border-style: solid;
	border-image: linear-gradient(to bottom, #CAC31D, var(--amarillo), var(--azul))3 10%;
	margin: 10px;
	background-color: white;
}

#dt-op {
	width: 100%;
	height: 550px;
	padding: 30px;
}

.line-oulet {
	height: 4px;
	background: linear-gradient(to right, var(--amarillo), #61B25F, var(--azul));
}

.img-pop {
	width: 100%;
	height: 100%;
	background-color: rgba(65, 105, 225, 0.75);
}

.lineop {
	background: var(--amarillo);
	width: 60%;
	height: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ctbtn {
	display: flex;
	justify-content: space-between;
	width: 270px;
	position: absolute;
}

#dft {
	width: 150px;
	padding: 3px;
	background-color: white;
	border-color: var(--azul);
	color: var(--azul);
}

#dft:hover {
	background-color: var(--azul);
	color: white;
	cursor: pointer;
}

#cft {
	padding: 4px;
	background-color: white;
	border-color: var(--azul);
	color: var(--azul);
	font-weight: 400;
}

#cft:hover {
	background-color: var(--azul);
	color: white;
	cursor: pointer;
}

/* ---- OuletP Carrousel ---- */
#ccop {
	position: absolute;
	left: 0;
	bottom: -200px;
	z-index: -999;
}

#ccop2 {
	position: absolute;
	right: 0;
	bottom: 100px;
	z-index: -999;
}

.main2 {
	width: 90%;
	height: 200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.cont-h3 {
	background-color: white;
	border-width: 2px;
	border-style: solid;
	border-image: linear-gradient(to bottom, #CAC31D, var(--amarillo), var(--azul))3 10%;
	width: 150px !important;
	height: 150px !important;
	margin: 10px;
	position: relative;
	cursor: pointer;
}

.img-carousel {
	width: 100% !important;
	height: 85%;
}

.cdtx {
	width: 100%;
	height: 25px;
	background-image: linear-gradient(#26334F 15%, #26396C 75%);
	color: #fff;
	text-align: center;
}

.action {
	display: block;
	margin: 100px auto;
	width: 100%;
	text-align: center;
}

.action a {
	display: inline-block;
	padding: 5px 10px;
	text-decoration: none;
}

.slick-slide {
	margin-bottom: 0px !important;
}

.slick-arrow {
	text-indent: -999 !important;
	width: 50px !important;
	height: 50px !important;
}

.slick-prev {
	background: url(../img/fi.png)no-repeat center !important;
	left: -80px !important;
	background-size: 40px !important;
}

.slick-next {
	background: url(../img/fde.png)no-repeat center !important;
	right: -80px !important;
	background-size: 40px !important;
}

.slick-next,
.slick-prev {
	top: 33% !important;
}

.txtdp {
	color: white;
}

/* Menu Padre - Productos */

#menuP .tituloP {
	font-weight: 700;
	font-size: 25px;
}

#menuP .navP {
	margin-bottom: 20px;
	max-width: 260px;
}

#menuP .navP .navPT {
	display: block;
	color: #00A29B;
	background: #fff;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #00A29B;
	border-radius: 30px;
	padding: 3px 6px;
	text-align: center;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#menuP .navP:hover .navPT {
	color: #fff;
	background: #00A29B;
	cursor: pointer;
}

/* Productos Section */

#productos .producto {
	display: flex;
}

#productos .producto .textV {
	display: block;
	background-image: linear-gradient(#26396C 10%, #26334F 90%);
	color: #fff;
	overflow: hidden;
}

#productos .producto .infoP .ver_productos {
	border: 1px solid #fff;
	border-radius: 20px;
	color: #fff;
	font-size: .85em;
}

#productos .producto .imagenBP {
	background-size: cover;
	background-position: top center;
	height: 100%;
	width: 100%;
}

#productos .producto.principal {
	position: relative;
	/* transform: scale(1.1); */
	/* transform: matrix(1.1, 0, 0, 1.1, 0, 0); */
	z-index: 1;
}

#productos .producto.principal.pt {
	transform: scale(1.1);
}

#productos .producto.principal .textV {
	display: none;
}

#productos .producto .infoP {
	display: none;
}

#productos .producto.principal .infoP {
	display: block;
	height: 100%;
	background-image: linear-gradient(#26334F 15%, #26396C 75%);
	color: #fff;
	font-family: 'PT Sans', sans-serif;
	font-size: .8898em;
	transform: scale(1.05);
}

#productos .paginacion {
	font-family: 'PT Sans', sans-serif;
	font-weight: 600;
	background: var(--azulFuerte);
	color: #fff;
	border-radius: 18px;
}

#productos .sigPrev img {
	cursor: pointer;
}

/* Producto Section */

#producto .usoapli .contUA {
	flex-flow: row wrap
}

#producto .productos .productoC {
	position: relative;
	/* max-width: 240px; */
	margin-bottom: 1em;
}

#producto .productos .productoC .prod {
	border: 1px solid #2635554d;
}

#producto .productos .productoC .prod img {
	background: #fff;
	max-height: 300px;
	object-fit: contain;
}

#producto .productos .productoC .prod .tituloPS {
	display: block;
	color: #fff;
	cursor: pointer
}

.eliminar{
	position: absolute;
	right: -15px;
	top: -15px;
	width: 30px;
}
/* Producto Detalles Section */

#producto .producto .producto_imagen {
	border-image-slice: 2;
	border-width: 2px;
	border-style: solid;
	border-image-source: linear-gradient(to bottom right, #CAC31D, #00A29B);
	padding: 2px;
}

#producto .producto .desc_producto {
	color: #26334D;
	font-size: 15px;
}

#producto .producto .boton_producto {
	display: block;
	color: #00A29B;
	background: #fff;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	font-size: 13px;
	border: 1px solid #00A29B;
	border-radius: 20px;
	padding: 6px;
	margin-bottom: 10px;
	text-align: center;
}

#productoS .productos .prod {
	border: 1px solid #2635554d;
}

#productoS .productos .prod img {
	background: #fff;
}

#productoS .productos .prod .tituloPS {
	display: block;
	color: #fff;
	cursor: pointer
}

/* --- FOOTER --- */

.foot {
	background-color: var(--azulFuerte);
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}

#direccion {
	color: white;
	font-size: 11px;
}

.line-flot {
	width: 1px;
	height: 50%;
	background-color: white;
	margin: 15px;
}

.cont-num {
	display: flex;
	align-items: center;
	justify-content: center;
}

#logo-2 {
	background: url(../img/logo2.png)no-repeat center;
	width: auto;
	height: 70%;
	margin-top: 15px;
}

.redes {
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#whats {
	background: url(../img/what2.png)no-repeat center;
}

#face {
	background: url(../img/face.png)no-repeat center;
}

#tele {
	background: url(../img/tele.png)no-repeat center;
}

#btnFoot {
	margin-top: -1px;
	background-color: #435274;
	border: none;
	color: white;
	padding: 6px;
	width: 174px;
	height: auto;
	cursor: pointer;
}

/* --  A D M I N I S T R A D O R --*/
.login {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	box-shadow: 1px 1px 10px #dedede;
	padding: 20px;
}

/* -- Producto -- */

.ctn-pdP {
	width: 100%;
	height: 250px;
	max-height: 400px;
	box-shadow: 1px 1px 10px #dedede;
	display: flex;
	justify-content: space-around;
	margin: 30px;
}

.img-prinA {
	width: 50%;
	height: 100%;
}

.txt-ptinA {
	width: 50%;
	height: 250px;
	padding: 15px;
}

.txt-ptinA .selPadre {
	min-height: 25px;
	border: 1px solid #ddd;
	padding: 3px;
}

.txt-ptinA2 {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.26);
	z-index: 999;
}

.tt2 {
	height: 120px;
	min-height: 30px;
	max-height: 150px;
	overflow: hidden;
	overflow-y: auto;
	word-wrap: break-word;
}

.menosmargin {
	margin-top: -12px;
}

.cnt-btn {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-around;
}

.centrar {
	display: flex;
	justify-content: center;
	align-items: center;
}

.centrar2 {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}

.sb-img {
	width: 100px;
}

.maspequeno {
	width: 50px;
}

.inp-grd {
	width: 100%;
	border-radius: 5px;
	padding: 5px;
	border: none;
	border-bottom: 1px solid #eee;
	margin: 15px;
	min-height: 40px;
}

.s-A {
	width: 100%;
}

.ab-dd {
	position: absolute;
	bottom: 0;
	left: 14%;
	opacity: 0;
	transition: opacity .4s ease-in-out;
}

.ctn-pdP:hover .ab-dd {
	opacity: 1;
}

.boder-colores {
	border-image-slice: 2;
	border-width: 2px;
	border-style: solid;
	border-image-source: linear-gradient(to bottom right, #CAC31D, #00A29B);
}

/* Productos detalle */
.estatuc {
	width: 100%;
	height: 520px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cont-produc {
	width: 100%;
	height: 250px;
	background-color: white;
	border-bottom: 1px solid #2635554d;
	margin-bottom: 5px;
}

.cont-produc2 {
	width: 100%;
	height: 250px;
	background-color: rgba(0, 0, 0, 0.35);
	margin-bottom: 5px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
}

.ctn-txtPA {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

}

.ctn-txtPA>p {
	padding: 5px;
}

.interact {
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 99;
}

.interact2 {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 99;
}

.editable {
	background-color: #f0f0f0;
	border-radius: 10px;
	width: 100%;
	text-align: center;
	outline: none;
	border: 1px solid transparent
}

.editable:focus {
	border: 1px solid #aaa;
}

li.usoAp {
	list-style-position: inside;
}

.usoapli_img {
	display: -ms-flexbox;
	display: flex;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
}

.select-uya {
	max-width: 100%;
}

.backgroun2 {
	padding: 5px;
	margin: 10px;
	border: none;
	width: 100%;
}

.ordenarRows {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

.sb-img-Pro {
	width: 100px;
	margin-left: 30%;
	margin-top: 80px;
}

.boxShadow {
	box-shadow: 1px 1px 20px 2px #efefef;
}

.margen {
	margin: 10px;
}

.img-dli {
	width: 20px;
	display: none;

}

.usoAp:hover .img-dli {
	width: 20px;
	display: initial;
	cursor: pointer;


}

.editProduc {
	transition: opacity .4s;
	opacity: 0;
}

.boder-colores:hover .editProduc {
	opacity: 1;
}

.ct2-cambiar {
	background-color: rgba(0, 0, 0, 0.46);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: none;
}

.ca2-negro:hover .ct2-cambiar {
	display: flex;
}

.agregarVentajas {
	width: 20px;
	margin: 10px;
}

/* Uso y aplicaciones*/
.uyaA {
	widows: 100%;
	height: 150px;
	margin: 10px;

}

.editUYA {
	position: absolute;
	right: 2px;
	top: 2px;
	opacity: 0;
	width: 25px;
}

.uyaA:hover .editUYA {
	opacity: 1;
	transition: opacity .4s;
}

.editUYADisk {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 25px;
}

.editUYAX {
	position: absolute;
	left: 2px;
	top: 2px;
	width: 25px;
}

.nuevoUYA {
	width: 50px;
}

.videoyou {
	height: 625px;
}

/* Responsive  */

@media only screen and (max-width: 1000px) {
	.img-logo {
		height: 40px;
		margin-left: -2px;
		margin-top: 21px;
	}

	.menu-section.on {
		background: rgb(38, 51, 77) url(../img/logo2.png)no-repeat 62% 32px !important;
		background-size: 80px !important;
	}

	.img-in {
		height: 350px;
	}

	.cnt-prin {
		padding: 10px;
	}

	.scroll {
		margin-top: -40px;
	}

	.img-in {
		height: 350px;
	}

	.cnt-prin {
		padding: 10px;
	}

	.scroll {
		margin-top: -40px;
	}

	#logo-2 {
		height: 90px;
		margin-top: 15px;
		margin-bottom: 20px;
	}

	.resp {
		margin-top: 100px;
	}

	#e-3 {
		margin-top: 50px;
	}

	.m {
		margin-top: 0px;
	}

	/* Oulet */
	.carousel-cont {
		height: 489px;
	}

	.li-ou {
		height: 400px;
	}

	.main-pos {
		margin-left: 20% !important;
	}

	.right-pos {
		margin-left: 44% !important;
	}

	.left-pos {
		margin-left: -5% !important;
	}

	.back-pos {
		margin-left: 20% !important;
	}

	.img-d {
		background-size: calc(100% - 182px);
		background-position: left center;
	}

	.main-pos .texto-sli {
		width: 182px;
	}

	.txt-ver {
		margin-top: 10%;
	}

	.titulo {
		font-size: 22px;
	}

	.sseasd {
		margin-top: 40px;
	}

	.c-cnf {
		top: 489px;
	}

	/*Pryetos*/
	.cp2 {
		height: 100px !important;
		width: 165px !important;
	}

	.c-ovp {
		height: 100px;
		width: 100%;
	}

	.c-ovp>p {
		margin-top: 25px;
	}

	.videoyou {
		height: 460px;
	}
}

input,
textarea {
	outline: none;
	border: 1px solid transparent !important;
}

input:focus,
textarea:focus {
	border: 1px solid #aaa !important;
}

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


	/* index */
	.c-btCE {
		display: flex;
		justify-content: center;
	}

	.linea {
		width: 100%;
	}

	.sl-rps {
		padding-left: 20px;
		margin-left: 20px;
	}

	.img-in {
		height: 250px;
	}

	.redes {
		display: none;
	}

	.img-logo {
		height: 40px;
		margin-left: 100px;
	}

	.menu-toggle {
		margin-left: 10px;
		z-index: 9999;
	}

	.menu-section.on {
		z-index: 10;
		width: 85%;
		height: 1500px;
		max-height: 1500px;
		position: absolute;
		background: rgb(38, 51, 77) url(../img/logo2.png)no-repeat 83% 15px !important;
		position: absolute;
		background-size: 80px !important;
	}

	.menu-section.on .txt-pro {
		display: none;
	}


	.menu-section.on .redesOc {
		display: block;
	}

	.f-cp {
		bottom: -0px;
	}

	/* Oulet */
	.carousel-cont {
		height: 489px;
	}

	.li-ou {
		height: 400px;
	}

	.main-pos {
		margin-left: 20% !important;
	}

	.right-pos {
		margin-left: 44% !important;
	}

	.left-pos {
		margin-left: -5% !important;
	}

	.back-pos {
		margin-left: 20% !important;
	}

	.main-pos .texto-sli {
		width: 182px;
	}

	.txt-ver {
		margin-top: 10%;
	}

	.titulo {
		font-size: 22px;
	}

	.sseasd {
		margin-top: 40px;
	}

	.c-cnf {
		top: 489px;
	}

	.img-d {
		background-size: calc(100% - 160px);
		background-position: left center;
	}

	.main-pos .texto-sli {
		width: 160px;
	}

	/* Carrousel ouletP */
	.cont-h3 {
		width: 100px !important;
		height: 97px !important;
	}

	#dt-op {
		height: auto;
	}

	/* proyectos */
	.cp2 {
		height: 80px !important;
		width: 115px !important;
	}

	.c-ovp {
		height: 80px;
		width: 115px;
	}

	.c-ovp>p {
		margin-top: 5px;
	}

	.f-cp {
		margin-top: auto;
	}

	.videoyou {
		height: 360px;
	}
}

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

	/* index */
	#img-p1 {
		margin-left: auto;
		margin-right: auto;
	}

	#img-p2 {
		display: none;
	}

	/*header*/
	.img-logo {
		height: 40px;
		margin-left: -2px;
		margin-top: 21px;
	}

	.menu-section.on {
		background: rgb(38, 51, 77) url(../img/logo2.png)no-repeat 62% 32px !important;
		background-size: 80px !important;
	}

	.img-in {
		margin-top: 12px;
		height: 130px;
	}

	.scroll {
		display: none;
	}

	.ct-img-p {
		height: 100%;
	}

	.txt-cp {
		width: 50%;
	}

	.f-cp {
		bottom: -0px;
	}

	/*Oulet*/
	.carousel-cont {
		height: 390px;
	}

	.li-ou {
		width: 90%;
		height: 300px;
	}

	.main-pos .img-d {
		height: 300px;
		background-size: 100% 100%;
	}

	.main-pos .texto-sli,
	.left-pos .texto-sli,
	.right-pos .texto-sli {
		position: absolute;
		width: 100%;
		max-height: 70px;
		left: 0;
		bottom: 0;
		writing-mode: horizontal-tb;
	}

	.left-pos .texto-sli .txt-ver,
	.right-pos .texto-sli .txt-ver {
		writing-mode: horizontal-tb;
		opacity: 0;
	}

	.main-pos .texto-sli .oltxt,
	.main-pos .texto-sli .btou,
	.main-pos .texto-sli .txt-ver.mb-0 {
		display: none;
	}

	.main-pos {
		margin-left: 5% !important;
		height: auto;
	}

	.right-pos {
		margin-left: 5% !important;
	}

	.main-pos .texto-sli .btou {
		position: inherit;
	}

	.left-pos {
		margin-left: 5% !important;
	}

	.left-pos {
		margin-left: 5% !important;
	}

	.back-pos {
		margin-left: 5% !important;
	}

	.c-cnf {
		top: 390px;
	}



	/* Carrousel ouletP */
	.cont-h3 {
		width: 100px !important;
		height: 97px !important;
	}

	.txtdp {
		font-size: 10px;
		color: white;
	}

	#dt-op {
		height: auto;
	}

	/* proyectos */
	.cp2 {
		height: 70px !important;
		width: 105px !important;
		visibility: visible;
		animation-name: fadeInUpBig;
		margin: 10px
	}

	.c-ovp {
		height: 70px;
		width: 105px;
	}

	.c-ovp>p {
		margin-top: 5px;
	}

	.f-cp {
		margin-top: auto;
	}

	.msgM {
		z-index: 9999999;
	}

	.msgM .cotizador .cotizadorC {
		max-height: 300px;
		overflow-y: auto;
	}

	.cc2 {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;

	}

	.videoyou {
		height: 220px;
	}

}