/* HOME SERVICIOS */
.servlist ul {list-style-type:none; padding:0!important; margin:0!important;}
.servlist ul li {display:flex; align-self:center; font-size:20px; color:#484A50; font-weight:300; 
	padding:25px;	margin-bottom:15px!important; border-radius:200px;}
.servlist ul li::before {content:"I"; margin:0 15px 0 5px; align-self:center;	font-size:75px!important;
	font-weight:100!important;}
.servlist ul a:last-child li {margin-bottom:0!important}

@media (max-width:991.98px) {
	.servlist ul li {font-size:14px!important; padding:10px 5px;}
	.servlist ul li {line-height:!important}		
	.servlist ul li::before {content:"I"; margin:0 5px 0 5px; font-size:30px!important;}
}

.servlist ul a:nth-child(1) li {background:linear-gradient(90deg, #b7b9b4 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(1) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #b7b9b4 100%)}
.servlist ul a:nth-child(2) li {background:linear-gradient(90deg, #bebfbb 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(2) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #bebfbb 100%)}
.servlist ul a:nth-child(3) li {background:linear-gradient(90deg, #c4c6c2 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(3) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #c4c6c2 100%)}
.servlist ul a:nth-child(4) li {background:linear-gradient(90deg, #caccc8 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(4) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #caccc8 100%)}
.servlist ul a:nth-child(5) li {background:linear-gradient(90deg, #d1d2cf 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(5) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #d1d2cf 100%)}
.servlist ul a:nth-child(6) li {background:linear-gradient(90deg, #d8d8d6 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(6) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #d8d8d6 100%)}
.servlist ul a:nth-child(7) li {background:linear-gradient(90deg, #dedfdd 0%, #f8f8f8 100%)}
.servlist ul a:nth-child(7) li:hover {background:linear-gradient(90deg, #f8f8f8 0%, #dedfdd 100%);}

.servlist ul li:nth-child(1) {background:linear-gradient(90deg, #b7b9b4 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(1):hover {background:linear-gradient(90deg, #f8f8f8 0%, #b7b9b4 100%)}
.servlist ul li:nth-child(2) {background:linear-gradient(90deg, #bebfbb 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(2):hover {background:linear-gradient(90deg, #f8f8f8 0%, #bebfbb 100%)}
.servlist ul li:nth-child(3) {background:linear-gradient(90deg, #c4c6c2 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(3):hover {background:linear-gradient(90deg, #f8f8f8 0%, #c4c6c2 100%)}
.servlist ul li:nth-child(4) {background:linear-gradient(90deg, #caccc8 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(4):hover {background:linear-gradient(90deg, #f8f8f8 0%, #caccc8 100%)}
.servlist ul li:nth-child(5) {background:linear-gradient(90deg, #d1d2cf 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(5):hover {background:linear-gradient(90deg, #f8f8f8 0%, #d1d2cf 100%)}
.servlist ul li:nth-child(6) {background:linear-gradient(90deg, #d8d8d6 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(6):hover {background:linear-gradient(90deg, #f8f8f8 0%, #d8d8d6 100%)}
.servlist ul li:nth-child(7) {background:linear-gradient(90deg, #dedfdd 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(7):hover {background:linear-gradient(90deg, #f8f8f8 0%, #dedfdd 100%);}
.servlist ul li:nth-child(8) {background:linear-gradient(90deg, #e4e5e4 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(8):hover {background:linear-gradient(90deg, #f8f8f8 0%, #e4e5e4 100%)}
.servlist ul li:nth-child(9) {background:linear-gradient(90deg, #ebebea 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(9):hover {background:linear-gradient(90deg, #f8f8f8 0%, #ebebea 100%)}
.servlist ul li:nth-child(10) {background:linear-gradient(90deg, #f2f2f1 0%, #f8f8f8 100%)}
.servlist ul li:nth-child(10):hover {background:linear-gradient(90deg, #f8f8f8 0%, #f2f2f1 100%)}


/* ■ GLOBAL */
html { scroll-behavior:smooth;} 
.center {text-align:center}
.hide-title .widget-title {display:none!important}
.widget-title {display:inline-block; font-size:20px; color:#FAFAFA; letter-spacing:10px; line-height:1; padding:8px 20px 8px 30px; margin-bottom:50px!important; background:#6F7368; border-radius:50px;}
#text-test {font-size:15px; letter-spacing:30px; color:#000!important;}
.sect-pad {padding:100px 0}
hr {background:#F1F1F1; padding:4px 0; width:80%; left:10%!important; border-radius:20px}
h5 {margin-bottom:25px; border-bottom:1px solid #CCC}
li {margin-bottom:25px!important}

/* ■ MENU ========== */
.sf-menu a {padding:2px 15px; margin:0 5px; background:#3F3F3F; border-radius:50px}
.sf-menu ul {background:#484A50; min-width:auto!important; padding:10px 5px 0!important;
		line-height:1!important;	white-space:nowrap; border-radius: 0 0 10px 10px}
.sf-menu ul li a {text-transform:uppercase; line-height:1!important; margin-bottom:10px;}
#logo {padding-right:15%!important;}

/* ■ HOME */
#hero-cont {position:relative; margin-top:-100px;}
#hero {height:100vh!important; display:flex!important; justify-content:center; align-items:center;}
#hero {animation-name:hero-bg; animation-duration:10s; animation-iteration-count:infinite;
	animation-direction:alternate; animation-timing-function:linear;}
@keyframes hero-bg {0% {background:#484A50;}50% {background:#6F7368;}100% {background:#484A50;}}
#hero img {padding:0 10vw}
#hero-enter-cont {position:relative!important; z-index:1001; bottom:10vh;}
#hero-enter {position:absolute!important; width:100%; animation:fadedown 1.5s linear infinite;}
#hero-enter a {font-size:24px; color:#FFF; text-shadow:0px 0px 2px #000000; padding:50px;}
#hero-enter:hover {animation:stop 1.5s linear infinite;}
@keyframes fadedown {0% {bottom:20px; opacity:0.75;} 100% {bottom:0px; opacity:0.05;}}
@keyframes stop {0% {bottom:10px; opacity:1;} 100% {bottom:10px; opacity:1;}}
@media (max-width:991.98px) {
	#hero-cont {position:relative; z-index:1000; margin-top:-100px;}
	#hero-enter-cont {visibility:hidden}
	.home #hero-enter-cont {visibility:visible}
	#hero-pages {margin-bottom:-50px}		
}



/* ■ CONTACTO ========== */
.contact-info p {margin-bottom:15px!important}
/* FORM ========== */
#form-contact .widget-title {font-size:18px}
#form-contact .widget-title img {display:none}
#form-contact p:first-child em {float:right!important; font-size:16px; font-weight:600; color:#ff2317}
#form-contact .sow-contact-form {padding:10px; border:none; border-radius:9px; background:#E8E8E8;}
#form-contact .sow-form-field {margin-bottom:5px;}
#form-contact textarea {resize:vertical;}
input[type="number"], input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"], select, textarea {padding:5px 5px; box-shadow:none!important;
	background:rgba(255,255,255,0.5);	border:none!important; border-radius:4px!important;
	margin-bottom:5px!important}
::placeholder {opacity:1!important}
#form-contact .sow-submit-wrapper  {text-align:right!important}
#form-contact .sow-submit {background:#6F7368; color:#DDD; font-size:12px; line-height:1; font-weight:600;
	border:none; border-radius:50px; letter-spacing:10px; padding:12px 10px 14px 22px!important}
#form-contact .sow-submit:hover {color:#62BEFD}
#form-contact textarea:focus, #form-contact input:focus{outline:none!important; background:#FFF!important}
#form-contact  textarea {height:120px;}

/* ■ FOOTER */
footer {padding:0 0 20px 0!important;}
.footercredits {font-size:12px; line-height:3}
.footercredits i {font-size:16px; color:#DDD!important; margin-right:5px}
.footercredits img {opacity:0.25}

/* ■ STANDBY


*/