@font-face { font-family: 'Acumin Pro'; src: url('../../font/TYPE/Acumin Pro Light.otf'); }
@font-face { font-family: 'Acumin Pro'; font-weight: bold; src: url('../../font/TYPE/Acumin Pro Bold.otf'); }
@font-face { font-family: 'Acumin Pro'; font-weight: lighter; src: url('../../font/TYPE/Acumin Pro ExtraLight.otf'); }

@font-face { font-family: 'Manrope'; src: url('../../font/Manrope/static/Manrope-Regular.ttf'); }
@font-face { font-family: 'Manrope'; font-weight: 200; src: url('../../font/Manrope/static/Manrope-ExtraLight.ttf'); }
@font-face { font-family: 'Manrope'; font-weight: 300; src: url('../../font/Manrope/static/Manrope-Light.ttf'); }
@font-face { font-family: 'Manrope'; font-weight: 500; src: url('../../font/Manrope/static/Manrope-Medium.ttf'); }
@font-face { font-family: 'Manrope'; font-weight: 600; src: url('../../font/Manrope/static/Manrope-SemiBold.ttf'); }
@font-face { font-family: 'Manrope'; font-weight: 700; src: url('../../font/Manrope/static/Manrope-Bold.ttf'); }
@font-face { font-family: 'Manrope'; font-weight: 800; src: url('../../font/Manrope/static/Manrope-ExtraBold.ttf'); }

body {
	font-family: 'Manrope', Arial, 'Times New Roman';
	background-color:#FFF;
}

#header {
	overflow-x: visible !important;
}

body>div {
	width: 100%;
	overflow-x: hidden;
}

#header {
	background-color:#FFF; 
	box-shadow:1px 1px 10px gray;
}

a.navbar-brand img {
	width:95px;
	height:70px;
}

a.nav-link.active {
	/*color: rgb(66, 64, 66);*/
	color:rgb(9, 118, 193) !important;
}

li.nav-item.dropdown div.dropdown-menu a.dropdown-item.active {
	background-color:#FFF !important;
	color:rgb(9, 118, 193) !important;
}

#navbarToggler ul li a {
	color:rgb(152, 152, 152); 
	font-weight:bold;
}

@media (max-width: 768px) {
	#header nav.navbar {
		max-width: 770px !important;
		justify-content: space-between !important;
	}

	#navbarToggler ul li:nth-child(5) {
		padding-right:10px;
	}

	#navbarToggler ul li:nth-child(6) {
		padding-right:22px;
	}
}

@media (min-width: 768px) and (max-width: 789.99px) {
	#header nav.navbar {
		max-width: 770px !important;
		justify-content: space-between !important;
	}

	#navbarToggler ul li a {
		font-size:13px;
	}

	#navbarToggler ul li a.item-contact img {
		width:110px !important;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right:0;
		padding-left:0;
	}
}

@media (min-width: 790px) and (max-width: 991.98px) {
	#header nav.navbar {
		max-width: 100% !important;
	}

	#navbarToggler ul li a {
		font-size:13px;
	}

	#navbarToggler ul li a.item-contact img {
		width:110px !important;
	}

	.navbar-expand-md .navbar-nav .nav-link {
		padding-right:0;
		padding-left:0;
	}
}

#navbarToggler ul li a.item-contact img {
	width:120px;
}

#navbarToggler ul li a.item-language {
	padding-left:0;
	padding-right:0;
	padding-top:10px;
}

#navbarToggler ul li a.item-language img {
	width:25px;
}

button.navbar-toggler span img {
	width:80%;
}

#sldSection1 {
	margin-left: 50px;
}

#sldSection1 div.carousel-inner div.carousel-item {
	max-width: 500px;
}

#sldSection1 div.carousel-inner div.carousel-item h1 {
	color:#FFF; 
	font-weight:bold;
}

#sldSection1 div.carousel-inner div.carousel-item p {
	color:#FFF; 
	font-weight:bold;
	font-size:84px;
	line-height: 1.2;
}

.carousel-inner {
	padding:50px 50px 80px 0;
}

@media (max-width: 575.98px) {
	#sldSection1 div.carousel-inner div.carousel-item p {
		font-size:48px;
	}
}

@media (min-width: 576px) and (max-width: 767.99px) {
	#sldSection1 div.carousel-inner div.carousel-item p {
		font-size:56px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#sldSection1 div.carousel-inner div.carousel-item p {
		font-size:64px;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#sldSection1 div.carousel-inner div.carousel-item p {
		font-size:72px;
	}
}

@media (min-width: 1200px) {
	#sldSection1 div.carousel-inner div.carousel-item p {
		font-size:84px;
	}
}

#sldSection1>a {
	position:absolute; 
	bottom:18px; 
	left:20px; 
	z-index:999;
}

#sldSection1>a img {
	height:35px;
}

#section_faq {
	padding-top:100px;
	padding-bottom:100px;
	background-image:url('../../img/erp/BACK-IMG/T&M-ERP_BACK-FAQ.png');
	background-repeat:no-repeat;
	background-size:130% 100%;
	background-position:center;
}

@media (max-width: 575.98px) {
	#section_faq {
		background-size: 400% auto;
	}
}

@media (min-width: 576px) and (max-width: 767.99px) {
	#section_faq {
		background-size:330% auto;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#section_faq {
		background-size:220% auto;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#section_faq {
		background-size:180% auto;
	}
}

@media (min-width: 1200px) {
	#section_faq {
		background-size:150% auto;
	}
}

#section_faq div.container h3 {
	color:#FFF;
}

#section_faq div.container div div.accordion div.card {
	border-radius:5px;
}

#section_faq div.container div div.accordion div.card div.card-header {
	background-color:#FFF;
	padding:0 20px 15px 20px;
	border:0;
}

#section_faq div.container div div.accordion div.card div.card-header p {
	color:rgb(103, 163, 209);
}

#section_faq div.container div div.accordion div.card div.collapse div.card-body p {
	color:#000;
	padding-left:5px;
	padding-right:5px;
}

#section_faq div.container div div.accordion div.card div.card-header p button {
	font-size:20px;
	padding:0;
	height: 100% !important;
}

#section_faq div.container div div.accordion div.card div.card-header p button img {
	position:absolute; 
	right:0; 
	top:-5px;
}

#footer {
	background-color:rgb(245, 245, 245); 
	padding-top:70px; 
    padding-bottom:10px;
    border-top:15px solid rgb(8, 65, 159);
}

#footer div.container div.row div.col-md-4>img {
	width:100px;
}

#companyArea div {
	font-size:12px;
	padding-top:115px;
	color: rgb(153, 153, 153);
}

#aviso {
	text-decoration: none;
	font-size:12px;
	color: rgb(153, 153, 153);	
}

#contactArea div p {
	color: rgb(153, 153, 153);
	font-weight: bold;
	padding-top:70px;
}

#footer div.container div.row div.col-md-4 ul {
	list-style-type:none; 
	padding-left:100px !important;
}

#footer div.container div.row div.col-md-4 ul li a {
	color: rgb(153, 153, 153);
	font-weight: bold;
}

@media (max-width: 575.98px) {
	#footer div.container div.row div.col-md-4 ul {
		padding-left:0 !important;
	}
	
	#contactArea>div {
		float:left !important;
	}

	#companyArea>div {
		padding-top:40px !important;
	}

	#contactArea div p {
		padding-top:30px !important;
	}
}

@media (min-width: 576px) and (max-width: 767.99px) {
	#footer div.container div.row div.col-md-4 ul {
		padding-left:0 !important;
	}
	
	#contactArea>div {
		float:left !important;
	}

	#companyArea>div {
		padding-top:40px !important;
	}

	#contactArea div p {
		padding-top:30px !important;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#footer div.container div.row div.col-md-4 ul {
		padding-left:10px !important;
	}

	#companyArea>div {
		padding-top:95px !important;
	}

	#contactArea div p {
		padding-top:30px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#footer div.container div.row div.col-md-4 ul {
		padding-left:60px !important;
	}
}

.dot {
	height: 120px;
	width: 120px;
	background-color: #fff;
	border-radius: 50%;
	display: inline-block;
}

.carousel-indicators li {
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

#sldPartners {
	height:100px !important;
}

#sldPartners li {
	height:100%;
}

#sldPartners li img {
	width:100%; 
	max-width:200px; 
	position:relative; 
	top:50%; 
	transform:translateY(-50%);
}

#goToPrevSlidePartners {
	position:absolute; 
	top:50%; 
	transform:translateY(-50%); 
	left:-80px; 
	z-index:99;
}

#goToNextSlidePartners {
	right:-80px;
	position:absolute; 
	top:50%; 
	transform:translateY(-50%); 
	z-index:99;
}


#sldPartners .slick-track {
	width: 4000px !important;
}

@media (max-width: 575.98px) {
	#goToPrevSlidePartners { 
		left:-10px !important; 
	}

	#goToNextSlidePartners {
		right:-10px !important;
	}
	
	#sldPartners {
		margin-left:30px;
	}
}

.ko-progress-circle .ko-progress-circle__overlay span {
	color:rgb(254, 170, 71);
	font-size:65px;
	left:15px;
	top:50%;
	transform:translateY(-50%);
	position:absolute;
	font-weight: lighter;
}

.ko-progress-circle .ko-progress-circle__overlay span:before {
	content:'+';
	font-size:40px;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left: -10px;
}