@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,600,800&display=swap');

body, html {
	font-family: 'Montserrat', sans-serif;
	margin:0;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

p {
	margin: 0;
}

input {
	background-color: #FFF;
}

input:focus {
	outline: none;
	background-color: #FFF;
}

textarea:focus {
	outline: none;
}

select:focus {
	outline: none;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

a {
	text-decoration: none;
	color: inherit;
}

::-webkit-input-placeholder { color: #A3AABD !important; } /* WebKit */
:-moz-placeholder { color: #A3AABD !important; } /* Firefox 18- */
::-moz-placeholder { color: #A3AABD !important; } /* Firefox 19+ */
:-ms-input-placeholder { color: #A3AABD !important; } /* IE 10+ */

.flex {
	width:100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.flexProcedimientos {
	width:100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-between;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: flex-start;
}

.flexCenter {
	width:100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
}

.flexIcons {
	width:100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	text-align: center;
  	align-self: center;
  	align-content: center;
  	align-items: center;
  	margin-bottom: 65px;
}

.centerPage {
	width: 1200px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
  	justify-content: center;
	flex-wrap: wrap;
  	text-align: center;
}

.centerSpace {
	width: 1200px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
  	justify-content: space-between;
	flex-wrap: wrap;
  	text-align: center;
}

	.accordion-section-titleStore br {
		display: none;
	}

.logoSlide {
  width: 296px;
  margin-top: 0px;
}

.logoSlide img {
  
}

.logoMobile {
	width: 100%;
	margin-top: 20px;
	display: none;
}

.circleSocial {
	width: 30px;
	height: 30px;
	background-color: #2B257A;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
  	justify-content: center;
	align-items: center;
	align-self: center;
	align-content: center;
	flex-wrap: wrap;
  	text-align: center;
	margin: 18px 5px 0px 5px;
}

.circleSocial i {
	color: #FFF;
}

header {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;
  	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #FFF;
  	text-align: center;
	z-index: 9000;
}

header nav {
	width: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
  	height: 50px;
}

header nav ul {
	width: auto;
	padding: 0;
	margin: 20px 0px 0px 0px;
  	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	text-align: center;
}

header nav ul li {
	list-style-type: none;
	margin: 0px 15px 0px 15px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	color: #000;
	font-size: 12px;
	padding: 5px;
	transition: all 0.3s;
	
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: flex-end;
  	text-align: center;
}

header nav ul li:hover {
	color: #000;
	background-color: rgba(255,255,255,0.7);
	cursor: pointer;
}

.btnSesion {
	border: 1px solid #000;
}

.slide h2 {
	width: 100%;
	color: #87C0FF;
	font-size: 26px;
	font-weight: 800;
}

.slide p {
	width: 100%;
	color: #FFF;
	font-size: 28px;
	font-weight: 300;
	margin: 0;
}

.btnSlide {
	width: 200px;
	height: 50px;
	background-color: #9C0054;
	color: #FFF;
	text-align: center;
	font-weight: 700;
	font-size: 18px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;

  	margin-top: 25px;
  	transition: all 0.3s;
}

.btnSlide:hover {
	cursor: pointer;
	background-color: #750041;
}

.textSlide {
	margin-top: 50px;
}

.contentBgSite {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
}

.contentBgPQ h3 {
	width: 100%;
	color: #FF942F;
	font-size: 34px;
	font-weight: 700;
}

.contentBgPQ p {
	width: 100%;
	color: #202755;
	font-size: 48px;
	font-weight: 400;
	margin: 0;
}

.contentBgPQ img {
	margin: 40px 25px 0px 25px;
}

.contentBgNosotros {
	width: 100%;
	height: 370px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;

  	background-color: #9A0053;
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: cover !important;
  	background-image: url("../images/slideNosotrosok.jpg");

  	/*background-attachment: fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

h3 {
	width: 100%;
	color: #9a0053;
	font-size: 50px;
	font-weight: 300;
	margin: 45px 0px 0px 0px;
}

h3 span {
	width: 100%;
	float: left;
	font-size: 30px;
	margin: 0;
	font-weight: 700 !important;
}

.h3ColorBlue {
	color: #27267B !important;
}

.btnWhatsapp {
	width: auto;
	height: auto;
	position: fixed;
	background-color: #41c300;
	font-size: 44px !important;
	font-weight: 400 !important;
	color: #FAFAFA !important;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	-o-border-radius: 40px;
	padding: 10px 17px 10px 17px;
	bottom: 10px;
	right: 10px;
	z-index: 9999;
	transition: all 0.3s;
}

.btnWhatsapp:hover {
	background-color: #008b00;
	cursor: pointer;
	color: #FAFAFA !important;
}

.textPsmall {
	color: #27267A;
	text-align: center;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	margin: 25px 0px 80px 0px;
}

.textPmedio {
	color: #27267A;
	text-align: center;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	margin: 25px 0px 80px 0px;
}

.textP {
	width: 75%;
	font-size: 42px;
	font-weight: 300;
	color: #28267b;
}

.contentBgNosotros p {
	width: 90%;
	color: #FFF;
	font-size: 42px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	margin: 0;
}

.linePBlue {
	width: 190px;
	height: 15px;
	margin-top: 50px;
	background-color: #292B5B;
}

.bgServicios {
	width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
  	padding: 50px 0px 90px 0px;
  	background-color: #E9EAEF;
}

.bgServicios h3 {
	margin-bottom: 60px;
}

.col {
	width: 48%;
	padding: 5%;
	background-color: #FFF;
}

.col h4 {
	font-size: 40px;
	color: #F19000;
	text-align: left;
	font-weight: 400;
	margin: 0;
}

.col p {
	color: #666;
	font-weight: 300;
	font-size: 22px;
	text-align: left;
	margin: 25px 0px 25px 0px;
	line-height: 35px;
}

.btnSlideHome {
	width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
}

.bgContacto {
	width: 100%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
  	/*padding: 90px 0px 90px 0px;*/
  	background-color: #4F547A;
}

.bgContacto h3 {
	color: #FFF;
	margin-top: 60px;
}

.bgContacto p {
	color: #FFF;
	font-weight: 300;
	font-size: 22px;
	text-align: left;
	margin: 35px 0px 25px 0px;
}

.btnForm {
	width: 185px;
	height: 50px;
	background-color: #9C0054;
	color: #FFF;
	text-align: center;
	font-weight: 800;
	font-family: 'Montserrat', sans-serif;
	font-size: 22px;
	border: 0;
	margin-top: 15px;
	margin-left: 7.5%;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
  	transition: all 0.3s;
}

.btnForm:hover {
	cursor: pointer;
	background-color: #640037;
}

.bgContacto form {
	width: 535px;
	min-height: 270px;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
}

.bgContacto input {
	width: 535px;
	height: 40px;
	text-align: left;
	padding: 10px;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	color: #333;
	background-color: #FFF;
	border: 0;
	margin-top: 10px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
}

.bgContacto textarea {
	width: 535px;
	height: 80px;
	text-align: left;
	padding: 10px;
	font-size: 20px;
	font-weight: 300;
	font-family: 'Montserrat', sans-serif;
	color: #333;
	background-color: #FFF;
	border: 0;
	margin-top: 10px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
}

footer {
	width: 100%;
	min-height: 700px;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	align-items: center;
  	text-align: center;

  	background-color: #322F80;
  	margin-top: 50px;
}

.borderFooter {
	border-top: 2px solid #A3AABD;
}

.footerCol {
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	align-items: center;
  	text-align: center;
  	padding: 0px;
}

.footerCol span{
	width: 50px;
	margin-right: 20px;
}

.footerCol b {
	font-weight: 600;
}

.footerCol p {
	font-size: 22px;
	color: #FFF;
	text-align: left;
	font-weight: 300 !important;
	width: auto;
	line-height: 22px;
	letter-spacing: 2px;
}

.footerCol i {
	color: #FFF;
	font-size: 44px;
}

.footerCol img {
	margin: 0px 10px 0px 10px;
}

.titleTab {
	font-size: 19px !important;
	font-weight: 800 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #27267A !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 0 !important;
    background: #FFF !important;
    color: #FFF !important;
}

.ui-widget.ui-widget-content {
	border: 1 solid #CCC !important;
}

#tab-1 {
	font-size: 29px !important;
	font-weight: 400 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #575755 !important;
}

#tab-2 {
	font-size: 29px !important;
	font-weight: 400 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #575755 !important;
}

.ui-widget-header {
    border: 0 !important;
}

.ui-widget.ui-widget-content {
	height: 500px !important;
}

.ui-tabs .ui-tabs-panel {
	padding: 0.4em 0.4em !important;
}

.boxServices {
	width: 100%;
	height: 177px;
	background-color: #28267B;

	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	align-items: center;
  	text-align: center; 
}

.lineBoxServices {
	width: 5px;
	height: 128px;
	background-color: #9A0053;
}

.colBoxServices {
	width: 24%;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	align-items: center;
  	text-align: center;

  	padding: 2%;
}

.colBoxServices h4 {
	width: 100%;
	margin:0 0 10px 0;
	font-size: 17px !important;
	font-weight: 300 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #FFF !important;
	text-align: left;
	text-transform: uppercase;
}

.colBoxServices p {
	width: 100%;
	font-size: 15px !important;
	font-weight: 400 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #FFF !important;
	text-align: left;
}

.colBoxGrey {
	width: 350px;
	min-height: 540px;
	background-color: #E9EAEF;
	padding: 30px;
	margin-top: 60px;
	margin-bottom: 60px;
}

.colBoxGrey h5 {
	font-size: 28px !important;
	font-weight: 800 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #27267A !important;
	text-align: left;
	margin: 25px 0px 25px 0px;
}

.colBoxGrey p {
	font-size: 15px !important;
	font-weight: 300 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #27267A !important;
	text-align: left;
	margin: 0;
}

.colFooter {
	width: 48%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: space-around;
  	align-items: center;
  	text-align: center;
}

.lineVertFooter {
	width: 1px;
	height: 470px;
	background-color: #FFF;
}

.product {
	margin-top: 40px; margin-bottom: 60px;
}

.lineFooter {
	width: 1px;
	height: 470px;
	background-color: #FFF;
}

.colFooter p {
	text-align: left;
	color: #FFF;
	font-weight: 300;
	font-size: 23px;
}

.colFooter a {
	text-align: left;
	color: #65A1DF;
	font-weight: 300;
	font-size: 25px;
}

.colFooter img {
	margin: 15px;
}

.titleContacto {
	width: 85%;
}

.titleContacto p {
	width: 100%;
	text-align: left;
	color: #FFF;
	font-weight: 300;
	font-size: 70px;
}

.colFooter form {
	width: 100%;
}

.colFooter input {
	width: 85%;
	height: 40px;
	font-family: 'Montserrat', sans-serif !important;
	text-align: left;
	color: #FFF;
	font-weight: 300;
	font-size: 18px;
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #FFF;
	margin-bottom: 15px;
}

.colFooter textarea {
	width: 85%;
	height: 100px;
	font-family: 'Montserrat', sans-serif !important;
	text-align: left;
	color: #FFF;
	font-weight: 300;
	font-size: 18px;
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #FFF;
}

.contentProducts {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
	align-items: flex-start;
	align-content: flex-start;
	align-self: flex-start;
}

.boxProduct {
	margin: 1px;
	max-width: 397px;
	max-height: 378px;
	overflow: hidden;
	border: 1px solid #DDD;
}

.hoverProduct {
	width: 396px;
	height: 0px;
	position: absolute;
	transition: all 0.5s;
	overflow: hidden;
	padding: 0px;
}

.boxProduct:hover .hoverProduct {
	height: 378px;
	padding: 35px;
}

.hoverPar {
	background-color: rgba(154, 0, 83, 0.8);
}

.hoverImPar {
	background-color: rgba(40, 38, 123, 0.8);
}

.colProd {
	width: 40%;
	margin: 0 0% 0 0%;
}

.hoverProduct h3 {
	color: #FFF !important;
	font-size: 21px !important;
	font-weight: 800 !important;
	text-align: left !important;
	margin: 0 0 15px 0 !important;
}

.hoverProduct p {
	width: 100%;
	color: #FFF;
	font-size: 11px;
	font-weight: 300;
	text-align: left;
}

.hoverProduct ul {
	width: 100%;
	margin: 0;
	padding-inline-start: 0px;
}

.hoverProduct li {
	color: #FFF;
	font-size: 11px;
	font-weight: 300;
	text-align: left;
	margin: 0;
	padding: 0;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	background-color: #E9EAEF !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background-color: #FFF !important;
}

.ui-widget-content {
	background-color: #E9EAEF !important;
}

.ui-widget-header {
	background-color: #FFF !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: 0px !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}

.ui-tabs .ui-tabs-nav {
	padding: 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}

.ui-widget.ui-widget-content {
    border: 0px !important;
}

.ui-tabs {
	padding: 0 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 25px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.ui-tabs .ui-tabs-nav li {
	border: 0px;
}

.slideLogin {
	height: 120px;
	overflow: hidden;
}

.contentLogin {
	width: 60%;
	height: auto;
	padding: 2%;
	background-color: #E9EAEF;
}

.contentLogin form {
	width: 100%;
}

.contentLogin input {
	width: 85%;
	height: 40px;
	font-family: 'Montserrat', sans-serif !important;
	text-align: left;
	color: #666;
	font-weight: 300;
	font-size: 18px;
	border: 0;
	background-color: transparent;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

.btnLogin {
	margin-left: 35%;
}

.marginTop {
	margin-top: 100px;
}

.selectLg {
	border: 0;
	background-color: transparent !important;
	color: #000;
	font-weight: 600;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif !important;
}

.selectLg>option:hover
    {
        background-color: transparent !important;
    }

.selectLg:focus > option:checked { 
    background-color: transparent !important;
}

.selectLg option:checked,
select option:hover {
    background-color: transparent !important;
}

.inputLogin::-webkit-input-placeholder { color: #666 !important; } /* WebKit */
.inputLogin:-moz-placeholder { color: #666 !important; } /* Firefox 18- */
.inputLogin::-moz-placeholder { color: #666 !important; } /* Firefox 19+ */
.inputLogin:-ms-input-placeholder { color: #666 !important; } /* IE 10+ */

.overlay { 
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	display: none;
	opacity: 0;
	z-index: 90000;
  }

  .overlay:target{
	display: block;
	opacity: 1;
  }

#popupBody{
	width: 500px;
    height: 90vh;
    padding: 0;
    background: #E6E6E5;
    position: relative;
    margin: 5vh auto;
    transition: all 5s ease-in-out;
}

#cerrar{
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	font-weight: 900;
	text-decoration: none;
	color: #000;
	transition: all 200ms;
	z-index: 900;
}

.popupContent p {
	color: #496B88;
	font-size: 26px;
	font-weight: 600;
}

.popupContent a {
	color: #496B88;
	font-size: 26px;
	font-weight: 600 !important;
}

.titleProducts {
	width: 100%;
	text-align: left;
	float: left;
	color: #27267B;
	font-size: 16px;
	font-weight: 600;
}

.contentProduct {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: flex-start;
  	text-align: center;
}

.imgProduct {
	width: 40%;
	min-height: 650px;
	background-position: top center !important;
	background-repeat: no-repeat;
	background-size: auto;
}

.infoProduct {
	width: 58%;
	/*min-height: 650px;*/
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 2%;
}

.titleProductDetail {
	width: 100%;
	text-align: center;
	background-color: #27267B;
	text-align: left;
	padding: 10px 0px 10px 2%;
}

.titleProductDetail h1 {
	font-size: 24px !important;
	font-weight: 600 !important;
	color: #FFF;
	margin: 0;
}

.detailProduct {
	width: 100%;
	/*min-height: 600px;*/
	margin-top: 10px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.boxInfoProduct {
	padding: 2%;
	font-size: 16px;
	color: #000;
	font-weight: 300;
	text-align: left;
	border-top: 1px solid #000;
}

.boxInfoProduct b {
	font-weight: 600;
}

.btnVolver {
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
	margin-top: 15px;
}

.btnVolver p {
	font-size: 16px;
	color: #000;
	font-weight: 600;
}

.lineSplitProducts {
	width: 100%;
	height: 1px;
	background-color: #000;
}

.colorRedProd {
	color: #9B0053 !important;
}

.contentBtnDetailProd {
	width: 100%;
	height: auto;
	display: -webkit-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-pack: center;
	-webkit-box-align: center;

	display: -moz-flex;
	-moz-box-orient: horizontal;
	-moz-box-pack: center;
	-moz-box-align: center;

	display: flex;
	box-orient: horizontal;
	box-pack: center;
	box-align: center;

	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
  	text-align: center;
}

.btnDetailProd {
	border: 1px solid #27267B;
	padding: 10px 35px 10px 35px;
	background-color: transparent;
	margin: 40px 25px 0px 25px;
}

.btnDetailProd p {
	font-size: 14px;
	color: #27267B;
	font-weight: 600;
}

/* SLIDER CARROUSEL */
.slider {
	width: 90%;
	margin: 10px auto;
}

.slick-slide {
	margin: 0px 5px;
	/*height: 250px;*/
	height: auto;
	overflow: hidden;
	transition: all 0.3s;
}

.slick-slide img {
	width: 266px;
	height: 266px;
	transition: all 0.3s;
}

.slick-slide a:hover img {
	width: 105%;
	height: 105%;
}

.slick-slide img {
	/*width: 100%;*/
}

.slick-prev:before,
.slick-next:before {
	color: black;
}


.slick-slide {
	transition: all ease-in-out .3s;
	opacity: 1;
}

.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}

.slick-prev::before {
    font-family: FontAwesome;
    /*content: "\f053";*/
	content: url('../images/imgLeft.jpg');

	font-weight: 900;
}  
.slick-next::before {
    font-family: FontAwesome;
    /*content:  "\f054";*/
	content: url('../images/imgRight.jpg');
    font-size: 24px;        
}     

.slick-prev:before, .slick-next:before {
	opacity: 1 !important;
}

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

.bgStock {
	background-color: #9C0054;
}

.borderStock {
	border: 1px solid #9C0054;
}

.borderStock p {
	color: #9C0054;
}

.subTitleStock {
	width: 100%;
	text-align: left;
	margin-top: 15px;
}

.subTitleStock p {
	font-size: 18px;
	font-weight: 600;
	color: #353581;
}

.tableCompStock table {
	width: 100%;
	border: 0;
	padding: 0px;
	border-spacing: 0px;
	margin-top: 15px;
}

.tableCompStock th, tr, td {
	border: 0;
	padding: 15px;
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.tableCompStock th {
	background-color: #353581;
	color: #FFF;
	font-size: 14px;
	font-weight: 600;
}

.txtTdGrey {
	color: #818181;
	text-align: left;
	font-size: 14px;
	font-weight: 600;
}

.bgImPar {
	background-color: #CFCFCF;
}

.bgPar {
	background-color: #C3C3C3;
}

.txtRedTable {
	color: #9B0053;
}

.txtProdStock {
	width: 100%;
	margin-top: 25px;
}

.txtProdStock p {
	width: 100%;
	text-align: left;
	font-size: 15px;
	color: #000;
	font-weight: 400;
}

.txtProdStock span {
	color:#413984;
	font-weight: 600;
}

.bgBodyDetail {
	background-color: #DBDBDB;
}