@media (max-width: 575.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #banner #title-2 {
    	font-size: 30px !important;
	} #banner #title-1 {
		font-size: 30px !important;
	} #proceso-phone #line-point {
		display: none;
	} #beneficios a, #beneficios-phone a {
		font-size: 15px !important;
	} #beneficios #line-point {
		display: none; 
	} #proceso {
		display: none;
	} #proceso-phone {
		display: block;
	} #tecnologias .tecnologias-img {
		width: 100% !important;
	} #beneficios {
		display: none;
	} #beneficios-phone {
		display: block;
	} #phone-modal {
		padding-top: 150px !important;
	} #url-site {
		width: 250px !important;
	} #resultado-title {
		width: 250px !important;
		color: #679aff;
		font-family: "Roboto-Light";
	} #resultado-desc {
		width: 250px !important;
		font-family: "Roboto-Light";
		font-size: 10px !important;
	} #phone-modal img {
		width: 250px !important;
		box-shadow: 5px 5px 20px #999;
	} #phone-modal img:last-child {
		display: none !important;
		visibility: none !important;
	} 
	
} @media (min-width: 575.98px) and (max-width: 767.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #proceso #line-point {
		width: 100%;
	} #beneficios #line-point {
		display: none; 
	} #beneficios {
		display: none;
	} #beneficios-phone {
		display: block;
	} 
} @media (min-width: 767.98px) and (max-width: 991.98px) {
	#banner {
		padding: 150px 0px 50px !important;
		margin-top: 40px;
	} #banner a {
		font-size: 14px !important;
	} #proceso #line-point {
		width: 100%;
	} #beneficios #line-point {
		display: none; 
	} #beneficios {
		display: none;
	} #beneficios-phone {
		display: block;
	}
} @media (min-width: 991.98px) and (max-width: 1199.98px) {
}

/* BANNER */
#banner {
	background-image: url('/img/seo/seo-headerimg-full.jpg');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 250px 0px 200px;
} #banner #title-1 {
	font-size: 50px;
	font-family: "Roboto-Light";
	line-height: 1;
	color: #fff ; /* black */
	text-shadow: 1px 1px 5px #fff;
} #banner #title-2 {
	font-size: 50px;
	line-height: 1;
	font-family: "Roboto-Medium";
	color: #fff; /* blue */
	text-shadow: 1px 1px 5px #fff;
} #banner a {
	background-color: #f4af19; /* blue */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
} #banner a:hover {
  background-color: #fff; /* yellow */
  color: #272828 ; /* black */
} 

/* SEO */
#seo {
	background-image: url("/img/seo/METODIKA-SEO-BACK.webp");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 682px;
} #seo .row {
	padding: 60px 0px 0px;
} #seo .block {
	width: 400px;
} #seo .block p {
	text-align-last: auto;
	line-height: 2;
} #seo input, #seo button {
	padding: 0px;
	margin: 0px;
	border: 0px;
} #seo input {
	border-top: 1px solid #e1eaec;
	border-left: 1px solid #e1eaec;
	border-bottom: 1px solid #e1eaec;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	padding: 5px 0px 5px 20px;
} #seo button {
	background-color: #fff; /* white */
	border-top: 1px solid #e1eaec;
	border-right: 1px solid #e1eaec;
	border-bottom: 1px solid #e1eaec;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px 20px 5px 0px;
	color: #0337af; /* blue */
} #seo .block a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* yellow */
	font-family: "Roboto-Bold";
	padding: 8px 20px;
  	border-radius: 5px;
	text-decoration: none;
} #seo .block a:hover {
	background-color: #0337af; /* blue */
}

/* BENEFICIOS */
#beneficios {
	padding: 60px 0px;
	background-image: url("/img/seo/METODIKA-STAFFING-BACK.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} #beneficios h2 {
	color: #fff; /* white */
} #beneficios p {
	color: #fff; /* white */
	margin: 0px;
} #beneficios #line-point {
	text-align: center;
} #beneficios #line-point img {
	width: 85%;
} #beneficios a {
	background-color: #f4af19; /* yellow */
	font-family: "Roboto-Bold";
	color: #fff;
	padding: 8px 20px;
	border-radius: 5px;
	text-decoration: none;
} #beneficios a:hover {
	background-color: #0337af; /* blue */
}

/* BENEFICIOS PHONE */
#beneficios-phone {
	padding: 60px 0px;
	background-image: url("/img/seo/METODIKA-STAFFING-BACK.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
} #beneficios-phone h2 {
	color: #fff; /* white */
} #beneficios-phone p {
	color: #fff; /* white */
	margin: 0px;
} #beneficios-phone a {
	background-color: #f4af19; /* yellow */
	font-family: "Roboto-Bold";
	color: #fff;
	padding: 8px 20px;
	border-radius: 5px;
	text-decoration: none;
} #beneficios-phone a:hover {
	background-color: #0337af; /* blue */
}

/* ALCANCES */
#alcances {
	padding: 60px 0px 0px;
} #alcances .block {
	width: 180px;
} #alcances p {
	font-family: "Roboto-Light";
	font-size: 14px;
} #alcances .desc {
	font-size: 16px;
} #alcances a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	padding: 8px 20px;
	border-radius: 5px;
	text-decoration: none;
	font-family: "Roboto-Bold";
} #alcances a:hover {
	background-color: #0337af; /* blue */
}

/* PROYECTOS */
#proyectos {
	padding: 60px 0px 60px;
} #proyectos img {
	max-width: 100%;
} #proyectos .custom_dots {
  position: absolute;
  bottom: -30px;
  left: 0px;
  z-index: 1;
  list-style: none;
} #proyectos .custom_dots li {
  float: left ;
  width: 10px;
  height: 10px;
  border: 1px solid #cdcdd2; /* light gray */
  margin-right: 10px;
  border-radius: 100%;
  cursor: pointer;
} #proyectos .custom_dots .slick-active {
  background-color: #0337af; /* blue */
} #proyectos #name {
	font-family: "Roboto-Light";
	color: #0337af;
	font-size: 30px;
}

#faq {
	padding-top: 0px !important;
}

/* CALL TO ACTION */
#calltoaction {
	padding: 80px 0px;
	background-image: url('/img/staffing/METODIKA-STAFFING-CALLTOACTION-BACK.webp');
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
} #calltoaction p {
	color: #fff; /* white */
	margin: 0px;
} #calltoaction .title {
	font-family: "Roboto-Regular";
	font-size: 34px;
} #calltoaction .subtitle {
	font-family: "Roboto-Regular";
	font-size: 20px;	
} #calltoaction a {
	background-color: #f4af19; /* yellow */
	color: #fff; /* white */
	text-decoration: none;
	font-family: "Roboto-Medium";
	padding: 8px 10px;
	border-radius: 5px;
	font-size: 18px;
} #calltoaction a:hover {
	color: #0337af; /* blue */	
	background-color: #fff; /* white */	
}

.modal-content {
	background-color: transparent;
	border: 0px;
} .modal-content .modal-header, .modal-content .modal-footer {
	border: 0px;
} #phone-modal {
	background-image: url("/img/seo/METODIKA-MODAL-PHONE.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	max-width: 100%;
	min-height: 800px;
} #phone-modal {
	padding-top: 80px;
	color: #838686;
} #phone-modal #modal-search {
	color: #6398ff;
} #phone-modal span {
	border: 1px solid #fdfdfd;
	box-shadow: 5px 5px 20px #999;
	padding: 5px 15px 5px 15px;
	border-radius: 5px;
	font-family: "Roboto-Light";
	font-size: 12px;
} #url-site {
	width: 300px;
} #resultado-title {
	width: 300px;
	color: #679aff;
	font-family: "Roboto-Light";
} #resultado-desc {
	width: 300px;
	font-family: "Roboto-Light";
	font-size: 10px !important;
} #phone-modal img {
	width: 300px;
	box-shadow: 5px 5px 20px #999;
} .modal-header span {
	color: #fff;
}