@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;900&display=swap');
html {font-size: 62.5%;} /* reset font-size to 10px  */
*, *:before, *:after {margin:0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus {outline:0;}
img {border: 0; vertical-align: bottom; height: auto;}
table {border-collapse: collapse; border-spacing: 0;}
.trans, a {-webkit-transition: all ease 0.2s; -o-transition: all ease 0.3s; transition: all ease 0.3s;}
a {text-decoration: none;}
/* end reset */
body {font: 400 1.6rem/1.4 "Poppins", sans-serif; color: #2e2e2e;}
/* comodines*/
:root {
	--genericColor: #2e2e2e;;
	--blue: #003366; 
	--skyblue: #3399cc;
	--yellow: #f3d52a;
	--brickred: #89222d;
	--brown: #6a5140;
	--navajo: #ffcc99;
	--gray: #f2f2f2;
	--shadow: 0 0 15px rgba(0,0,0,.1)
}
h1, h2, h3, h4, h5, h6 {font-weight: 600; text-wrap: balance;}
.next:before { /* regula alto de anclas con menu fixed */
	display: block; content: "";
    margin-top: -53px; height: 53px;
    visibility: hidden;
}
.gencontainer {overflow: hidden;}
.maxw {width: 100%; max-width: 1300px; margin: auto;}
.w100 {width: 100%;}
/* padding containers */
.plite {padding-top: 50px; padding-bottom: 50px;}
.pmedium {padding-top: 80px; padding-bottom: 80px;}
.plarge {padding-top: 120px; padding-bottom: 120px;} 
.ptop {padding-top: 100px;} 
.pltop {padding-top: 50px;}

.whiteColor {color: #fff;}
.blueColor {color: var(--blue);} /* azul */
.skyblueColor {color: var(--skyblue);} /* azul */
.yellowColor {color: var(--yellow);} /* verde oscuro */
.brownColor {color: var(--brown);} /* café catalina */
.navajoColor {color: var(--navajo);} /* café catalina */
.brickedColor {color: var(--brickred);} /* briked IMA */

.grayBg {background-color: var(--gray);}
.parrafo {margin-bottom: 20px;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.shadow {box-shadow: var(--shadow);}

/* estilo general para botones */
.btn {
	display: inline-block; position: relative; z-index: 1;
	font-size: 1.6rem; overflow: hidden; border: 1px solid transparent;
	margin: 20px 0 0; color: #fff; padding: 12px 45px; cursor: pointer;
}
.btn:before {
	content: ""; position: absolute; width: 0; height: 250px;
	top: 0; bottom: 0; left: 0; right: 0; margin: auto;
	z-index: -1; transform: rotate(35deg); transition: all ease .2s;
}
.btn:hover:before {width: 100%;}

.btnwhite {border-color: #fff;}
.btnwhite:before {background: #fff;}
.btnBlue, .btnwhite:hover {color: var(--blue);}
.btnBlue {border-color: var(--blue);}
.btnBlue:before {background: var(--blue);}
.btnBlue:hover {color: #fff;}

.btnBrick {border-color: var(--brickred); color: var(--brickred);}
.btnBrick:before {background: var(--brickred);}
.btnBrick:hover {color: #fff;}

.btnBrown {border-color: var(--brown); color: var(--brown);}
.btnBrown:before {background: var(--brown);}
.btnBrown:hover {color: #fff;}
/* fin estilo general para botones */

.title {font: 700 5.6rem/1 'poppins', sans-serif;}
.title span {font-size: 8rem; font-weight: 900;}
.subtitle {font-size: 2.8rem; margin-bottom: 20px;}

/*.bgRadius {border-radius: 0 0 80px 80px;}*/
.owl-stage-outer {width: 98%; margin: auto;}
.owl-nav {
	position: absolute; top: 0%; bottom: 0;
	width: 100%; display: flex; font-size: 80px; 
	justify-content: space-between;
}

.verticalLine {
	width: 12px; border-radius: 5px;
	background: var(--yellow);
}

/* alineando elipses */
.item {position: relative;}
.elipse ~ div {position: relative; z-index: 1;}
.elipse {position: absolute;}
.e-top {top: 0;}
.e-left {left: 0;}
.e-right {right: 0;}
.e-bottom {bottom: 0;}
.eh-center {left: 0; right: 0; margin: auto; text-align: center;} 
.ev-center {top: 25%;} 

.gradientGrey {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ededed",GradientType=1); 
}

/* slide Negocios */
.slideTitle {
	background: var(--skyblue);
	padding: 10px 20px;
}
.itemNegocios {padding: 25px; }
.itemNegocios p, .itemNegocios h4 {text-align: justify;}

/*.contactLeft .elipse {right: 15%;}*/
.bg-filosofia {
	background: url(../img/bg-filosofia.jpg) no-repeat center top;
	background-size: cover;
}
.filosofia {color: #fff; text-align: center;}
.filosofia h2 {margin-bottom: 15px;}
.filosofia .flex-control-paging li a.flex-active {background: rgba(255, 255, 255, 0.9);}
.filosofia .flex-control-paging li a {background: rgba(255, 255, 255, 0.5);}

.homeForm {
	padding: 20px; width: 100%;
	font-size: 1.4rem;
	max-width: 820px;
	background: #003e717a;
	border-radius: 5px;
}
.homeForm h2 {margin-bottom: 10px;}
/* modales */
.dark, .message {display: none; position: fixed;}
.dark {
	background: rgba(0,0,0,.6);
	z-index: 1001; left: 0; top: 0;
	width: 100%; height: 100%;
}
.message {
	width: 80%; max-width: 900px; height: 80%;
	z-index: 1002; background: #fff;
	left: 50%; top: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	box-shadow: 1px 1px 10px 6px rgba(0,0,0,.2);
	text-align: left; border: 2px solid #fff;
}
.message .content {width: 100%; height: 100%;}
.exit {
	position: absolute;right: 15px;
	cursor: pointer; z-index: 1003;
	top: 15px; right: 15px; cursor: pointer;
}
.ex {
    width: 30px; height: 3px; margin: 6px 0;
    transition: 0.4s; background: var(--blue);
}
.exit:hover .ex {background: var(--yellow);}
.ex1 {
    -webkit-transform: rotate(-45deg) translate(-3px, 3px);
    transform: rotate(-45deg) translate(-3px, 3px);
}
.ex2 {
    -webkit-transform: rotate(45deg) translate(-4px, -4px);
    transform: rotate(45deg) translate(-4px, -4px);
}

.videoContainer .elipse  {position: relative;}
.videoContainer .elipse:first-child {margin-bottom: 100px;}
.videoContainer .elipse:last-child  {margin-top: 210px;}
.video {width: 100%; max-width: 80%; margin: auto;}
.bg-video {
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #f1f1f1 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#f1f1f1 50%,#ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#f1f1f1 50%,#ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

/* video */
.videoContent {
    height: 0; overflow: hidden;
    padding: 30px 0 56.25%; position: relative;
    box-shadow: 0 0 15px rgba(0,0,0,.3);
    border: 3px solid #fff; margin-bottom: 15px;
}
.videoContent iframe, .videoContent object, .videoContent embed {
    width: 100%; height: 100%;
    left: 0; top: 0; position: absolute;
}
/* slide equipo */
.equipoSlide .slides img {max-width: 700px; margin: auto;}
.equipoSlide .flex-direction-nav a::before {color:  #000;}

/* divisiones */
.divisiones {text-align: center;}
.divlogos {margin: -35px 0 30px;}
.diviscontent {padding: 20px;}
.socialbtns {padding: 20px;}
.socialbtns a {
	width: 40px; height: 40px; font-size: 2rem; margin: 10px;
	color: #fff; border-radius: 50%;
}
.aicaDiv .socialbtns a {background: var(--blue);}
.imaDiv .socialbtns a {background: var(--brickred);}
.catalinaDiv .socialbtns a {background: var(--brown);}
.socialbtns a:hover {background: var(--yellow);}

/* ubicaciones */
.sucursalesContainer {
	display: grid; gap: 50px;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto);
}
.sucursales {
	color: var(--genericColor);
	background: #fff;
	border-radius: 8px;
	box-shadow: var(--shadow);
}
.sucursales02 {background: #0b438c;}
.sucursales.catalina {background: var(--brown);}
.sucursales h2 {
	width: 100%; max-width: 360px;
	text-transform: uppercase;
	padding: 8px 30px 8px;
	background: var(--skyblue);
	color: #fff; font-size: 1.8rem;
}
.sucursalImg {padding: 10px 10px 20px;}
.sucursales img {width: 100%;}
.sucursales .fas, .sucursales .fab, .sucursales .far {
	color: #fff; padding: 4px;
	background: var(--skyblue);
	width: 28px; height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 14px;
	margin-right: 10px;
}
.sucursales a {
	display: inline-block;
	color: var(--genericColor); margin: 10px 0;
}
.sucBox {padding: 30px;}
.fa-map-marker-alt {margin-right: 5px;}
span.btn {width: 100%; text-align: center;}
span.btn::before {height: 400px;}

/*.map {
	width: 100%; border: 6px solid #fff;
	position: absolute; top: 0; left: 0;
}
*/
/* contact */
.contacImg {
	width: 100%; max-width: 450px;
	margin-bottom: 10px;
}
.contactLeft {text-align: center;}
/*.contactLeft a {color: #fff;}*/

/* footer */
.foot {
	background: url(../img/footer-bg.jpg) no-repeat center top;
	background-size: cover;
	color: #fff; overflow: hidden;
}
.addressBox {width: 100%; max-width: calc(100% / 3.2);}
.addressBox h4 {
	background: var(--skyblue);
	padding: 5px 15px;
	text-transform: uppercase;
	border-radius: 8px;
	margin-bottom: 8px;
	font-size: 1.6rem;
}
.addressBox p {
	font-size: 1.4rem; margin: 0;
	text-transform: uppercase;
}

.members {margin: 20px 0 0; overflow: hidden;}
.members div {padding: 5px 10px;}

.footBar {background: #202020; color: #fff; font-size: 1.2rem;}
.bContent {padding: 10px 20px;}

/* go top bottom */
.scrollup {
	width: 51px; height: 51px; display:none; opacity: 0.7;
	background:url("../img/icon_top.png") no-repeat scroll 0% 0%;
	cursor:pointer; position: fixed; z-index: 1000;
	right: 10px; bottom: 10px;
}
.scrollup:hover {opacity: 1;}

/*.flotante {
    position: fixed; z-index: 1000;
    bottom: 25px; right: 30px;
    background: #203143;
    padding: 10px 12px; border-radius: 8px;
    background: rgba(32,49,67,.8);
}
.wsplink {color: #fff; text-decoration: none;}
.wsplink img {vertical-align: middle;}*/
.owl-carousel.owl-drag .owl-item {width: auto;}
.owl-carousel .owl-item img {
    display: block;
    width: 125px;
}

/* accordeon */
/*.acc-block {padding: 15px 25px 25px;}
.acc-block div {width: 100%;}
.acc-block ul {padding-left: 30px;}*/

@media screen and (max-width: 1200px) {
	.contactBox:nth-child(2) {display: none;}
}
@media screen and (max-width: 1124px) {
	.title {font-size: 3.5rem;}
	.title span {font-size: 6rem;}
	.btnList li a {padding: 10px 25px;}
}
@media screen and (max-width: 980px) {
	.plite {padding-top: 40px; padding-bottom: 40px;} 
	.pmedium {padding-top: 45px; padding-bottom: 45px;}
	.plarge {padding-top: 50px; padding-bottom: 50px;}
	.ptop {padding-top: 45px;}
	.pltop {padding-top: 40px;}
	.elipse {display: none;}
	.contacLeftText {max-width: 100%;}
	.contactCanales {margin-top: 20px;}
	.homeForm {padding: 15px; width: 100%; min-width: 380px;}
	.sucursalesContainer {gap: 30px;}
	.sucursales a {font-size: 1.5rem;}
}
@media screen and (max-width: 860px) {
	#message {width: 95%;}
	.sucursalesContainer {gap: 20px;}
}
@media screen and (max-width: 800px) {
	.title span {font-size: 5rem;}
	.message {width: 90%; height:  84%;}
	.details {padding: 50px 20px 20px;}
}
@media screen and (max-width: 768px) {
	.pmedium, .plarge {padding-top: 40px; padding-bottom: 40px;}
	.intHeader {padding: 20px 0 60px 0;}
	.title {text-align: center;}
	.title span {display: block;}
	.titlePictures {padding: 20px 0;}
	.story {flex-direction: column;}
	.verticalLine {width: 100%; height: 6px;}
	.years {flex-wrap:wrap; justify-content: space-evenly;}
	.years > div {width: 140px;}
	.fachadas {padding: 10px;}
	.fachadas:before {border-width: 0 0 10px 10px;}
	.fachadas:after {border-width: 10px 10px 0 0;}
	.sucursales a {display: inline-block; margin: 10px 0;}
	.sucursalesContainer {
	    grid-template-columns: 1fr;
	    grid-template-rows: repeat(4, auto);
	    gap: 30px;
	}
	.catalinaContent {gap: 0;}
	.mhide {display: none;}
	.footBar p {width: 100%; text-align: center;}
/*	.scrollup {right: 10px; bottom: 65px;}*/
	.foot { padding: 15px 0;}
	.addressBox {max-width: calc(100% / 2);}
	.bContent {flex-direction: column;}
	.arkadlogo {margin-top: 5px;}
}
@media screen and (max-width: 720px) {
	.contactCanales {display: none;}
	.cotiForm .homeForm {margin-top: -20px;}
	.filosofia {margin-bottom: 20px;}
	.filosofia .flex-control-nav {bottom: -30px;}
}
@media screen and (max-width: 640px) {
	.pltop {padding-top: 25px;}
	.btn {padding: 12px 35px;}
	.title {font-size: 2.2rem;}
	.homeForm {max-width: 100%;}
	.cotiForm #contactForm {padding: 20px 20px 40px;}
	.cotiForm h2 {font-size: 2rem;}
	.message .content {overflow-x: auto;}
	.ex {background: var(--yellow);}
	.titlePictures {padding: 30px 5px 10px;}
	.video { max-width: 95%;}
	.titleNorma {font-size: 1.6rem;}
	.acc-block {flex-direction: column;}
	.addressBox {max-width: 100%;}
}
@media screen and (max-width: 568px) {
	.accesoriosImg img {width: 100%;}
	.itemNegocios {padding: 20px 15px;}
}
@media screen and (max-width: 480px) {
	.title span {font-size: 4rem;}
	.subtitle {font-size: 2.2rem; line-height: 1.2;}
	.homeForm {min-width: 100%;}
	.details th, .details td {padding: 0 5px;}
	.socialcontact {text-align: center;}
	.sucursalImg {padding: 0;}
	.sucursales h2 {max-width: 100%;}
}
@media screen and (max-width: 425px) {
	.aica-logo img, .divlogos img {width: 100%;}
	.divlogos {margin-bottom: 10px;}
	.sucBox {padding: 20px 12px 0 12px;}
	.sucursales .fas, .sucursales .fab, .sucursales .far {margin-right: 6px;}
}
@media screen and (max-width: 380px) {
	.sucursales a {font-size: 1.3rem;}
}