@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Menu
5. Home
6. Elements
	6.1 Buttons
	6.2 Accordions
	6.3 Tabs
	6.4 Loaders
	6.5 Milestones
	6.6 Icon Boxes
7. Footer
8. Error404

******************************/


/*********************************
6. Elements
*********************************/
.navbar-dark .navbar-nav .nav-link:hover{color:#00b4af}
.dropdown-item:hover{background-color:#00b4af; color:#ffffff;}


.elements
{
	background: #ffffff;
	border-bottom: solid 2px #eaf2f7;
	padding-top: 105px;
	padding-bottom: 24px;
}
.buttons_container
{
	margin-top: 36px;
}
.buttons_container .button
{
	margin-bottom: 10px;
}
.buttons_container .button:not(:last-child)
{
	margin-right: 19px;
}
.button_2
{
	background: #393333;
}
.button_2:hover
{
	background: #00B4AF;
}
.button_3
{
	background: #312d72;
}
.button_3:hover
{
	background: #00B4AF;
}
.button_4
{
	background: #ffffff;
	border: solid 2px #00B4AF;
}
.button_4 a
{
	color: #393939;
	line-height: 50px;
}
.button_4:hover
{
	background: #00B4AF;
}
.button_4:hover a
{
	color: #ffffff;
}

/*********************************
6.2 Accordions
*********************************/

.acc_tabs
{
	margin-top: 84px;
}
.acc_tabs_row
{
	margin-top: 36px;
}
.accordion_container:not(:last-child)
{
	margin-bottom: 15px;
}
.accordion
{
	height: 54px;
	width: 100%;
	background: #ffffff;
	padding-left: 32px;
	cursor: pointer;
	color: #393333;
	font-size: 14px;
	font-weight: 700;
	line-height: 54px;
	border: solid 2px #00B4AF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion:hover
{
	background: #00B4AF;
	color: #ffffff;
}
.accordion.active
{
	background: #00B4AF;
	color: #FFFFFF;
}
.accordion.active:hover
{
	
}
.accordion.active:hover::after
{
	
}
.accordion div
{
	max-width: 90%;
	overflow: hidden;
	white-space: nowrap;
}
.accordion::after
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 27px;
	height: 100%;
	content: '+';
	font-size: 14px;
	color: #000000;
	font-weight: 600;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.accordion.active::after
{
	content: '-';
	color: #FFFFFF;
}
.accordion:hover::after
{
	color: #ffffff;
}
.accordion_panel
{
	padding-right: 8px;
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.accordion_panel > div
{
	padding-bottom: 20px;
}
.accordion_panel p
{
	font-size: 14px;
	line-height: 2.143;
	font-weight: 500;
	padding-top: 29px;
}

/*********************************
6.3 Tabs
*********************************/

.tabs_container
{
	width: 100%;
}
.tab
{
	height: 54px;
	background: #ffffff;
	font-size: 14px;
	color: #393333;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
	white-space: nowrap;
	margin-bottom: 9px;
	padding-left: 30px;
	padding-right: 26px;
	border: solid 2px #00B4AF;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.tab:hover
{
	background: #00B4AF;
	color: #ffffff;
}
.tab:not(:last-child)
{
	margin-right: 15px;
}
.tab.active
{
	background: #00B4AF;
	color: #FFFFFF;
}
.tab_panels
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 14px;
	padding-bottom: 32px;
}
.tab_panel
{
	display: none !important;
	width: 100%;
	height: 100%;
	-webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
.tab_panel.active
{
	display: block !important;
}
.tab_panel_content p:last-of-type
{
	margin-bottom: 0;
}
.tab_text
{
	margin-top: -2px;
}
.tab_text p
{
	font-size: 14px;
	line-height: 2.143;
	font-weight: 400;
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
	-ms-transform: translateY(8px);
	-o-transform: translateY(8px);
	transform: translateY(8px);
}
.tab_image
{
	width: 100%;
}
.tab_image img
{
	max-width: 100%;
}

/*********************************
6.4 Loaders
*********************************/

.loaders
{
	margin-top: 75px;
}
.loaders_container
{
	margin-top: 37px;
}
.loader_container
{
	width: calc(100% / 4);
	height: 155px;
	margin-bottom: 60px;
}
.loader
{
	width: 155px;
	height: 155px;
	background: transparent;
	margin-left: auto;
	margin-right: auto;
}
.loader_content
{
	position: absolute;
	left: 50%;
	bottom: 48px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 18px;
	font-weight: 500;
	color: #232323;
	white-space: nowrap;
	text-align: center;
}
.loader_title
{
	font-size: 14px;
	font-weight: 600;
	color: #868686;
	line-height: 0.75;
	white-space: nowrap;
}
.progressbar-text
{
	top: calc(40% + 1px) !important;
	font-size: 48px !important;
	font-weight: 600 !important;
	color: #393939 !important;
	line-height: 0.75 !important;
}

/*********************************
6.5 Milestones
*********************************/

.milestones
{
	margin-top: 45px;
}
.milestones_container
{
	margin-top: 36px;
	padding-right: 50px;
}
.milestone
{
	width: calc(100% / 4);
	margin-bottom: 60px;
}
.milestone_counter
{
	font-size: 72px;
	color: #393939;
	font-weight: 600;
	line-height: 0.75;
}
#index-exp::before{
	content:"~";
}
#index-mktshr::before{
	content:">";
}
#index-mktshr::after{
	content:"%";
}

#index-locate::after{
	content:"+";
}
#index-talent::after{
	content:"+";
}
#index-client::before{
	content:"~";
}

.milestone_title
{
	font-size: 16px;
	color: #868686;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 35px;
}

/*********************************
6.6 Icon Boxes
*********************************/

.icon_boxes
{
	margin-top: 48px;
}
.icon_boxes_row
{
	margin-top: 31px;
}
.icon_box_col
{
	margin-bottom: 80px;
}
.icon_box_icon
{
	width: 100px;
	height: 100px;
	margin-bottom:10px;
}
.icon_box_icon img
{
	max-width: 100%;
	max-height: 100%;
}
.icon_box_icon svg
{
	max-width: 100%;
	max-height: 100%;
}
.svg path, .svg rect, .svg polygon
{
    fill: #a1a1a1;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.icon_box:hover .svg path,
.icon_box:hover .svg rect,
.icon_box:hover .svg polygon
{
	fill: #00B4AF;
}
.icon_box_title
{
	margin-top: 16px;
}
.icon_box_title h2
{
	
}
.icon_box_text
{
	margin-top: 21px;
}