@font-face {
	font-family : Roboto;
	font-style  : normal;
	font-weight : 300;
	src         : url("../fonts/Roboto-Light.ttf");
}
@font-face {
	font-family : Roboto;
	font-style  : normal;
	font-weight : 400;
	src         : url("../fonts/Roboto-Regular.ttf");
}
@font-face {
	font-family : Roboto;
	font-style  : normal;
	font-weight : 500;
	src         : url("../fonts/Roboto-Medium.ttf");
}
@font-face {
	font-family : Roboto;
	font-style  : normal;
	font-weight : 700;
	src         : url("../fonts/Roboto-Bold.ttf");
}
a {
	color           : inherit;
	text-decoration : none;
}
a:hover {
	color : inherit;
}
svg {
	width   : 100%;
	height  : 100%;
	display : block;
}
body {
	line-height : 1.6;
	font-family : Roboto, Arial, sans-serif;
}
img {
	width  : 100%;
	height : auto;
}
p {
	margin-block-start : 1.4rem;
	margin-block-end   : 1.4rem;
	color              : var(--tl-color-gray);
}
:root {
	--tl-scrollbar-height                 : 8px;
	--tl-scrollbar-thumb-background       : var(--tl-color-gray);
	--tl-scrollbar-thumb-background-hover : var(--tl-color-gray-dark);
	--tl-scrollbar-thumb-radius           : 3px;
	--tl-scrollbar-track-background       : var(--tl-color-gray-light);
	--tl-scrollbar-width                  : 8px;
}
*::-webkit-scrollbar {
	height : var(--tl-scrollbar-height);
	width  : var(--tl-scrollbar-width);
}
*::-webkit-scrollbar-track {
	background : var(--tl-scrollbar-track-background);
}
*::-webkit-scrollbar-thumb {
	background    : var(--tl-scrollbar-thumb-background);
	border-radius : var(--tl-scrollbar-thumb-radius);
}
*::-webkit-scrollbar-thumb:hover {
	background : var(--tl-scrollbar-thumb-background-hover);
}
.w-85 {
	width : 85%;
}
.services-card {
	position : relative;
}
.services-card:hover .services-card-banner {
	bottom : 10px;
}
.services-card-image {
	width          : 100%;
	padding-bottom : 30px;
}
.services-card-banner {
	background-color : var(--tl-color-white);
	box-shadow       : 0 20px 40px rgba(0, 0, 0, 0.06);
	padding          : 20px;
	margin-top       : -30px;
	z-index          : 500;
	position         : absolute;
	left             : 20px;
	right            : 20px;
	transition       : bottom 0.2s ease-in-out;
	bottom           : 0;
}
.services-card-banner-title {
	color       : var(--tl-color-yellow-primary);
	font-size   : 0.875rem;
	font-weight : 500;
}
.services-card-banner-text-row {
	display         : flex;
	justify-content : space-between;
	align-items     : center;
}
.services-card-banner-text {
	font-size : 1.375rem;
}
.tl-p-first-letter:first-letter {
	font-size     : 3rem;
	line-height   : 1;
	padding-right : 1rem;
	float         : left;
}
.tl-seperator-line-yellow {
	width            : 6rem;
	height           : 1px;
	background-color : var(--tl-color-yellow-primary);
}
.tl-seperator-line-white {
	width            : 6rem;
	height           : 1px;
	background-color : var(--tl-color-white);
}
.tl-seperator-line-gray {
	width            : 6rem;
	height           : 1px;
	background-color : var(--tl-color-gray);
}
.tl-features-boxes {
	box-shadow : 0 20px 40px rgb(0 0 0 / 6%);
}
.tl-features-box {
	padding : 30px;
	width   : 100%;
	height  : 100%;
}
.tl-features-box-yellow {
	background-color : var(--tl-color-yellow-primary);
	color            : var(--tl-color-gray-dark);
}
.tl-features-box-second {
	border-right     : 1px solid var(--tl-color-gray-light);
	background-color : var(--tl-color-white);
}
.tl-features-box-white {
	background-color : var(--tl-color-white);
}
.tl-left-info-box-container {
	background-color : var(--tl-color-gray-dark);
	color            : var(--tl-color-white);
	padding          : 20px;
}
.tl-left-info-box {
	border  : 1px dashed var(--tl-color-yellow-primary);
	padding : 20px;
}
.tl-tab-content-container {
	color   : var(--tl-color-gray);
	padding : 1rem 10px 1.4rem 10px;
}
.tl-scrolltop-button-container {
	width            : 3rem;
	height           : 3rem;
	border-radius    : 50%;
	background-color : var(--tl-color-yellow-primary);
	position         : fixed;
	bottom           : 1.5rem;
	right            : 1.5rem;
	z-index          : 2000;
	justify-content  : center;
	align-items      : center;
	cursor           : pointer;
	transition       : background-color 0.2s ease-in-out;
	display          : none;
}
.tl-scrolltop-button-container:hover {
	background-color : var(--tl-color-gray-dark);
}
.tl-scrolltop-button-container::after {
	position         : absolute;
	z-index          : -1;
	content          : '';
	top              : 100%;
	left             : 5%;
	height           : 10px;
	width            : 90%;
	opacity          : 1;
	background-image : radial-gradient(rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.tl-presentation-experience-container {
	display      : flex;
	border-top   : 1px solid var(--tl-color-gray-light);
	padding      : 30px 20px 20px 20px;
	border-right : 1px solid var(--tl-color-gray-light);
}
.tl-presentation-phone-container {
	display    : flex;
	border-top : 1px solid var(--tl-color-gray-light);
	padding    : 30px 20px 20px 20px;
}
:root {
	--tl-color-yellow-primary : #cdba6d;
	--tl-color-white          : #ffffff;
	--tl-color-black          : #000000;
	--tl-color-gray-darker    : #323a43;
	--tl-color-gray-dark      : #42474c;
	--tl-color-gray-light     : #9e9da3;
	--tl-color-gray           : #666666;
	--tl-color-silver-light   : #f5f5f5;
}
:root {
	--tl-svg-width   : 1rem;
	--tl-svg-height  : 1rem;
	--tl-svg-display : block;
	--tl-svg-fill    : var(--tl-color-black);
	--tl-svg-stroke  : var(--tl-color-black)
}
.tl-svg {
	width   : var(--tl-svg-width);
	height  : var(--tl-svg-height);
	display : var(--tl-svg-display);
}
.tl-svg svg {
	fill : var(--tl-svg-fill);
}
.tl-svg-inline {
	--tl-svg-display : inline-block;
}
.tl-svg-yellow {
	--tl-svg-fill : var(--tl-color-yellow-primary);
}
.tl-svg-white {
	--tl-svg-fill : var(--tl-color-white);
}
.tl-svg-gray {
	--tl-svg-fill : var(--tl-color-gray);
}
.tl-svg-15-rem {
	--tl-svg-width  : 1.5rem;
	--tl-svg-height : 1.5rem;
}
.tl-svg-175-rem {
	--tl-svg-width  : 1.75rem;
	--tl-svg-height : 1.75rem;
}
.tl-svg-2-rem {
	--tl-svg-width  : 2rem;
	--tl-svg-height : 2rem;
}
.tl-svg-3125-rem {
	--tl-svg-width  : 3.125rem;
	--tl-svg-height : 3.125rem;
}
.tl-svg-45-rem {
	--tl-svg-width  : 4.5rem;
	--tl-svg-height : 4.5rem;
}
.tl-svg-5-rem {
	--tl-svg-width  : 5rem;
	--tl-svg-height : 5rem;
}
:root {
	--tl-section-padding-top    : 5rem;
	--tl-section-padding-bottom : 5rem;
	--tl-section-space-between  : 50px;
}
.tl-section-services {
	background-color : var(--tl-color-white);
	padding-top      : var(--tl-section-padding-top);
	padding-bottom   : var(--tl-section-padding-bottom);
}
.tl-section-presentation {
	background-color : var(--tl-color-silver-light);
	padding-top      : calc(var(--tl-section-padding-top) / 2);
}
.tl-section-footer {
	padding-top      : 2.5rem;
	padding-bottom   : 2.5rem;
	background-color : var(--tl-color-gray-darker);
	color            : var(--tl-color-white);
}
.tl-section-footerinfobar {
	background-color : var(--tl-color-gray-darker);
	color            : var(--tl-color-silver-light);
	padding-bottom   : 2.5rem;
	padding-top      : 1rem;
	font-size        : 1rem;
	border-top       : 1px solid var(--tl-color-gray-light);
}
.tl-section-banner {
	position   : relative;
	overflow   : hidden;
	min-height : 500px;
	height     : 100vh;
}
.tl-section-expert {
	background-color : var(--tl-color-gray-dark);
	color            : var(--tl-color-white);
	padding-bottom   : calc(var(--tl-section-padding-bottom) / 2);
	padding-top      : var(--tl-section-padding-top);
}
.tl-section-features {
	padding-bottom : var(--tl-section-padding-bottom);
	padding-top    : var(--tl-section-padding-top);
	background     : linear-gradient(180deg, var(--tl-color-gray-dark) 50%, var(--tl-color-silver-light) 50%);
}
.tl-section-article {
	padding-bottom : var(--tl-section-padding-bottom);
	padding-top    : var(--tl-section-padding-top);
}
.tl-section-testimonials {
	background-color : var(--tl-color-white);
	padding-bottom   : var(--tl-section-padding-bottom);
	padding-top      : var(--tl-section-padding-top);
}
.tl-section-contactus {
	background-color : var(--tl-color-gray-dark);
	padding-bottom   : var(--tl-section-padding-bottom);
	padding-top      : var(--tl-section-padding-top);
	color            : var(--tl-color-white);
}
:root {
	--tl-link-color       : var(--tl-color-white);
	--tl-link-hover-color : var(--tl-color-yellow-primary);
}
.tl-link {
	transition : color 0.2s ease-in-out;
}
.tl-link:hover {
	color : var(--tl-color-yellow-primary);
}
.tl-link-white {
	--tl-link-color       : var(--tl-color-white);
	--tl-link-hover-color : var(--tl-color-yellow-primary);
}
.tl-h1 {
	font-size   : 2rem;
	font-weight : 500;
	line-height : 1.5;
}
.tl-h2 {
	font-size        : 2rem;
	line-height      : 1.2105;
	margin-block-end : 1.2rem;
}
.tl-h3 {
	font-size   : 1.375rem;
	line-height : 1.5;
}
.tl-h4 {
	font-size      : 0.8125rem;
	line-height    : 2;
	letter-spacing : 3px;
}
.tl-text-yellow {
	color : var(--tl-color-yellow-primary);
}
.tl-text-grey-dark {
	color : var(--tl-color-gray-dark);
}
.tl-text-grey {
	color : var(--tl-color-gray);
}
.tl-text-grey-light {
	color : var(--tl-color-gray-light);
}
.tl-text-white {
	color : var(--tl-color-white);
}
.tl-banner-bg {
	position : absolute;
	width    : 100%;
	height   : 100%;
}
.tl-banner-bg-overlay {
	background-color : rgba(0, 0, 0, 0.45);
	width            : 100%;
	height           : 100%;
	position         : absolute;
}
.tl-banner-bg-image {
	position   : absolute;
	min-width  : 100%;
	width      : auto;
	min-height : 100%;
	right      : 0;
	transform  : translateY(-50%);
	top        : 50%;
}
.tl-banner-content {
	width    : 100%;
	position : absolute;
	color    : var(--tl-color-white);
}
.tl-banner-logo {
	width         : 307px;
	margin-top    : 1rem;
	margin-bottom : 1rem;
}
#BannerTitle {
	font-size : calc(1rem + 0.5vw);
	position  : relative;
	display   : inline-block;
	opacity   : 0;
}
#BannerSeperator {
	height           : 1px;
	width            : 0;
	background-color : var(--tl-color-white);
	position         : absolute;
	bottom           : 0;
}
#BannerText {
	white-space   : nowrap;
	overflow      : hidden;
	width         : 0;
	margin-top    : 30px;
	margin-bottom : 30px;
	font-size     : calc(0.8rem + 1.8vw);
	line-height   : 1.3;
}
.tl-banner-main {
	padding-top    : 12vh;
	padding-bottom : 20vh;
}
.tl-banner-centered-title-container {
	display         : flex;
	justify-content : center;
}
.tl-banner-centered-title {
	font-size  : 2.5rem;
	text-align : center;
}
.tl-banner-eu-logo {
	width  : auto;
	height : 30px;
}
.tl-nav-wrapper {
	width            : 100%;
	background-color : rgba(50, 50, 50, 0.6);
}
.tl-nav-wrapper-fixed {
	position         : fixed;
	background-color : var(--tl-color-gray-darker);
	top              : 0;
	z-index          : 1000;
}
.tl-nav-button {
	font-size   : 0.75rem;
	font-weight : 700;
	cursor      : pointer;
	transition  : color 0.2s ease-in-out;
}
.tl-nav-button:hover {
	color : var(--tl-color-yellow-primary);
}
.tl-nav-submenu {
	color            : var(--tl-color-white);
	background-color : var(--tl-color-gray-darker);
	position         : absolute;
	display          : none;
	border-bottom    : 3px solid var(--tl-color-yellow-primary);
	min-width        : 250px;
	z-index          : 5000;
}
.tl-nav-submenu-button {
	color       : var(--tl-color-white);
	transition  : background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	font-size   : 0.75rem;
	font-weight : 500;
	padding     : 12px 20px 12px 20px;
}
.tl-nav-submenu-button:hover {
	color            : var(--tl-color-yellow-primary);
	background-color : var(--tl-color-white);
	cursor           : pointer;
}
.tl-nav-button-text {
	padding : 20px 10px 20px 10px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color : var(--tl-color-gray-dark);
}
.nav-pills .nav-link {
	border-radius : 0;
	font-size     : 1rem;
	font-weight   : 700;
}
.nav-link {
	display : block;
	padding : 0.8rem 1rem;
	color   : var(--tl-color-gray-dark);
}
.nav-link:focus, .nav-link:hover {
	color            : var(--tl-color-gray-dark);
	background-color : var(--tl-color-silver-light);
}