/**
 * Custom CSS file
 *
 * This file should contain all styling specifically for this site. 
 * This file can (and should) be overwritten in a child-theme. 
 */


/*============================================================
## GENERAL STYLING: General things
============================================================*/

html,
body {
	font-family: 'Rajdhani', sans-serif;
	overflow-x: hidden;
}

@media(min-width: 576px) {
	.elementor .elementor-section.elementor-section-boxed > .elementor-container {
	/*#main .elementor .elementor-section.elementor-section-boxed > .elementor-container {*/
		max-width: 540px;
	}
}

@media(min-width: 768px) {
	.elementor .elementor-section.elementor-section-boxed > .elementor-container {
	/*#main .elementor .elementor-section.elementor-section-boxed > .elementor-container {*/
		max-width: 720px;
	}
}

@media(min-width: 992px) {
	.elementor .elementor-section.elementor-section-boxed > .elementor-container {
	/*#main .elementor .elementor-section.elementor-section-boxed > .elementor-container {*/
		max-width: 920px;
	}
}

@media(min-width: 1200px) {
	.elementor .elementor-section.elementor-section-boxed > .elementor-container {
	/*#main .elementor .elementor-section.elementor-section-boxed > .elementor-container {*/
		max-width: 1200px;
	}
}
/*============================================================
## GENERAL STYLING: Base Typography
============================================================*/

h1,
.elementor-widget-heading h1.elementor-heading-title {
	font-size: 72px;
  	font-weight: 700;
  	line-height: 80px;
  	color: #000;
}

h2,
.elementor-widget-heading h2.elementor-heading-title {
	font-size: 48px;
  	font-weight: 500;
  	line-height: 58px;
  	color: #000;
}

h3,
.elementor-widget-heading h3.elementor-heading-title {
	font-size: 32px;
  	font-weight: 700;
  	line-height: 38px;
  	color: #000;
}

h4,
.elementor-widget-heading h4.elementor-heading-title {
	font-size: 24px;
  	font-weight: 700;
  	line-height: 40px;
  	color: #101010;
}

h5,
.elementor-widget-heading h5.elementor-heading-title {
	font-size: 24px;
  	font-weight: 700;
  	line-height: 40px;
  	color: #101010;
  	text-transform: uppercase;
}

p {
  	font-size: 21px;
  	font-weight: 500;
  	line-height: 38px;
  	color: #101010;
}

.elementor .elementor-text-editor a,
a {
	color: #f4a137;
	text-decoration: underline;
}

.elementor .elementor-text-editor a:hover,
a:hover {
	color: #f4a137;
	text-decoration: none;
}

.light,
.light .elementor-heading-title,
.light p,
.light h1,
.light h2,
.light h3,
.light h4,
.light h5,
.light h6,
.light a {
	color: #fff !important;
}

.dark,
.dark .elementor-heading-title,
.elementor .dark p a,
.dark p,
.dark h4 {
	color: #000 !important;
}

.blue,
.blue .elementor-heading-title{
	color: #2c94a3 !important;
}

p.small,
.small p {
	font-size: 16px;
	line-height: 30px;
}

.medium,
p.medium,
.medium p {
	font-size: 18px;
	line-height: 26px;
}

p.quote,
.quote p {
	margin: 0;
	padding-left: 30px;
	font-size: 32px;
	font-weight: 700;
}

p.quote::after,
.quote p::before {
	content: '';
	position: absolute;
	left: 0;
	width: 5px;
	height: 100%;
	background-color: #f4a137;
}

p.quote-big,
.quote-big p {
	margin: 0;
	font-size: 48px;
	font-weight: 700;
	line-height: 85px;
}

p.quote-big-name,
.quote-big-name p {
	margin: 0;
	font-size: 28px;
	font-weight: 400;
	line-height: 38px;
}

.btn-primary,
.elementor .elementor-widget-button .elementor-button {
	padding: 18px 36px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	border-radius: 5px;
	border: none;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	background-color: #f4a137;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	border: none;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	background-color: #f4a137;
}


.btn-footer.elementor-widget-button .elementor-button {
	min-width: 300px;
	margin: 40px 15px;
	padding: 30px 0;
	font-size: 18px;
	color: #2c94a3;
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #2c94a3;
}

.btn-brandbox.elementor-widget-button .elementor-button {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	background-color: #ffffff;
}

.btn-brandbox.elementor-widget-button .elementor-button::after {
	content: '\f063';
	position: absolute;
	left: 25px;
    top: 23px;
	font-family: "FontAwesome 5";
	font-size: 28px;
	font-weight: 400;
	color: #2c94a3;
}

.btn-url.elementor-widget-button .elementor-button {
	font-size: 28px;
    font-weight: 700;
    text-decoration: underline;
    text-transform: unset;
	padding: 0;
	box-shadow: unset;
	background-color: transparent;
}

.btn-url.elementor-widget-button .elementor-button i {
	margin-left: 10px;
    font-weight: 400;
    font-size: 22px;
}

.elementor .elementor-widget.big-text {
	margin-bottom: 0;
}

.elementor-widget-heading.big-text h4.elementor-heading-title {
	font-size: 62px;
  	font-weight: 700;
  	color: #fff;
  	line-height: 1;
}

.intro, 
.intro.elementor-widget-heading p.elementor-heading-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 40px;
}

@media (max-width: 767.98px) {
	h1,
	.elementor-widget-heading h1.elementor-heading-title {
		font-size: 44px;
	  	font-weight: 700;
	  	line-height: 44px;
	  	color: #000;
	}

	h2,
	.elementor-widget-heading h2.elementor-heading-title {
		font-size: 28px;
		line-height: 36px;
	}

	h3,
	.elementor-widget-heading h3.elementor-heading-title {
		font-size: 20px;
		line-height: 30px;
		font-weight: 700;
	}

	p.quote-big,
	.quote-big p {
		font-size: 36px;
		line-height: 48px;
	}

	.intro, 
	.intro.elementor-widget-heading p.elementor-heading-title {
	    font-size: 20px;
	    font-weight: 400;
	    line-height: 30px;
	}

	p {
  		font-size: 18px;
  		line-height: 32px;
	}

	p.quote,
	.quote p {
		font-size: 24px;
		line-height: 34px
	}
}

@media (max-width: 575.98px) {
	.elementor-widget-heading h1.elementor-heading-title br,
	.elementor-widget-heading h4.elementor-heading-title br {
		display: none;
	}
}

body .elementor-popup-modal .dialog-close-button {
	top: 10px;
	right: 10px;
	margin-top: 0;
}

/*============================================================
## CUSTOM STYLING: custom element styling
============================================================*/

/* Navigation */
.ttp-menu {
	display: block;
}

.menu-corner {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	height: 100px;
	width: 100px;
	padding: 25px;
	border-bottom-left-radius: 100%;
	background-color: #fff;
	z-index: 3;
}

.menu-icon {
	position: absolute;
	width: 30px;
	height: 25px;
	cursor: pointer;
}

.menu-icon::before,
.menu-icon::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background-color: #222029;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	transition: top 0.5s ease 0.5s, bottom 0.5s ease 0.5s, transform 0.5s ease, background-color 0.75s ease;
	transition: top 0.5s ease 0.5s, bottom 0.5s ease 0.5s, transform 0.5s ease, background-color 0.75s ease, -webkit-transform 0.5s ease;
}

.menu-icon::before {
	top: 0;
}

.menu-icon::after {
	bottom: 0;
}

.menu-icon .menu-icon-bar {
	position: absolute;
	top: 10px;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background-color: #222029;
	opacity: 1;
	transition: opacity 0s linear 0.5s, background-color 0.75s ease;
}

.menu-row {
	display: flex;
	position: absolute;
	top: -200px;
	right: -200px;
	width: 200px;
	height: 200px;
    border-bottom-left-radius: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
	background-color: #fff;
	transition: top 0.5s ease, right 0.5s ease, transform 0.5s ease, background-color 0.75s ease 0.25s;
	transition: top 0.5s ease, right 0.5s ease, transform 0.5s ease, background-color 0.75s ease 0.25s, -webkit-transform 0.5s ease;
	overflow: hidden;
	z-index: 2;
}

.menu-second-row {
	position: absolute;
	top: -300px;
	right: -300px;
	width: 300px;
	height: 300px;
	border-bottom-left-radius: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	background-color: #fff;
	transition: top 0.5s ease 0.5s, right 0.5s ease 0.5s, transform 0.5s ease, background-color 0.75s ease 0.25s;
	transition: top 0.5s ease 0.5s, right 0.5s ease 0.5s, transform 0.5s ease, background-color 0.75s ease 0.25s, -webkit-transform 0.5s ease;
	overflow: hidden;
	z-index: 1;
}

.menu-row .menu-row-item {
	position: absolute;
	width: 100%;
	height: 100%;
	transition: background-color 0.5s ease, color 0.5s ease;
	-webkit-transform-origin: 100% 0%; 
    transform-origin: 100% 0%;
}

.menu-row-item.active-page .menu-row-item-inner i {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin: auto;
	color: #fff;
	border-radius: 50%;
    background-color: #3ec2cf;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.menu-row .menu-row-item:first-child {
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom-left-radius: 300px;
}

.menu-row .menu-row-item:last-child {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-bottom-left-radius: 300px;
}

.menu-row .menu-row-item:hover {
	background-color: #36a7b5;
}

.menu-row .menu-row-item-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 45px;
    height: 45px;
    border-radius: 50px;
}

.menu-row .menu-row-item:first-child .menu-row-item-inner {
	right: 36px;
    bottom: 40px;
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-row .menu-row-item:last-child .menu-row-item-inner {
	left: 39px;
    top: 38px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-row i,
.menu-second-row i {
	color: #36a7b5;
	font-size: 26px;

	font-family: 'fontawesome 5';
}

.menu-row-item:hover i {
	color: #fff;
}

.menu-second-row .menu-row-item {
	position: absolute;
	width: 100%;
	height: 100%;

	background-color: #fff;

	transition: background-color 0.5s ease, color 0.5s ease;
}

.menu-second-row .menu-row-item:nth-child(1) {
	-webkit-transform: rotate(67.5deg);
    transform: rotate(67.5deg);
    -webkit-transform-origin: 100% 0%; 
    transform-origin: 100% 0%;
    border-bottom-left-radius: 400px;
	z-index: 3;
}

.menu-second-row .menu-row-item:nth-child(2) {
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 100% 0%; 
    transform-origin: 100% 0%;
    border-bottom-left-radius: 400px;
    z-index: 2;
}

.menu-second-row .menu-row-item:nth-child(3) {
	-webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0%; 
    transform-origin: 100% 0%;
    border-bottom-left-radius: 400px;
    z-index: 2;
}

.menu-second-row .menu-row-item:nth-child(4) {
    -webkit-transform: rotate(-67.5deg);
    transform: rotate(-67.5deg);
    -webkit-transform-origin: 100% 0%; 
    transform-origin: 100% 0%;
    border-bottom-left-radius: 400px;
    z-index: 3;
}

.menu-second-row .menu-row-item:hover {
	background-color: #36a7b5;
}

.menu-second-row .menu-row-item .menu-row-item-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 45px;
    height: 45px;
}

.menu-row-item-inner a {
	padding: 25px 22px;
	position: absolute;
    text-align: center;
}

.menu-item-title {
    text-align: center;
    color: #3ec2cf;
    font-weight: 600;
}

.menu-row-item-inner a:hover .menu-item-title {
    color: #ffffff;
}

.menu-second-row .menu-row-item:nth-child(1) .menu-row-item-inner {
	right: 29px;
    bottom: 34px;
	-webkit-transform: rotate(-67.5deg);
    transform: rotate(-67.5deg);
}

.menu-second-row .menu-row-item:nth-child(2) .menu-row-item-inner {
	right: 26px;
    bottom: 33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-second-row .menu-row-item:nth-child(3) .menu-row-item-inner {
	left: 34px;
    bottom: 230px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu-second-row .menu-row-item:nth-child(4) .menu-row-item-inner {
	left: 33px;
    top: 30px;
	-webkit-transform: rotate(67.5deg);
    transform: rotate(67.5deg);
}

/* active */
.desktop-menu-active .menu-corner {
	background-color: #36a7b5;
}

.desktop-menu-active .menu-icon::before,
.desktop-menu-active .menu-icon::after {
	background-color: #fff;
	transition: top 0.5s ease, bottom 0.5s linear, transform 0.5s ease 0.5s, background-color 0.75s ease, -webkit-transform 0.5s ease 0.5s;
}

.desktop-menu-active .menu-icon::before {
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.desktop-menu-active .menu-icon::after {
	bottom: 10px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.desktop-menu-active .menu-icon-bar {
	opacity: 0;
}

.desktop-menu-active .menu-row {
	top: 0;
	right: 0;
}

.desktop-menu-active .menu-second-row {
	top: 0;
	right: 0;
}

@media(max-width: 767px) {
	.ttp-menu {
		display: none;
	}
}

/* Mobile menu */
.ttp-menu-mobile {
	display: none;
}

.ttp-menu-mobile .disc .mobile-menu-icon {
	position: relative;
	width: 30px;
	height: 25px;
	margin-bottom: 0;
}

.mobile-menu-icon::before,
.mobile-menu-icon::after {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background-color: #222029;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	transition: top 0.5s ease 0.5s, bottom 0.5s ease 0.5s, transform 0.5s ease, background-color 0.75s ease;
	transition: top 0.5s ease 0.5s, bottom 0.5s ease 0.5s, transform 0.5s ease, background-color 0.75s ease, -webkit-transform 0.5s ease;
}

.mobile-menu-icon::before {
	top: 0;
}

.mobile-menu-icon::after {
	bottom: 0;
}

.mobile-menu-icon .menu-icon-bar {
	position: absolute;
	top: 10px;
	width: 100%;
	height: 5px;
	border-radius: 5px;
	background-color: #222029;
	opacity: 1;
	transition: opacity 0s linear 0.5s, background-color 0.75s ease;
}

.ttp-menu-mobile .discs {
	height: 100%;
}

.ttp-menu-mobile .disc {
	position: absolute;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	transform: scale3d(0, 0, 0) rotate(0deg);
	transition: transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9), opacity 0.5s, -webkit-transform 0.5s cubic-bezier(0.3, 1.4, 0.5, 0.9);
	cursor: pointer;
}

.ttp-menu-mobile .disc.active-page {
	background-color: #36a7b5;
}

.ttp-menu-mobile .disc.active-page div {
	color: #fff;
}

.ttp-menu-mobile .disc:hover {
	background-color: #3ec2cf;
}

.ttp-menu-mobile .disc div {
	position: absolute;
	bottom: 0;
	margin-bottom: 15px;
	color: #3ec2cf;
	font-weight: 700;
}

.ttp-menu-mobile .disc a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.ttp-menu-mobile .disc:hover div {
	color: #fff;
}

.ttp-menu-mobile .disc.menu-toggle {
	display: flex;
	justify-content: center;
	align-items: center;
    top: 10px;
    right: 10px;
	width: 100px;
    height: 100px;
    box-shadow: none;
	background-color: #fff;
	transform: scale3d(1, 1, 1) rotate(0deg);
	z-index: 9;
	cursor: pointer;
}

.ttp-menu-mobile .disc-1 {
	top: -40px;
    right: -40px;
	width: 200px;
    height: 200px;

    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    z-index: 8;
}

.ttp-menu-mobile .disc-2 {
	top: -90px;
    right: -90px;
    width: 300px;
    height: 300px;

	-webkit-transition-delay: .2s;
    transition-delay: .2s;
	z-index: 7;
}

.ttp-menu-mobile .disc-3 {
	top: -140px;
    right: -140px;
    width: 400px;
    height: 400px;

    -webkit-transition-delay: .3s;
    transition-delay: .3s;
	z-index: 6;
}

.ttp-menu-mobile .disc-4 {
	top: -190px;
    right: -190px;
    width: 500px;
    height: 500px;

    -webkit-transition-delay: .4s;
    transition-delay: .4s;
	z-index: 5;
}

.ttp-menu-mobile .disc-5 {
	top: -240px;
    right: -240px;
    width: 600px;
    height: 600px;

    -webkit-transition-delay: .5s;
    transition-delay: .5s;
	z-index: 4;
}

.ttp-menu-mobile .disc-6 {
	top: -290px;
    right: -290px;
    width: 700px;
    height: 700px;

    -webkit-transition-delay: .6s;
    transition-delay: .6s;
	z-index: 3;
}

.ttp-menu-mobile.mobile-menu-active .disc.menu-toggle {
	background-color: #3ec2cf;
	transform: scale3d(1, 1, 1) rotate(15deg);
}

.ttp-menu-mobile.mobile-menu-active .disc {
	transform: scale3d(1, 1, 1) rotate(15deg);
}

.mobile-menu-active .mobile-menu-icon::before,
.mobile-menu-active .mobile-menu-icon::after {
	background-color: #fff;
	transition: top 0.5s ease, bottom 0.5s linear, transform 0.5s ease 0.5s, background-color 0.75s ease, -webkit-transform 0.5s ease 0.5s;
}

.mobile-menu-active .mobile-menu-icon::before {
    top: 10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-menu-active .mobile-menu-icon::after {
	bottom: 10px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu-active .menu-icon-bar {
	opacity: 0;
}

@media(max-width: 767px) {
	.ttp-menu-mobile {
		display: block;
	}
}

/* Navigation overlay */
.navigation-overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;

	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	background-color: #3EC2CF;

	background-image: url('../media/ttp-spots-bg-grey.png'), linear-gradient(270deg, #3EC2CF 0%, #36A7B5 100%);

	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

	transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -webkit-transition: all .75s ease-in-out;

    visibility: hidden;
	opacity: 0;
	z-index: 2;
}

.navigation-overlay h1 {
	font-size: 50px;
	margin-top: 100px;
	margin-bottom: 40px;
	line-height: 46px;
}

.navigation-overlay-body {
	padding: 0 50px;
	padding-top: 40px;
	border-top: 2px solid #fff;
	text-align: center;
}

.navigation-overlay-body p {
	font-weight: 400;
}

.navigation-overlay-body a {
	text-decoration: underline;
}

.navigation-overlay.desktop-menu-active {
	visibility: visible;
	opacity: 1;
}


@media (max-width: 991px) {
	.navigation-overlay {
		align-items: flex-start;
		padding: 0 50px;
	}

	.navigation-overlay-body {
		padding-left: 0;
		text-align: left;
	}
}


.selector {
   transition: background-color 4s ease !important;
}

header.elementor-sticky--effects {
	/*padding: 0 !important;*/
	background-color: #222029 !important;
}

/* Side menu */
.side-menu {
  width: 450px;
  max-width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: .3s;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
  transform: translateX(-451px);
}

.side-menu-head {
	padding: 15px 40px;
	background-color: #f1f1f1;
}

.side-menu-head a:hover {
	text-decoration: none;
}

.side-menu-head i {
	margin-right: 10px;
	font-size: 18px;
	font-weight: 400;
	color: rgba(16, 16, 16, 0.5);
}

.side-menu-head span {
	color: rgba(16, 16, 16, 0.5);
	font-size: 21px;
	font-weight: 500;
	line-height: 38px;
}

.side-menu-body {
	padding: 15px 40px;
	padding-bottom: 0;
}

.side-menu-body h4 {
	margin-bottom: 20px;
	line-height: 28px;
}

.close-menu:hover {
	cursor: pointer;
}

/* Contact popup */
.contact-popup .popup-step-2 {
	display: none;
}

.contact-popup {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(47, 44, 55, 0.6);
	z-index: 99999;

	display: none;
}

.contact-popup .contact-popup-inner {
	overflow-y: auto;
	position: relative;
	width: 100%;
	max-width: 900px;
	max-height: 100%;
	padding: 30px 75px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background-color: #ffffff;
}

.contact-popup-close {
	width: 100%;
    max-width: 900px;
    margin-bottom: -5px;
    padding: 10px 75px;
    padding-bottom: 13px;
    border-radius: 5px 5px 0 0;
    background-color: #f1f1f1;
    text-align: right;
}

.close-contact {
    color: rgba(16, 16, 16, 0.5);
    font-size: 16px;
    font-weight: 500;
    line-height: 38px;
    cursor: pointer;
}

.contact-popup .contact-reason {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100px;
	margin-bottom: 10px;
	padding: 10px 20px;
  	border: 1px solid #F1F1F1;
  	border-radius: 5px;
  	background-color: #F9F9F9;
  	color: #000000;
  	font-size: 21px;
  	font-weight: 700;
	text-align: left;
}

.contact-popup .contact-reason img {
	max-height: 75px;
	max-width: 110px;
	width: 40%;
	margin-right: 30px;
	object-fit: none;
	object-position: center center;
}

.contact-popup .contact-reason::after {
	content: '\f061';
	position: absolute;
	right: 0;
	margin-right: 20px;
	font-family: "FontAwesome 5";
	font-weight: 400;
	font-size: 18px;
}

.contact-popup .gform_wrapper {
	margin: 0;
	padding: 30px;
  	border: 1px solid #f1f1f1;
 	border-radius: 5px;
 	background-color: #f9f9f9;
}

.contact-popup .gform_footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact-popup .popup-step-prev {
	color: rgba(16, 16, 16, 0.5);
	font-size: 21px;
  	font-weight: 500;
}

.contact-popup .popup-step-prev:hover {
	cursor: pointer;
}

.contact-popup .popup-step-prev::before {
	content: '\f060';
	margin-right: 15px;
	font-family: "FontAwesome 5";
	font-size: 16px;
}

.contact-popup .gform_wrapper .gform_footer input[type=submit] {
	margin: 0;
}

.contact-popup-footer {
	width: 100%;
	max-width: 900px;
	margin-top: -5px;
	border-radius: 0 0 5px 5px;
	background-color: #fff;
	text-align: center;
	z-index: -1;
}

.contact-popup-footer p {
	margin: 0;
	padding: 10px 0;
	padding-top: 15px;
	padding-bottom: 15px;
}

@media( max-width: 767.98px ) {
	.contact-popup-content {
		font-size: 24px;
		text-align: center;
	}

	.contact-popup-close {
		border-radius: 0;
	    padding: 10px 30px;
	}

	.contact-popup .contact-popup-inner {
		height: 100%;
		padding: 30px;
	}

	.contact-popup-form_wrapper h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.contact-popup-form_wrapper h4 {
		display: none;
	}

}

@media( max-width: 575.98px) {
	.contact-popup .contact-popup-inner {
		/*overflow-y: scroll;*/
		padding: 15px;
		border-radius: 0;
	}

	.contact-popup-close {
	    padding: 10px 15px;
	}

	.contact-popup .contact-reason {
		height: 100%;
		max-height: 200px;
		padding-right: 45px;
		font-size: 18px;
	}

	.contact-popup .contact-reason img {
	    width: 75px;
	    object-fit: scale-down;
	}
}

/* Bedankt pagina */
.view-light a {
	color: #fff;
	font-size: 21px;
	font-weight: 500;
	line-height: 38px;
}

.view-light a i {
	margin-left: 10px;
	font-size: 16px;
}

/* Single case */
.view-case a {
	color: #101010;
	font-size: 21px;
	font-weight: 500;
	line-height: 38px;
}

.view-case a i {
	margin-left: 10px;
	font-size: 16px;
}

.specifications-quote .elementor-widget-wrap {
	max-width: 570px;
	margin-left: auto;
	padding: 10px;
}

.specifications-quote .elementor-row .elementor-column:last-child .elementor-widget-wrap {
	margin-left: 0;
}

@media (max-width: 767.98px) {
	.specifications-quote .elementor-widget-wrap {
		max-width: 100%;
		padding: 10px;
	}
}

/* Mini case */
.cases-mini-template #masthead,
.cases-mini-template #prefooter,
.cases-mini-template #colophon {
	display: none;
}

.cases-mini-template #content {
	margin-left: 450px;
}

.cases-mini-template .side-menu {
	transform: translateX(0);
}

.cases-mini-template .side-menu .dropdown-form {
	display: none;
}

@media(max-width: 767.98px) {
	.cases-mini-template #content {
		margin-left: unset;
	}

	.cases-mini-template .side-menu {
		width: 100%;
		height: auto;
	}

	.cases-mini-template .side-menu.active {
		height: 100%;
	}

	.cases-mini-template .side-menu .side-menu-head {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px;
	}

	.cases-mini-template .side-menu .dropdown-form {
		display: block;
	}

	.cases-mini-template .side-menu .side-menu-body {
		display: none;
	}
}

/* Popup choices */
.elementor .elementor-widget-popupchoices:not(:last-child) {
	margin-bottom: 10px;
}

.popup-choices {
	display: flex;
	align-items: center;
	padding: 15px 25px;
	border: 1px solid #F1F1F1;
  	border-radius: 5px;
	background-color: #F9F9F9;
}

.popup-choice-image {
	max-width: 110px;
	width: 100%;
	margin-right: 35px;
	text-align: center;
}

.popup-choices span {
	color: #000;
	font-size: 21px;
  	font-weight: 700;
}

.popup-choices::after {
	content: '\f061';
	position: absolute;
	right: 0;
	margin-right: 25px;
	font-family: "FontAwesome 5";
	font-weight: 400;
	font-size: 18px;
	color: #000;
}

/* Contact map */
.contact-map {
	width: 100%;
	min-height: 600px;
	margin-top: 50px;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contact-box {
	position: relative;
	width: 55%;
	margin-top: -50px;
	padding: 50px;
	float: right;

	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
    border-radius: 5px 0 0 5px;
	background-image: linear-gradient(226deg, #57c6d0 0%, #2c94a3 100%);
}

.contact-box h5 {
	color: #fff;
}

.contact-box p {
	color: #fff;
	line-height: 34px;
}

.location-box {
	position: absolute;
	bottom: 0;
	display: inline-flex;
	align-items: center;
	width: 100%;
	max-width: 550px;
	padding: 15px 30px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 2px 15px rgba(0,0,0,0.2);
	transform: translateY(50%);
}

.elementor .location-box img {
	max-width: 68px;
	padding-right: 30px;
	border-right: 3px solid #f1f1f1;
}

.location-box span {
	padding-left: 30px;
	color: #2f2c37;
	font-size: 24px;
	font-weight: 700;
}

.elementor a.overlay-link {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 767.98px) {
	.contact-box {
		width: calc(100% - 20px);
		padding: 30px;
		float: none;
		margin: 10px;
		margin-top: -50px;
		border-radius: 5px;
	}

	.location-box {
		position: unset;
		padding: 15px;
		transform: unset;
	}

	.elementor .location-box img {
		max-width: 42px;
		padding-right: 15px;
	}

	.location-box span {
		padding-left: 15px;
		font-size: 21px;
	}
}


/* Next previous post */
.next-previous-post {
	display: flex;
	width: 100%;
}

.next-previous-post span a {
	color: #ffffff;
	font-size: 48px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1;
}

.next-previous-post p {
	color: #ffffff;
	margin-bottom: 0;
}

.prev-post {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 50%;
	background-color: #3ec2cf;
}

.next-post {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 50%;
	background-color: #2c94a3;
}

.prev-post-link div {
	margin-left: 40px;
}

.next-post-link div {
	margin-right: 40px;
}

.next-post-link p {
	text-align: right;
}

.prev-post-link,
.next-post-link {
	display: flex;
	padding: 40px;
}

.elementor .prev-post-link img,
.elementor .next-post-link img {
	align-self: center;
}

.elementor .prev-url {
	position: absolute;
	width: 50%;
	height: 100%;
}
.elementor .next-url {
	position: absolute;
	right: 0;
	width: 50%;
	height: 100%;
}

@media (max-width: 767.98px) {
	.next-previous-post span a {
		font-size: 28px;
	}

	.next-previous-post p {
		text-align: center;
		margin-top: 10px;
		line-height: 1;
	}

	.prev-post-link,
	.next-post-link {
		padding: 20px;
	}

	.prev-post-link div,
	.next-post-link div {
		margin: 0;
		text-align: center;
	}

	.elementor .prev-post-link img,
	.elementor .next-post-link img {
		display: none;
	}
}

/* Google review small */
.google-review-small {
	float: right;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding: 25px 50px;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}

.google-review-logo {
	margin-right: 30px;
	padding: 10px 0;
	padding-right: 30px;
	border-right: 2px solid #f4f4f4;
}

.google-rating-number {
	margin-right: 15px;
	color: #e7711b;
	font-size: 28px;
	font-family: arial, sans-serif;
}

.google-rating-stars {
	margin-right: 15px;
}

.google-rating-trademark {
	color: #878787;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
}

/* Half width cta */
.half-width-cta {
	display: flex;
	flex-wrap: wrap;
}

.left-half-link {
	position: absolute;
	width: 50%;
	height: 100%;
}

.left-half-cta {
	display: flex;
	justify-content: flex-end;
	flex: 0 0 50%;
	background-color: #2F2C37;
}

.right-half-link {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
}

.right-half-cta {
	flex: 0 0 50%;
	background-color: #2C94A3;
}

.half-width-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: 100%;
	max-width: 720px;
	padding: 40px;
}

.left-half-cta .half-width-container {
	float: right;
}

.half-cta-title {
	display: block;
	color: #fff;
	font-size: 32px;
  	font-weight: 500;
}

.half-cta-subtitle {
	display: block;
	color: #fff;
	font-size: 21px;
  	font-weight: 500;
}

@media (max-width: 767.98px) {
	.left-half-cta,
	.right-half-cta {
		flex: 0 0 100%;
	}

	.left-half-link,
	.right-half-link {
		width: 100%;
		height: 50%;
	}

	.right-half-link {
		bottom: 0;
	}
}


/* Typewriter time */
.typewriter-time {}

.typewriter-heading {
	min-height: 92px;
	min-width: 8px;
	display: inline;
	padding-right: 15px;
	margin-bottom: 20px;
	color: #fff;
	font-family: Rajdhani;
  	font-size: 104px;
	font-weight: 700;
	line-height: 92px;
	border-right: 8px solid #fff;
	animation: blink-caret .8s step-end infinite;
}

.typewriter-time p {
	margin-top: 40px;
	margin-bottom: 0;
	color: #fff;
	font-size: 24px;
	font-weight: 400; 
}

.typewriter-time p a {
	color: #fff;
	text-decoration: underline;
}

.typewriter-time p a:hover {
	color: #ffffffb5;
}

.elementor .typewriter-link a {
	color: #fff;
	font-size: 28px;
	font-weight: 700;
	text-decoration: underline;
}

.elementor .typewriter-link i {
	margin-left: 15px;
	font-weight: 400;
	font-size: 22px;
}

@keyframes blink-caret {
  	from, to { border-color: transparent }
  	20% { border-color: #fff; }
}


/* Offset bar */
.offset-bar {
	width: 100%;
	float: right;
	padding: 50px;
	background-image: linear-gradient(225.77deg, #57C6D0 0%, #2C94A3 100%);
	max-width: calc(100% - calc(calc(100% - 1360px) / 2));
	transform: translateY(50%);
}

.vacature-bar-container,
.offset-bar-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1360px;
}

.offset-bar-title {
	display: block;
	color: #fff;
  	font-size: 32px;
  	font-weight: 500;
}

.offset-bar-text p {
	display: block;
	color: #fff;
  	font-size: 21px;
  	font-weight: 500;
  	line-height: 1;
  	margin-bottom: 0;
}

/* Vacature bar */
.vacature-bar-container {
	max-width: 1310px;
}

/* Google review */
.google-review {
	border-radius: 5px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	background-color: #ffffff;
	overflow: hidden;
}

.google-review p {
	padding: 10px 40px;
}

.google-header {
	padding: 40px;
	padding-bottom: 10px;
}

.elementor .google-header img {
	width: 85px;
	height: 85px;
	min-width: 85px;
	min-height: 85px;
	margin-right: 30px; 
	border-radius: 50%;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
	object-fit: cover;
}

.google-review .google-header p {
	margin-bottom: 0;
	padding: 0;
}

.google-rating i {
	margin-right: 5px;
	font-size: 16px;
	color: #f4a137;
}

.hide-google-footer .google-footer {
	display: none !important;
}

.google-footer {
	justify-content: center;
	flex-wrap: wrap;
	padding: 25px 40px;
	background-color: #f9f9f9;
}

.google-footer .number-rating {
	margin-right: 15px;
	font-size: 28px;
	color: #e9721e;
	font-family: arial, sans-serif;
}

.google-footer .google-rating {
	margin-right: 15px;
}

.google-footer .google-rating i {
	font-size: 18px;
	color: #e9721e;
}

.google-footer .rating-text {
	margin-top: -2px;
	font-size: 21px;
	color: #878787;
	font-family: 'Lato', sans-serif;
}

.google-review .testimonial-source {
	padding: 20px 40px;
	font-weight: 600;
}

@media (max-width: 767.98px) {
	.elementor .elementor-widget-wrap .elementor-widget.elementor-widget-ttpgooglereview {
		position: relative;
	}

	.google-header {
	    padding: 15px;
	    padding-bottom: 0;
	}

	.google-review p {
		margin-bottom: 0;
		padding: 10px 15px;
	}

	.google-footer {
		padding: 15px;
	}

	.elementor .google-footer img {
		max-width: 50px;
		padding-right: 15px;
	}

	.google-footer .number-rating {
		padding-left: 15px;
		font-size: 24px;
	}

	.google-footer .google-rating i {
		font-size: 16px;
	}
	
	.google-footer .rating-text {
		font-size: 18px;
	}

	.elementor .google-header img {
		width: 65px;
		height: 65px;
		min-width: 65px;
		min-height: 65px;
	}
}

@media (max-width: 479.98px) {
	.google-footer {
		flex-direction: column;
	}

	.google-review-logo {
		margin: 0;
		margin-bottom: 10px;
		padding: 0;
		border: 0;
	}

	.elementor .google-footer img {
		max-width: 35px;
		padding: 0;
	}

	.google-footer .google-rating {
		margin: 0;
		margin-bottom: 10px;
	}
}

/* Card with title and date */
.card-title-date {
	padding: 15px;
	border-radius: 5px;
	background-color: #fff;
}

.elementor .card-title-date img {
	width: 100%;
	max-height: 225px;
	border-radius: 5px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	object-fit: cover;
}

.card-title-date-body {
	padding: 20px;
	padding-bottom: 10px;
}

.card-title-date-body h3 {
	margin-bottom: 30px;
}

.card-title-date-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.card-date {
	color: rgba(16, 16, 16, 0.25);
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
}

.card-title-date-footer i {
	color: #000;
	font-size: 18px;
    font-weight: 400;
}

/* Cards */
.cards .elementor-section,
.cards .elementor-section .elementor-container,
.cards .elementor-section .elementor-container .elementor-column-wrap,
.cards .elementor-section .elementor-container .elementor-column-wrap .elementor-widget-wrap {
	height: 100%;
}

.card {
	padding: 30px;
	padding-top: 50px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
	border-radius: 5px;
	background-color: #fff;
}

.card:hover,
.elementor-widget-ttpgooglereview:hover {
    transform: scale(1.01, 1.01);
    transition: all .2s ease-in-out;
}

.card-woocommerce::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 175px;
	height: 50px;
	background-image: url( '../media/logo-woocommerce.jpg' );
	background-size: 90%;
	background-repeat: no-repeat;

}

.card .elementor-image {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 200px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.card p {
	margin-bottom: 30px;
}

.card .elementor-widget-button {
	position: absolute;
	left: 0;
	bottom: 0;
}

@media( max-width: 767.98px ) {
	.card {
		padding: 0;
	}
}

/* Carousel controls */
.carousel-controls {
	min-width: 50px;
	cursor: pointer;
}

.carousel-controls i {
    border-radius: 50%;
    border: 1px solid #aaa;
    padding: 10px;
}

.carousel-controls .right {
	margin-left: 15px;
}

/* Clients */
.client-carousel {
	display: flex;
	align-items: center;
}

.client {
	flex: 0 0 200px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 30px;
	-webkit-transition: -webkit-transform .6s ease-in-out;
}

@media (max-width: 767.98px) {
	.client {
		flex: 0 0 calc(25% - 20px);
		margin: 0 10px 20px 10px;
		padding: 5px;
		text-align: center;
	}
}

/* Projects */
.cases-carousel {
	display: flex;
}

.case {
	flex: 0 0 80%;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: #fff;
	-webkit-transition: all .8s ease-in-out;
}

.case .d-flex {
	height: 100%;
}

.case-title {
	display: block;
	margin-bottom: 30px;
	color: #2F2C37;
  	font-size: 48px;
  	font-weight: 700;
  	line-height: 54px;
}

.case-text {
	display: block;
	margin-bottom: 60px;
	padding-right: 40%;
  	color: rgba(16, 16, 16, 0.5);
  	font-size: 18px;
  	font-weight: 500;
  	line-height: 34px;
}

.case-details p {
	margin-bottom: 0;
}

.case-details p a {
	color: #101010;
}

.case-details p a i {
	margin-left: 15px;
	font-size: 16px;
}

.case-image img {
	width: 100%;
}

.case-details {
	width: 50%;
	/*width: 35%;*/
	margin-left: 5%;
	z-index: 1;
}

.case-image {
	/*width: 70%;
	min-width: 70%;
	margin-left: -10%;
	margin-right: 5%;*/
	width: 50%;
    min-width: 50%;
    margin-left: -10%;
    margin-right: 5%;
}

@media (max-width: 767.98px) {
	.case {
		flex: 0 0 90%;
		margin-top: 20px;
		margin-right: 20px;
		padding: 15px;
		border-radius: 5px;
		box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
	}

	.case .d-flex {
		flex-direction: column;
		align-items: flex-start !important;
	}

	.case-details {
		width: 100%;
		margin-left: 0;
	}

	.case-image {
		width: 100%;
		margin: 0;
	}

	.case-title {
		margin: 0;
		font-size: 36px;
		line-height: 44px;
	}

	.case-text {
		margin-bottom: 0;
		padding-right: 0;
	}
}

/* Case archive */

.case-archive .case-single {
	margin-bottom: 30px;
}

.case-archive .case-single:nth-child(even) {
	flex-direction: row-reverse;
}

.case-archive .case-single:nth-child(odd) {
	flex-direction: row;
}

.case-archive .case-single .case-image {
	position: relative;
	width: 70%;
    min-width: unset;
    margin-left: 0;
    margin-right: 0;
}

.case-archive .case-single .case-details {
	width: 50%;
	margin-left: -15%;
}

.case-archive .case-single .case-title {
	font-size: 62px;
	margin-bottom: 15px;
	text-align: right;
	line-height: 64px;
}

.case-archive .case-single .case-title a {
	color: #2F2C37;
}

.case-archive .case-single .case-text {
	margin-bottom: 15px;
	padding-left: 35%;
	padding-right: 0;
	text-align: right;
}

.case-archive .case-single .case-link {
	text-align: right;
}

.case-archive .case-single:nth-child(even) .case-details {
	margin-right: -15%;
	margin-left: 0;
}

.case-archive .case-single:nth-child(even) .case-text {
	padding-right: 35%;
    padding-left: 0;
}

.case-archive .case-single:nth-child(even) .case-title,
.case-archive .case-single:nth-child(even) .case-text,
.case-archive .case-single:nth-child(even) .case-link {
	text-align: left;
}

.archive-pagination {
	display: flex;
	justify-content: center;
}

.archive-pagination div {
	display: flex;
    align-items: center;
    justify-content: center;
	width: 900px;
	margin-bottom: -40px;
	padding: 30px;
	border-radius: 3px;
	background-color: #fff;
	text-align: center;
	z-index: 1;
}

.archive-pagination .page-numbers {
	margin: 3px;
	padding: 4px 12px;
    border-radius: 10px;
	color: #3ec2cf;
	font-weight: 600;
}

.archive-pagination .page-numbers.current {
	color: #fff;
	background-color: #3ec2cf;
}

.archive-pagination .page-numbers i {
	font-size: 24px; 
}

@media (max-width: 991px) {
	.case-archive {
		display: flex;
		flex-wrap: wrap;
	}

	.case-archive .case-single {
		flex: 0 0 calc(50% - 20px);
		margin: 25px 10px;
		padding: 0;
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.case-archive .case-single:nth-child(even),
	.case-archive .case-single:nth-child(odd) {
		flex-direction: column;
	}

	.case-archive .case-single:nth-child(even) .case-text {
		padding-right: 0;
	}

	.case-archive .case-single .case-image {
		width: 100%;
		margin: 0;
		margin-top: -35px;
	}

	.case-archive .case-single .case-details {
		width: 100%;
		margin: 0;
		padding: 15px;
	}

	.case-archive .case-single .case-title {
		text-align: left;
		font-size: 36px;
    	line-height: 44px;
	}

	.case-archive .case-single .case-text {
		text-align: left;
		margin-bottom: 20px;
		padding: 0;
	}

	.case-archive .case-single .case-link {
		text-align: left;
	}

	.case-archive .case-single:nth-child(even) .case-details {
		margin: 0;
	}
}

@media (max-width: 768px) {
	.case-archive .case-single {
		flex: 0 0 calc(100% - 20px);
		margin: 55px 10px;
		margin-bottom: 10px;
		padding: 0;
		border-radius: 5px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.case-archive .case-single:nth-child(even),
	.case-archive .case-single:nth-child(odd) {
		flex-direction: column;
	}

	.case-archive .case-single .case-image {
		width: 100%;
		margin: 0;
		margin-top: -55px;
	}

	.case-archive .case-single .case-details {
		width: 100%;
		margin: 0;
		padding: 15px;
	}

	.case-archive .case-single .case-title {
		text-align: left;
		font-size: 36px;
    	line-height: 44px;
	}

	.case-archive .case-single .case-text {
		text-align: left;
		margin-bottom: 20px;
		padding: 0;
	}

	.case-archive .case-single .case-link {
		text-align: left;
	}

	.case-archive .case-single:nth-child(even) .case-details {
		margin: 0;
	}
}

/* Testimonials */
.testimonial-carousel {
	display: flex;
}

.testimonial {
	flex: 0 0 450px;
	height: max-content;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 30px;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: -webkit-transform .6s ease-in-out;
}

.testimonial-head {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.elementor .testimonial-head img {
	width: 60px;
	height: 60px;
	min-width: 60px;
	min-height: 60px;
	margin-right: 30px;
	border-radius: 50%;
}

.testimonial-author-name {
	color: #2f2c37;
	font-size: 21px;
	font-weight: 500;
	line-height: 38px;
}

.testimonial-rating i {
	margin-right: 5px;
	font-size: 16px;
	color: #f4a137;
}

.testimonial-source {
	display: flex;
	align-items: center;
	padding-top: 15px;
	border-top: 1px solid #eee;
	font-weight: 500;
	font-size: 18px;
}

.testimonial-source::after {
	font-weight: 400;
	margin-left: 10px;
}

.testimonial-source-facebook::after {
	content: '\f082';
	font-family: 'FontAwesome 5 Brands';
	color: #3b5998;
}

.testimonial-source-google::after {
	content: '\f1a0';
	font-family: 'FontAwesome 5 Brands';
	background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
  	-webkit-background-clip: text;
  	background-clip: text;
  	color: transparent;
  	-webkit-text-fill-color: transparent;
}

.testimonial-source-youtube::after {
	content: '\f167';
	font-family: 'FontAwesome 5 Brands';
	color: #c4302b;
}

@media (max-width: 767.98px) {
	.testimonial-carousel {
		margin-top: 15px;
	}

	.testimonial {
		flex: 0 0 85%;
	}
}

/* Icon list responsive */
@media (max-width: 767px) {
	/*.icons-listed-left .elementor-icon-box-icon {
	    width: 50px;
	    text-align: left;
	    float: left;
	    margin-bottom: 0px !important;
	}
	.icons-listed-left .elementor-icon-box-content {
		width: 80%;
	    float: left;
	    text-align: left;
	}*/
}


/* Pricing table */
table.pricing-specification  {
	table-layout: fixed;
}

.pricing-specification td {
	width: 25%;
	min-width: 200px;
	font-size: 18px;
    line-height: 1.4em;
    padding: 10px; 
    border-bottom: 1px solid #efefef;
    border-top: 0px none;
    vertical-align: middle;
}

.pricing-specification thead td h4 {
	font-size: 20px;
}

.pricing-specification td:not(:first-child) {
	background-color: #ffffff;
	text-align: center;
}

.pricing-specification thead td:nth-child(2) {
	border-top-left-radius: 10px;
}

.pricing-specification thead td:nth-child(4) {
	border-top-right-radius: 10px;
}

.pricing-specification .fas {
	font-size: 22px;
}

.task-type-title {
	font-weight: 600;
}

.greyed {
	color: #cccccc;
}

/* Team slider */
.team-carousel {
	display: flex;
}

.team-member {
	position: relative;
	flex: 0 0 500px;
	margin-right: 30px;
	margin-bottom: 50px;
	border-radius: 5px;
	-webkit-transition: -webkit-transform .6s ease-in-out;
	overflow: hidden;
}

.team-member img {
	width: 100%;
	pointer-events: none;
}

.member-details {
	position: absolute;
	left: 0;
	bottom: 0;
	min-width: 50%;
	padding: 15px;
	border-radius: 0 5px 0 0;
	background-color: #fff;
}

.member-name {
	display: block;
	color: #222029;
	font-size: 36px;
	font-weight: 700;
	line-height: 43px;
}

.member-function {
	color: #2C94A3;
	font-size: 21px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media (max-width: 767.98px) {
	.team-member {
		flex: 0 0 100%;
	}
}

/* Case images */
.case-images-carousel {
	display: flex;
}

.case-images {
	position: relative;
	flex: 0 0 500px;
	margin-right: 20px;
	margin-bottom: 50px;
	border-radius: 5px;
	-webkit-transition: -webkit-transform .6s ease-in-out;
	overflow: hidden;
}

.elementor .case-images img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	overflow: hidden;
	pointer-events: none;
	object-fit: cover;
}

@media (max-width: 767.98px) {
	.case-images {
		flex: 0 0 100%;
	}
}

/* Elementor popup close button */
.elementor-popup-modal .dialog-lightbox-close-button {
	padding: 10px 9px 8px 11px;
	border-radius: 50%;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}


/* Footer */
#prefooter {
    padding: unset;
    border: unset;
    background-color: #222029;
}

#prefooter .footer-menu p a {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	line-height: 34px;
}

#prefooter .footer-menu p a:hover {
	text-decoration: underline;
}

#colophon {
	padding: 0;
	background-color: #000;
}

#colophon p {
	margin: 0;
	font-weight: 500;
	text-transform: uppercase;
	border-left: 1px solid #2c94a3;
}

#colophon p a {
	color: #fff;
}

#colophon p a:hover {
	text-decoration: underline;
}

@media (max-width: 767.98px) {
	.btn-footer.elementor-widget-button .elementor-button {
		width: unset;
		margin: 15px;
	}

	#colophon p {
		border: unset;
	}
}

.show-footer {
	cursor: pointer;
}

.hide-footer {
	display: none;
}

.elementor-editor-active .hide-footer {
	display: block;
}

/* Form styling */
.elementor-widget-wp-widget-gform_widget h5 {
	text-transform: initial;
	line-height: 28px;
}

.gform_wrapper .gform_body ul.gform_fields li.gfield {
	padding: 0;
}

.gform_wrapper .gform_body ul.gform_fields li.gf_left_half {
	padding-right: 10px;
}

.gform_wrapper .gform_body ul.gform_fields li.gf_right_half {
	padding-left: 10px
}

.gform_wrapper .gform_body ul.gform_fields li.gfield_html {
	margin: 0;
}

.gform_wrapper .gform_body label.gfield_label {
	margin-bottom: 0;
	font-size: 18px;
}

body .gform_wrapper .gform_body .top_label div.ginput_container {
	margin-top: 4px;
}

.gform_wrapper .gform_body ul.gform_fields li.gfield select,
.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .gform_body textarea.medium,
.gform_wrapper .gform_body textarea.large {
	padding: 8px 12px;
	border-radius: 5px;
	border: 1px solid #f1f1f1;
	background-color: #fff;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder,
.gform_wrapper textarea.medium::placeholder {
	color: rgba(16, 16, 16, 0.5);
}

body .gform_wrapper .gform_footer {
	padding: 0;
}

.gform_footer input[type=submit] {
	border: none;
	padding: 14px 36px;
}

.gform_footer input[type=submit]:hover,
.btn-primary:not(:disabled):not(.disabled):active {
	background-color: #f4a137;
	border: none;
	box-shadow: none;
}

@media( max-width: 640.98px ) {
	.gform_wrapper .gform_body ul.gform_fields li.gf_left_half {
		padding-right: 0;
	}

	.gform_wrapper .gform_body ul.gform_fields li.gf_right_half {
		padding-left: 0;
	}

	.contact-popup .popup-step-prev {
		margin-top: 10px;
	}

}


#gform_wrapper_5 {
	max-width: 540px;
	margin: 0 auto;
}


#gform_wrapper_5 ul li.gfield {
	margin-top: 0px;
}

#gform_wrapper_5 form {
	display: flex;
    max-height: 54px;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#gform_wrapper_5 .gform_footer {
	margin-top: 0px;
	width: auto;
}

#gform_wrapper_5,
#gform_wrapper_5 .gform_body .top_label div.ginput_container,
#gform_wrapper_5 li.hidden_label input,
#gform_wrapper_5 ul li.gfield {
	margin-top: 0px;
	margin-bottom: 0px;
}


#gform_wrapper_5 li input {
    font-size: 18px;
	padding: 8px 12px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}


#gform_wrapper_5 .gform_footer input[type=submit] {
	font-size: 18px;
	padding: 9px 22px 9px;
	margin-right: 0px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* jQuery mobile reset */
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-color: unset;
    border-color: unset;
    color: unset;
    text-shadow: unset;
}

.ui-page-theme-a a, 
html .ui-bar-a a, 
html .ui-body-a a, 
html body .ui-group-theme-a a {
	font-weight: initial;
}


/* Latest CSS STYLES */
.opdrachtgever {
	font-size: 21px;
	color: #FFF;
	line-height: 28px;
}


/* highlight wrapper */

.smaller,
.smaller p {
	font-size: 18px!important;
	line-height: 28px;
}

.sfeerbeeld .elementor-widget-container {
	-webkit-box-shadow: 0px 2px 38px -13px rgba(20,20,20,1);
	-moz-box-shadow: 0px 2px 38px -13px rgba(20,20,20,1);
	box-shadow: 0px 2px 38px -13px rgba(20,20,20,1);
}

.schaduw {
	-webkit-box-shadow: 0px 2px 38px -13px rgba(20,20,20,1);
	-moz-box-shadow: 0px 2px 38px -13px rgba(20,20,20,1);
	box-shadow: 0px 2px 38px -13px rgba(20,20,20,1);
}

@media (max-width: 700px) {
	.typewriter-heading {
		font-size: 54px;
	}
}

@media (max-width: 767px) {
	.hide-breaks br {
		display: none;
	}

	.card .elementor-image {
		height: auto;
	}

	.elementor-shape-bottom svg,
	.elementor-shape-top svg  {
		height: 45px !important;
	}

	.card p {
		margin-bottom: 15px;
	}

	.typewriter-time p {
		margin-top: 0;
	}

	.elementor-widget:not(:last-child) {
    	margin-bottom: 10px;
	}
}

.overlay-url {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 767px) {
	.popup-choices {
		padding: 10px;
	}

	.popup-choice-image {
		max-width: 60px;
		margin-right: 15px;
	}

	.popup-choices span {
		font-size: 18px;
	}

	.popup-choices::after {
		margin-right: 10px;	
	}
}

.columns-list-2 ul {
	column-count: 2;
}

@media (max-width: 767px) {
	.elementor-location-footer .columns-list-2 ul > li > a {
	    justify-content: center !important;
	    text-align: center;
	}
}

.fa,
.fas,
.far {
	font-family: 'FontAwesome 5' !important;
}

.form-border .gform_wrapper {
	margin: 0;
	padding: 30px;
  	border: 1px solid #f1f1f1;
 	border-radius: 5px;
 	background-color: #f9f9f9;
}

.elementor-shape svg {
	z-index: -1;
}

/*
 * Form popup
 */

.form-popup.active-popup {
	display: flex;
}

@media ( max-width: 899.98px ) {
	.form-popup-wrapper {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.contact-popup-inner {
		flex-grow: 1;
	}

	.contact-popup-footer {
		border-radius: 0;
	}
}

.form-subject {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	margin-bottom: 10px;
	padding: 10px 20px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	background-color: #f9f9f9;
	cursor: pointer;
}

.form-subject::after {
    content: '\f061';
    position: absolute;
    right: 0;
    margin-right: 20px;
    font-family: "FontAwesome 5";
    font-weight: 400;
    font-size: 18px;
}

.form-subject-image {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 75px;
	margin-right: 30px;
}

.form-subject-image img {
	max-width: 100%;
	max-height: 100%;
}

.form-subject-text {
	padding-right: 30px;
	color: #000;
	font-size: 21px;
	font-weight: 700;
}

@media ( max-width: 639.98px ) {
	.form-subject-image {
		width: 50px;
		height: 40px;
		margin-right: 16px;
	}

	.form-subject-text {
		font-size: 18px;
	}

	.form-popup .gform_wrapper {
		padding: 15px;
	}

	.form-popup .gform_footer {
		align-items: baseline;
	}

	.form-popup .gform_footer input[type=submit] {
		width: auto;r
	}
}

/*
 * Green checklist
 */
.elementor .green-check-list .elementor-icon-list-items .elementor-icon-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 20px;
}

.elementor .green-check-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background-color: #27ae60;
	color: #fff;
}

.elementor .green-check-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-icon i {
	margin-right: -4px;
	font-size: 16px;
}

.elementor .green-check-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
	padding-left: 25px;
	font-size: 24px;
	font-weight: 700;
	color: #101010;
}

#linkedin-slider-bg {
	/*background-image: url( 'https://www.tothepoint.digital/wp-content/uploads/2021/03/linkedin-slider-bg.png' ), linear-gradient(270deg, #3EC2CF 0%, #36A7B5 100%);*/
	background-image: url( 'https://www.tothepoint.digital/wp-content/uploads/2021/03/linkedin-slider-bg.png' );
	background-color: #36A7B5;
	background-size: 95%;
	/*background-position: center;*/
	background-repeat: no-repeat;
}

/*
 * Linkedin welcome
 */
.linkedin-welcome-name,
.linkedin-welcome-text {
	display: inline-block;
	margin: 0;
	padding-right: 25px;
	border-right: 6px solid #fff;
	-webkit-animation: blink-caret .8s step-end infinite;
	        animation: blink-caret .8s step-end infinite;
	font-size: 64px;
	font-weight: 400;
	line-height: 1;
}

/*
 * Linkedin slider
 */
.linkedin-slider {}

.linkedin-slider .linkedin-slider-item {
	display: none;
}

.linkedin-slider .linkedin-slider-item.active {
	display: block;
}

.linkedin-slider .linkedin-slider-item-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.linkedin-slider .linkedin-slider-item .linkedin-slider-item-image {
	-ms-flex-preferred-size: 40%;
	    flex-basis: 40%;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 15px 0 rgba( 0, 0, 0, 0.15 );
	        box-shadow: 0 2px 15px 0 rgba( 0, 0, 0, 0.15 );
	background-color: #2F2C37;
	background-size: cover;
	background-position: center;
}

.linkedin-slider .linkedin-slider-item .linkedin-slider-item-content {
	-ms-flex-preferred-size: calc( 60% + 50px );
	    flex-basis: calc( 60% + 50px );
	margin-left: -50px;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 50px 80px;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 15px 0 rgba( 0, 0, 0, 0.15 );
	        box-shadow: 0 2px 15px 0 rgba( 0, 0, 0, 0.15 );
	background-color: #fff;
}

.linkedin-slider .linkedin-slider-item .linkedin-slider-item-content h3 {
	margin-bottom: 18px;
	font-size: 36px;
}

.linkedin-slider .linkedin-slider-item .linkedin-slider-item-content p {
	margin-bottom: 40px;
}

.linkedin-slider-item-link {
	font-size: 21px;
	font-weight: 500;
	color: #101010;
	text-transform: uppercase;
}

.linkedin-slider-item-link::after {
	content: '\f061';
	margin-left: 20px;
	font-size: 18px;
	font-family: 'FontAwesome 5';
}

.linkedin-slider-item-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 60px;
}

.linkedin-slider-item-controls .bullets ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.linkedin-slider-item-controls .bullets ul li {
	width: 6px;
	height: 6px;
	margin-right: 20px;
	border-radius: 50%;
	background-color: rgba(34, 32, 41, 0.25);
	cursor: pointer;
}

.linkedin-slider-item-controls .bullets ul li.active {
	width: 10px;
	height: 10px;
	border: 3px solid #3ec2cf;
	background-color: #fff;
}

.linkedin-slider-item-controls .arrows {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.linkedin-slider-item-controls .arrows i {
	font-size: 20px;
	color: #2c94a3;
	cursor: pointer;
}

.linkedin-slider-item-controls .arrows i.right {
	margin-left: 20px;
}

@media ( max-width: 991.98px ) {
	.linkedin-slider .linkedin-slider-item-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.linkedin-slider .linkedin-slider-item .linkedin-slider-item-content {
		margin-left: 50px;
		margin-right: 50px;
		margin-top: -100px;
		margin-bottom: 0;
		padding: 30px 40px;
	}

	.linkedin-slider .linkedin-slider-item .linkedin-slider-item-image {
		min-height: 300px;
	}

	.linkedin-slider .linkedin-slider-item .linkedin-slider-item-content p {
		margin-bottom: 20px;
	}

	.linkedin-slider-item-controls {
		margin-top: 30px;
	}
}

@media ( max-width: 767.98px ) {
	.linkedin-slider .linkedin-slider-item .linkedin-slider-item-content {
		margin-left: 20px;
		margin-right: 20px;
		margin-top: -100px;
		padding: 30px;
	}

	.linkedin-slider .linkedin-slider-item .linkedin-slider-item-image {
		min-height: 250px;
	}

	.linkedin-welcome-name, .linkedin-welcome-text {
		font-size: 42px;
	}

	.elementor .green-check-list .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text {
		font-size: 18px;
	}

	.linkedin-half-cta .half-cta-title {
		font-size: 21px;
	}
}

/*
 * Linkedin half cta-
 */
.linkedin-half-cta .half-cta-title {
	font-weight: 700;
}

.linkedin-half-cta .half-width-container {
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	max-width: 630px;
}

.linkedin-half-cta .left-half-cta {
	background-color: #3ec2cf;
}

.linkedin-half-cta .left-half-cta .half-width-container {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
}

.linkedin-half-cta .left-half-cta .half-width-container img {
	-webkit-transform: rotate( 180deg );
	    -ms-transform: rotate( 180deg );
	        transform: rotate( 180deg );
}

.linkedin-half-cta .left-half-cta .half-cta-title {
	margin-left: 60px;
}

.linkedin-half-cta .left-half-cta {
	/*justify-content: flex-start;*/
}

.linkedin-half-cta .right-half-cta .half-cta-title {
	margin-right: 60px;
}


.arrow-right .elementor-heading-title::after {
	content: '\f061';
	margin-left: 30px;
	font-family: 'FontAwesome 5';
}

/* Subject card */
.subject-card {
	height: 100%;
	padding: 40px;
	padding-top: 50px;
	box-shadow: 0 2px 15px rgb(0 0 0 / 15%);
	border-radius: 5px;
	background-color: #fff;
}

.subject-card:hover {
	transform: scale(1.01, 1.01);
	transition: all .2s ease-in-out;
}

.subject-card-inner {}

.subject-card-icon {}

.subject-card-image {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 280px;
}

.subject-card-image img {
	max-height: 200px;
}

.subject-card-title {
	margin-bottom: 20px;
}

.subject-card-text {
	margin-bottom: 30px;
}

.subject-card-btn {}

.subject-card-btn .btn.btn-primary {
	color: #fff;
	box-shadow: 0 2px 15px rgb(0 0 0 / 15%);
	cursor: pointer;
}

.popup-form .gform_wrapper {
	margin: 0;
	padding: 14px 30px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.our-team-picture .popup-form .gform_wrapper {
	margin: 0;
	padding: 14px 30px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	background-color: #3ec2cf;
	box-shadow: 0 0 15px rgba(0,0,0,0.25);
}

.our-team-picture .popup-form .gform_wrapper .gfield_label {
	color: #fff;
}

.popup-form .gform_wrapper .gform_body ul.gform_fields li.gfield textarea,
.popup-form .gform_wrapper .gform_body ul.gform_fields li.gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size: 16px;
}

.popup-form .gform_wrapper .gform_body ul.gform_fields li.gfield select {
	padding: 10px 12px;
	font-size: 16px;
}

.popup-form .gform_wrapper .gform_footer {
	margin-bottom: 16px;
}

.popup-form .gform_wrapper .gform_footer input[type=submit] {
	font-size: 18px;
}

@media ( max-width: 768px ) {}

@media screen and (min-width: 1000px) {
    .our-team-picture::after {
        content: '';
        background-image: url('https://www.tothepoint.digital/wp-content/uploads/2021/05/team-ttp.png');
	background-repeat: no-repeat;
        width: 520px;
        height: 350px;
        bottom: 0px;
        left: 15px;
        position: absolute;
        display: block;
    } 
}