/* GLOBAL */
html {scroll-behavior:smooth; scroll-padding-top:90px; }
body {margin:0; font-size:17px; color:#444; line-height:1.1; font-family:"montserrat", sans-serif;font-optical-sizing:auto; font-weight:<weight>; font-style:normal;}
img {vertical-align:middle;}/* remove the gap between and bottom of their containers */
.clearfix::before, .clearfix::after {content:"";display:table;}
.clearfix::after {clear:both;}
h1, h2, h3, h4 {font-weight:500; color:#000; line-height:1!important;}
h1, h2 {font-size:26px}
h3 {font-size:22px}
.box h3 {font-size:18px}
i {color:#000}
img {max-width:100%;}
a {text-decoration:none;}
.center {text-align:center!important}
.border {border:2px solid #999; border-radius:9px}
.title {text-align:center; color:#000; padding:35px 5px 5px;
	background:linear-gradient(90deg,rgba(100, 100, 100, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(100, 100, 100, 1) 100%);}
.title h1, .title h2 {line-height:1!important; margin:0!important; padding:0!important}
main ul {list-style-type:none; padding-left:20px;}
main ul li {padding-bottom:5px;}
main ul li::before {font-family:'font awesome 5 free'; content:'\f00c'; color:#000; font-weight:900; position:relative; bottom:0px;
	margin:0 5px 0 -20px !important;}
	
/* DESIGN */
.col, .col-2, .col-3 {box-sizing:border-box; overflow:hidden}
.col-2 .col-bg {width:100%; height:100%; transform:scale(1.01); transition:all 0.5s ease-in}
.col-bg:hover {transform:scale(1.1); transition:all 0.5s ease-in}
#quienes-somos .col-bg {background:url(../img/quienes-somos.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
#servicios-de-auditoria .col-bg {background:url(../img/servicios-de-auditoria.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
#intermediacion-crediticia .col-bg {background:url(../img/intermediacion-crediticia.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}
#administracion-de-nomina .col-bg {background:url(../img/administracion-de-nomina.jpg); background-position:center; background-repeat:no-repeat; background-size:cover}

/* SLIDER SERVICIOS */
.slider-serv .slide, .slider-serv-2 .slide {position:relative; text-align:center}
.slider-serv h3, .slider-serv-2 h3 {position:relative; z-index:1; background:rgba(0, 0, 0, 0.5); height:40px; line-height:40px!important; bottom:40px;
	margin:0 0 -40px 0;	padding:0; color:#FFF!important;}

/* BOX */	
.box {background:#eee; padding:0 0 25px; border-radius:9px; overflow:hidden}
.box h3 {background:#555; color:#fff!important; margin:0 0 15px 0; padding:10px 5px;}
.box ul {margin:0px 10px;}
.box img {max-width:100px; padding:0}
.box hr {border:none; border-top:1px solid #ddd; border-bottom:1px solid #fff; margin:15px 10px 25px!important}

/* TO TOP */	
#to-top {display:none; position:fixed; z-index:10; bottom:5px; right:5px; width:32px; height:32px; background:rgba(0, 0, 0, 0.5); border:2px solid #FFF;
		border-radius:4px; align-items:center; justify-content:center;}
#to-top i {color:#FFF!important}

/* FOOTER */
footer {padding:25px 15px 50px; text-align:center; color:#ccc!important; background:#333; font-size:14px; border-top:1px solid #ddd;
	background:linear-gradient(90deg,rgba(0, 0, 0, 1) 0%, rgba(125, 125, 125, 1) 50%, rgba(0, 0, 0, 1) 100%)}
footer img {width:300px; height:auto}
footer i {color:#fff; font-size:16px;}
footer span {padding:0 15px;}


/* SLIDER MAIN */
.slideshow {position:relative; z-index:1; width:100%; margin:90px auto 0; background:#333}
.slideshow * {outline:none!important;}
.slideshow .slider-track {transition:all 1s cubic-bezier(0.7, 0, 0.3, 1);}
.slideshow .item {height:100%; position:relative; z-index:1;}
.slideshow .item img {width:100%; height:100%; transition:all 1s cubic-bezier(0.7, 0, 0.3, 1); transform:scale(1.5); opacity:1.0!important}
.slideshow .item.slick-active img {transform:scale(1);}
#overlay {position:absolute; z-index:1; width:100%; height:100%; left:0; top:0; background:url(../img/overlay/filter-04.png) repeat;}
.slider-text h2 {font-size:24px; color:#222; padding:5px 25px; border-radius:50px; opacity:1; border:1px solid #ccc; box-shadow:0px 15px 10px -5px rgba(0,0,0,0.75);
	background:linear-gradient(90deg,rgba(100, 100, 100, 0.75) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(100, 100, 100, 0.75) 100%); text-align:center}
.slideshow .slider-main, .slider-text:first-child {animation:zoom-in 3s ease 0s 1 normal forwards;}
@keyframes zoom-in {0% {transform:scale(0); opacity:0;} 50% {transform:scale(0); opacity:0;} 100% {transform:scale(1)}}
.scroll-down-cont {position:absolute; z-index:2; width:100%; left:0; bottom:32px;}
.scroll-down {position:relative; border-radius:50%; width:48px; height:32px; margin:0 auto; background:rgba(255, 255, 255, 0.5); text-align:center }
.scroll-down span{position:relative; font-size:24px; color:#fff; animation-name:drop; animation-duration:1s; animation-timing-function:linear; animation-delay:0s;
	animation-iteration-count:infinite; animation-play-state:running;}
@keyframes drop	{0%{top:-8px;opacity:0;} 25%{top:-5px;opacity:1;} 100%{top:10px;opacity:0;}}
@media (min-width:1200px) {
	.slideshow .slider-main {max-height:calc(100vh - 90px); overflow:hidden;}
	.slideshow .item {margin-top:-45px;}	
}
@media (min-width:991px) {
	.cel {display:none}
	header {position:fixed; z-index:100; display:block; top:0; left:0; width:100%; padding:0;}
	header #header-container {height:90px!important; padding:0; display:flex;}		
	header #logo {width:25%; background:#000; display:flex; align-items:center; justify-content:flex-start; padding:0 5px}
	header #logo img {max-height:80px; max-width:100%!important; height:auto;}
	header #nav-cont {width:75%; background:linear-gradient(90deg,rgba(200, 200, 200, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(200, 200, 200, 1) 100%);}	
	header nav ul {width:100%; display:flex; align-items:center;}
	header nav li {display:flex; align-items:center; justify-content:center;}
	header nav li {width:100%; height:90px; }
	header nav li:hover {background:rgba(255, 255, 255, 0.5); }
	nav a:link, nav a:visited {display:flex; align-items:center; justify-content:center; text-align:center; width:100%; height:100%; color:#444; font-size:11px; font-weight:500; text-shadow:-1px -1px 1px rgba(255,255,255,0.25);}
	nav ul {list-style-type:none; margin:0; padding:0;}
	section .container-fluid {max-width:100%; margin:0; padding:0;}
	section .container {max-width:84%; margin:0 auto;}	
	section .row {display:flex; align-items:stretch; margin:0}
	section .container .row {column-gap:30px;}
	section .container .row.no-gap {column-gap:0;}		
	section .row.row-padding {margin:50px 0 100px}
	.col {width:100%}
	.col-2 {width:50%}
	.col-3 {width:33.33%}
	.col-txt-left, .col-txt-right  {min-height:400px; display:flex; align-items:center;}
	.col-txt-left {padding:50px 30px 50px 8%}
	.col-txt-right {padding:50px 8% 50px 30px}
	.slider-text {position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; display:flex; align-items:center; justify-content:center}
	.slider-serv, .slider-serv-2 {position:relative;}
	.ul-padding li {margin-bottom:25px}
	.ul-padding li:last-child {margin-bottom:0}	
}
@media (min-width:992px) and (max-width:1199px) {
	nav a:link, nav a:visited {font-size:10px; padding:0 5px}
}
@media (max-width:991px) {
	.desk {display:none}	
	h1, h2, .slider-text h2 {font-size:20px!important}
	h3 {font-size:18px!important}
	.box h3 {font-size:16px!important}
	p, li {font-size:15px!important}
	header {background:#000; padding:0; text-align:center}
	header #logo img {width:80%; max-width:300px; height:auto; margin:5px auto}

	section .row {padding-bottom:50px}
	.reverse {display:flex; flex-direction:column-reverse;}
	.col, .col-2, .col-3 {margin-bottom:25px}
	.col-2 .col-bg {width:100%; height:200px;}
	.col-txt-left, .col-txt-right {padding:0 15px}
	.box {margin:15px!important}
	.slideshow {margin:0!important;}
}
@media (min-width:768px) and (max-width:991px) {
	.slider-text {position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; display:flex; align-items:center; justify-content:center}
}
@media (max-width:767px) {
	.slider-text {position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; display:flex; align-items:flex-end; justify-content:center}
}
@media (max-width:575px) {
	.desk {display:none}
	h1, h2 {font-size:15px!important}
	h3 {font-size:13px!important}
	.box h3 {font-size:13px!important}
	p, li {font-size:12px!important}	
	.slider-text h2 {font-size:16px!important; padding:0px 10px!important;}
}