/* Text elements */

/* h1,
.h1,
h2,
.h2,
h3,
.h3,
.content-blog p {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: url(../fonts/AvenirLTStd-Heavy.otf), "Times New Roman", serif;
}

h1  a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
.content-blog p {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: url(../fonts/AvenirLTStd-Heavy.otf), "Times New Roman", serif;
}

h4,
.h4,
h5,
.h5,
h6,
.h6,
.content-blog p {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: url(../fonts/OpenSans-Regular.ttf), "Times New Roman", serif;
}

h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a,
.content-blog p a {
  font-size: inherit;
  font-family: url(../fonts/OpenSans-Regular.ttf), "Times New Roman", serif;
} */

@font-face {
	font-family: "Avenir Heavy";
	src: url("../fonts/AvenirLTStd-Heavy.otf") format("truetype");
}
@font-face {
	font-family: "Avenir Roman";
	src: url("../fonts/AvenirLTStd-Roman.otf") format("truetype");
}
@font-face {
	font-family: "Open Sans Bold";
	src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
}
@font-face {
	font-family: "Open Sans SemiBold";
	src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "Open Sans Regular";
	src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
}

body {
	margin: 0;
}

form input {
	border: none;
}

/* ----------------------------------------- >  GLOBALS  < ----------------------------------------- */

.alignItemsCenter {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}

.iconSeparatorImg {
	max-width: 20px;
	max-height: 20px;
}

.logo_separador {
	max-width: 20px;
	max-height: 20px;
}

.container {
	max-width: 1700px;
}

.iconNoCost {
	max-height: 80px;
	max-width: 80px;
	margin-bottom: 10px;
}

.separatorWhite {
	color: #f4f4f4;
	margin: 0 auto 20px;
	max-width: 240px;
	text-align: center;
	position: relative;
}

.separatorPurple {
	color: #762579;
	margin: 0 auto 0px;
	max-width: 40px;
	text-align: center;
	position: relative;
}

.separatorWhite:before,
.separatorWhite:after {
	display: block;
	width: 40%;
	content: " ";
	margin-top: 10px;
	border: 1px solid #f4f4f4;
}

.separatorWhite:before {
	float: left;
}

.separatorWhite:after {
	float: right;
}

.separatorPurple:before,
.separatorPurple:after {
	display: block;
	width: 40%;
	content: " ";
	margin-top: 10px;
	border: 1px solid #762579;
}

.separatorPurple:before {
	float: left;
}

.separatorPurple:after {
	float: right;
}

.btnMain {
	background-color: #762579;
	color: white;
	font-weight: 550;
	border: none;
	min-width: 160px;
	min-height: 45px;
	/* font-family: 'Avenir Heavy'!important;
    text-transform: none!important;
    font-size: 14pt;
    margin-top: 20px; */
}

.btnMain:hover {
	background-color: #bcb542;
}

.btnMainMore {
	background-color: #762579;
	color: white;
	font-weight: 550;
	border: none;
	min-width: 200px;
	min-height: 45px;
	margin-top: 30px;
}

.btnMainMore:hover {
	background-color: #bcb542;
}

.block-of-content {
	margin-top: 20px;
	margin-bottom: 200px;
}

.block-of-content1 {
	margin-top: 60px;
}

.navbarText {
	color: white !important;
	font-family: "Avenir Roman", "Times New Roman", serif;
	font-size: 16pt;
}

.navLinkText {
	color: white !important;
	font-family: "Avenir Heavy";
	text-transform: none !important;
	font-size: 14pt !important;
}

.productsTitle {
	color: #762579;
	font-family: "Avenir Heavy", "Times New Roman", serif;
	font-size: 30pt;
}

.productsSubTitle {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
	margin-bottom: 30px;
}

.productsSubTitleGreen {
	color: #bcb542;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
}

.productsSubTitleBold {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
	font-weight: bold;
}

.productsSubTitleBoldWhite {
	color: #ffffff;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
	font-weight: bold;
}

.footerTitle {
	color: #ffffff;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 20px;
}

.sectionTitle {
	color: #762579;
	font-family: "Avenir Heavy", "Times New Roman", serif;
	font-weight: bold;
	font-size: 45pt;
}

.sectionSubTitle {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 22pt;
}

.sectionSubTitleBold {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 22pt;
	font-weight: bold;
}

.sectionSubTitleBoldWhite {
	color: #ffffff;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 22pt;
	font-weight: bold;
}

.sectionHeaderTitle {
	color: white;
	font-family: url("../fonts/AvenirLTStd-Heavy.otf"), serif;
	/* "Avenir Heavy", "Times New Roman", serif;   */
	font-weight: bold;
	font-size: 45pt;
}

.sectionHeaderSubTitle {
	color: white;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 22pt;
}

.bodyTextL {
	color: black;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 20pt;
}

.bodyTextBoldL {
	color: black;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-weight: bold;
	font-size: 20pt;
}

.bodyTextM {
	color: black;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
}

.bodyTextBoldM {
	color: black;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-weight: bold;
	font-size: 18pt;
}

.bodyTextS {
	color: black;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 14pt;
}

.bodyTextBoldS {
	color: black;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-size: 14pt;
}

.bodyTextXS {
	color: black;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 12pt;
}

.bodyTextBoldXS {
	color: black;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-size: 12pt;
}

.bodyTextWhiteL {
	color: white;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 20pt;
}

.bodyTextWhiteBoldL {
	color: white;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-weight: bold;
	font-size: 20pt;
}

.bodyTextWhiteM {
	color: white;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
}

.bodyTextWhiteBoldM {
	color: white;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-weight: bold;
	font-size: 18pt;
}

.bodyTextWhiteS {
	color: white;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 14pt;
}

.bodyTextWhiteBoldS {
	color: white;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-size: 14pt;
}

.bodyTextPurpleL {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 20pt;
}

.bodyTextPurpleBoldL {
	color: #762579;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-weight: bold;
	font-size: 20pt;
}

.bodyTextPurpleM {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 18pt;
}

.bodyTextPurpleBoldM {
	color: #762579;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-weight: bold;
	font-size: 18pt;
}

.bodyTextPurpleS {
	color: #762579;
	font-family: "Open Sans Regular", "Times New Roman", serif;
	font-size: 14pt;
}

.bodyTextPurpleBoldS {
	color: #762579;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-size: 14pt;
}

.bodyTextContactPurpleBoldS {
	color: #762579;
	font-family: "Open Sans Bold", "Times New Roman", serif;
	font-size: 12pt;
}

.pdfModalRow {
	margin-top: 8px;
	margin-bottom: 8px;
}

.cardTitle {
	color: #762579;
	font-size: 14pt;
	font-family: "Avenir Heavy", "Times New Roman", serif;
}

.cardTitleBold {
	color: #762579;
	font-size: 14pt;
	font-weight: bold;
}

.cardBtnText {
	color: white;
	font-family: "Avenir Heavy";
	text-transform: none !important;
	font-size: 14pt;
	margin-top: 20px;
}

.cardBody {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	height: 260px;
}

.cardBtn {
	height: 45px;
	width: 244px;
	background-color: #762579 !important;
	border: #ffffff !important;
	border-style: solid !important;
	border-width: 1px !important;
}

.cardBtn:hover {
	height: 45px;
	width: 244px;
	background-color: #ffffff !important;
	color: #762579 !important;
	border: #762579 !important;
	border-style: solid !important;
	border-width: 1px !important;
}

.cardTextBlock {
	height: 150px;
}

.bigChar {
	font-size: 30pt;
}

.greyBg {
	width: 100%;
	background-color: #f4f4f4;
}

.purpleBG {
	width: 100%;
	background-color: #762579;
}

.container-fluid container {
	padding-left: 0;
	padding-right: 0;
}

.bullets {
	padding-left: 160px;
	padding-right: 160px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.bulletWtext {
	max-width: 340px;
	text-align: left !important;
	margin-right: 20px;
}

.bulletIconCol {
	max-width: 30px;
	margin-left: 20px;
}

.titleWButton {
	max-width: 600px;
	text-align: center;
}

.titleSubWimg {
	max-width: 600px;
	text-align: center;
}

.logoBody {
	max-height: 240px;
	width: auto;
	margin-bottom: 20px;
}

@media (max-width: 576px) {
	.sectionHeaderTitle {
		color: white;
		font-family: url("../fonts/AvenirLTStd-Heavy.otf"), serif;
		font-weight: bold;
		font-size: 20pt;
	}

	.sectionHeaderSubTitle {
		color: white;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 14pt;
	}

	.navbarText {
		color: white !important;
		font-family: url("../fonts/AvenirLTStd-Roman.otf");
		font-size: 12pt;
	}

	.productsTitle {
		color: #762579;
		font-family: url("../fonts/AvenirLTStd-Heavy.otf"), "Times New Roman", serif;
		font-size: 20pt;
	}

	.productsSubTitle {
		color: #762579;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 14pt;
	}

	.productsSubTitleBold {
		color: #762579;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-weight: bold;
		font-size: 14pt;
	}

	.productsSubTitleGreen {
		color: #8d8c72;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 14pt;
	}

	.productsSubTitleBoldWhite {
		color: #ffffff;
		font-family: "Open Sans Regular", "Times New Roman", serif;
		font-size: 14pt;
		font-weight: bold;
	}

	.footerTitle {
		color: #ffffff;
		font-family: "Open Sans Regular", "Times New Roman", serif;
		font-size: 12pt;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.bodyTextM {
		color: black;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 12pt;
	}

	.bodyTextBoldM {
		color: black;
		font-family: url("../fonts/OpenSans-Bold.ttf"), "Times New Roman", serif;
		font-weight: bold;
		font-size: 12pt;
	}

	.bodyTextS {
		color: black;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 10pt;
	}

	.bodyTextBoldS {
		color: black;
		font-family: url("../fonts/OpenSans-Bold.ttf"), "Times New Roman", serif;
		font-size: 10pt;
	}

	.bodyTextXS {
		color: black;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 8pt;
	}

	.bodyTextBoldXS {
		color: black;
		font-family: url("../fonts/OpenSans-Bold.ttf"), "Times New Roman", serif;
		font-size: 8pt;
	}

	.bodyTextWhiteS {
		color: white;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 10pt;
	}

	.bodyTextWhiteBoldS {
		color: white;
		font-family: url("../fonts/OpenSans-Bold.ttf"), "Times New Roman", serif;
		font-size: 10pt;
	}

	.bodyTextPurpleM {
		color: #762579;
		font-family: "Open Sans Regular", "Times New Roman", serif;
		font-size: 12pt;
	}

	.bodyTextPurpleBoldM {
		color: #762579;
		font-family: "Open Sans Bold", "Times New Roman", serif;
		font-weight: bold;
		font-size: 12pt;
	}

	.bodyTextPurpleS {
		color: #762579;
		font-family: "Open Sans Regular", "Times New Roman", serif;
		font-size: 10pt;
	}

	.bodyTextPurpleBoldS {
		color: #762579;
		font-family: "Open Sans Bold", "Times New Roman", serif;
		font-size: 10pt;
	}

	.bodyTextContactPurpleBoldS {
		color: #762579;
		font-family: "Open Sans Bold", "Times New Roman", serif;
		font-size: 8pt;
	}

	.cardTitle {
		color: #762579;
		font-family: url("../fonts/AvenirLTStd-Heavy.otf");
		font-weight: 14pt;
	}

	.cardTitleBold {
		color: #762579;
		font-size: 14pt;
		font-weight: bold;
	}

	.cardText {
		color: black;
		font-family: url("../fonts/OpenSans-Regular.ttf");
		font-weight: 12pt;
	}

	.cardBtnText {
		color: white;
		font-family: url("../fonts/AvenirLTStd-Heavy.otf");
		font-weight: 12pt;
	}

	.sectionTitle {
		font-size: 20pt;
	}

	.sectionSubTitle {
		color: #762579;
		font-size: 14pt;
	}

	.sectionSubTitleBold {
		color: #762579;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 14pt;
		font-weight: bold;
	}

	.sectionSubTitleBoldWhite {
		color: #ffffff;
		font-family: url("../fonts/OpenSans-Regular.ttf"), "Times New Roman", serif;
		font-size: 14pt;
		font-weight: bold;
	}

	.block-of-content {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.block-of-content1 {
		margin-top: 30px;
	}

	.bullets {
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.bulletWtext {
		text-align: left !important;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.bulletIconCol {
		max-width: 30px;
		margin-left: 0px;
	}

	.bigChar {
		font-size: 22pt;
	}

	.bulletWtext {
		text-align: center !important;
	}

	.bulletIconCol {
		max-width: 30px;
		text-align: center !important;
	}

	.navLinkText {
		color: white;
		font-family: "Avenir Heavy";
		text-transform: none !important;
		font-size: 12pt !important;
	}
}

/* ----------------------------------------- >  END GLOBALS  < ----------------------------------------- */

/* ----------------------------------------- >  NAVBAR  < ----------------------------------------- */

.navbar {
	background-color: #762579;
	color: white !important;
}

.nav-item {
	text-align: center;
}

.nav-link {
	color: white !important;
	text-transform: none !important;
	margin-left: 5px;
	margin-right: 5px;
}

.nav-link:hover {
	color: #bcb542 !important;
}

.navbar-brand {
	color: white !important;
}

.navbar-brand:hover {
	transform: translateX(5px);
}

.navbar-toggler {
	color: white !important;
}

.navbar-toggler-collapsed {
	color: white !important;
}

.navBtn {
	height: 38px;
	width: 120px;
	background-color: #762579;
	border: #ffffff !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 0px !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-radius: 0px !important;
}

.btnNav {
	border-radius: 3px;
	color: white !important;
	border-color: white !important;
	background-color: #762579 !important;
	min-width: 100px;
	min-height: 30px;
}

.btnNav:hover {
	color: #762579 !important;
	border-color: white !important;
	background-color: white !important;
}

.goTopIcon {
	max-width: 50px;
	max-height: 50px;
}

#goTopBtn {
	display: none;
	position: fixed;
	background: none;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	cursor: pointer;
}

#goTopBtn:hover {
	transform: scale(1.2);
}

@media (max-width: 570px) {
	.navbar-brand {
		max-width: 200px !important;
	}

	.nav-link {
		margin-top: 10px;
	}

	.btnNav {
		margin-left: 230px;
		margin-top: 20px;
	}

	#logoNavbar {
		height: 80%;
		width: 80%;
	}

	#goTopBtn {
		display: none;
		position: fixed;
		background: none;
		bottom: 5px;
		right: 5px;
		z-index: 99;
		border: none;
		outline: none;
		cursor: pointer;
	}

	.goTopIcon {
		max-width: 25px;
		max-height: 25px;
	}
}

/* ----------------------------------------- >  END NAVBAR  < ----------------------------------------- */

/* ----------------------------------------- >  CABECERA  < ----------------------------------------- */

.masthead {
	height: 100vh;
	min-height: 500px;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url("../img/web/imagenes/1.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color: white;
}

@media (max-width: 576px) {
	/* header {
        background-image: url("../img/web/imagenes/1.png");
        background-size: cover;
        background-position: center;
        min-height: 100vh;
    }
    .content {
        color: white;
        margin-top: 10vh;
    } */
}

/* ----------------------------------------- >  END CABECERA  < ----------------------------------------- */

/* ----------------------------------------- >  CMSC  < ----------------------------------------- */

.imgCMSC {
	height: 160px;
	width: 160px;
}

.cmscIconsContainer {
	padding-left: 200px;
	padding-right: 200px;
}

.cmscIconsCol {
	max-width: 260px;
	margin-left: 20px;
	margin-right: 20px;
}

.cmscCardsCol {
	max-width: 360px;
}

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

.cmscIconsRowTop {
	padding-top: 40px;
	padding-bottom: 40px;
}

.cmscCardImg {
	margin-bottom: 20px;
}

.cmscIcon {
	max-width: 120px;
	max-height: 120px;
}

.cardImgBottom {
	max-width: 40px;
	max-height: 40px;
}

.cardImg {
	max-width: 180px;
	max-height: 180px;
}

.cardDiv {
	max-width: 364px;
	height: 100%;
	margin-bottom: 20px;
}

.cardImgDiv {
	background-color: #f4f4f4;
	width: 100%;
	min-height: 220px;
	/* max-height: 300px; */
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

.checksAndTextContainerDesktop {
	display: block !important;
}

.checksAndTextContainerMobile {
	display: none !important;
	padding-top: 30px;
	padding-bottom: 30px;
}

@media (max-width: 576px) {
	.cmscIconsContainer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.imgCMSC {
		height: 100px;
		width: 100px;
	}

	.cmscIconsRowTop {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 1px;
		margin-right: 1px;
		/* max-width: 400px; */
	}

	.cmscIconsRow {
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 1px;
		margin-right: 1px;
		/* max-width: 400px; */
	}

	.cmscCardsCol {
		/* max-width: 360px; */
		margin-top: 30px;
	}

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

	.cmscIcon {
		max-width: 90px;
		max-height: 90px;
	}

	.checksAndTextContainerDesktop {
		display: none !important;
	}

	.checksAndTextContainerMobile {
		display: block !important;
	}
}

/* ----------------------------------------- >  END CMSC  < ----------------------------------------- */

/* ----------------------------------------- >  CONOCENOS  < ----------------------------------------- */

#conocenos {
	margin-top: 140px;
	padding-left: 190px;
	padding-right: 190px;
}

#conocenosIcons {
	margin-top: 140px;
	padding-top: 100px;
	padding-bottom: 100px;
	padding-left: 200px;
	padding-right: 200px;
}

#conocenosSubText {
	margin-top: 100px;
	padding-left: 190px;
	padding-right: 190px;
}

#conocenosBottomRow {
	margin-top: 30px;
	padding-left: 190px;
	padding-right: 190px;
}

/* #conocenosTimeline {
    height: 1000px;
    background-image: url('../img/web/timeline.svg');
    background-position: center;
} */

.iconConocenos {
	max-width: 180px;
	max-height: 180px;
	margin-bottom: 30px;
}

.imgSideText {
	max-width: 600px;
	max-width: 600px;
}

.conocenosTextColLeft {
	padding-left: 75px;
	padding-right: 10px;
}

.conocenosTextColRight {
	padding-left: 10px;
	padding-right: 75px;
}

.conocenosImages {
	margin-top: 100px;
}

.conocenosTimelineDesktop {
	display: block !important;
}

.conocenosTimelineMobile {
	display: none !important;
}

@media (max-width: 576px) {
	#conocenos {
		margin-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#conocenosIcons {
		margin-top: 40px;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.cmscIconsContainer {
		padding-left: 10px;
		padding-right: 10px;
	}

	.conocenosTextIcons {
		font-size: 8pt !important;
	}

	.iconConocenos {
		max-width: 60px;
		max-height: 60px;
		margin-bottom: 10px;
	}

	.iconBlock {
		max-width: 120px;
	}

	#conocenosSubText {
		margin-top: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#conocenosBottomRow {
		margin-top: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.conocenosTimelineDesktop {
		display: none !important;
	}

	.conocenosTimelineMobile {
		display: block !important;
	}

	.imgSideText {
		max-width: 330px;
		max-width: 330px;
	}

	.conocenosTextColLeft {
		text-align: left !important;
		margin-top: 20px;
		margin-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.conocenosTextColRight {
		text-align: right !important;
		margin-top: 20px;
		margin-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	/* .textRightImg {
        text-align: left!important;
        align-self: center!important;
    }

    .textLeftImg {
        text-align: left!important;
        align-self: center!important;
    } */
}

/* ----------------------------------------- >  END CONOCENOS  < ----------------------------------------- */

/* ----------------------------------------- >  COMPROMISO  < ----------------------------------------- */

.headingSubHeading {
	margin-top: 100px;
	margin-bottom: 50px;
}

.compromisoListRow {
	padding-left: 200px;
	padding-right: 200px;
}

.cmscList {
	list-style-type: none;
}

.systemFeaturesP {
	padding-left: 30px;
	padding-right: 30px;
	margin-bottom: 30px;
}

.checkList {
	margin-top: 20px;
}

.checkListChild {
	list-style-type: disc;
	margin-top: 20px;
}

.checkListIcon {
	max-height: 20px;
	max-width: 20px;
	margin-right: 15px;
}

@media (max-width: 576px) {
	.headingSubHeading {
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.compromisoListRow {
		padding-left: 10px;
		padding-right: 10px;
	}

	.cmscList {
		list-style-type: none;
		padding-left: 0px !important;
	}

	.systemFeaturesP {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 10px;
	}

	.checkListIcon {
		max-height: 15px;
		max-width: 15px;
		margin-right: 10px;
	}
}

/* ----------------------------------------- >  END COMPROMISO  < ----------------------------------------- */

/* ----------------------------------------- >  COBERTURA  < ----------------------------------------- */

#coberturaContainer {
	margin-top: 160px;
}

#coberturaNacional {
	padding-top: 60px;
	padding-bottom: 60px;
	padding-left: 180px;
	padding-right: 180px;
}

#mapSpain {
	max-height: 400px;
	width: auto;
}

.coberturaTextCol {
	text-align: left !important;
	align-self: center !important;
}

.coberturaMapCol {
	text-align: right !important;
}

@media (max-width: 576px) {
	#coberturaContainer {
		margin-top: 40px;
	}

	#coberturaNacional {
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.coberturaMapCol {
		text-align: center !important;
		margin-top: 30px;
	}

	#mapSpain {
		max-height: 200px;
		width: auto;
	}
}

/* ----------------------------------------- >  END COBERTURA  < ----------------------------------------- */

/* ----------------------------------------- >  CLIENTES  < ----------------------------------------- */

.clientesTopRow {
	margin-top: 140px;
	padding-left: 180px;
	padding-right: 180px;
}

@media (max-width: 576px) {
	.clientesTopRow {
		margin-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* ----------------------------------------- >  END CLIENTES  < ----------------------------------------- */

/* ----------------------------------------- >  QUE OFRECEMOS?  < ----------------------------------------- */

.imgServices {
	width: 80px;
	height: 80px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.servicesRow {
	margin-top: 80px;
	padding-left: 160px;
	padding-right: 160px;
}

.servicesContainer {
	margin-bottom: 100px;
}

@media (max-width: 576px) {
	.servicesRow {
		margin-top: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* ----------------------------------------- >  END QUE OFRECEMOS?  < ----------------------------------------- */

/* ----------------------------------------- >  RSC  < ----------------------------------------- */

.imagesContainer {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 150px;
}

.imagesTop {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.imagesBottom {
	display: flex;
	max-height: 400px;
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

.imageBackgroundMain {
	height: 400px;
	width: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url("../img/web/imagenes/4.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.imageBackgroundSecond {
	height: 400px;
	width: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url("../img/web/imagenes/5.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.imageBackgroundThird {
	height: 400px;
	width: 100%;
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
		url("../img/web/imagenes/6.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.imagestextCol {
	height: 400px;
	width: 100%;
	background-color: #762579;
	padding-left: 140px;
	padding-right: 140px;
	text-align: left !important;
}

.imgLeaf {
	align-self: baseline;
	margin-top: 150px;
	margin-right: 10px;
	max-width: 30px;
	max-height: 30px;
}

@media (max-width: 576px) {
	.imagesContainer {
		margin-top: 30px;
	}

	.imagesTop {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.imagesBottom {
		display: none !important;
	}

	.imageBackgroundMain {
		height: 200px;
		width: 100%;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
			url("../img/web/imagenes/4.png");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.imagestextCol {
		height: 200px;
		width: 100%;
		background-color: #762579;
		padding-left: 10px;
		padding-right: 10px;
		text-align: left !important;
	}

	.imgLeaf {
		align-self: baseline;
		margin-top: 55px;
		margin-right: 10px;
		max-width: 25px;
		max-height: 25px;
	}
}

/* ----------------------------------------- >  END RSC  < ----------------------------------------- */

/* ----------------------------------------- >  CONTACTO  < ----------------------------------------- */

.contactContainer {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mapFormRow {
	padding-left: 100px;
	padding-right: 100px;
}

.contactCol {
	height: 620px;
}

.contactFormCol {
	background-color: #ffffff;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-top: 80px;
}

.mapBlock {
	width: 100%;
	max-height: 450px;
	text-align: right;
}

.addressBlock {
	padding-right: 30px;
}

.submitFormRow {
	margin-top: 90px;
}

#map {
	width: 100%;
	height: 440px;
}

@media (min-width: 1700px) {
	.mapFormRow {
		padding-left: 150px;
		padding-right: 150px;
	}
}

@media (max-width: 576px) {
	.mapFormRow {
		padding-left: 10px;
		padding-right: 10px;
	}

	.contactCol {
		height: 100%;
	}

	.mapBlock {
		max-width: 300px;
		max-height: 500px;
	}

	.contactFormCol {
		background-color: #ffffff;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 40px;
		padding-top: 40px;
	}

	.addressBlock {
		padding-right: 20px;
		padding-left: 20px;
	}

	.submitFormRow {
		margin-top: 40px;
	}

	#map {
		width: 300px;
		height: 500px;
	}
}

/* ----------------------------------------- >  END CONTACTO  < ----------------------------------------- */

.logoJCCLM {
	max-width: 25vw;
}

.centerContent {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #ffffff;
	padding-top: 50px;
	padding-bottom: 50px;
}

@media (max-width: 576px) {
	.logoJCCLM {
		max-width: 80vw;
	}

	.centerContent {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

/* ----------------------------------------- >  FOOTER  < ----------------------------------------- */

footer {
	background-color: #762579;
	bottom: 0;
}

.footerMobile {
	display: none !important;
}

.footerCopyText {
	margin-top: 20px;
	color: #bcb542 !important;
	font-family: "Open Sans Regular";
	font-size: 12pt;
}

.footerAddress {
	margin-top: 20px;
	color: white !important;
	font-family: "Open Sans Regular";
	font-size: 11pt;
}

.footerCopyLink {
	color: #bcb542 !important;
}

.footerHeading {
	color: white;
	font-weight: 550;
	margin-bottom: 20px;
}

.footerLinks {
	color: white !important;
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "Open Sans Regular";
}

#phoneLink {
	margin-left: 50px;
}

.footerContact {
	color: white !important;
	font-family: "Open Sans Regular";
	font-size: 12pt;
}

.footerContactImg {
	margin-right: 7px;
}

.footerSocialLinks {
	color: white !important;
	margin-left: 5px;
	margin-right: 5px;
}

.footerSocialLinks:hover {
	transform: scale(1.1);
}

#footerRow {
	padding-top: 20px;
	padding-bottom: 90px;
}

#logoFooter {
	height: 80px;
	width: auto;
	margin-bottom: 15px;
}

@media (max-width: 576px) {
	#logoFooter {
		height: 60px;
	}

	.footerDesktop {
		display: none !important;
	}

	.footerMobile {
		display: block !important;
	}

	.footerCopyText {
		margin-top: 10px;
		color: #bcb542 !important;
		font-family: "Open Sans Regular";
		font-size: 12px;
	}

	#footerRow {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#contactLogoCol {
		margin-bottom: 20px;
	}

	#sistemasLinksCol {
		margin-bottom: 20px;
	}

	#socialCol {
		margin-bottom: 20px;
	}

	#phoneLink {
		margin-left: 20px;
	}
}

/* ----------------------------------------- >  END FOOTER  < ----------------------------------------- */