body {
	font-size: 0.9em;
	font-family: 'Open Sans','Helvetica Neue',Merriweather,Arial,sans-serif;
}
a {
	text-decoration: none;
	color: #31708E;
}
a:hover,
a:focus,
a:active {
	color: #31708E;
}
.cursor-pointer { cursor: pointer; }

nav.fixed-top {
	background-color: #0A2F47;
}
nav.fixed-top .navbar-nav .nav-item {
	padding: 0.4rem;
}
nav.fixed-top .navbar-nav .nav-item .nav-link {
	font-size: 0.9em;
}
nav.fixed-top .navbar-nav .nav-item .nav-link.active {
	color: #FF8A00;
	border-bottom: 2px solid #FF8A00;
}


nav.breadcrumb {
	margin-top: 4.4rem;
	margin-bottom: 0;
	padding: 0.3rem;
	background-color: #F6F6F6;
	font-size: 0.8rem;
	position: relative;
	width: 100%;
}
nav.breadcrumb ol li.active {
	color: #FF8A00;
}

main {
	margin-top: 4.4rem;
}
/*main.margin-top {
	margin-top: 4.4rem;
}*/


footer > div {
	background-color: #F6F6F6;
	padding: 3rem 0;
	color: #8c8c8c;
}
footer > aside.copyright {
	background-color: #EAEAEA;
	color: #999;
	padding: 0.4rem;
	font-size: 0.8rem;
}
footer > aside.copyright a {
	color: #999;
	text-decoration: none;
}
footer > aside.link {
	background-color: #0A2F47;
	padding: 0.4rem;
	font-size: 0.8rem;
}
footer > aside.link a {
	color: #FFF;
	text-decoration: none;
}
#slick-footer-partners .slick-list  {
	margin: 0 1rem;
}
#slick-footer-partners .slick-btn {
    position: absolute;
    top: 35%;
    display: block;
    cursor: pointer;
    z-index: 2;
}
#slick-footer-partners .slick-btn.slick-btn-prev {
    left: 0rem;
}
#slick-footer-partners .slick-btn.slick-btn-next {
    right: 0rem;
}
#slick-footer-partners .slick-dots li button:before {
	font-size: 0.5rem !important;
}





.card-img-top {
    width: 100%;
    height: 40vw;
    object-fit: cover;
}

canvas.chart {
    width: 200px;
    height: 200px;
    background-color: #ffffff;
}


/*
*
*/
.bg-primary {
	background-color: #0B2F47 !important;
}
.bg-warning {
	background-color: #FF8A00 !important;
}
.bg-light {
	background-color: #F1F1F1 !important;
}
.bg-grey {
	background-color: #F1F1F1 !important;
}


.text-primary {
	color: #31708f !important;
}
.text-warning {
	color: #FF8A00 !important;
}
.text-light {
	color: #8c8c8c !important;
}
.text-underline {
	text-decoration: underline;
}


.fs-small {
	font-size: 0.8rem;
}
.fs-smaller {
	font-size: 0.7rem;
}


.btn {
	font-size: 0.9rem;
}
.btn-primary {
	border: 1px solid #0B2F47 !important;
	background-color: #0B2F47 !important;
	color: #fff !important;
}
.btn-info {
	border: 1px solid #008ae6 !important;
	background-color: #008ae6 !important;
	color: #fff !important;
}
.btn-warning {
	border: 1px solid #FF8A00 !important;
	background-color: #FF8A00 !important;
	color: #fff !important;
}
.btn-outline-warning {
	border: 1px solid #FF8A00 !important;
	background-color: #fff !important;
	color: #FF8A00 !important;
}
.btn-default {
    background-color: #ccc;
    color: #fff;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    background-color: #F2F2F2;
    color: #666;
}

.btn-block { width: 100%; }





/*
 * Homepage - Material & Training
 */
.wrapper {
	/*	position: absolute;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.material-and-training .overlay {
	position: relative;
	bottom: 25%;
	color: #fff;
	font-weight: 600;
}
.material-and-training .overlay.two-lines {
	bottom: 30%;
}
.view-all .overlay {
	position: relative;
	bottom: 50%;
	color: #fff;
	font-weight: 600;
	text-align: center;
}



/*
 * Material & Training
 */
.material-and-training-2 .overlay,
.material-and-training-2 .overlay-top {
	position: relative;
	bottom: 25%;
	color: #fff;
	font-weight: 600;
	width: 70%;
}
.material-and-training-2 .overlay.two-lines {
	bottom: 35%;
}
.material-and-training-2 .overlay-top {
	bottom: 41%;
	font-size: 0.7rem;
}
.method-solutions .card {
	border: 0;
	border-radius: 1rem;
	height: auto;
}
.material-tools {
	background: url("../img/bg_ask_expert.svg");
}
.material-tools .card-tool {
	border: 0;
	border-radius: 1rem;
	min-height: 300px;
	background-color: #fff;
}
.material-tools .view-all {
	height: auto;
}
.material-tools .overlay-view-all {
	position: relative;
	bottom: 50%;
	color: #fff;
	font-weight: 600;
	text-align: center;
}



/*
 * Homepage - Ask an Expert
 */
.card-expert {
	background-color: #FFF;
	border-radius: 0.8rem;
	padding: 1.5rem;
	margin: 0 1rem;
}
#section-ask-an-expert {
	background: url("../img/bg_ask_expert.svg");
}
#slick-ask-an-expert .slick-track {
	display: flex;
	align-items: top;
}
#slick-ask-an-expert .slick-btn {
	position: absolute;
	top: 50%;
	display: block;
	cursor: pointer;
	color: #ddd;
	z-index: 2;
}
#slick-ask-an-expert .slick-btn svg path { stroke: #666; }
#slick-ask-an-expert .slick-btn.slick-disabled svg path { stroke: #D9D9D9; }
#slick-ask-an-expert .slick-btn.slick-btn-prev {
	left: -0.2rem;
}
#slick-ask-an-expert .slick-btn.slick-btn-next {
	right: -0.2rem;
}
#slick-ask-an-expert .slick-dots {
	bottom: -3.5rem !important;
}
#slick-ask-an-expert .slick-dots li button:before {
	color: #fff !important;
	font-size: 0.5rem !important;
}
.badge {
	font-size: 0.8rem;
	font-weight: normal;
	padding: 0.5em 0.7em;
	margin: 0.4em;
}



/*
 * Homepage - What's on
 */
.card-whats-on {
	border: 0;
	/*box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 5px rgba(0,0,0,0.1);*/
}
.card-whats-on .card-img-top,
.card-training .card-img-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.card-whats-on .card-body,
.card-training .card-body {
	height: auto;
}




/*
 * About
 */
#slick-purposes .slick-btn {
    position: absolute;
    top: 35%;
    display: block;
    cursor: pointer;
    z-index: 2;
}
#slick-purposes .slick-btn.slick-btn-prev {
    left: -1rem;
}
#slick-purposes .slick-btn.slick-btn-next {
    right: 0rem;
}
#slick-purposes .slick-dots li button:before {
	font-size: 0.5rem !important;
}
.accordion .accordion-collapse div {
	line-height: 1.5rem;
}


.section-team {
	background: url("../img/bg_team_hitap.png");
	background-position: center;
	/*background: linear-gradient(
      rgba(0, 0, 0, 0.75), 
      rgba(0, 0, 0, 0.75)
    ), url(../img/bg_team_hitap.jpg) center no-repeat;*/
}
.slick-team-members .slick-track {
	display: flex;
	align-items: center;
}
.slick-team-members .slick-btn {
	position: absolute;
	top: 35%;
	display: block;
	cursor: pointer;
	color: #ddd;
	opacity: 0.5;
	z-index: 2;
}
.slick-team-members .slick-btn svg path { stroke: #666; }
.slick-team-members .slick-btn.slick-disabled svg path { stroke: #D9D9D9; }
.slick-team-members .slick-btn.slick-btn-prev {
	left: -2rem;
}
.slick-team-members .slick-btn.slick-btn-next {
	right: -2rem;
}
.slick-team-members .slick-dots {
	bottom: -2.5rem !important;
}
.slick-team-members .slick-dots li button:before {
	color: #fff !important;
	font-size: 0.5rem !important;
}





#box_form_ask_expert {
	background: linear-gradient(
      rgba(0, 0, 0, 0.75), 
      rgba(0, 0, 0, 0.75)
    ), url(../img/bg_ask_1.jpg) center no-repeat;
}





#frm_quick_search > .input-group { width: 100%; }
#frm_quick_search > .input-group > select { width: 25%; }
#frm_quick_search > .input-group > div { width: 75%; }
#frm_quick_search select {
	background: transparent;
	color: #ccc;
	/*opacity: 0.5;*/
	font-size: 0.8rem;
	padding: 0.3rem 0.5rem;
	border: 1px solid #6c757d;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

#frm_quick_search input[type='text'] {
	border-radius: 0;
	background: transparent;
	border: 1px solid #6c757d;
	border-right: 0;
	color: #ccc;
}
#frm_quick_search button {
	color: #ccc;
	border-left: 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

ul.nav-tabs .nav-link {
	color: #000;
	font-size: 1.1rem;
}
ul.nav-tabs .nav-link.active { 
	font-weight: bold; 
	color: #FF8A00;
}
#panel-detail img {
	max-width: 100%;
}