/* Cargando las Fuentes del Sitio */

:root {
  color-scheme: only light;
}


@font-face {
	font-family: 'Butler';
	src: url(../fonts/Butler_Regular.otf);
}

@font-face {
	font-family: 'Butler-Medium';
	src: url(../fonts/Butler_Medium.otf);
}

@font-face {
	font-family: 'Butler-Light';
	src: url(../fonts/Butler_Light.otf);
}





@font-face {
	font-family: 'DM Sans Bold';
	src: url(../fonts/DMSans-Bold.ttf);
}

@font-face {
	font-family: 'DM Sans Medium';
	src: url(../fonts/DMSans-Medium.ttf);
}

@font-face {
	font-family: 'DM Sans Regular';
	src: url(../fonts/DMSans-Regular.ttf);
}

@media(prefers-color-scheme:dark){
	body{
		background-color: white !important;	
	}
}
body{
	background-color: white !important;

}


.modal-fullwidth{
	max-width: 100% !important;	
	
}

.menu-active{
	text-decoration: underline !important;
	text-underline-offset: 6px;	
}

.menu-test{
	font-family: 'DM Sans Medium' !important; 
	font-size: 15px !important;
	font-weight: normal !important;
}

.menu-test:hover{
	text-decoration: none !important;
}

.logo-footer{
	width: 80px !important;	
	margin-top: -20px !important;
}

.eikon-header{
	height: 80px !important;
}


.reel_href{
	text-decoration: underline !important;
	text-underline-offset: 6px;
	color: white;
	margin-top: 50px !important;
	margin-right: 50px !important;
}

.reel_href:hover{
	color: white;
}

.carousel-indicators button {
  width: 10px !important;
  height: 10px !important;
  border-radius: 100% !important;
  background-color: #eae8e4 !important;
}

.carousel-indicators{
	position: absolute;
	bottom: -50px !important;
	left: -90% !important;
}

.about_us_subtitle_config_mobile{
	display: none !important;
}


.a-left-scroll { 
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 0;
	height: 100%;
	width: 50px;
	height: 100%;
}


.a-right-scroll { 
	position: absolute;
	z-index: 10;
	right: 0px;
	top: 0;
	height: 100%;
	width: 50px;
	height: 100%;
}

.a-right-scroll:hover:after {
	content:'';
	border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;	
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);    	
	right:10px;
	top:50%;
	position:absolute;
}


.a-left-scroll:hover:after {
	content:'';
	border: solid white;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;	
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);	
	left:10px;
	top:50%;
	position:absolute;
}

.a-right-scroll:hover {  
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(204,204,204,0.6390756986388305) 100%);
}


.a-left-scroll:hover { 
	background: rgb(204,204,204);
	background: linear-gradient(90deg, rgba(204,204,204,0.6390756986388305) 0%, rgba(255,255,255,0) 100%); 
}

.dataTable {
	padding-top:20px;
}

.padding-table {
	padding:20px;
}


.empty_list {
	margin-top:50px;
	margin-bottom:50px;	
}

.empty_list h1 {
	font-size:50px;
	color:#ccc;
}

.empty_list p {
	color:#ccc;
}

.avatar_img {
	width:35px;
	height:35px;
	border-radius:100%;
	background-size:cover;
	background-position:center center;
}


.navbar-brand-img, .navbar-brand > img
{
	max-height: 2.5rem !important;;
}

.thumbnail_img {
	max-height: 80px;
	max-width: 100px;
}

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

.thumbnail_img_show {
	max-height: 400px;
	max-width: 200px;
}





/* Colores */

.bg_cream {
	background-image: url(../img/background-gold.png);
	background-repeat: repeat;	
}

.text_color_gold {
	font-family: 'Butler' !important;
	color: #9e8c74;
}


.footer_config {

	padding-top: 5%;
	padding-bottom: 5%;
	background-color: #363b47;

}

.footer_config_mobile {
	padding-top: 5%;
	padding-bottom: 5%;
	background-color: #363b47;
	font-family: 'DM Sans Regular';
	font-size: 14px !important;
}

.footer-mobile-logo{
	margin-top: 30px !important;
	margin-bottom: 60px !important;
	margin-left: 15px !important;
}
 
 

.footer_title_config {
	color: #9e8c74;
	font-size: 16px;
	font-family: 'DM Sans Medium';
	margin-bottom: 40px !important;
}

.footer_text_config {

	color: white;
	font-size: 14px;
	font-family: 'DM Sans Medium';

}

.footer_text_config a:hover {
	color: white;
	text-decoration: none;
}
/* Estilos utilizados en el index */

.index_s1_text1_config {

	color: #636466;
	font-size: 16px;
	font-family: 'DM Sans Bold';

}

.index_s1_text2_config {

	color: #636466;
	font-size: 38px;
	font-family: 'DM Sans Bold';

}

.index_s1_text3_config h1{
	color: #9e8c74;
	font-size: 23px;
	font-family: 'Butler' !important;
	padding-right:105px !important;
}

.index_s1_text4_config {
	color: #363b47 !important;
	max-width: 600px !important;
	font-size: 14px;
	font-family: 'DM Sans Regular' !important;
	width: 100% !important;
}

.index_s1_text4_config-mobile {
	color: black;
	font-size: 16px;
	font-family: 'DM Sans Regular' !important;
	width: 100% !important;
}

.index_s1_text6_config {
	color: #363b47;
	font-size: 14px;
	font-family: 'DM Sans Regular' !important;
	width: 100% !important;
}

.index_s1_text6_config_mobile {
	color: black;
	font-size: 16px;
	font-family: 'DM Sans Regular' !important;
	width: 100% !important;
}

.index_s1_text5_config {
	
	color: white;
	font-size: 16px;
	font-family: 'DM Sans Regular';

}

.index_s2_config {

	margin-top: 8%;
	margin-bottom: 7%;

}

.index_section_distance {

	margin-top: 10px !important;
	margin-bottom: 10px !important;

}

.index_section_column_distance {

	margin-right: 1%;

}

.index_img_fontabella {

	background-image: url(../img/index/fontabella.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:475px;

}

.index_img_text {

	color: white;
	font-size: 14px;
	font-family: 'DM Sans Medium';
	padding-left: 3%;
	padding-top: 2%;

}

.index_img_text_aux {

	color: white;
	font-size: 12px;
	font-family: 'DM Sans Regular';


}

.index_img_mobile {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 280px;
	margin-bottom: 5px !important;
}

.index_img_left_bottom_mobile{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:200px !important;
	margin-bottom: 5px !important;
	margin-right: 5px !important;
}

.index_img_right_bottom_mobile{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:200px !important;
	margin-bottom: 5px !important;
}

.index_img {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
}

.index_img_col{
	padding-right: 5px !important;	
}

.index_img_right_col{
	padding-left: 5px !important;	
}

.index_img_right_top_col{
	padding-left: 5px !important;	
}

.index_img_right_bottom_col{
	padding-left: 5px !important;	
}

.index_img_left_top_col{
	padding-right: 5px !important;	
}

.index_img_left_bottom_col{
	padding-right: 5px !important;	
}

.index_img_left_top{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:245px !important;
	margin-bottom: 5px !important;
}

.index_img_left_bottom{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:245px !important;
	margin-top: 5px !important;
}

.index_img_right_top{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:245px !important;
	margin-bottom: 5px !important;
}

.index_img_right_bottom{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:245px !important;
	margin-top: 5px !important;
}

/*Estilos utilizados en service*/

.service-info-title{
	font-family: 'DM Sans Medium';
	font-size: 16px;
	color: #363b47;
}

.service-info-title-selected{
	font-family: 'DM Sans Medium';
	font-size: 16px;
	color: #9e8c74;
}

.service-info-content{
	font-family: 'DM Sans Regular';
	font-size: 14px;
	color: #363b47;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.service_distance {
	margin-top: 5%;
	margin-bottom: 70px !important;
}

.service-info-subtitle{
	font-family: 'DM Sans Medium' !important;

}

.service_header_distance {
	margin-bottom: 8%;
}

.service_title_config {
	color: #9e8c74;
	font-family: 'DM Sans Regular';
	font-size: 14px;
}

.service_subtitle_config {
	font-family: 'Butler';
	font-size: 33px;
	color: #353b49 !important;
	margin-top: 20px !important;
}

.service-info-div{
	width: 95% !important;
	
}

.service-img-intro{
	width: 80% !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	height:430px !important;
	margin-bottom: 0px !important;
}

.service_briefcase_link{
	color: #9e8c74 !important;
	font-size: 14px !important;
	font-family: 'DM Sans Medium';

}

.service-graphic-div-title{
	background-color: #EAE8E4 !important;
	padding-top: 60px !important;	
}

.service-graphic-div{
	background-color: #EAE8E4 !important;
	padding-bottom: 60px !important;	
}

.service-graphic-title{
	font-family: 'DM Sans Regular';
	font-size: 18px;
}

.service-graphic-title img{
	width: 15px !important;
	margin-top: 5px !important;
}

.service-img-graphic{
	max-width: 800px !important;
	width: 80% !important;
	margin-top: 70px !important;
}
.service-img-graphic-mobile{
	display: none !important;
}

.service-img-graphic-div{
	display: block !important;
}
.service-img-graphic-mobile-div{
	display: none !important;
}
/*FIN Estilos utilizados en service*/


/*Estilos utilizados en about_us*/

.about_us_distance {
	margin-top: 5%;
	margin-bottom: 10%;
}

.about_us_header_distance {

	margin-bottom: 8%;

}

.about_us_title_config {
	color: #9e8c74;
	font-family: 'DM Sans Regular';
	font-size: 14px;
	margin-bottom: 20px !important;
}

.about_us_subtitle_config {
	font-family: 'Butler';
	font-size: 33px;
	color: #363b47;
}

.about_us_text_config {

	font-family: 'DM Sans Regular';
	font-size: 14px;
	padding-right: 50px !important;
	color: #363b47;
	max-width: 85% !important;
	margin-top: 50px !important;

}

.about_us_job_title {
	color: #9e8c74;
	font-family: 'Butler';
	font-size: 22px;
}

.about_us_job_subtitle {

	font-family: 'DM Sans Regular';
	margin-top: -6px;
	font-size: 12px;
	color: #363b47;

}

.about_us_category_config {

	margin-top: 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid #9e8c74;

}

.about_us_category_title {
	color: #9e8c74;
	font-family: 'Butler';
	font-size: 22px;
}

.about_us_category_title2 {
	color: #9e8c74;
	font-family: 'Butler';
	font-size: 22px;
	margin-top:60px !important;
}

.about_us_img_paulina_prado {

	background-image: url(../img/about_us/paulina_prado.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 5%;
}

.about_us_img_branding_1 {

	background-image: url(../img/about_us/branding/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_branding_2 {

	background-image: url(../img/about_us/branding/2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_branding_3 {

	background-image: url(../img/about_us/branding/3.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_branding_4 {

	background-image: url(../img/about_us/branding/4.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_branding_5 {

	background-image: url(../img/about_us/branding/5.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_branding_6 {

	background-image: url(../img/about_us/branding/6.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_branding_7 {

	background-image: url(../img/about_us/branding/7.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_digital_1 {

	background-image: url(../img/about_us/digital/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_digital_2 {

	background-image: url(../img/about_us/digital/2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_digital_3 {

	background-image: url(../img/about_us/digital/3.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_digital_4 {

	background-image: url(../img/about_us/digital/4.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_digital_5 {

	background-image: url(../img/about_us/digital/5.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_copywriting_1 {

	background-image: url(../img/about_us/copywriting/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_copywriting_2 {

	background-image: url(../img/about_us/copywriting/2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}

.about_us_img_administracion_1 {
	background-image: url(../img/about_us/administracion/1.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 5%;
}

.about_us_img_administracion_2 {

	background-image: url(../img/about_us/administracion/2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;

}	

.about_us_img_vertical_distance {
	margin-bottom: 5%;
}

.about_us_img{
	height: 239px !important;
	width: 200px !important;
	max-width: 90% !important;
}

/*Estilos utilizados en contact_us*/


.contact_us_distance {

	margin-top: 5%;
	margin-bottom: 5%;

}

.contact_us_header_distance {

	margin-bottom: 30px !important;

}

.contact_us_title_config {

	color: #9e8c74;
	font-size: 14px;
	font-family: 'DM Sans Regular';

}

.contact_us_title_config_footer {

	color: #9e8c74;
	font-size: 14px;
	font-family: 'DM Sans Medium';

}

.contact_us_subtitle_config {

	font-family: 'Butler';
	font-size: 33px;

}

.contact_form_field_row_distance{

	margin-top: 3%;
	margin-bottom: 3%;
	font-family: 'Butler-Regular' !important;
	font-size: 16px;

}

.contact_form_field_row_check_distance{

	margin-top: 2%;
	margin-bottom: 1%;

}

.contact_form_distance {

	border-bottom: 1px solid #c1b4a6; 
	padding-bottom: 50px; 
	margin-bottom: 70px;

}

.contact_us_form_label_checkbox_title {
	
	font-size: 14px;
	color: gray;
	font-family: 'DM Sans Regular';
	
}

.contact_us_form_label_checkbox {
	
	font-size: 20px;
	font-family: 'Butler-Regular';
	
}

.contact_us_btn_submit {
	font-size: 14px;
	color: #9e8c74;
	font-family: 'DM Sans Medium' !important ;
	background: none !important;
	border: none !important;
	padding: 0px !important;
}

.padding-zero{
	padding: 0px !important;
}

.img-banner{
	background-size: cover;
	background-position: center;
	min-height: 500px !important;
}

#mycarousel{
	min-height: 500px !important;
}


.carousel-indicators .active{
	background-color: #9e8c74 !important;
}

.eikon-header__nav ul.eikon-header--main-nav li.menu-item a{
	text-transform: none !important;
	font-weight: bold !important;
}

.eikon-header__nav ul.eikon-header--main-nav li.menu-item{
	height: 25px !important;
}

.title-carousel{
	font-family: 'DM Sans Regular' !important ;
	color: #363b47 !important;
}

.content-carousel{
	font-family: 'Butler' !important;
	color:#636466 !important;
}

p, ul, ol, li, span, blockquote, a{
	line-height: 1.4;
}

.placeholder {
  position: absolute;
  right: 4px;
  top: 2px;
  pointer-events: none;
  opacity: .5;
}

.contact-input{
	border: none !important;
	font-family: 'DM Sans Regular' !important ;
}

.input-container{
	border-bottom: 1px solid #919395 !important;
}


input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]:checked + label {
    color: #353B48 !important;
	font-family: 'DM Sans Medium' !important ;
}

.checkbox-container label{
	font-family: 'DM Sans Regular' !important ;
	font-size: 14px !important;
	color: #919395 !important
}

.input-row {
  padding: 25px 0px 0px 11px !important;
}

.input-row label{
	padding-top: 10px;
	padding-right: 15px;
    font-family: 'DM Sans Regular' !important;
	font-size: 14px !important;
	color: #919395 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.contact-form-input {
  width: 100% !important;
  border: none !important;
  font-family: 'DM Sans Regular' !important;
  font-size: 20px;
  color: gray;
  padding-left: 10px !important;
}

.banner-title-mobile-div{
	height: 400px !important;
	background-color: #353b48;
	padding-top:80px !important;
	padding-bottom:80px !important;
	padding-left: 40px !important;
	font-size: 40px !important;
	line-height: 1.3;
	
}

.title-carousel-mobile{
	color: white !important;
	font-size: 18px !important;
}

.img-banner-mobile{
	height: 300px !important;
	background-size: cover;
	background-position: center;
}

.banner-title-mobile{
	background-color: #eae8e4 !important;
	padding-top: 62px !important;
	padding-bottom: 62px !important;
}

.banner-title-mobile-title{
	color: #363b47 !important;
	font-family: 'DM Sans Regular' !important;
	font-size: 18px !important;
	margin-left: 20px !important;
}

.banner-title-mobile-subtitle{
	font-family: 'Butler-Medium' !important;
	color: #9e8c74;
	font-size: 35px !important;
	margin-left: 20px !important;
}

.banner-title-mobile-subtitle2{
	font-family: 'Butler-Medium' !important;
	color: #636466;
	font-size: 35px !important;
	margin-left: 20px !important;
}

.send-button-join-us{
	padding-top:70px !important
}

.show-desktop{
	display: none !important;	
}

.show-mobile{
	display: block !important;	
}

.about_us_job_subtitle{
	max-height: 20px !important;
	height: 20px !important;
}


/* INICIO PAGINA PORTAFOLIO.....*/

	.portfolio_client_name{
		font-family: 'Butler' !important;
		font-size: 20px !important;
		color: black !important;
		margin-top: 15px !important;
	}
	
	.portfolio_client_description{
		color: #95989e;
		font-size: 14px !important;
		font-family: 'DM Sans Regular' !important;
		margin-top: -10px !important;
		color: #636466 !important;

	}
	
	.portfolio-img{
		width: 100%;
		background-position: center;
		background-repeat: no-repeat;
		
		background-size: cover;
		
	}
	
	.show-portfolio-item{
		width: 80% !important;
		margin-bottom: 80px !important;
		
	}
	
	.service_link{
		font-family: 'DM Sans Medium' !important;
		font-size: 14px;
		color: #636466 !important;
		line-height: 2 !important;
	}
	
	.service_active{
		font-family: 'DM Sans Bold' !important;
		color: #353b48 !important;
		text-decoration: none !important;
	}
	
	
	.portfolio_clasification{
		color: #9e8c74 !important;
		font-family: 'DM Sans Regular' !important;
		font-size: 15px;
		margin-top: 70px !important;
	}
	
	.portfolio_title{
		margin-top: 10px !important;
		font-family: 'Butler' !important;
		font-size: 33px;
		color: #353b48 !important;
	}
	
	.portfolio_subtitle{
		font-family: 'DM Sans Regular' !important;
		font-size: 15px;
		color: black !important;
		margin-top: -5px !important;
	}
	
	.portfolio_menu{
		background-color: #ebe8e3 !important;
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 70px;
		margin-bottom: 80px;
	}
	
	.row_portfolio_menu{
		max-width: 1270px;
		width: 100% !important;
		margin: auto;
	}
	
	.eikon-portfolio__nav {
	  padding-left: 70px;
	  padding-right: 70px;
	}
	
	.portfolio-center{
		text-align: center !important; 
	}
	.portfolio-rigth{
		text-align: right !important; 
	}
	.portfolio-item{
		padding: 0px !important;
	}
	
	@media only screen and (max-width: 1292px){
		.row_portfolio_menu{
			padding: 0px 70px !important; 
		}
	}
	
	
	
	@media (max-width: 1080px){
		
		.about_us_subtitle_config{
			display: none !important;
		}
		
		.about_us_subtitle_config_mobile{
			display: block !important;
			font-family: 'Butler';
			font-size: 24px;
			color: #363b47;
		}
		
		.eikon-header__nav .logo-responsive {
		  display: block;
		  margin-bottom: 50px;
		  text-align: center;
		  padding: 10px 20px 30px;
		  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		  position: absolute;
		  top: 0;
		  right: 0;
		}
		
		.row_portfolio_menu{
			padding: 0px 40px !important; 
		}
		
		.menu-test{
			font-family: 'Butler' !important; 
			font-size: 35px !important;		
			text-transform: capitalize !important;	
		}
		
		.menu-active{
			text-decoration: none !important;
		}
		.menu-active::after{
			content: "";
			  position: absolute;
			  width: 144px;
			  height: 1px;
			  background-color: #988974;
			  margin-top: 40px;
			  left: 82px;
		}
		
		.eikon-header__nav ul.eikon-header--main-nav li.menu-item a{
	
			text-transform: capitalize !important;	
		}
		
		.trigger.is_open {
			left:40px;
		}
		
		.eikon-header__nav.is_open {
			max-width:6000px !important;
			width:100% !important;
			background-color:#fff !important;
		}
		
		.trigger.is_open span {
			background:#333 !important;
		}
		
		.eikon-header__nav ul.eikon-header--main-nav {
			margin-top:100px;
			align-items: baseline !important;
			justify-content: left;
			font-family: 'Butler-Medium' !important;	
		}
		
		.eikon-header__nav ul.eikon-header--main-nav li.menu-item a {
			font-size:40px;
			font-weight: normal !important;
		}
		
		
	}
	@media (max-width: 280px){
		.row_portfolio_menu{
			padding: 0px 10px !important; 
		}
		
	@media (max-width: 768px){
		.portfolio-item{
			text-align: center !important; 
		}
		.portfolio-center{
			text-align: center !important; 
		}
		.portfolio-rigth{
			text-align: center !important; 
		}
	}	
		
}
/* FIN PAGINA PORTAFOLIO.....*/




/*INICIO PAGINA CLIENT */
.eikon-clients{
	margin-top:100px !important;
	width: 80% !important;
	margin-left: 10% !important;
}

.eikon-clients-inside{
	width: 95% !important;
	margin-left: 2.5% !important;
}

.client-logo{
	width: 200px !important;
	filter: grayscale(100%) !important;
}

.client-logo:focus{
	filter: grayscale(0%) !important;
}	

.client-logo:hover{
	filter: grayscale(0%) !important;
}

.client-title{
	margin-bottom: 50px !important;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
		font-family: 'DM Sans Medium' !important;
}

/*FIN PAGINA CLIENT */

.service_subtitle_config_mobile{
	display: none !important;
}

.service-menu-division{
	border-rigth:1px solid gray;background-color: #353b48 !important;height: 100%; width:1px;margin: 0px;
	padding: 0px;	
}
/* MOBILE */
@media only screen and (max-width: 880.98px)
{	
	

	.client-logo{
		width: 100px !important;
		filter: grayscale(100%) !important;
	}
	
	
	input[type="checkbox"]:checked + label {
		color: black !important;
		font-family: 'DM Sans Medium' !important ;
	}
	
	.portfolio_clasification {
	  color: #9e8c74 !important;
	  font-family: 'DM Sans Regular' !important;
	  font-size: 15px;
	  margin-top: 50px !important;
	}
	
	.portfolio_title{
		margin-top: 5px !important;
		font-family: 'Butler' !important;
		font-size: 25px;
		color: #353b48 !important;
	}
	
	
	.service-img-graphic-div{
		display: none !important;
	}
	
	.service-img-graphic-mobile-div{
		display: block !important;
	}
	
	.service-img-graphic{
		display: none !important;
		
	}
	
	.service-img-graphic-mobile{
		width: 95% !important;
		margin-top: 70px !important;
		display: block !important;
		
	}
	
	.service-info-div{
		margin-left: 1% !important;	
		width: 98% !important;

	}
	
	.service_title_principal_div{
		padding: 0px !important;
	}
	
	
	
	
	
	
	
	.about_us_category_config {
	  margin-top: 20px;
	  margin-bottom: 0px;
	  border-bottom: 1px solid #9e8c74;
	}
	
	.service_subtitle_config{
		display: none !important;
	}
	
	
	.service_subtitle_config_mobile {
		font-family: 'Butler';
		font-size: 25px;
		color: #353b49 !important;
		margin-top: 0px !important;
		display: block !important;
	}
	
	.service_header_distance {
		margin-top: 50px;
		margin-bottom: 10px;
		margin-left: 1% !important;
		width: 98% !important;
	}
	
	.reel_href{
		text-decoration: underline;
		text-underline-offset: 6px;
		color: white;
		margin-top: 20px !important;
		font-size: 16px;
		margin-top: 20px !important;
		margin-right: 20px !important;
	}
		
	.index_s1_text3_config h1{
		color: #9e8c74;
		font-size: 25px;
		font-family: 'Butler' !important;
		padding-right:105px !important;
	}
	
	.eikon-clients{
		width: 96% !important;
		margin-left: 2% !important;
	}
	
	.eikon-clients-inside{
		width: 96% !important;
		margin-left: 2% !important;
	}


	.send-button-join-us{
		padding-top:30px !important;
	}
		
	
	.contact_us_distance {
	  margin-top: 5% !important;
	  margin-bottom: 5% !important;
	  padding-right: 20px !important;
	  padding-left: 20px !important;
	}
	
	.contact_us_btn_submit {
		font-size: 14px !important;
		color: #9e8c74;
		font-family: 'DM Sans Bold' !important ;
		background: none !important;
		border: none !important;
		padding: 0px !important;
		margin-top: 20px !important;
	}
	
	.contact_us_subtitle_config {
		font-family: 'Butler' !important;
		font-size: 26px;
		margin-top: 0px;
		width: 220px;
	}
	
	.contact_us_form_label_checkbox_title{
		margin-top:40px !important;	
	}
	
	.eikon-header{
		height: 100px !important;
	}
	
	.trigger {
	  left: 40px;
	  top: 47px;
	}
	
	
	.trigger.is_open span:nth-child(2) {
	  display: none !important;
	}
	
	.trigger span {
	  background: #353b48 !important;
	  display: block !important;
	  margin: 8px 0 !important;
	  width: 28px !important;
	  height: 2px !important;
	  border-radius: 1.5px !important;
	  -webkit-transition: 0.5s ease-in-out !important;
	  transition: 0.5s ease-in-out !important;
	  -webkit-transform-origin: 50% !important;
	  transform-origin: 50% !important;
	}
	
	.trigger.is_open span:first-child {
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -webkit-transform-origin: 0;
	  transform-origin: 0;
	  position: absolute;
	}
	
	#logo{
		position: absolute;
		right: 20px;
	}
	
	.mobile {
		display: block !important;
	}
	
	.desktop {
		display: none !important;
	}
	
	.carousel-indicators{
		position: inherit;
		bottom: -20px !important;
		left: 0px !important;
	}
	
	
	.footer_title_config {
		color: #9e8c74;
		font-size: 16px !important;
		font-family: 'DM Sans Medium';
	}
	
	
	.footer_text_config {
		color: white;
		font-size: 14px;
		font-family: 'DM Sans Regular';
	}
	
	
	#mycarousel{
		margin-top: 0px !important;
		min-height: 300px !important;
	}
	
	.img-banner{
		background-size: cover;
		background-position: center;
		min-height: 300px !important;
	}
	
	.index_img_fontabella {
	
		background-image: url(../img/index/fontabella.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		width:100%;
		height:290px;
	
	}
	
	.index_s1_text5_config {
		color: white;
		font-size: 20px;
		font-family: 'DM Sans Regular';
	}

	
	
	.logo-responsive {
		position: absolute;
		top: 5px;
		right:40px;
	}
	
	.footer_config_mobile{
		display: block !important;
	}
	
	.footer_config{
		display: none !important;
	}
	
	.eikon-header__logo {
		flex: content !important;
		justify-content: right !important;
	}
	
	.about_us_category_title {
		color: #9e8c74;
		font-family: 'Butler';
		font-size: 28px !important;
	}
	
	.about_us_category_title2 {
		color: #9e8c74;
		font-family: 'Butler';
		font-size: 26px !important;
	}
	
	.about_us_category_config_digital{
		margin-bottom: 50px !important;
		margin-top: -30px !important;
	}
	
	.about_us_category_config_copywriting{
		margin-bottom: 50px !important;
	}
	
	.first_about_us_job_title{
		margin-top: 44px !important;

	}
	
	.first_category_title{
		margin-top: 30px !important;
		margin-bottom: 50px !important;	
	}
	
	.about_us_job_title{
		font-size: 26px !important;	
	}
	
	.about_us_img_vertical_distance {
		margin-bottom: 0px !important;
	}
	
	.about_us_title_config{
	  font-size: 16px;
	  margin-bottom: 10px !important;
	  margin-top: 30px !important;
	}
	
	.about_us_text_config {
	  text-align: justify !important; 
	  font-family: 'DM Sans Regular';
	  font-size: 15px !important;
	  padding-right: 0px !important;
	  padding-top: 20px !important;
	  padding-bottom: 0px !important;
	  max-width: 100% !important;
	  color: #363b47;
	}
	
}



.briefcase_principal_mobile{
	display: none !important;	
}





@media only screen and (max-width: 767px){
	
	.about_us_img{
		height: 304px !important;
		margin-bottom: 50px !important;	
		width: 255px !important;
		margin: auto;
	}
	
	.portfolio_client_name{
		font-family: 'Butler' !important;
		font-size: 24px !important;
		color: black !important;
		margin-top: 15px !important;
	}
	
	.portfolio_client_description{
		color: #95989e;
		font-size: 16px !important;
		font-family: 'DM Sans Regular' !important;
		margin-top: -10px !important;
		color: #636466 !important;
	}
	
	.show-portfolio-item{
		width: 100% !important;
		margin-bottom: 50px !important;
		
	}
	
	.service_link {
	  font-family: 'DM Sans Medium' !important;
	  font-size: 14px;
	  color: #636466 !important;
	  line-height: 3 !important;
	}
	
	.service_active{
		font-family: 'DM Sans Bold' !important;
		color: #353b48 !important;
		text-decoration: none !important;
	}
	
	.portfolio_menu {
	  background-color: #ebe8e3 !important;
	  padding-top: 30px;
	  padding-bottom: 30px;
	  margin-top: 70px;
	  margin-bottom: 60px;
	}
	
	.service-menu-division{
		border-rigth:0px solid gray !important;
		border-bottom:1px solid gray !important;
		background-color: #353b48 !important;
		height: 1px !important; 
		width:100% !important;
		margin-top: 30px !important;
		margin-bottom: 30px !important;
		padding: 0px !important;	
	}
	
	#briefcase_principal{
		display: none !important;	
	}
	.briefcase_principal_mobile{
		display: block !important;	
	}
	
	.service-img-intro{
		width: 100% !important;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		height:330px !important;
		margin-bottom: 0px !important;
	}
}

@media only screen and (max-width: 787.90px){
	
	
	
	
	
	
	.first-subtitle{
		margin-top:0px !important;	
	}
	
	.about_us_job_subtitle{
		margin-top:50px;	
		margin-bottom:20px !important;
		font-family: 'DM Sans Regular' !important;
		margin-top: -8px !important;
		font-size: 16px !important;
		color: #363b47 !important;	
	}
	
	
	
	
	
	.about_us_distance {
		margin-top: 5%;
		margin-bottom: 10%;
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	
	.about_us_subtitle_config {
	  font-family: 'Butler-Medium';
	  font-size: 28px;
	  color: #363b47;
	  margin-top: -20px !important;
	}
	
		
	
	
}

@media only screen and (min-width: 768px) {
	
	
	
	.show-desktop{
		display: block !important;	
	}
	
	.show-mobile{
		display: none !important;	
	}
}

@media only screen and (min-width: 1100px) {

	.eikon-header__nav ul.eikon-header--main-nav li.menu-item a {
		color:#9e8c74 !important;	
		font-weight: normal !important;
		font-family: 'DM Sans Medium' !important; 
	}
}

/* DESKTOP */
@media only screen and (min-width: 881px) {
	
	
	.carousel-indicators {
	  position: absolute;
	  left: 0px !important;
	  bottom: -50px !important;
	  width: fit-content;
	  padding: 0px !important;
	  margin: 0px !important;
	}
	
	
	.desktop {
		display: block !important;
	}
	
	.mobile {
		display: none !important;
	}
	.eikon-header__nav {
		background:transparent !important;
	}

	
	
	.footer_config_mobile{
		display: none !important;
	}
	
	.footer_config{
		display: block !important;
	}
}

.logo-home{
	width: 100px !important;
	
}