﻿@import'vendor/bootstrap/bootstrap.min.css';
@import'vendor/slick/slick.min.css';
@import'vendor/slick/slick-theme.css';
:root {
	--root-font: 10px;
	--font-base: "Roboto", sans-serif;
	--primary-blue: #18407e;
	--white: #ffffff;
	--grey-1: #353535;
	--grey-2: #3a3a3a;
	--grey-3: #464646;
	--grey-4: #e5e5e5;
	--grey-5: #3e3e3e;
	--section-bg: #f6f6f6;
	--input-bg: #e7e7e7;
	--bullet-grey: #cbcbcd;
	--banner-line: #eaeaea;
	--black: #000000;
	--close-bg: #abb1b8;
	--card-bg: #f9f9fd;
	--light-bullet: #6c81a6;
	--tvs-blue: #183883;
	--title-brand-light: rgba(228, 45, 56, 0.6);
	--font-grey: rgba(29, 29, 29, 0.6);
	--bg-opacity: rgba(0, 0, 0, 0.5);
	--btn-primary-bg-color: #18407e;
	--btn-secondary-bg-color: #ffffff;
	--primary-red: rgba(155, 26, 26, 0.8);
	--card-shadow: 0px 7px 50.7px 6.3px rgba(0, 0, 0, 0.15);
	--shadow-xs: 0px 4px 10.1px 0.9px rgba(0, 0, 0, 0.15);
	--card-shadow-inner: 0px 1px 30.7px 1.3px rgba(0, 0, 0, 0.08);
	--banner-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0, 0, 0, 0.28);
	--card-shadow-brand: 0px 4px 31.6px 10.4px rgba(0, 0, 0, .13);
	--shadow-none: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	--input-shadow: 0px 2px 8.5px 0.5px rgba(0, 0, 0, 0.16);
	--btn-shadow: 0px 7px 41.6px 15.4px rgba(0, 0, 0, 0.13);
	--card-box-shadow-md: 0px 7px 25px 8px rgba(0, 0, 0, 0.1);
	--text-shadow: 1.5px 2.6px 8.4px rgba(0, 0, 0, 0.28);
	--popup-shadow: 0px 7px 41.6px 15.4px rgba(0, 0, 0, 0.13);
	--flag-shadow: 0px 17px 31.5px 6.5px rgba(0, 0, 0, 0.18)
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: 333;
	transition: background-color 5000s ease-in-out 0s
}

body,
html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-text-size-adjust: 100%
}

html {
	font-size: var(--root-font)
}

@media screen and (max-width: 767.98px) {
	html {
		font-size: calc((100vw / 100) + 16px / 2.5)
	}
}

body {
	font-family: var(--font-base);
	background: var(--section-bg)
}

.text-danger {
	color: var(--primary-red) !important
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
	outline: none;
	color: currentColor;
	text-decoration: none
}

section {
	position: relative
}

.btd-section {
	padding-top: 3.6rem;
	padding-bottom: 3.6rem;
	min-height: calc(100vh - 160px)
}

.btd-section.bg {
	background-image: url(../images/form-bg.html);
	background-repeat: no-repeat;
	background-position: 874% 15%;
	background-size: 94%
}

@media screen and (max-width: 767.98px) {
	.btd-section {
		padding-top: 0;
		padding-bottom: 0
	}
}

@media screen and (min-width: 1200px) {
	.container-md {
		max-width: 1200px
	}
}

@media screen and (min-width: 1366px) {
	.container-md {
		max-width: 1356px
	}
}

.ie-browser-alert {
	position: fixed;
	z-index: 9999;
	background: #000;
	color: #fff;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	text-align: center
}

.ie-browser-alert .inner-wrapper {
	height: 100%;
	width: 100%
}

.ie-browser-alert h2 {
	margin-bottom: 20px
}

.ie-browser-alert p {
	font-size: 18px
}

.ie-browser-alert .content {
	width: 700px;
	padding: 30px;
	border: 2px solid #fff;
	border-radius: 20px
}

.ie-browser {
	overflow: hidden
}

.ie-browser .ie-browser-alert {
	display: block
}

@-webkit-keyframes fadein {
	from {
		bottom: 0;
		opacity: 0
	}
	to {
		bottom: 10rem;
		opacity: 1
	}
}

@keyframes fadein {
	from {
		bottom: 0;
		opacity: 0
	}
	to {
		bottom: 10rem;
		opacity: 1
	}
}

@-webkit-keyframes fadeout {
	from {
		bottom: 10rem;
		opacity: 1
	}
	to {
		bottom: 0;
		opacity: 0
	}
}

@keyframes fadeout {
	from {
		bottom: 10rem;
		opacity: 1
	}
	to {
		bottom: 0;
		opacity: 0
	}
}

@media screen and (max-width: 767.98px) {
	@-webkit-keyframes fadein {
		from {
			bottom: 0;
			opacity: 0
		}
		to {
			bottom: 8rem;
			opacity: 1
		}
	}
	@keyframes fadein {
		from {
			bottom: 0;
			opacity: 0
		}
		to {
			bottom: 8rem;
			opacity: 1
		}
	}
	@-webkit-keyframes fadeout {
		from {
			bottom: 8rem;
			opacity: 1
		}
		to {
			bottom: 0;
			opacity: 0
		}
	}
	@keyframes fadeout {
		from {
			bottom: 8rem;
			opacity: 1
		}
		to {
			bottom: 0;
			opacity: 0
		}
	}
}

.scroll-top {
	display: none
}

@media screen and (max-width: 991.98px) {
	.scroll-top {
		position: absolute;
		right: 0px;
		bottom: 1%;
		background: #363636;
		border-radius: 50%;
		width: 4rem;
		height: 4rem;
		display: flex;
		align-items: center;
		justify-content: center
	}
	.scroll-top:before {
		content: "";
		font-family: "ibicon";
		position: absolute;
		font-size: 2.4rem;
		line-height: 2.8rem;
		font-weight: 600;
		color: var(--white);
		transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		top: 50%
	}
}

.btn {
	border: none;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 600;
	letter-spacing: .13px;
	padding: .7rem 2rem
}

.btn.btn-rounded {
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem
}

.btn.btn-primary {
	background-color: var(--btn-primary-bg-color);
	color: var(--white)
}

.btn.btn-primary[disabled],
.btn.btn-primary.disabled,
.btn.btn-primary:not(:disabled):not(.disabled):active {
	background-color: var(--btn-primary-bg-color);
	color: var(--white);
	opacity: 1;
	box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	border: 2px solid var(--white)
}

.btn.btn-secondary {
	color: var(--btn-secondary-bg-color);
	background-color: var(--white)
}

.btn.btn-warning {
	background: var(--btn-warning-start-color);
	color: var(--white);
	background: -webkit-linear-gradient(top, var(--btn-warning-start-color), var(--btn-warning-end-color));
	background: linear-gradient(to bottom, var(--btn-warning-start-color), var(--btn-warning-end-color))
}

.btn.primary-gradient-btn {
	border-radius: 1.2rem;
	-webkit-border-radius: 1.2rem;
	-ms-border-radius: 1.2rem;
	-moz-border-radius: 1.2rem;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	transition: 500ms ease 0s;
	-webkit-transition: 500ms ease 0s;
	-moz-transition: 500ms ease 0s;
	-ms-transition: 500ms ease 0s;
	padding: 1.25rem 3rem;
	border: 2px solid var(--white);
	text-align: center;
	min-width: 23rem
}

.btn.primary-gradient-btn:hover,
.btn.primary-gradient-btn:focus {
	color: var(--white)
}

.btn.primary-gradient-btn[disabled],
.btn.primary-gradient-btn.disabled {
	background: var(--grey-5);
	color: var(--grey-6);
	opacity: 1;
	box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
	-moz-box-shadow: none;
	pointer-events: none
}

.btn.primary-gradient-btn.btn-sm {
	min-width: 14rem;
	padding: 1rem 2rem;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 600;
	box-shadow: var(--shadow-xs);
	-webkit-box-shadow: var(--shadow-xs);
	-ms-box-shadow: var(--shadow-xs);
	-moz-box-shadow: var(--shadow-xs)
}

.btn.primary-gradient-btn.btn-sm.modal-btn {
	min-width: 18rem
}

@media screen and (max-width: 767.98px) {
	.btn.primary-gradient-btn.btn-sm {
		font-size: 1.1rem;
		line-height: 1.5rem;
		font-weight: 600
	}
}

@media screen and (max-width: 1199.98px) {
	.btn.primary-gradient-btn {
		border-radius: 1.2rem;
		-webkit-border-radius: 1.2rem;
		-ms-border-radius: 1.2rem;
		-moz-border-radius: 1.2rem;
		font-size: 1.4rem;
		line-height: 1.8rem
	}
}

@media screen and (max-width: 767.98px) {
	.btn.primary-gradient-btn {
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-moz-border-radius: 1rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
		min-width: 15rem;
		padding: 1.1rem 2rem
	}
	.btn.primary-gradient-btn:hover,
	.btn.primary-gradient-btn:focus {
		box-shadow: var(--shadow-xs);
		-webkit-box-shadow: var(--shadow-xs);
		-ms-box-shadow: var(--shadow-xs);
		-moz-box-shadow: var(--shadow-xs)
	}
}

.btn.primary-gradient-btn.primary-outline-btn {
	background-color: transparent !important;
	border: 2px solid var(--);
	color: var(--white)
}

@media screen and (min-width: 1601px) {
	.btn.primary-gradient-btn {
		font-size: 2.4rem;
		line-height: 2.8rem;
		font-weight: 600;
		padding: 1.8rem 3rem
	}
	.btn.primary-gradient-btn.partner-btn {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-weight: 600;
		padding: 1.2rem 3rem
	}
}

.btn.outline-transparent-btn {
	background: transparent !important;
	border: 2px solid var(--white);
	color: var(--white);
	border-radius: .8rem;
	-webkit-border-radius: .8rem;
	-ms-border-radius: .8rem;
	-moz-border-radius: .8rem
}

.btn.outline-white-btn {
	background: var(--white);
	border: 2px solid var(--white);
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	color: var(--primary-blue);
	transition: 500ms ease 0s;
	-webkit-transition: 500ms ease 0s;
	-moz-transition: 500ms ease 0s;
	-ms-transition: 500ms ease 0s;
	padding: 1.15rem 1rem;
	box-shadow: 1.5px 2.6px 8.4px 1.6px rgba(0, 0, 0, .28);
	text-transform: uppercase
}

@media screen and (max-width: 991.98px) {
	.btn.outline-white-btn {
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-moz-border-radius: 1rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
		padding: 1rem
	}
}

@media screen and (min-width: 1601px) {
	.btn.outline-white-btn {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-weight: 600
	}
}

.btn.outline-white-btn.btn-border {
	border: 2px solid var(--primary-blue);
	box-shadow: var(--shadow-none);
	-webkit-box-shadow: var(--shadow-none);
	-ms-box-shadow: var(--shadow-none);
	-moz-box-shadow: var(--shadow-none);
	border-radius: 1.2rem;
	-webkit-border-radius: 1.2rem;
	-ms-border-radius: 1.2rem;
	-moz-border-radius: 1.2rem
}

.btn.outline-white-border {
	border: 2px solid var(--white);
	color: var(--white);
	border-radius: .8rem;
	-webkit-border-radius: .8rem;
	-ms-border-radius: .8rem;
	-moz-border-radius: .8rem;
	background: var(--primary-blue)
}

.btn.btn-lg {
	min-width: 20rem
}

.btn.btn-md {
	min-width: 17rem
}

@media screen and (max-width: 991.98px) {
	.btn.btn-md {
		min-width: 14rem
	}
}

.box-shadow {
	box-shadow: var(--btn-shadow);
	-webkit-box-shadow: var(--btn-shadow);
	-ms-box-shadow: var(--btn-shadow);
	-moz-box-shadow: var(--btn-shadow)
}

.target-link {
	border: 2px solid var(--white);
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	background: var(--bg-opacity);
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	color: var(--white);
	letter-spacing: normal;
	padding: 1.25rem 2rem;
	text-align: center;
	text-transform: uppercase
}

.target-link:hover {
	color: var(--white)
}

@media screen and (max-width: 991.98px) {
	.target-link {
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-moz-border-radius: 1rem;
		padding: .925rem 2rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 600;
		color: var(--white)
	}
}

.play-video-btn {
	border: 2px solid var(--white);
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	background: var(--bg-opacity);
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	color: var(--white);
	letter-spacing: normal;
	padding: 1.25rem 2rem;
	text-align: center;
	text-transform: uppercase
}

.play-video-btn:hover {
	color: var(--white)
}

.play-video-btn.btn-md {
	min-width: 23rem
}

@media screen and (max-width: 991.98px) {
	.play-video-btn.btn-md {
		min-width: 14rem;
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-moz-border-radius: 1rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 600;
		color: var(--white);
		padding: 1rem 2.5rem
	}
	.play-video-btn.btn-md.btn-md {
		min-width: 16rem
	}
}

.form-sub-title {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: var(--grey-1);
	margin-bottom: 2.5rem
}

@media screen and (max-width: 767.98px) {
	.form-sub-title {
		font-size: 1.8rem;
		line-height: 2.2rem;
		font-weight: 500;
		color: var(--grey-1);
		padding-top: 2rem;
		margin-bottom: 2rem
	}
}

.form-group {
	margin-bottom: 2rem
}

.form-group label {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, .8)
}

.form-control {
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border: solid 1px rgba(175, 175, 175, .75);
	padding: 1.25rem 2rem;
	height: 5rem;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--primary-blue)
}

.form-control:focus {
	box-shadow: var(--shadow-none);
	-webkit-box-shadow: var(--shadow-none);
	-ms-box-shadow: var(--shadow-none);
	-moz-box-shadow: var(--shadow-none);
	border: solid 2px var(--primary-blue)
}

.form-control.text-danger {
	border-color: var(--primary-red)
}

@media screen and (max-width: 767.98px) {
	.form-control {
		height: 4.5rem;
		font-size: 1.8rem;
		line-height: 2.2rem;
		border-width: 1px;
		padding: 1rem 1.5rem
	}
}

.form-control:disabled {
	background: var(--grey-20)
}

.form-control option:first-child {
	display: none
}

.form-control.glob-bg {
	background-color: var(--input-bg);
	z-index: 3;
	padding: 2rem 6rem 2rem 2rem;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: var(--primary-blue);
	border-radius: 5rem;
	-webkit-border-radius: 5rem;
	-ms-border-radius: 5rem;
	-moz-border-radius: 5rem;
	border: solid 0px rgba(175, 175, 175, .75)
}

.form-control.glob-bg.b-remove {
	border-radius: 3rem 3rem 0rem 0rem;
	-webkit-border-radius: 3rem 3rem 0rem 0rem;
	-ms-border-radius: 3rem 3rem 0rem 0rem;
	-moz-border-radius: 3rem 3rem 0rem 0rem
}

.form-control.glob-bg.b-remove:not(:last-child) {
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem
}

.form-control.glob-bg:not(:last-child) {
	border-top-right-radius: 3rem;
	border-bottom-right-radius: 3rem
}

.form-control.country-field {
	min-width: 7rem;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	border-radius: 0rem;
	-webkit-border-radius: 0rem;
	-ms-border-radius: 0rem;
	-moz-border-radius: 0rem;
	height: 3rem;
	box-shadow: var(--shadow-none);
	-webkit-box-shadow: var(--shadow-none);
	-ms-box-shadow: var(--shadow-none);
	-moz-box-shadow: var(--shadow-none);
	border: 1px solid #c2c2c2;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 500;
	color: var(--primary-blue)
}

.form-control::placeholder {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, .4);
	opacity: 1
}

.floating-label,
[floating-label] {
	position: relative
}

.floating-label p.text-danger,
[floating-label] p.text-danger {
	position: absolute;
	left: 2rem;
	top: 100%
}

.floating-label>label,
[floating-label]>label {
	position: absolute;
	left: 1rem;
	top: 2rem;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: var(--grey-15);
	padding: 0 1rem;
	margin-bottom: 0;
	line-height: 1;
	pointer-events: none;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	background: var(--white);
	transition: 200ms ease 0s;
	-webkit-transition: 200ms ease 0s;
	-moz-transition: 200ms ease 0s;
	-ms-transition: 200ms ease 0s;
	will-change: all
}

.floating-label.focused>label,
[floating-label].focused>label {
	font-size: 1.4rem;
	line-height: 1.8rem;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	top: -1.5rem;
	left: 0;
	padding-left: 0
}

@media screen and (max-width: 767.98px) {
	.floating-label>label,
	[floating-label]>label {
		font-size: 1.3rem;
		line-height: 1.7rem;
		top: 1.4rem
	}
	.floating-label>label.country-code,
	[floating-label]>label.country-code {
		left: 6rem
	}
	.floating-label.focused>label,
	[floating-label].focused>label {
		font-size: 1.1rem;
		line-height: 1.5rem
	}
}

.select-box:before {
	content: "";
	font-family: "ibicon";
	position: absolute;
	right: 3rem;
	top: 54%;
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: var(--primary-blue);
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%)
}

.select-box.country-dropdown {
	position: relative
}

.select-box.country-dropdown:before {
	right: .75rem;
	top: 50%;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 600;
	color: var(--primary-blue)
}

.select-box select {
	-webkit-appearance: none;
	-moz-appearance: none
}

.select-box select option:first-child {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, .4);
	opacity: 1
}

.select-box select.form-control {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, .4)
}

.select-box select::-ms-expand {
	display: none
}

textarea.form-control {
	padding: 1.3rem 2rem
}

.overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

#checkboxes {
	display: none;
	position: absolute;
	z-index: 99;
	width: 91%;
	background: var(--white);
	top: 9rem;
	border: solid 1px rgba(175, 175, 175, .75);
	padding: 0rem 2rem;
	overflow-y: scroll;
	max-height: 25rem;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-moz-border-radius: 1rem;
	box-shadow: 0px 3px 23.5px 5.5px rgba(0, 0, 0, .29)
}

#checkboxes label {
	display: block;
	font-size: 1.6rem
}

#checkboxes label input {
	margin-right: 1rem
}

.custom-checkbox {
	position: relative;
	padding: 2rem 0 2rem 4rem;
	margin-bottom: 0;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--black);
	margin-bottom: 0rem;
	border-bottom: solid .125rem rgba(171, 171, 171, .5)
}

.custom-checkbox input[type=checkbox] {
	display: none
}

.custom-checkbox input[type=checkbox]:checked~.checkmark {
	background: var(--sky-blue);
	color: var(--white);
	background: -webkit-linear-gradient(top, var(--sky-blue), var(--primary-blue));
	background: linear-gradient(to bottom, var(--sky-blue), var(--primary-blue));
	border: 2px solid var(--primary-blue)
}

.custom-checkbox input[type=checkbox]:checked~.checkmark:before {
	content: "";
	border-left: .2rem solid var(--primary-blue);
	border-bottom: .2rem solid var(--primary-blue);
	height: .8rem;
	width: 1.5rem;
	position: absolute;
	left: .6rem;
	top: .7rem;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

@media screen and (max-width: 991.98px) {
	.custom-checkbox input[type=checkbox]:checked~.checkmark:before {
		height: .8rem;
		width: 1.5rem;
		left: .5rem;
		top: .6rem
	}
}

.custom-checkbox input[type=checkbox]:checked~.checkmark+text {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: var(--primary-blue)
}

.custom-checkbox text {
	padding-left: .5rem
}

.custom-checkbox .checkmark {
	height: 3rem;
	width: 3rem;
	border-radius: .6rem;
	-webkit-border-radius: .6rem;
	-ms-border-radius: .6rem;
	-moz-border-radius: .6rem;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	border: 2px solid #c9c9c9;
	background: var(--white);
	position: absolute;
	left: 0;
	top: 50%
}

.custom-checkbox .checkmark:before {
	content: "";
	height: .8rem;
	width: 1.5rem;
	position: absolute;
	left: .6rem;
	top: .7rem;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

@media screen and (max-width: 767.98px) {
	.custom-checkbox {
		padding: 1.75rem 0 1.75rem 4rem;
		font-size: 1.3rem;
		line-height: 1.7rem
	}
	.custom-checkbox .checkmark {
		height: 2.8rem;
		width: 2.8rem;
		border-radius: .3rem;
		-webkit-border-radius: .3rem;
		-ms-border-radius: .3rem;
		-moz-border-radius: .3rem;
		border-width: 2px
	}
	.custom-checkbox .checkmark:before {
		height: .6rem;
		width: 1.2rem;
		left: .5rem;
		top: .6rem
	}
}

.condition .custom-checkbox .checkmark {
	top: 50%
}

@media screen and (max-width: 991.98px) {
	.condition .custom-checkbox .checkmark {
		top: 30%
	}
}

@media screen and (min-width: 768px) {
	.modal .modal-dialog {
		max-width: 67.5rem
	}
}

.modal .modal-header {
	border-bottom: none;
	padding: 4rem 2rem 1.5rem;
	justify-content: center
}

.modal .modal-content {
	border-radius: 3rem;
	-webkit-border-radius: 3rem;
	-ms-border-radius: 3rem;
	-moz-border-radius: 3rem;
	overflow: hidden;
	box-shadow: var(--popup-shadow);
	-webkit-box-shadow: var(--popup-shadow);
	-ms-box-shadow: var(--popup-shadow);
	-moz-box-shadow: var(--popup-shadow);
	background-color: #fff;
	border: 0
}

@media screen and (max-width: 991.98px) {
	.modal .modal-content {
		border-radius: 2rem;
		-webkit-border-radius: 2rem;
		-ms-border-radius: 2rem;
		-moz-border-radius: 2rem
	}
}

.modal .modal-title {
	font-size: 3rem;
	line-height: 3.4rem;
	font-weight: 400;
	color: var(--tertiary-blue);
	text-align: center
}

.modal .modal-title img {
	max-width: 7rem;
	box-shadow: var(--flag-shadow);
	-webkit-box-shadow: var(--flag-shadow);
	-ms-box-shadow: var(--flag-shadow);
	-moz-box-shadow: var(--flag-shadow)
}

@media screen and (min-width: 1601px) {
	.modal .modal-title img {
		max-width: 10rem
	}
}

.modal .modal-body {
	padding: 0rem 2rem 5rem
}

.modal .modal-body h4 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 300;
	color: var(--black);
	margin-bottom: 2rem
}

.modal .modal-body p {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: var(--black);
	margin-bottom: 2.5rem
}

.modal .modal-body p.info-text {
	margin-left: 1rem;
	margin-right: 1rem;
	margin-bottom: 5rem
}

.modal .modal-body p.info-text a {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--primary-blue)
}

.modal .modal-body p.main-text {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	margin-bottom: 1.5rem
}

.modal .modal-body .info-sm {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 400;
	color: var(--black)
}

.modal .modal-body .error-info i {
	font-size: 5rem;
	line-height: 5.4rem;
	font-weight: 400;
	background: -webkit-linear-gradient(var(--red-2), var(--red-1));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

.modal .modal-footer {
	justify-content: center;
	border-top: 0px solid #dee2e6;
	padding: 2.5rem 2rem 2.5rem
}

.modal .modal-footer.partner-footer {
	background: #f7f7f7
}

.modal .modal-footer.partner-footer span.text-danger {
	font-size: 1.25rem;
	line-height: 1.65rem
}

.modal .actions .btn {
	margin: 0 1rem;
	margin-top: 1rem
}

.modal .close {
	position: absolute;
	font-size: 3rem;
	line-height: 3.4rem;
	color: var(--btn-primary-bg-color);
	right: 2rem;
	font-size: 3rem;
	top: 2rem;
	opacity: 1
}

.modal .close .icon-icn_close:before {
	background: #fff;
	color: var(--btn-primary-bg-color)
}

.modal .close:not(:disabled):not(.disabled):focus,
.modal .close:not(:disabled):not(.disabled):hover {
	opacity: 1
}

@media screen and (max-width: 767.98px) {
	.modal .modal-dialog {
		margin: .5rem 1rem
	}
	.modal .modal-header {
		padding: 2.6rem 2rem 0rem
	}
	.modal .modal-title {
		font-size: 2.2rem;
		line-height: 2.6rem;
		font-weight: 500
	}
	.modal .close {
		font-size: 2.5rem;
		margin: 0;
		top: 1.5rem;
		right: 1rem
	}
	.modal .modal-body h4 {
		margin-bottom: .5rem;
		font-size: 1.8rem;
		line-height: 2.2rem
	}
	.modal .modal-body p {
		margin-bottom: 1.5rem;
		font-size: 1.4rem
	}
	.modal .modal-body p.main-text {
		font-size: 1.4rem;
		line-height: 1.8rem;
		margin-bottom: 1rem
	}
	.modal p.info-text {
		font-size: 1.3rem;
		line-height: 1.7rem;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 4.5rem
	}
}

.modal .partner {
	border: .3rem solid var(--white);
	border-radius: 4rem;
	-webkit-border-radius: 4rem;
	-ms-border-radius: 4rem;
	-moz-border-radius: 4rem;
	box-shadow: 0px 3px 29px 0 rgba(0, 0, 0, .35)
}

@media screen and (max-width: 991.98px) {
	.modal .partner {
		border-radius: 2rem;
		-webkit-border-radius: 2rem;
		-ms-border-radius: 2rem;
		-moz-border-radius: 2rem
	}
}

.modal .partner .close .icon-icn_close:before {
	background: transparent;
	color: transparent
}

.modal .partner .partner-header {
	background: var(--primary-blue);
	padding: 3rem 2rem 3rem
}

.modal .partner .partner-title {
	color: var(--white);
	max-width: 100%
}

.modal .partner .modal-body .mandatory {
	text-align: right;
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 400;
	color: rgba(0, 0, 0, .8)
}

@media screen and (max-width: 991.98px) {
	.modal .partner .modal-body .mandatory {
		font-size: 1.2rem;
		line-height: 1.6rem
	}
}

.modal .partner input::placeholder,
.modal .partner textarea::placeholder,
.modal .partner select::placeholder {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: rgba(0, 0, 0, .4);
	opacity: 1
}

.modal .partner .condition label {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: #7f7f7f;
	border: 0
}

.modal .enquire .enquire-header {
	padding: 3rem 2rem 3rem;
	flex-direction: column;
	display: flex;
	justify-content: center;
	align-items: center
}

.modal .enquire .enquire-title {
	width: 9rem;
	max-width: 100%
}

.modal .enquire .enquire-title img {
	box-shadow: var(--shadow-none);
	-webkit-box-shadow: var(--shadow-none);
	-ms-box-shadow: var(--shadow-none);
	-moz-box-shadow: var(--shadow-none)
}

.modal .enquire .enquire-submit {
	display: flex;
	align-items: center;
	max-width: 100%;
	font-size: 3.4rem;
	line-height: 3.8rem;
	font-weight: 500;
	color: var(--grey-2);
	padding: 1rem 0 0 0
}

.modal .enquire .enquire-subtitle {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	font-size: 3.4rem;
	line-height: 3.8rem;
	font-weight: 500;
	color: var(--grey-5);
	padding: 0rem 0 1rem 0
}

@media screen and (max-width: 991.98px) {
	.modal .enquire .enquire-subtitle {
		font-size: 2.8rem;
		line-height: 3.2rem;
		font-weight: 500;
		color: var(--grey-5)
	}
}

.modal .enquire .modal-body .enquire-content p {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: var(--black);
	text-align: center;
	margin: 0rem 0 .5rem 0rem
}

@media screen and (max-width: 991.98px) {
	.modal .enquire .modal-body .enquire-content p {
		font-size: 1.6rem;
		line-height: 2rem;
		font-weight: 400;
		color: var(--grey-5)
	}
}

.modal.partner-popup .modal-dialog {
	max-width: 80rem
}

@media screen and (min-width: 1601px) {
	.modal.flag-popup .modal-dialog {
		max-width: 80rem
	}
	.modal.flag-popup .modal-dialog .modal-body {
		max-width: 70rem;
		margin: 0 auto
	}
	.modal.flag-popup .modal-footer {
		padding: 2.5rem 2rem 4rem
	}
	.modal.partner-popup .modal-dialog {
		max-width: 85rem
	}
	.modal.partner-popup .modal-footer {
		padding: 2.5rem 2rem 4rem
	}
}

.text-danger {
	font-size: 1.25rem;
	line-height: 1.65rem
}

.country-selected {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 2rem;
	padding: .5rem 3.5rem .5rem 1.5rem;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 500;
	color: #000001;
	min-width: 9rem;
	position: relative;
	border: solid 2px rgba(24, 64, 126, .75);
	margin: 0 .5rem 1rem 0
}

.country-selected span {
	position: absolute;
	right: 1rem;
	z-index: 2;
	cursor: pointer
}

.country-selected span img {
	height: 1.1rem
}

@media screen and (max-width: 991.98px) {
	.country-selected {
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 500;
		color: #000001
	}
}

.mobile-code .country-mobile {
	position: relative
}

.mobile-code .country-mobile select,
.mobile-code .country-mobile .dropdown {
	position: absolute;
	border: 0;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--black);
	padding: .8rem 0rem;
	margin: 0rem;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center
}

.mobile-code .country-mobile select:focus,
.mobile-code .country-mobile .dropdown:focus {
	outline: none
}

.mobile-code .country-mobile select .dropdown-toggle,
.mobile-code .country-mobile .dropdown .dropdown-toggle {
	border: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	font-weight: 500;
	width: 10rem;
	border-right: 1px solid #c3c3c3
}

.mobile-code .country-mobile select .dropdown-toggle:focus,
.mobile-code .country-mobile select .dropdown-toggle:hover,
.mobile-code .country-mobile .dropdown .dropdown-toggle:focus,
.mobile-code .country-mobile .dropdown .dropdown-toggle:hover {
	background: transparent;
	border: 0;
	border-right: 1px solid #c3c3c3
}

.mobile-code .country-mobile select .dropdown-toggle:after,
.mobile-code .country-mobile .dropdown .dropdown-toggle:after {
	content: "";
	font-family: "ibicon";
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: var(--primary-blue);
	transform: translate(0, 0%);
	-webkit-transform: translate(0, 0%);
	-moz-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	margin: 0;
	vertical-align: middle;
	border: 0
}

.mobile-code .country-mobile select .dropdown-toggle img,
.mobile-code .country-mobile .dropdown .dropdown-toggle img {
	width: 2.25rem;
	height: 2.25rem;
	border-radius: 50%
}

.mobile-code .country-mobile select .dropdown-toggle span.text,
.mobile-code .country-mobile .dropdown .dropdown-toggle span.text {
	padding: .5rem .25rem .5rem .75rem
}

.mobile-code .country-mobile select .dropdown-menu.country-number,
.mobile-code .country-mobile .dropdown .dropdown-menu.country-number {
	min-width: 30rem;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-moz-border-radius: 1rem;
	box-shadow: 1px 7.9px 36.5px 1.5px rgba(0, 0, 0, .45);
	background-color: var(--white);
	top: 1.25rem !important
}

.mobile-code .country-mobile select .dropdown-menu.country-number li,
.mobile-code .country-mobile .dropdown .dropdown-menu.country-number li {
	padding: 2rem 0rem;
	border-bottom: solid .125rem rgba(171, 171, 171, .5);
	margin: 0 2rem
}

.mobile-code .country-mobile select .dropdown-menu.country-number li a,
.mobile-code .country-mobile .dropdown .dropdown-menu.country-number li a {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--primary-blue)
}

.mobile-code .country-mobile select .dropdown-menu.country-number li a img,
.mobile-code .country-mobile .dropdown .dropdown-menu.country-number li a img {
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	margin-right: 1rem
}

@media screen and (max-width: 991.98px) {
	.mobile-code .country-mobile select,
	.mobile-code .country-mobile .dropdown {
		padding: .75rem .5rem
	}
}

.mobile-code .country-mobile .form-control {
	padding-left: 2rem
}

.mobile-code .floating-label>label,
.mobile-code [floating-label]>label {
	z-index: 6;
	left: 8rem
}

.mobile-code .floating-label.focused>label,
.mobile-code [floating-label].focused>label {
	left: 1rem
}

.section-border {
	border-top: 0px solid rgba(175, 175, 175, .75);
	margin: 0rem 0 0;
	padding: 1.5rem 0 0 0
}

@media screen and (max-width: 991.98px) {
	.section-border {
		border-top: 1px solid rgba(175, 175, 175, .75);
		margin: 2rem 0 0;
		padding: .5rem 0 0 0
	}
}

.rightAlign {
	float: right
}

.leftAlign {
	float: left
}

.animateBlock {
	margin-top: 20px;
	display: inline-block;
	opacity: 0;
	filter: alpha(opacity=0);
	position: relative;
	transition: all .55s ease-in;
	-webkit-transition: all .55s ease-in;
	-moz-transition: all .55s ease-in;
	-ms-transition: all .55s ease-in
}

.animateBlock.left {
	left: -20%
}

.animateBlock.left.animated {
	left: 0%;
	opacity: 1;
	filter: alpha(opacity=100)
}

.animateBlock.right {
	right: -20%
}

.animateBlock.right.animated {
	right: 0%;
	opacity: 1;
	filter: alpha(opacity=100)
}

.back-link {
	font-size: 4rem;
	text-decoration: none;
	border: 0;
	background: transparent
}

.icon-close:before {
	content: "";
	background: var(--close-bg);
	color: var(--white);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-moz-border-radius: 50%
}

.article__header {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	margin-bottom: 0px;
	position: absolute;
	z-index: 3;
	left: 0;
	right: 0;
	top: 11rem
}

.tvs-header .container {
	max-width: 100%
}

@media screen and (min-width: 992px) {
	.tvs-header .container {
		max-width: 930px;
		padding: 0
	}
}

@media screen and (min-width: 1366px) {
	.tvs-header .container {
		max-width: 1170px
	}
}

@media screen and (min-width: 1200px) {
	.tvs-header .container {
		max-width: 1170px
	}
}

@media screen and (min-width: 1366px) {
	.tvs-header .container {
		max-width: 1336px
	}
}

.tvs-header .navbar {
	min-height: 96px;
	box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, .4);
	-ms-box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 0px 15px -7px rgba(0, 0, 0, .4);
	padding: 0;
	background: var(--white)
}

.tvs-header .navbar .nav-item {
	margin-left: 12px;
	margin-right: 12px
}

@media screen and (min-width: 1366px) {
	.tvs-header .navbar .nav-item {
		margin-left: 15px;
		margin-right: 15px
	}
}

@media screen and (max-width: 1199.98px) {
	.tvs-header .navbar .nav-item {
		margin-left: 6px;
		margin-right: 6px
	}
}

.tvs-header .navbar .nav-item.dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility: visible
}

.tvs-header .navbar .navbar-nav .nav-link {
	font-size: 16px;
	font-weight: 500;
	color: var(--black);
	text-transform: uppercase;
	padding: 1.5rem 0;
	position: relative
}

@media screen and (min-width: 1366px) {
	.tvs-header .navbar .navbar-nav .nav-link {
		font-size: 18px
	}
}

@media screen and (max-width: 1199.98px) {
	.tvs-header .navbar .navbar-nav .nav-link {
		font-size: 1.4rem
	}
}

.tvs-header .navbar .navbar-nav .nav-link:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 0;
	height: 3px;
	background-color: #f12a00;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.tvs-header .navbar .navbar-nav .nav-link:hover:before {
	width: 100%
}

.tvs-header .navbar .dropdown-toggle:after {
	content: "";
	font-family: "ibicon" !important;
	border: none;
	vertical-align: middle;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 700;
	color: var(--black)
}

@media screen and (min-width: 992px) {
	.tvs-header .navbar .dropdown-menu {
		left: -26px;
		border: none;
		box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		-ms-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		padding: 0;
		transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		opacity: 0;
		visibility: hidden;
		display: block
	}
}

.tvs-header .navbar .dropdown-item {
	padding: 15px 35px 15px 25px;
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 400;
	color: var(--black);
	text-transform: uppercase;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

.tvs-header .navbar .dropdown-item:hover {
	background: #f12a00;
	color: var(--white)
}

.tvs-header .navbar-brand {
	padding: 0rem 0rem 1.6rem;
	margin-right: 3.6rem
}

@media screen and (max-width: 1199.98px) {
	.tvs-header .navbar-brand {
		margin-right: 2.6rem
	}
}

.navbar-toggler {
	/*background: var(--tvs-blue);*/
	border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
	height: 65px;
	width: 65px;
padding: 5px 0px 0 30px;
}

.navbar-toggler .icon-bar {
	background: #938d8d;
	width: 22px;
	height: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	display: block;
	margin: 10px auto;
	position: relative;
	transition: 200ms ease-in 0s;
	-webkit-transition: 200ms ease-in 0s;
	-moz-transition: 200ms ease-in 0s;
	-ms-transition: 200ms ease-in 0s
}

.navbar-toggler .icon-bar:before,
.navbar-toggler .icon-bar:after {
	content: "";
	background: #938d8d;
	width: 22px;
	height: 2px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-moz-border-radius: 2px;
	left: 0;
	position: absolute;
	display: block;
	will-change: transform;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transition: 200ms ease-in 0s;
	-webkit-transition: 200ms ease-in 0s;
	-moz-transition: 200ms ease-in 0s;
	-ms-transition: 200ms ease-in 0s
}

.navbar-toggler .icon-bar:before {
	top: -6px
}

.navbar-toggler .icon-bar:after {
	bottom: -6px
}

.navbar-toggler .sr-only {
	position: relative;
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 400;
	color: var(--white);
	padding-top: 5px;
	display: block;
	width: auto;
	height: auto
}

.navbar-toggler:not(.collapsed) .icon-bar {
	background: rgba(255, 255, 255, 0)
}

.navbar-toggler:not(.collapsed) .icon-bar:before {
	top: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

.navbar-toggler:not(.collapsed) .icon-bar:after {
	bottom: 0;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg)
}

@media screen and (max-width: 991.98px) {
	.tvs-header .navbar {
		min-height: 0;
		border-bottom: 1px solid #e2e0df;
		box-shadow: none
	}
	@-webkit-keyframes slidein {
		0% {
			opacity: 0;
			transform: translateX(-30px);
			-webkit-transform: translateX(-30px);
			-moz-transform: translateX(-30px);
			-ms-transform: translateX(-30px)
		}
		60% {
			opacity: 1;
			transform: translateX(5px);
			-webkit-transform: translateX(5px);
			-moz-transform: translateX(5px);
			-ms-transform: translateX(5px)
		}
		100% {
			opacity: 1;
			transform: translateX(0);
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0)
		}
	}
	@-moz-keyframes slidein {
		0% {
			opacity: 0;
			transform: translateX(-30px);
			-webkit-transform: translateX(-30px);
			-moz-transform: translateX(-30px);
			-ms-transform: translateX(-30px)
		}
		60% {
			opacity: 1;
			transform: translateX(5px);
			-webkit-transform: translateX(5px);
			-moz-transform: translateX(5px);
			-ms-transform: translateX(5px)
		}
		100% {
			opacity: 1;
			transform: translateX(0);
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0)
		}
	}
	@-o-keyframes slidein {
		0% {
			opacity: 0;
			transform: translateX(-30px);
			-webkit-transform: translateX(-30px);
			-moz-transform: translateX(-30px);
			-ms-transform: translateX(-30px)
		}
		60% {
			opacity: 1;
			transform: translateX(5px);
			-webkit-transform: translateX(5px);
			-moz-transform: translateX(5px);
			-ms-transform: translateX(5px)
		}
		100% {
			opacity: 1;
			transform: translateX(0);
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0)
		}
	}
	@keyframes slidein {
		0% {
			opacity: 0;
			transform: translateX(-30px);
			-webkit-transform: translateX(-30px);
			-moz-transform: translateX(-30px);
			-ms-transform: translateX(-30px)
		}
		60% {
			opacity: 1;
			transform: translateX(5px);
			-webkit-transform: translateX(5px);
			-moz-transform: translateX(5px);
			-ms-transform: translateX(5px)
		}
		100% {
			opacity: 1;
			transform: translateX(0);
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0)
		}
	}
	.tvs-header .navbar .navbar-nav .nav-item {
		margin-left: 0;
		margin-right: 0;
		animation: slidein .5s ease-out;
		-moz-animation: slidein .5s ease-out;
		-webkit-animation: slidein .5s ease-out;
		-ms-animation: slidein .5s ease-out;
		-o-animation: slidein .5s ease-out;
		animation-fill-mode: both;
		opacity: 0
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(1) {
		animation-delay: .1s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(2) {
		animation-delay: .15s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(3) {
		animation-delay: .2s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(4) {
		animation-delay: .25s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(5) {
		animation-delay: .3s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(6) {
		animation-delay: .35s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(7) {
		animation-delay: .4s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(8) {
		animation-delay: .45s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(9) {
		animation-delay: .5s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(10) {
		animation-delay: .55s
	}
	.tvs-header .navbar .navbar-nav .nav-item:nth-child(11) {
		animation-delay: .6s
	}
	.tvs-header .navbar .navbar-nav .nav-item ul.socialIcons {
		padding: 15px 0 15px 20px;
		border-top: 1px solid #eae9e9
	}
	.tvs-header .navbar .navbar-nav .nav-link {
		padding: 1.25rem 2.5rem;
		font-size: 1.8rem;
		line-height: 2.2rem;
		border-top: 1px solid #eae9e9
	}
	.tvs-header .navbar .navbar-nav .dropdown-item {
		padding: .8rem 2.5rem;
		font-size: 1.5rem;
		line-height: 1.9rem;
		color: #848484;
		border-bottom: 1px solid #eae9e9
	}
	.tvs-header .navbar .navbar-nav .dropdown-item:hover {
		color: var(--white)
	}
	.tvs-header .navbar-brand {
		padding: 1.2rem;
		margin-right: 0
	}
	.tvs-header .navbar-collapse {
		background: var(--white)
	}
	.tvs-header .navbar-collapse .navbar-nav {
		height: calc(100vh - 65px);
		overflow: auto
	}
	.tvs-header .dropdown-menu {
		border: none;
		padding: 0;
		margin: 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		-ms-border-radius: 0;
		-moz-border-radius: 0
	}
}

.loader-container {
	position: fixed;
	left: 0;
	right: 0;
	top: 44px;
	bottom: 0;
	background: rgba(0, 0, 0, .2);
	z-index: 9999;
	display: none
}

.loader-container.active {
	display: block
}

.loader-container .loader {
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%;
	background: transparent;
	height: 100px;
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 50px;
	margin-top: -100px;
	margin-left: -100px;
	box-sizing: unset;
	z-index: 3
}

.loader-container .loader .outer {
	border-radius: 50%;
	border: 1rem solid var(--tertiary-blue);
	border-left-color: transparent;
	border-right-color: transparent;
	position: absolute;
	right: 5rem;
	top: 5rem;
	bottom: 5rem;
	left: 5rem;
	-webkit-animation: rotation 1s linear infinite;
	-moz-animation: rotation 1s linear infinite;
	-o-animation: rotation 1s linear infinite;
	animation: rotation 1s linear infinite
}

.loader-container .loader .outer .inner {
	border-radius: 50%;
	border: 10px solid var(--btn-secondary-end-color);
	border-top-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	right: 1rem;
	top: 1rem;
	bottom: 1rem;
	left: 1rem;
	-webkit-animation: rotation .5s reverse linear infinite;
	-moz-animation: rotation .5s reverse linear infinite;
	-o-animation: rotation .5s reverse linear infinite;
	animation: rotation .5s reverse linear infinite
}

@keyframes rotation {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	50% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

footer .footerAddress {
	background-color: var(--tvs-blue);
	position: relative;
	padding: 6rem 0 5rem
}

footer .footerAddress .tvsLogo {
	    /*background: var(--white);*/
    
    display: inline-block;
    z-index: 1;
    position: absolute;
    left: 87px;

/*margin-top: -3.8rem;*/
    width: 100px;
}
}

@media screen and (max-width: 991.98px) {
	footer .footerAddress .tvsLogo {
		display: block;
	}
}

footer .footerAddress .tvsLogo img {
	float: right
}

footer .footerAddress:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 5%;
	background-color: #f0f4ff
}

@media screen and (max-width: 991.98px) {
	footer .footerAddress:after {
		width: 0%
	}
}

footer .footerAddress h4 {
	text-transform: uppercase;
	margin-bottom: 2rem;
	font-size: 1.7rem;
	line-height: 2.1rem;
	font-weight: 700;
	color: var(--white)
}

@media screen and (max-width: 991.98px) {
	footer .footerAddress h4 {
		font-size: 1.6rem;
		line-height: 2rem
	}
}

footer .footerAddress address,
footer .footerAddress p,
footer .footerAddress a {
	font-size: 1.5rem;
	line-height: 1.9rem;
	color: var(--white);
	text-transform: none
}

@media screen and (max-width: 991.98px) {
	footer .footerAddress address,
	footer .footerAddress p,
	footer .footerAddress a {
		font-size: 1.4rem;
		line-height: 1.8rem;
		line-height: 2rem;
		margin-bottom: 2rem
	}
}

footer .footerLink {
	background-color: #f0f4ff;
	overflow: hidden
}

@media screen and (max-width: 991.98px) {
	footer .footerLink {
		display: none
	}
}

footer .footerLink .navbar-nav>li {
	margin: 0 30px 0 0
}

footer .footerLink .navbar-nav>li a {
	font-size: 1.5rem;
	line-height: 1.9rem;
	font-weight: 500;
	color: var(--grey-2);
	text-transform: uppercase;
	transition: all .3s;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s
}

footer .footerCopy {
	background-color: #dae1f2;
	text-align: center
}

footer .footerCopy .layoutWrap {
	position: relative;
	overflow: hidden;
	padding: 40px 0 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media screen and (max-width: 991.98px) {
	footer .footerCopy .layoutWrap {
		padding: 0rem 0 5rem 0;
		text-align: center;
		display: flex;
		justify-content: center
	}
}

.appFooter {
	overflow: hidden;
	margin: 0 0 30px 120px
}

@media screen and (max-width: 991.98px) {
	.appFooter {
		display: none
	}
}

.layoutWrap {
	margin: 0 auto;
	width: 92%
}

@media screen and (max-width: 991.98px) {
	.layoutWrap {
		width: 90%
	}
	
}

.btn.sendBtn {
	width: 245px;
	max-width: 245px
}

.btn.white {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 500;
	color: var(--grey-2);
	background-color: var(--white);
	padding: 1.5rem 0;
	text-transform: uppercase;
	border: 1px solid transparent
}

@media screen and (max-width: 991.98px) {
	.btn.white {
		font-size: 1.6rem;
		line-height: 2rem;
		padding: 1.25rem 0
	}
}

.btn.white:hover {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 500;
	color: var(--white);
	background-color: var(--tvs-blue);
	border: 1px solid var(--white)
}

.policyLinks {
	text-align: left;
	padding: 0
}

.policyLinks>li {
	display: inline-block
}

.policyLinks>li>a {
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: 500;
	color: #62656d;
	padding-left: 12px;
	padding-right: 7px;
	position: relative
}

.socialWrap {
	position: absolute;
	left: 50%;
	margin-left: -125px;
	margin-top: 5px
}

@media screen and (max-width: 991.98px) {
	.socialWrap {
		bottom: 0rem
	}
	.socialWrap .socialIcons {
		padding: 0;
		display: flex
	}
	.socialWrap .socialIcons li {
		margin: 0 1rem 0 0
	}
}

.socialWrap li a.fb {
	background-position: 0 0
}

.socialWrap li a.fb:hover {
	background-position: 0 -41px
}

.socialIcons li {
	display: inline-block;
	margin: 0 8px
}

.socialIcons li a {
	background: url("../images/social/sprite.png") no-repeat left top;
	height: 38px;
	width: 38px;
	display: block;
	text-indent: -9999px;
	transition: all .3s
}

.socialIcons li a.twitter {
	background-position: 0 -112px
}

.socialIcons li a.twitter:hover {
	background-position: 0 -153px
}

.socialIcons li a.yt {
	background-position: 0 -224px
}

.socialIcons li a.yt:hover {
	background-position: 0 -265px
}

.socialIcons li a.linkedIn {
	background-position: 0 -336px
}

.socialIcons li a.linkedIn:hover {
	background-position: 0 -377px
}

.socialIcons li a.instagram {
	background-position: 0 -560px
}

.socialIcons li a.instagram:hover {
	background-position: 0 -601px
}

footer .footerCopy p {
	font-size: 1.4rem;
	line-height: 1.8rem;
	font-weight: 400;
	color: #62656d;
	line-height: 24px;
	margin-top: 0
}

@media screen and (max-width: 991.98px) {
	footer .footerCopy {
		padding: 2rem 0 1rem
	}
	footer .footerCopy p {
		margin-bottom: 0
	}
}

@media screen and (max-width: 991.98px) {
	.centerMob {
		text-align: center;
		padding: 2rem 0 0
	}
}

@font-face {
	font-family: "ibicon";
	src: url("fonts/ibicon2ea3.eot?av0j6a");
	src: url("fonts/ibicon2ea3.eot?av0j6a#iefix") format("embedded-opentype"), url("fonts/ibicon2ea3.ttf?av0j6a") format("truetype"), url("fonts/ibicon2ea3.woff?av0j6a") format("woff"), url("fonts/ibicon2ea3.svg?av0j6a#ibicon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block
}

[class^=icon-],
[class*=" icon-"] {
	font-family: "ibicon" !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased
}

.icon-down-arrow:before {
	content: ""
}

.icon-next:before {
	content: ""
}

.icon-previous:before {
	content: ""
}

.icon-close:before {
	content: ""
}

.icon-search-bar:before {
	content: ""
}

.icon-zoom-out:before {
	content: ""
}

.icon-zoom-in:before {
	content: ""
}

.icon-icn_close:before {
	content: ""
}

.icon-up-arrow:before {
	content: ""
}

.hero-wrapper {
	background: var(--section-bg);
	padding-top: 9rem
}

@media screen and (max-width: 991.98px) {
	.hero-wrapper {
		height: 100%;
		padding-top: 6rem
	}
}

.hero-wrapper .top-card {
	margin: 0 -0.75rem
}

.box-slider {
	display: -webkit-box;
	display: flex;
	width: 100%;
	height: calc(100vh - 11.5vh);
	visibility: hidden;
	margin-bottom: 1rem
}

@media screen and (max-width: 991.98px) {
	.box-slider {
		height: calc(100vh - 11vh)
	}
}

.box-slider .box-slide {
	transition: .5s linear all;
	-webkit-transition: .5s linear all;
	-moz-transition: .5s linear all;
	-ms-transition: .5s linear all;
	width: 25%;
	height: 100%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	visibility: visible;
	margin-right: 1%;
	border-radius: 0 0 2rem 2rem;
	-webkit-border-radius: 0 0 2rem 2rem;
	-ms-border-radius: 0 0 2rem 2rem;
	-moz-border-radius: 0 0 2rem 2rem;
	background-color: var(--font-grey)
}

.box-slider .box-slide:last-child {
	margin-right: 0%
}

.box-slider .box-slide:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--font-grey);
	z-index: 2;
	opacity: 1
}

@media screen and (max-width: 991.98px) {
	.box-slider .box-slide:after {
		background-color: rgba(0, 0, 0, .35)
	}
}

.box-slider .box-slide.global:after {
	background-color: rgba(60, 94, 155, .5)
}

.box-slider .box-slide.global:hover:after {
	background-color: rgba(60, 94, 155, .3)
}

.box-slider .box-slide.brand:after {
	background-color: rgba(228, 45, 56, .5)
}

.box-slider .box-slide img {
	position: absolute;
	top: 100%;
	left: 50%;
	height: auto;
	width: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index: 1
}

.box-slider .box-slide .text-block {
	position: absolute;
	z-index: 4;
	display: inline-grid;
	top: 46%;
	justify-content: center;
	align-items: center;
	width: 100%;
	visibility: hidden;
	opacity: 0
}

.box-slider .box-slide .text-block .target-link {
	margin-top: 1rem
}

.box-slider .box-slide .text-block .target-link:hover,
.box-slider .box-slide .text-block .target-link:focus,
.box-slider .box-slide .text-block .target-link:active {
	color: var(--white)
}

@media screen and (min-width: 1601px) {
	.box-slider .box-slide .text-block {
		top: 54%
	}
}

.box-slider .box-slide .slide-down {
	position: relative;
	z-index: 4;
	display: flex;
	top: 28%;
	justify-content: center;
	align-items: center;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform: translate3d(0, 80px, 0);
	transform: translate3d(0, 80px, 0)
}

.box-slider .box-slide .slide-down h2 {
	text-align: center;
	font-size: 3.2rem;
	line-height: 3.6rem;
	font-weight: 600;
	color: var(--white);
	text-shadow: 1.5px 2.6px 8.4px rgba(0, 0, 0, .28)
}

.box-slider .box-slide .slide-down h2:after {
	content: "";
	border-bottom: 2px solid var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 2.5rem auto 0;
	max-width: 17rem;
	box-shadow: var(--banner-shadow);
	-webkit-box-shadow: var(--banner-shadow);
	-ms-box-shadow: var(--banner-shadow);
	-moz-box-shadow: var(--banner-shadow)
}

@media screen and (min-width: 1601px) {
	.box-slider .box-slide .slide-down h2 {
		font-size: 4.8rem;
		line-height: 5.2rem;
		font-weight: 700;
		color: var(--white)
	}
}

@media screen and (max-width: 991.98px) {
	.box-slider .box-slide .slide-down h2 {
		color: var(--white);
		margin-bottom: 0;
		font-size: 2rem;
		line-height: 2.4rem;
		font-weight: 600;
		color: var(--white)
	}
	.box-slider .box-slide .slide-down h2:after {
		margin: 1.75rem auto 0rem
	}
}

@media screen and (max-width: 575.98px) {
	.box-slider .box-slide .slide-down h2 {
		font-size: 3.2rem;
		line-height: 3.6rem;
		font-weight: 600;
		color: var(--white);
		line-height: 3.2rem
	}
}

@media screen and (min-width: 1601px) {
	.box-slider .box-slide .slide-down {
		top: 35%
	}
}

.box-slider .box-slide:hover:after {
	z-index: 3;
	content: "";
	background-color: rgba(0, 0, 0, .35)
}

.box-slider .box-slide:hover .slide-down {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.box-slider:hover .box-slide.brand:hover:after {
	background-color: var(--title-brand-light)
}

.box-slider:hover .box-slide:hover {
	flex-shrink: 0;
	width: 35%
}

.box-slider:hover .box-slide:hover .text-block {
	transition: .5s linear 0s;
	-webkit-transition: .5s linear 0s;
	-moz-transition: .5s linear 0s;
	-ms-transition: .5s linear 0s;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	opacity: 1;
	visibility: visible
}

.box-slider:hover .box-slide:not(:hover):after {
	transition: .2s linear all;
	-webkit-transition: .2s linear all;
	-moz-transition: .2s linear all;
	-ms-transition: .2s linear all;
	opacity: 1;
	z-index: 2
}

.hero-wrapper .slick-dots {
	bottom: 0rem
}

@media screen and (max-width: 991.98px) {
	.hero-wrapper .slick-dots {
		bottom: -2rem
	}
}

@media screen and (max-width: 575.98px) {
	.hero-wrapper .slick-dots {
		bottom: 3rem
	}
}

.hero-wrapper .container-fluid {
	padding-left: 1.5rem;
	padding-right: 1.5rem
}

@media screen and (max-width: 991.98px) {
	.hero-wrapper .container-fluid {
		padding-left: .5rem;
		padding-right: .5rem
	}
}

@media screen and (max-width: 991.98px) {
	.box-slider {
		flex-wrap: nowrap;
		display: -webkit-box;
		visibility: visible
	}
	.box-slider .slick-list.draggable {
		padding: 0px 25px 0px 0px !important
	}
	.box-slider .box-slide {
		width: 90vw;
		text-align: left;
		margin-right: 3%;
		flex: 1 1 auto;
		border-radius: 0px 0px 2rem 2rem;
		-webkit-border-radius: 0px 0px 2rem 2rem;
		-ms-border-radius: 0px 0px 2rem 2rem;
		-moz-border-radius: 0px 0px 2rem 2rem;
		height: 78vh
	}
	.box-slider .box-slide .text-block {
		visibility: visible;
		opacity: 1
	}
	.box-slider .box-slide .slide-down {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		top: 26%
	}
}

.slick-slider {
	position: relative;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ""
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	margin: 0 .5rem
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.box-slider .slick-dots li {
	margin: 0 .25rem
}

.box-slider .slick-dots li button:before {
	font-size: 3.5rem;
	line-height: 1.1rem
}

.box-slider .slick-dots li.slick-active button:before {
	opacity: 1;
	font-size: 4.5rem
}

.videoModal {
	position: fixed;
	z-index: 102;
	width: 99vw;
	height: 100%;
	background: var(--bg-opacity);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: .3s ease;
	top: 0;
	left: 0;
	border-radius: 0px 0px 2rem 2rem;
	-webkit-border-radius: 0px 0px 2rem 2rem;
	-ms-border-radius: 0px 0px 2rem 2rem;
	-moz-border-radius: 0px 0px 2rem 2rem;
	overflow: hidden
}

@media screen and (max-width: 991.98px) {
	.videoModal {
		left: initial
	}
}

@media screen and (max-width: 767.98px) {
	.videoModal {
		width: 96vw
	}
}

.videoModal iframe {
	transform: scale(0, 0);
	border-radius: 5px
}

.videoModal.toggle {
	opacity: 1;
	visibility: visible
}

.videoModal .OpenVideo {
	animation: OpenVideo .3s ease forwards
}

.videoModal.tech-inn-video {
	left: 0
}

@media screen and (max-width: 991.98px) {
	.videoModal.tech-inn-video {
		left: initial
	}
}

.videoModal.tech-inn-video.toggle {
	opacity: 1;
	visibility: visible
}

.videoModal.tech-inn-video .OpenVideo {
	animation: OpenVideo .3s ease forwards
}

.videoModal.our-brand-video {
	left: 0
}

@media screen and (max-width: 991.98px) {
	.videoModal.our-brand-video {
		left: initial
	}
}

.videoModal.our-brand-video.toggle {
	opacity: 1;
	visibility: visible
}

.videoModal.our-brand-video .OpenVideo {
	animation: OpenVideo .3s ease forwards
}

.videoModal.social-video {
	left: 0
}

@media screen and (max-width: 991.98px) {
	.videoModal.social-video {
		left: initial
	}
}

.videoModal.social-video.toggle {
	opacity: 1;
	visibility: visible
}

.videoModal.social-video .OpenVideo {
	animation: OpenVideo .3s ease forwards
}

@keyframes OpenVideo {
	0% {
		transform: scale(0.6, 0.6);
		opacity: .4
	}
	100% {
		transform: scale(1, 1);
		opacity: 1
	}
}

.vidBox {
	position: fixed
}

.vidBox video {
	height: 100vh;
	object-fit: cover
}

@media screen and (max-width: 991.98px) {
	.vidBox {
		position: absolute;
		z-index: 999;
		width: 100%
	}
	.vidBox video {
		height: 85vh;
		object-fit: cover
	}
}

.play-again {
	top: 0%;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .5)
}

.play-again .article__header {
	top: 33%;
	display: block
}

.play-again .article__header h5 {
	font-size: 3rem;
	line-height: 3.4rem;
	font-weight: 600;
	color: var(--white);
	padding-bottom: 4rem;
	margin: 0
}

@media screen and (min-width: 1601px) {
	.play-again .article__header h5 {
		font-size: 4.2rem;
		line-height: 4.6rem;
		font-weight: 600;
		color: var(--white)
	}
}

.play-again .article__header p {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: var(--white);
	padding-bottom: 1.5rem;
	margin: 0
}

.play-again .article__header button.videoBtn {
	margin: 0 auto;
	min-width: 23rem
}

@media screen and (max-width: 991.98px) {
	.play-again .article__header h5 {
		font-size: 2.2rem;
		line-height: 2.6rem;
		font-weight: 600;
		color: var(--white);
		padding-bottom: 2rem
	}
	.play-again .article__header p {
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 400;
		color: var(--white);
		padding-bottom: 1rem
	}
	.play-again .article__header button.videoBtn {
		min-width: 16rem
	}
}

.slick-dots {
	bottom: -1rem
}

.slick-dots li {
	margin: 0;
	height: 2rem;
	width: 2rem
}

.slick-dots li button:before {
	font-size: 3.2rem;
	line-height: 1.6rem
}

.slick-prev,
.slick-next {
	height: auto;
	width: auto;
	top: 40%
}

.slick-prev:before,
.slick-next:before {
	font-family: "icomoon";
	font-size: 3.4rem;
	line-height: 3.8rem;
	color: var(--tertiary-blue);
	opacity: 100
}

.slick-prev {
	left: 7.8rem;
	z-index: 1
}

.slick-prev:before {
	content: ""
}

.slick-next {
	right: 7.8rem;
	z-index: 1
}

.slick-next:before {
	content: ""
}

.slick-dots li button:before {
	color: var(--bullet-grey);
	opacity: 100
}

.slick-dots li.slick-active button:before {
	color: var(--primary-blue);
	font-size: 4rem;
	opacity: 1
}

@media screen and (max-width: 767.98px) {
	.slick-prev,
	.slick-next {
		top: 30%
	}
	.slick-prev:before,
	.slick-next:before {
		font-size: 2.3rem;
		line-height: 2.7rem
	}
	.slick-dots {
		margin-bottom: 0
	}
	.slick-dots li button:before {
		font-size: 3rem
	}
	.slick-prev {
		left: 1rem
	}
	.slick-next {
		right: 1rem
	}
}

.slide {
	padding: 0 8px;
	box-sizing: border-box
}

.slide img {
	max-width: 100%;
	position: relative;
	transform: scale(0.8);
	transition: all 1s ease-out;
	opacity: .5;
	margin: 0 auto;
	width: 80%;
	border-radius: 2rem
}

.slick-center .slide img {
	transform: scale(1);
	transition: transform 1s ease-out;
	opacity: 1
}

.slick-prev,
.slick-next {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	z-index: 9;
	top: 0;
	bottom: 0;
	-webkit-box-shadow: 3px 1px 0 rgba(0, 0, 0, .15), -1px 3px 0 rgba(0, 0, 0, .15);
	box-shadow: 3px 1px 0 rgba(0, 0, 0, .15), -1px 3px 0 rgba(0, 0, 0, .15);
	cursor: pointer;
	outline: none
}

.slick-prev {
	left: -30px;
	background-position: -220px -20px
}

.slick-next {
	right: -30px;
	background-position: -320px -20px
}

.slick-prev:before,
.slick-next:before {
	color: #000
}

.slick-next:before {
	content: ">"
}

.slick-prev:before {
	content: "<"
}

.img-content {
	background: red;
	color: #3498db;
	font-size: 36px;
	line-height: 100px;
	margin: 10px;
	padding: 2%;
	position: relative;
	text-align: center
}

.slick-slide .img-content {
	transform: scale(0.5);
	transition: transform .3s
}

.slick-center .img-content {
	transform: scale(1)
}

.slick-slider-center.box {
	width: 100%;
	background-color: transparent
}

.slick-slider-center.box .slick-track {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	height: 100px;
	justify-content: center;
	width: 80%
}

.slick-slider-center.box .slick-slide {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 10px 0px;
	margin: 10px;
	background-color: #fff;
	transition: all .3s ease;
	height: auto;
	text-align: center;
	width: 80%
}

.slick-slider-center.box .slick-slide.slick-current,
.slick-slider-center.box .slick-slide.slick-center {
	background: linear-gradient(45deg, #f69259, #f16975);
	padding: 30px 0px
}

.slick-initialized .slick-slide:focus {
	outline: 0
}

.who-we-are {
	background: var(--section-bg);
	background: -moz-linear-gradient(180deg, var(--section-bg) 40%, var(--white) 25%, var(--white) 91%, var(--section-bg) 75%);
	background: -webkit-linear-gradient(180deg, var(--section-bg) 40%, var(--white) 25%, var(--white) 91%, var(--section-bg) 75%);
	background: linear-gradient(180deg, var(--section-bg) 40%, var(--white) 25%, var(--white) 91%, var(--section-bg) 75%);
	padding: 3rem 0 0rem
}

@media screen and (max-width: 991.98px) {
	.who-we-are {
		background: linear-gradient(180deg, var(--section-bg) 46%, var(--white) 25%, var(--white) 85%, var(--section-bg) 75%);
		padding: 0rem 0 3rem
	}
}

@media screen and (min-width: 1601px) {
	.who-we-are {
		padding: 3rem 0 2rem
	}
}

.who-we-are .card-section {
	position: relative;
	z-index: 1
}

.who-we-are .who-we {
	max-width: 57rem;
	margin: 0 auto;
	padding: 0 1.5rem
}

@media screen and (min-width: 1601px) {
	.who-we-are .who-we {
		max-width: 77rem
	}
}

@media screen and (max-width: 991.98px) {
	.who-we-are .who-we {
		max-width: 42rem
	}
}

@media screen and (max-width: 767.98px) {
	.who-we-are .who-we {
		max-width: 35rem
	}
}

.who-we-are .who-we-are-card {
	width: 25rem;
	height: 25rem;
	margin: 1rem
}

.who-we-are .who-we-are-card .card {
	background: linear-gradient(to top, var(--card-bg), var(--white));
	margin: 0rem;
	padding: 1.25rem;
	border-radius: 2.5rem;
	-webkit-border-radius: 2.5rem;
	-ms-border-radius: 2.5rem;
	-moz-border-radius: 2.5rem;
	box-shadow: var(--card-shadow-inner);
	-webkit-box-shadow: var(--card-shadow-inner);
	-ms-box-shadow: var(--card-shadow-inner);
	-moz-box-shadow: var(--card-shadow-inner);
	height: 100%;
	display: flex;
	border: 0
}

.who-we-are .who-we-are-card .card h4 {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 600;
	color: var(--grey-1);
	text-align: center;
	padding: 0rem 2rem 0rem
}

@media screen and (min-width: 1601px) {
	.who-we-are .who-we-are-card .card {
		border-radius: 4rem;
		-webkit-border-radius: 4rem;
		-ms-border-radius: 4rem;
		-moz-border-radius: 4rem
	}
}

.who-we-are .who-we-are-card .img-card {
	width: 12.5rem;
	margin: 1.5rem auto 2rem
}

@media screen and (min-width: 1601px) {
	.who-we-are .who-we-are-card {
		width: 35rem;
		height: 35rem
	}
	.who-we-are .who-we-are-card .card {
		box-shadow: var(--card-shadow);
		-webkit-box-shadow: var(--card-shadow);
		-ms-box-shadow: var(--card-shadow);
		-moz-box-shadow: var(--card-shadow)
	}
	.who-we-are .who-we-are-card .card h4 {
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: 600;
		color: var(--grey-1);
		padding: 0rem 1rem 0rem
	}
	.who-we-are .who-we-are-card .img-card {
		width: 13.5rem;
		margin: 4rem auto 4rem
	}
}

@media screen and (max-width: 991.98px) {
	.who-we-are .who-we-are-card {
		max-width: 17.15rem;
		max-height: 17rem;
		margin: 1rem .5rem .5rem
	}
	.who-we-are .who-we-are-card .card h4 {
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 600;
		color: var(--grey-1);
		padding: 0rem
	}
	.who-we-are .who-we-are-card .img-card {
		width: 7rem;
		margin: .5rem auto .5rem
	}
}

@media screen and (max-width: 767.98px) {
	.who-we-are .who-we-are-card {
		max-width: 14.5rem;
		max-height: 14.5rem
	}
}

.who-we-are .sub-head {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 2.5rem
}

@media screen and (max-width: 991.98px) {
	.who-we-are .sub-head {
		width: 100%;
		line-height: 2rem
	}
}

@media screen and (min-width: 1601px) {
	.who-we-are .sub-head {
		width: 100%;
		padding-bottom: 3rem
	}
}

.our-brand {
	padding: 5rem 0rem 0rem
}

@media screen and (max-width: 991.98px) {
	.our-brand {
		padding: 0rem
	}
}

.our-brand .our-brand-inner {
	width: 100%;
	padding: 0rem
}

.our-brand ul.slick-dots {
	position: absolute;
	bottom: 4rem;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	right: auto
}

@media screen and (max-width: 767.98px) {
	.our-brand ul.slick-dots {
		bottom: 3rem
	}
}

@media screen and (min-width: 1601px) {
	.our-brand ul.slick-dots li {
		width: 3rem
	}
	.our-brand ul.slick-dots li button:before {
		font-size: 4.2rem;
		line-height: 4.6rem
	}
	.our-brand ul.slick-dots li.slick-active button:before {
		font-size: 6rem;
		line-height: 6.4rem;
		line-height: 4.6rem
	}
}

.slider-center.img-center .slide {
	padding: 5rem 0 0;
	position: relative
}

.slider-center.img-center .slide figure {
	margin: 0 0rem 1rem;
	position: relative
}

@media screen and (max-width: 991.98px) {
	.slider-center.img-center .slide {
		padding: 3rem 0 0
	}
	.slider-center.img-center .slide figure {
		margin: 0 0rem 1rem
	}
	.slider-center.img-center .slide figure>img {
		height: calc(100vh - 1vh)
	}
}

.slider-center.img-center .slide .bike-detail {
	position: relative;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 19rem;
	opacity: 1
}

.slider-center.img-center .slide .bike-detail .bike-content {
	height: 10rem
}

.slider-center.img-center .slide .bike-detail img.bike-logo {
	max-width: 25rem;
	box-shadow: var(--card-shadow-none);
	border-radius: 0
}

.slider-center.img-center .slide .bike-detail h5 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
	line-height: 2.6rem;
	font-weight: 500;
	color: var(--white)
}

.slider-center.img-center .slide .bike-detail p {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: var(--white);
	margin-top: 3.5rem;
	text-transform: uppercase
}

.slider-center.img-center .slide .bike-detail p:before {
	content: "";
	background: var(--white);
	margin: -1.5rem auto;
	height: .3rem;
	width: 8rem;
	position: absolute;
	left: 0;
	right: 0
}

.slider-center.img-center .slide .bike-detail .card-btn {
	position: absolute;
	bottom: -11rem;
	left: 0;
	right: 0;
	z-index: 9
}

.slider-center.img-center .slide img {
	width: auto;
	transform-origin: bottom center;
	opacity: 1;
	box-shadow: var(--card-shadow-brand);
	-webkit-box-shadow: var(--card-shadow-brand);
	-ms-box-shadow: var(--card-shadow-brand);
	-moz-box-shadow: var(--card-shadow-brand);
	transform: scale(0.93);
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	border-radius: 4rem;
	-webkit-border-radius: 4rem;
	-ms-border-radius: 4rem;
	-moz-border-radius: 4rem
}

.slider-center.img-center .slide .img-class {
	position: absolute;
	top: 3%;
	max-width: 60rem;
	left: 0;
	right: 0;
	text-align: center;
	margin: auto
}

.slider-center.img-center .slide .img-class img {
	box-shadow: var(--shadow-none);
	-webkit-box-shadow: var(--shadow-none);
	-ms-box-shadow: var(--shadow-none);
	-moz-box-shadow: var(--shadow-none)
}

@media screen and (max-width: 1440px) {
	.slider-center.img-center .slide .img-class {
		max-width: 45rem;
		top: 5%
	}
	.slider-center.img-center .slide .bike-detail {
		bottom: 18rem
	}
	.slider-center.img-center .slide .bike-detail img.bike-logo {
		max-width: 22rem
	}
	.slider-center.img-center .slide .bike-detail p:before {
		margin: -1.7rem auto 0rem;
		height: .2rem;
		width: 5rem
	}
	.slider-center.img-center .slide .bike-detail .card-btn {
		bottom: -10rem
	}
}

@media screen and (max-width: 1199.98px) {
	.slider-center.img-center .slide .img-class {
		max-width: 35rem
	}
	.slider-center.img-center .slide .bike-detail {
		bottom: 14rem
	}
	.slider-center.img-center .slide .bike-detail .card-btn {
		bottom: -9rem
	}
	.slider-center.img-center .slide .bike-detail img.bike-logo {
		max-width: 20rem
	}
	.slider-center.img-center .slide .bike-detail p {
		margin-top: 1.5rem;
		margin-bottom: 0
	}
	.slider-center.img-center .slide .bike-detail p:before {
		margin: -1.7rem auto 0rem;
		height: .2rem;
		width: 5rem
	}
}

@media screen and (max-width: 767.98px) {
	.slider-center.img-center .slide img {
		border-radius: 2rem;
		-webkit-border-radius: 2rem;
		-ms-border-radius: 2rem;
		-moz-border-radius: 2rem
	}
	.slider-center.img-center .slide .img-class {
		max-width: 27rem;
		top: 5%
	}
	.slider-center.img-center .slide .bike-detail {
		bottom: 14rem;
		width: 80%;
		margin: 0 auto
	}
	.slider-center.img-center .slide .bike-detail img.bike-logo {
		max-width: 16rem
	}
	.slider-center.img-center .slide .bike-detail .bike-content {
		min-height: 9rem
	}
	.slider-center.img-center .slide .bike-detail p {
		font-size: 1.2rem;
		line-height: 1.6rem;
		font-weight: 500;
		color: var(--white);
		margin-top: 2.5rem;
		margin-bottom: 0;
		text-transform: uppercase;
		height: 3.3rem
	}
	.slider-center.img-center .slide .bike-detail .card-btn {
		bottom: -5.75rem
	}
}

@media screen and (max-width: 575.98px) {
	.slider-center.img-center .slide figure>img {
		height: calc(100vh - 50vh)
	}
	.slider-center.img-center .slide img {
		border-radius: 2rem;
		-webkit-border-radius: 2rem;
		-ms-border-radius: 2rem;
		-moz-border-radius: 2rem
	}
	.slider-center.img-center .slide .bike-detail {
		bottom: 14rem;
		width: 80%;
		margin: 0 auto
	}
	.slider-center.img-center .slide .bike-detail img.bike-logo {
		max-width: 16rem
	}
	.slider-center.img-center .slide .bike-detail .bike-content {
		min-height: 9rem
	}
	.slider-center.img-center .slide .bike-detail p {
		font-size: 1.2rem;
		line-height: 1.6rem;
		font-weight: 500;
		color: var(--white);
		margin-top: 2.5rem;
		margin-bottom: 0;
		text-transform: uppercase;
		height: 3.3rem
	}
	.slider-center.img-center .slide .bike-detail .card-btn {
		bottom: -5.75rem
	}
}

@media screen and (min-width: 1601px) {
	.slider-center.img-center .slide .img-class {
		top: 4%;
		max-width: 70rem
	}
	.slider-center.img-center .slide .bike-detail img.bike-logo {
		max-width: 28rem
	}
	.slider-center.img-center .slide .bike-detail p {
		font-size: 2.2rem
	}
	.slider-center.img-center .slide .bike-detail p:before {
		margin: -3rem auto
	}
	.slider-center.img-center .slide .bike-detail .card-btn {
		bottom: -12rem
	}
}

.slider-center.img-center .slick-center .slide img {
	transform: scale(1)
}

@media screen and (orientation: landscape) {
	.tvs-experience .experience-type {
		height: 100vh
	}
}

@media screen and (max-width: 991.98px) {
	.btn.outline-white-btn {
		font-size: 1.2rem;
		line-height: 1.6rem;
		padding: .75rem
	}
	.box-slider .box-slide .text-block {
		top: 50%
	}
	.box-slider .box-slide .text-block .target-link {
		margin-top: 0rem
	}
}

@media screen and (max-width: 575.98px) {
	.box-slider .box-slide .text-block {
		top: 46%
	}
	.box-slider .box-slide .text-block .target-link {
		margin-top: 1rem
	}
	.btn.outline-white-btn {
		font-size: 1.4rem;
		line-height: 1.8rem;
		padding: 1rem
	}
	.article__header {
		top: 5rem
	}
	.back-link {
		font-size: 3rem
	}
}

.business {
	background: var(--section-bg);
	background: -moz-linear-gradient(180deg, var(--section-bg) 20%, var(--white) 20%, var(--white) 86%, var(--section-bg) 86%);
	background: -webkit-linear-gradient(180deg, var(--section-bg) 20%, var(--white) 20%, var(--white) 86%, var(--section-bg) 86%);
	background: linear-gradient(180deg, var(--section-bg) 15%, var(--white) 15%, var(--white) 85%, var(--section-bg) 85%);
	padding: 2rem 0rem 6rem;
	position: relative
}

.business .business-card {
/*	height: 100vh*/
}

.business .business-card .card {
	background-image: url("../images/business.html");
	background-repeat: no-repeat;
	background-position: 90% 17rem;
	margin: 0rem;
	padding: 1.5rem;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem;
	box-shadow: 0px 7px 22.8px 1.2px rgba(0, 0, 0, .09);
	height: 100%;
	position: relative;
	z-index: 1;
	border: 0;
	background-size: cover
}

.business .business-card .card h1 {
	padding: 5rem 0rem 2rem;
	margin-bottom: 0
}

.business .business-card .card p {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: #3a3a3a;
	text-align: center;
	padding: 0rem 4rem 3rem;
	max-width: 70rem;
	margin: 0 auto
}

@media screen and (min-width: 1601px) {
	.business .business-card .card p {
		font-size: 2.8rem;
		line-height: 3.2rem;
		font-weight: 400;
		color: #3a3a3a;
		line-height: 3.4rem;
		max-width: 95rem
	}
}

@media screen and (min-width: 1601px) {
	.business .business-card .card {
		background-position: 45% 22rem
	}
}

.business .business-card .img-card {
	width: 10rem;
	margin: 3rem auto
}

@media screen and (min-width: 1601px) {
	.business .business-card .img-card {
		margin: 4rem auto 5rem
	}
}

@media screen and (max-width: 991.98px) {
	.business .business-card {
	/*	height: 100%*/
	}
	.business .business-card .card {
		box-shadow: var(--shadow-xs);
		-webkit-box-shadow: var(--shadow-xs);
		-ms-box-shadow: var(--shadow-xs);
		-moz-box-shadow: var(--shadow-xs);
		background-position: 56% 15rem
	}
	.business .business-card .card p {
		padding: 3rem 0rem;
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 400;
		color: var(--black);
		line-height: 2rem
	}
	.business .business-card .card h1 {
		padding: 2rem 3rem 2rem
	}
	.business .business-card .card .img-card {
		width: 8rem;
		margin: 2rem auto
	}
}

@media screen and (max-width: 575.98px) {
	.business .business-card {
	/*height: 100vh*/
	}
	.business .business-card .card p {
		font-size: 1.6rem;
		line-height: 2rem;
		font-weight: 400;
		color: var(--black)
	}
}

.business .sub-head {
	width: 70%;
	margin: 0 auto;
	text-align: center
}

@media screen and (max-width: 991.98px) {
	.business {
		padding: 2rem 0rem 2rem
	}
}

.corporate-resp {
	position: relative;
	padding: 5rem 0 0
}

@media screen and (max-width: 991.98px) {
	.corporate-resp {
		padding: 5rem 0 0rem
	}
}

.corporate-resp .section {
	margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section {
		margin-top: 2rem
	}
}

.corporate-resp .section ul.slick-dots {
	bottom: -4rem
}

.corporate-resp .section ul.slick-dots li {
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin: 0 .5rem;
	padding: 0;
	cursor: pointer
}

.corporate-resp .section ul.slick-dots li button {
	width: 3rem;
	height: 3rem
}

.corporate-resp .section ul.slick-dots li button:before {
	color: var(--light-bullet);
	opacity: 100;
	font-size: 4rem;
	line-height: 2rem;
	opacity: 1
}

.corporate-resp .section ul.slick-dots li.slick-active button:before {
	color: var(--white);
	opacity: 1;
	font-size: 5rem
}

@media screen and (min-width: 1601px) {
	.corporate-resp .section ul.slick-dots li {
		width: 3.5rem;
		margin: 0rem
	}
}

.corporate-resp .section .SlickCarousel {
	margin-top: 10px;
	z-index: 1
}

.corporate-resp .section .SlickCarousel.slick-slider {
	margin-bottom: 0
}

.corporate-resp .section .SlickCarousel.slick-slider .slick-next,
.corporate-resp .section .SlickCarousel.slick-slider .slick-prev {
	right: -4rem
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel.slick-slider .slick-next,
	.corporate-resp .section .SlickCarousel.slick-slider .slick-prev {
		right: 1.5rem
	}
}

.corporate-resp .section .SlickCarousel.slick-slider .slick-next.slick-arrow,
.corporate-resp .section .SlickCarousel.slick-slider .slick-prev.slick-arrow {
	top: -10%;
	width: 0;
	height: 0
}

.corporate-resp .section .SlickCarousel.slick-slider .slick-next.slick-arrow:before,
.corporate-resp .section .SlickCarousel.slick-slider .slick-prev.slick-arrow:before {
	content: "";
	font-family: "ibicon";
	color: var(--primary-blue);
	font-size: 2.6rem
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel.slick-slider .slick-next.slick-arrow:before,
	.corporate-resp .section .SlickCarousel.slick-slider .slick-prev.slick-arrow:before {
		font-size: 2rem
	}
}

.corporate-resp .section .SlickCarousel.slick-slider .slick-prev {
	left: -7rem;
	right: auto
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel.slick-slider .slick-prev {
		left: -1.5rem
	}
}

.corporate-resp .section .SlickCarousel.slick-slider .slick-prev.slick-arrow:before {
	content: ""
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel.slick-slider {
		margin: 0 1rem
	}
	.corporate-resp .section .SlickCarousel.slick-slider .slick-prev {
		left: -2.25rem
	}
	.corporate-resp .section .SlickCarousel.slick-slider .slick-next {
		right: -0.25rem
	}
}

.corporate-resp .section .SlickCarousel .product-block {
	padding: 0px;
	background: var(--white);
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem
}

.corporate-resp .section .SlickCarousel .product-block .context {
	height: 100%;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem
}

.corporate-resp .section .SlickCarousel .product-block .context .img-fill {
	border-radius: 1.5rem;
	-webkit-border-radius: 1.5rem;
	-ms-border-radius: 1.5rem;
	-moz-border-radius: 1.5rem;
	height: 40rem;
	margin: 3rem 3rem 0rem;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}

@media screen and (max-width: 767.98px) {
	.corporate-resp .section .SlickCarousel .product-block .context .img-fill {
		margin: 1rem
	}
}

.corporate-resp .section .SlickCarousel .product-block .context .img-fill img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel .product-block .context .img-fill {
		height: 100%
	}
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel .product-block .context {
		display: block;
		height: 100%
	}
}

.corporate-resp .section .SlickCarousel .product-block .context .card-section {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	flex-wrap: nowrap;
	max-width: 80%;
	margin: 0 auto;
	padding-bottom: 3rem
}

.corporate-resp .section .SlickCarousel .product-block .context .card-section h3 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: #3a3a3a;
	padding: 3rem 0 1rem
}

.corporate-resp .section .SlickCarousel .product-block .context .card-section p {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .section .SlickCarousel .product-block .context .card-section {
		padding: 2rem;
		margin-top: 0rem
	}
	.corporate-resp .section .SlickCarousel .product-block .context .card-section h3 {
		padding: 1rem 0 1rem;
		font-size: 2rem;
		line-height: 2.4rem;
		text-align: center
	}
	.corporate-resp .section .SlickCarousel .product-block .context .card-section p {
		margin-bottom: 1rem;
		font-size: 1.2rem;
		line-height: 1.6rem;
		font-weight: 400;
		text-align: center
	}
}

@media screen and (max-width: 767.98px) {
	.corporate-resp .section .SlickCarousel .product-block .context .card-section {
		padding: 1rem 1rem 2rem;
		max-width: 90%
	}
}

@media screen and (min-width: 1601px) {
	.corporate-resp .section .SlickCarousel .product-block .context .card-section h3 {
		font-size: 3.6rem;
		line-height: 4rem;
		font-weight: 600;
		color: #3a3a3a
	}
	.corporate-resp .section .SlickCarousel .product-block .context .card-section p {
		font-size: 2.6rem;
		line-height: 3rem;
		font-weight: 400;
		text-align: center
	}
}

@media screen and (max-width: 991.98px) {
	.corporate-resp .col-md-12 {
		max-width: 30rem
	}
}

.tvs-experience {
	background-image: url("../images/tvs-experience-bg.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-top: -6rem;
	position: relative;
	padding-top: 20rem
}

@media screen and (max-width: 991.98px) {
	.tvs-experience {
		padding-top: 18rem
	}
}

.tvs-experience .title {
	color: var(--white)
}

.tvs-experience .title:before,
.tvs-experience .title:after {
	background: var(--white)
}

.tvs-experience .slick-slider {
	margin-left: -12%;
	margin-right: -12%
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-slider {
		margin-left: 0%;
		margin-right: 0%;
		margin-bottom: 70px
	}
}

.tvs-experience .slick-list {
	padding-top: 5rem !important;
	padding-bottom: 8% !important;
	padding-left: 15% !important;
	padding-right: 15% !important
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-list {
		padding-top: 2rem !important
	}
}

.tvs-experience .slick-dots {
	text-align: right;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0
}

.tvs-experience .slick-track {
	max-width: 100% !important;
	transform: translate3d(0, 0, 0) !important;
	perspective: 100px
}

.tvs-experience .slick-slide {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	opacity: 0;
	width: 100% !important;
	transform: translate3d(0, 0, 0);
	transition: transform 1s, opacity 1s
}

.tvs-experience .slick-snext,
.tvs-experience .slick-sprev,
.tvs-experience .slick-snext2,
.tvs-experience .slick-sprev2 {
	display: block
}

.tvs-experience .slick-current {
	opacity: 1;
	position: relative;
	display: block;
	z-index: 2
}

.tvs-experience .slick-snext {
	opacity: 1;
	transform: translate3d(10%, 0, -10px);
	z-index: 1;
	perspective: 1000px
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-snext {
		transform: translate3d(15%, 0, -10px)
	}
}

.tvs-experience .slick-snext2 {
	opacity: 1;
	transform: translate3d(20%, 0, -20px);
	z-index: 0;
	perspective: 1000px
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-snext2 {
		transform: translate3d(20%, 0, -30px)
	}
}

.tvs-experience .slick-sprev {
	opacity: 1;
	transform: translate3d(-10%, 0, -10px)
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-sprev {
		transform: translate3d(-15%, 0, -10px)
	}
}

.tvs-experience .slick-sprev2 {
	opacity: 1;
	transform: translate3d(-20%, 0, -20px)
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-sprev2 {
		transform: translate3d(-20%, 0, -30px)
	}
}

.tvs-experience .slick-prev,
.tvs-experience .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	border: none;
	outline: none;
	z-index: 9
}

.tvs-experience .slick-prev,
.tvs-experience .slick-next {
	left: 5rem
}

.tvs-experience .slick-prev.slick-arrow,
.tvs-experience .slick-next.slick-arrow {
	top: -14%;
	width: 0;
	height: 0
}

.tvs-experience .slick-prev.slick-arrow:before,
.tvs-experience .slick-next.slick-arrow:before {
	content: "";
	font-family: "ibicon";
	color: var(--white);
	font-size: 2.6rem
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-prev.slick-arrow:before,
	.tvs-experience .slick-next.slick-arrow:before {
		font-size: 2rem
	}
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-prev,
	.tvs-experience .slick-next {
		left: -0.5rem
	}
}

.tvs-experience .slick-next {
	right: 8rem;
	left: auto
}

.tvs-experience .slick-next.slick-arrow:before {
	content: ""
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-next {
		right: 2rem
	}
}

.tvs-experience .experience-type {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 70vh;
	border-radius: 3rem;
	overflow: hidden;
	position: relative;
	box-shadow: var(--card-shadow);
	-webkit-box-shadow: var(--card-shadow);
	-ms-box-shadow: var(--card-shadow);
	-moz-box-shadow: var(--card-shadow)
}

@media screen and (min-width: 1601px) {
	.tvs-experience .experience-type {
		height: 60vh
	}
}

.tvs-experience .experience-type img {
	width: 100%;
	height: 100%;
	object-position: center;
	object-fit: cover;
	max-width: 100%
}

.tvs-experience .experience-type:focus {
	outline: none
}

@media screen and (max-width: 1199.98px) {
	.tvs-experience .experience-type {
		height: 100%
	}
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .experience-type {
		height: 100vh
	}
}

@media screen and (max-width: 575.98px) {
	.tvs-experience .experience-type {
		height: 65vh
	}
}

.tvs-experience .experience-content {
	position: absolute;
	z-index: 1;
	bottom: 3rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	color: var(--white)
}

.tvs-experience .experience-content h3 {
	font-size: 2.6rem;
	line-height: 3rem;
	margin-bottom: 1rem
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .experience-content h3 {
		font-size: 2rem;
		line-height: 2.4rem
	}
}

.tvs-experience .experience-content p {
	font-size: 1.8rem;
	line-height: 2.2rem;
	margin-bottom: 2rem
}

@media screen and (min-width: 1601px) {
	.tvs-experience .experience-content h3 {
		font-size: 3.6rem;
		line-height: 4rem;
		font-weight: 500
	}
	.tvs-experience .experience-content p {
		font-size: 2.8rem;
		line-height: 3.2rem;
		font-weight: 400;
		margin-bottom: 2.8rem
	}
}

.tvs-experience .slick-dots {
	text-align: center;
	position: absolute;
	bottom: 3rem;
	left: 0;
	right: 0
}

.tvs-experience .slick-dots li {
	height: 3rem;
	width: 3rem
}

.tvs-experience .slick-dots li button {
	width: 3rem;
	height: 3rem
}

.tvs-experience .slick-dots li button:before {
	color: var(--light-bullet);
	font-size: 3.5rem;
	line-height: 2rem
}

.tvs-experience .slick-dots li.slick-active button {
	width: 3rem;
	height: 3rem
}

.tvs-experience .slick-dots li.slick-active button:before {
	color: var(--white);
	opacity: 1;
	font-size: 4.2rem
}

@media screen and (max-width: 991.98px) {
	.tvs-experience .slick-dots {
		bottom: -2rem
	}
}

.glob-presence {
	padding: 4rem 0rem 0rem
}

@media screen and (max-width: 991.98px) {
	.glob-presence {
		padding: 3rem 0 8rem
	}
}

.glob-presence .glob-main {
	width: 45rem;
	margin: 0 auto;
	padding: 2rem 0 0rem
}

@media screen and (max-width: 991.98px) {
	.glob-presence .glob-main {
		padding: 2rem 0 0rem
	}
}

.glob-presence .glob-main .input-group {
	max-width: 35rem;
	margin: 0rem auto 2rem
}

@media screen and (max-width: 991.98px) {
	.glob-presence .glob-main .input-group {
		max-width: 30rem
	}
}

.glob-presence .glob-main .input-group .input-group-append {
	border-radius: 5rem
}

.glob-presence .glob-main .input-group .input-group-append .btn {
	margin-left: -5rem;
	border-radius: 50%;
	padding: .5rem 1.55rem;
	z-index: 3
}

@media screen and (max-width: 991.98px) {
	.glob-presence .glob-main .input-group .input-group-append .btn {
		padding: .7rem 1.2rem;
		margin-left: -4rem
	}
}

.glob-presence .glob-main .input-group .input-group-append .btn .icon-search-bar {
	font-size: 2.2rem
}

.glob-presence .glob-main .glob-pic {
	border-radius: 4rem;
	overflow: hidden
}

@media screen and (max-width: 991.98px) {
	.glob-presence .glob-main .glob-pic {
		width: 360px;
		margin: 0 auto
	}
}

@media screen and (max-width: 767.98px) {
	.glob-presence .glob-main .glob-pic {
		width: 330px;
		margin: 0 auto
	}
}

.glob-presence .glob-main .glob-section {
	max-width: 100%;
	margin: 4rem auto;
	padding: 0rem;
	position: relative
}

@media screen and (max-width: 991.98px) {
	.glob-presence .glob-main .glob-section {
		margin: 4rem auto
	}
}

.glob-presence .glob-main .glob-section .img-fluid {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto
}

.glob-presence .glob-main .glob-section .zoom-btn {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: center;
	position: absolute;
	right: -7rem;
	bottom: 0rem
}

.glob-presence .glob-main .glob-section .zoom-btn .in-out {
	width: 5rem
}

@media screen and (max-width: 991.98px) {
	.glob-presence .glob-main .glob-section .zoom-btn {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-content: center;
		align-items: center;
		right: 0rem;
		bottom: -7rem;
		left: 0
	}
	.glob-presence .glob-main .glob-section .zoom-btn .in-out {
		margin: 0rem;
		width: 4.5rem
	}
}

@media screen and (min-width: 1601px) {
	.glob-presence .glob-main {
		width: 60rem
	}
	.glob-presence .glob-main .glob-section .zoom-btn {
		right: -12rem
	}
}

.glob-presence .popup-div {
	position: absolute;
	top: 0rem;
	bottom: 0;
	margin: auto;
	background: var(--primary-blue);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	left: -1rem;
	right: 0;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	z-index: 1
}

.glob-presence .popup-div .popup-transparent {
	width: 3rem;
	height: 3rem;
	cursor: pointer
}

.country-name {
	font-size: 3.2rem;
	line-height: 3.6rem;
	font-weight: 600;
	color: var(--grey-2);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1.5rem 0 0 0rem;
	text-transform: capitalize
}

@media screen and (min-width: 1601px) {
	.country-name {
		font-size: 5.2rem;
		line-height: 5.6rem;
		font-weight: 600;
		color: var(--grey-2)
	}
}

@media screen and (max-width: 991.98px) {
	.country-name {
		font-size: 2.2rem;
		line-height: 2.6rem;
		font-weight: 600;
		color: var(--grey-2)
	}
}

.country-title {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: var(--black);
	text-align: center;
	margin: 1rem 0 3rem
}

.country-title:hover {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: var(--black)
}

@media screen and (min-width: 1601px) {
	.country-title {
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: 400;
		color: var(--black)
	}
	.country-title:hover {
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: 400;
		color: var(--black)
	}
}

@media screen and (max-width: 991.98px) {
	.country-title {
		margin: 3rem 0 3rem
	}
}

.country-specific {
	text-align: center
}

.country-specific h6 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: var(--primary-blue);
	margin: 0
}

.country-specific span {
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: var(--grey-2)
}

.country-specific .specific-count {
	padding: 0;
	width: 33%;
	border-right: .5rem solid rgba(0, 0, 0, .1)
}

.country-specific .specific-count:last-child {
	border-right: 0rem solid rgba(0, 0, 0, .1)
}

@media screen and (max-width: 991.98px) {
	.country-specific .specific-count {
		padding: 2rem 0;
		width: 100%;
		border-right: 0rem solid rgba(0, 0, 0, .1)
	}
}

.docs-tip {
	font-size: 1.2rem;
	line-height: 1.6rem;
	font-weight: 400;
	color: var(--white);
	margin-top: .1rem;
	transform: translateX(-50%)
}

.show {
	display: block
}

.autocomplete-items {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	border-bottom-left-radius: 3rem;
	background: var(--black);
	width: 99.3%;
	margin-top: 0rem;
	background-color: var(--input-bg);
	overflow: hidden;
	border-bottom-right-radius: 3rem
}

.autocomplete-items div {
	padding: 1.5rem;
	cursor: pointer;
	border-bottom: 1px solid #d4d4d4;
	background-color: var(--input-bg);
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: var(--primary-blue)
}

.autocomplete-items div:hover {
	background-color: #e9e9e9
}

.autocomplete-active {
	background-color: #1e90ff !important;
	color: #fff
}

.tvs-award {
	padding: 5rem 0;
	background: var(--white)
}

@media screen and (min-width: 1601px) {
	.tvs-award {
		padding: 8rem 0
	}
	.tvs-award .testimonial-reel {
		margin-top: 5rem
	}
}

.tvs-award .testimonial-reel {
	margin-bottom: 4rem !important;
	margin-top: 2rem
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel {
		margin-top: 2rem
	}
}

.tvs-award .testimonial-reel .box {
	position: relative;
	margin-bottom: 0px;
	padding: 0 6rem 5rem;
	width: 80%;
	margin: 0 auto
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .box {
		padding-bottom: 3rem;
		padding: 0 2rem 5rem;
		width: 90%
	}
}

.tvs-award .testimonial-reel .box .image {
	margin: 0 auto -45px;
	text-align: center
}

.tvs-award .testimonial-reel .box .image img {
	height: 140px;
	margin: 0 auto
}

.tvs-award .testimonial-reel .box .test-component {
	background-color: var(--white);
	padding: 3rem 2.5rem;
	box-shadow: var(--card-box-shadow-md);
	-webkit-box-shadow: var(--card-box-shadow-md);
	-ms-box-shadow: var(--card-box-shadow-md);
	-moz-box-shadow: var(--card-box-shadow-md);
	min-height: 22rem;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-moz-border-radius: 2rem
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .box .test-component {
		margin: 0rem;
		min-height: 25rem
	}
}

@media screen and (min-width: 1601px) {
	.tvs-award .testimonial-reel .box .test-component {
		padding: 5rem 2.5rem
	}
}

.tvs-award .testimonial-reel .box .test-title {
	color: var(--grey-1);
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 15px
}

.tvs-award .testimonial-reel .box .test-title h4 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: #3a3a3a
}

.tvs-award .testimonial-reel .box .test-title h4:after {
	content: "";
	border-bottom: 2px solid var(--grey-4);
	width: 10rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin: 2rem auto
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .box .test-title h4 {
		font-size: 2rem;
		line-height: 2.4rem;
		font-weight: 600;
		color: #3a3a3a
	}
}

@media screen and (min-width: 1601px) {
	.tvs-award .testimonial-reel .box .test-title h4 {
		font-size: 3.6rem;
		line-height: 4rem;
		font-weight: 600;
		color: #3a3a3a
	}
	.tvs-award .testimonial-reel .box .test-title h4:after {
		margin: 3rem auto
	}
}

.tvs-award .testimonial-reel .box .test-content {
	text-align: center;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--grey-1);
	line-height: 2.4rem
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .box .test-content {
		font-size: 1.4rem;
		line-height: 1.8rem;
		font-weight: 400;
		color: var(--grey-1);
		line-height: 2rem
	}
}

@media screen and (min-width: 1601px) {
	.tvs-award .testimonial-reel .box .test-content {
		font-size: 2.6rem;
		line-height: 3rem;
		font-weight: 400;
		color: #000;
		text-align: center
	}
}

.tvs-award .testimonial-reel .slick-slide {
	opacity: 1;
	transform: scale(1.05);
	padding: 0;
	transition: all .3s ease
}

.tvs-award .testimonial-reel .slick-slide.slick-cloned {
	transform: scale(1.05)
}

.tvs-award .testimonial-reel .slick-slide.slick-current.slick-active {
	opacity: 1;
	transform: scale(1.05)
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .slick-slide {
		transform: scale(1.05)
	}
	.tvs-award .testimonial-reel .slick-slide.slick-cloned {
		transform: scale(1.05)
	}
	.tvs-award .testimonial-reel .slick-slide.slick-current.slick-active {
		transform: scale(1.05)
	}
}

.tvs-award .testimonial-reel .slick-next {
	right: 10.75rem
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .slick-next {
		right: 2rem
	}
}

.tvs-award .testimonial-reel .slick-next.slick-arrow {
	top: 0;
	width: 0;
	height: 0
}

.tvs-award .testimonial-reel .slick-next.slick-arrow:before {
	content: "";
	font-family: "ibicon";
	font-size: 3rem;
	line-height: 3.4rem;
	font-weight: 500;
	color: var(--primary-blue)
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .slick-next.slick-arrow:before {
		font-size: 2rem;
		line-height: 2.4rem;
		color: var(--primary-blue)
	}
}

.tvs-award .testimonial-reel .slick-prev {
	left: 7rem
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .slick-prev {
		left: -0.5rem
	}
}

.tvs-award .testimonial-reel .slick-prev.slick-arrow {
	top: 0;
	width: 0;
	height: 0
}

.tvs-award .testimonial-reel .slick-prev.slick-arrow:before {
	content: "";
	font-family: "ibicon";
	font-size: 3rem;
	line-height: 3.4rem;
	font-weight: 500;
	color: var(--primary-blue)
}

@media screen and (max-width: 991.98px) {
	.tvs-award .testimonial-reel .slick-prev.slick-arrow:before {
		font-size: 2rem;
		line-height: 2.4rem;
		font-weight: 500;
		color: var(--primary-blue)
	}
}

.tvs-award .testimonial-reel .slick-dots {
	bottom: -3rem
}

.tvs-award .testimonial-reel .slick-dots li {
	height: 3rem;
	width: 3rem
}

.tvs-award .testimonial-reel .slick-dots li button {
	width: 3rem;
	height: 3rem
}

.tvs-award .testimonial-reel .slick-dots li button:before {
	color: var(--bullet-grey);
	font-size: 4rem;
	line-height: 2rem
}

.tvs-award .testimonial-reel .slick-dots li.slick-active button {
	width: 3rem;
	height: 3rem
}

.tvs-award .testimonial-reel .slick-dots li.slick-active button:before {
	color: var(--primary-blue);
	opacity: 1;
	font-size: 5rem
}

.whats-new {
	padding: 5rem 0rem 0rem;
	background: #f6f6f6
}

@media screen and (max-width: 991.98px) {
	.whats-new {
		padding: 5rem 0
	}
}

.whats-new .our-brand-inner {
	width: 100%;
	padding: 1rem 0 8rem
}

.whats-new .our-brand-inner .news-top {
	padding: 2rem 0 0 0rem
}

@media screen and (max-width: 991.98px) {
	.whats-new .our-brand-inner {
		padding: 1rem 0 3rem
	}
	.whats-new .our-brand-inner .news-top {
		padding: 2rem 0 0 0rem
	}
}

.whats-new ul.slick-dots {
	position: absolute;
	bottom: -2rem;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	right: auto
}

.whats-new ul.slick-dots li {
	width: 2.5rem
}

@media screen and (max-width: 767.98px) {
	.whats-new ul.slick-dots {
		bottom: -1rem
	}
}

.slider-center.whats-center .slide {
	padding: 3rem 0rem;
	position: relative
}

@media screen and (max-width: 991.98px) {
	.slider-center.whats-center .slide {
		padding: 3rem 0 0
	}
	.slider-center.whats-center .slide figure {
		margin: 0 0rem 1rem
	}
	.slider-center.whats-center .slide figure>img {
		height: calc(100vh - 60vh)
	}
}

.slider-center.whats-center .slide .what-card {
	width: 100%;
	opacity: 1;
	box-shadow: 0px 7px 31.6px 12.4px rgba(0, 0, 0, .14);
	transform: scale(0.85);
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	transition: transform .2s
}

.slider-center.whats-center .slick-center .slide .what-card {
	transform: scale(1)
}

.slider-center.whats-center .slick-prev,
.slider-center.whats-center .slick-next {
	height: 3rem;
	width: 3rem;
	box-shadow: var(--shadow-none);
	-webkit-box-shadow: var(--shadow-none);
	-ms-box-shadow: var(--shadow-none);
	-moz-box-shadow: var(--shadow-none)
}

.slider-center.whats-center .slick-prev:before,
.slider-center.whats-center .slick-next:before {
	font-family: "ibicon";
	font-size: 2.6rem;
	line-height: 3rem;
	font-weight: 500;
	color: var(--primary-blue);
	opacity: 100
}

@media screen and (max-width: 991.98px) {
	.slider-center.whats-center .slick-prev:before,
	.slider-center.whats-center .slick-next:before {
		font-size: 2rem;
		line-height: 2.4rem;
		font-weight: 500;
		color: var(--primary-blue)
	}
}

.slider-center.whats-center .slick-prev {
	left: 23%;
	z-index: 1
}

.slider-center.whats-center .slick-prev:before {
	content: ""
}

@media screen and (max-width: 991.98px) {
	.slider-center.whats-center .slick-prev {
		left: 0rem
	}
}

.slider-center.whats-center .slick-next {
	right: 23%;
	z-index: 1
}

.slider-center.whats-center .slick-next:before {
	content: ""
}

@media screen and (max-width: 991.98px) {
	.slider-center.whats-center .slick-next {
		right: 0rem
	}
}

.what-card {
	display: flex;
	background: var(--white);
	border-radius: 2rem;
	overflow: hidden
}

@media screen and (max-width: 991.98px) {
	.what-card {
		margin-bottom: 4rem
	}
}

.what-card .news-card-inner {
	padding: 2rem;
	display: flex;
	width: 100%
}

.what-card .news-card-inner .what-img {
	width: 50%;
	min-height: 27vh;
	padding-right: 3rem;
	display: flex;
	align-items: center;
	justify-content: center
}

.what-card .news-card-inner .what-img img {
	max-width: 100%;
	min-width: 100%;
	transform: scale(1);
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-moz-border-radius: 1rem
}

.what-card .news-card-inner .what-content {
	width: 50%
}

.what-card .news-card-inner .what-content span {
	display: inline-block;
	padding: 0rem 0 1.5rem;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 400;
	color: var(--black);
	opacity: .7
}

.what-card .news-card-inner .what-content .news {
	display: flex;
	flex-direction: column;
	align-items: self-start;
	justify-content: right;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	height: 84%
}

.what-card .news-card-inner .what-content .news p {
	margin: 0;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 500;
	color: var(--black)
}

@media screen and (max-width: 991.98px) {
	.what-card .news-card-inner {
		padding: 1.25rem 1.25rem 2rem;
		display: flex;
		width: 100%;
		align-items: self-end;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between
	}
	.what-card .news-card-inner .what-img {
		width: 100%;
		height: auto;
		padding-right: 0rem;
		display: flex;
		align-items: baseline;
		justify-content: center
	}
	.what-card .news-card-inner .what-content {
		width: 100%;
		text-align: center;
		padding: 3rem 1rem 1rem;
		min-height: 10rem
	}
	.what-card .news-card-inner .what-content .news {
		display: flex;
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		height: 100%;
		text-align: center
	}
	.what-card .news-card-inner .what-content .news p {
		margin: 0 0 3rem;
		min-height: 10rem
	}
}

@media screen and (max-width: 575.98px) {
	.what-card .news-card-inner {
		padding: 1.25rem 1.25rem 2rem;
		display: flex;
		width: 100%;
		align-items: self-start;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-between
	}
	.what-card .news-card-inner .what-img {
		width: 100%;
		height: 27vh;
		padding-right: 0rem;
		display: flex;
		align-items: baseline;
		justify-content: center
	}
	.what-card .news-card-inner .what-content {
		width: 100%;
		text-align: center;
		padding: 3rem 1rem 1rem;
		min-height: 10rem
	}
	.what-card .news-card-inner .what-content .news {
		display: flex;
		align-items: center;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		height: 100%;
		text-align: center
	}
	.what-card .news-card-inner .what-content .news p {
		margin: 0 0 3rem;
		min-height: 10rem
	}
}

.country {
	position: absolute;
	top: 2rem;
	right: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	z-index: 3
}

.country .form-group {
	margin-bottom: 0
}

@media screen and (max-width: 991.98px) {
	.country {
		top: 0rem;
		right: 1.5rem;
		display: none
	}
}

.country-popup {
	padding-right: 1.5rem
}

.country-popup .flag-select {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.6rem;
	line-height: 2rem;
	font-weight: 500;
	color: var(--primary-blue);
	cursor: pointer
}

.country-popup .flag-select img {
	max-width: 100%;
	margin-right: .5rem;
	min-height: 2.4rem
}

.country-popup .flag-select:before {
	content: "";
	font-family: "ibicon";
	position: absolute;
	right: -1rem;
	top: 50%;
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: var(--primary-blue);
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%)
}

.country-popup .flag-select.active:before {
	content: ""
}

@media screen and (max-width: 1199.98px) {
	.country-popup .flag-select {
		font-size: 1.3rem;
		line-height: 1.7rem;
		font-weight: 500;
		color: var(--black)
	}
}

@media screen and (max-width: 991.98px) {
	.country-popup {
		background: var(--primary-blue);
		width: 100%;
		color: var(--white);
		display: flex;
		justify-content: flex-start;
		padding: 2rem 4rem;
		box-shadow: 0px -7px 50.7px 6.3px rgba(0, 0, 0, .25);
		border-radius: 2rem 2rem 0rem 0;
		align-items: center;
		height: auto
	}
	.country-popup .flag-select {
		font-size: 1.6rem;
		line-height: 2rem;
		font-weight: 500;
		color: var(--white)
	}
	.country-popup .flag-select:before {
		content: "";
		font-size: 2.4rem;
		line-height: 2.8rem;
		font-weight: 600;
		color: var(--white);
		right: 4rem;
		border-radius: 50%;
		border: 2px solid var(--white);
		width: 3.5rem;
		height: 3.5rem;
		display: flex;
		justify-content: center;
		align-items: center
	}
	.country-popup .flag-select.active:before {
		right: 4rem
	}
}

.show-popup-ask-close {
	display: none;
	width: 100%;
	height: 60vh;
	background-color: rgba(255, 255, 255, .99);
	margin: 0 auto;
	text-align: center;
	padding: 0rem 2rem 2rem;
	position: fixed;
	top: 9.6rem;
	left: .5rem;
	z-index: 9999;
	box-shadow: var(--card-shadow-inner)
}

@media screen and (max-width: 991.98px) {
	.show-popup-ask-close {
		height: 100vh;
		z-index: 99;
		top: 0;
		left: 0;
		margin-bottom: 2rem
	}
}

@media screen and (max-width: 575.98px) {
	.show-popup-ask-close {
		height: 100vh
	}
}

.show-popup-ask-close span {
	float: right;
	font-size: 4.2rem;
	line-height: 4.6rem;
	font-weight: 500;
	color: var(--primary-blue);
	padding: 2rem 0 2.5rem
}

@media screen and (max-width: 991.98px) {
	.show-popup-ask-close span {
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: 500;
		color: var(--primary-blue);
		padding: 1rem 0 1.5rem
	}
}

.popup-overlay {
	z-index: 0;
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: red;
	top: 0;
	left: 100%;
	opacity: .1;
	left: 0
}

.country-flag {
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45vh;
	overflow-y: scroll;
	overflow-x: hidden;
	padding: 0rem 0rem 2rem
}

.country-flag .flag-region {
	width: 100%;
	margin-bottom: 4rem
}

.country-flag .flag-region h1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 0 2rem;
	border-bottom: solid 1px rgba(172, 172, 172, .6);
	font-size: 2.4rem;
	line-height: 2.8rem;
	font-weight: 600;
	color: var(--black);
	text-transform: uppercase;
	max-width: 130rem;
	margin: 0 auto 3rem
}

@media screen and (min-width: 1601px) {
	.country-flag .flag-region h1 {
		font-size: 3rem;
		line-height: 3.4rem;
		font-weight: 600;
		color: var(--black)
	}
}

@media screen and (min-width: 1601px) {
	.country-flag .flag-region h1 {
		max-width: 160rem
	}
}

.country-flag .flag-region .flag-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: stretch;
	width: 120rem;
	padding-bottom: 0rem;
	margin: 0 auto
}

@media screen and (max-width: 1199.98px) {
	.country-flag .flag-region .flag-list {
		width: 100%
	}
	.country-flag .flag-region .flag-list .flag {
		max-width: 20%
	}
}

@media screen and (min-width: 1601px) {
	.country-flag .flag-region .flag-list {
		width: 150rem
	}
}

.country-flag .flag-region .flag-list .flag {
	margin: 0 0rem 3rem 0;
	display: flex;
	align-items: center;
	max-width: 20%;
	cursor: pointer
}

@media screen and (min-width: 1601px) {
	.country-flag .flag-region .flag-list .flag {
		margin: 0 4rem 5rem 0
	}
}

.country-flag .flag-region .flag-list .flag img {
	width: 5rem;
	margin-right: 2rem
}

@media screen and (min-width: 1601px) {
	.country-flag .flag-region .flag-list .flag img {
		width: 6rem
	}
}

.country-flag .flag-region .flag-list .flag span {
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: var(--black);
	width: 17rem;
	text-align: left;
	flex-wrap: wrap;
	padding: 0rem
}

@media screen and (min-width: 1601px) {
	.country-flag .flag-region .flag-list .flag span {
		font-size: 2.2rem;
		line-height: 2.6rem;
		font-weight: 400;
		color: var(--black)
	}
}

@media screen and (max-width: 991.98px) {
	.country-flag {
		height: calc(100vh - 30%);
		padding: 0rem 0rem 2rem
	}
	.country-flag .flag-region h1 {
		flex-direction: inherit;
		justify-content: flex-start;
		margin-bottom: 3rem;
		font-size: 2.2rem;
		line-height: 2.6rem;
		font-weight: 600;
		color: var(--black)
	}
	.country-flag .flag-region .flag-list {
		display: inline;
		flex-direction: column;
		justify-content: flex-start
	}
	.country-flag .flag-region .flag-list .flag {
		width: 100%;
		margin: 0 0 4rem;
		max-width: 100%
	}
	.country-flag .flag-region .flag-list .flag span {
		font-size: 1.6rem;
		line-height: 2rem;
		font-weight: 500;
		color: var(--primary-blue)
	}
}

@media screen and (max-width: 575.98px) {
	.country-flag {
		height: calc(100% - 20vh)
	}
}

.country-admin {
	overflow: hidden;
	display: block
}

@media screen and (max-width: 991.98px) {
	.modal-open.country-admin {
		overflow: hidden
	}
}

.title {
	font-size: 3.2rem;
	line-height: 3.6rem;
	font-weight: 600;
	color: var(--grey-1);
	position: relative;
	padding: 2rem 0rem;
	margin: 0rem;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center
}

@media screen and (max-width: 991.98px) {
	.title {
		font-size: 2.4rem;
		line-height: 2.8rem;
		padding: 2rem 0 2rem
	}
}

@media screen and (min-width: 1601px) {
	.title {
		font-size: 5.2rem;
		line-height: 5.6rem;
		font-weight: 600;
		color: var(--grey-1)
	}
}

.inner-title {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 500;
	color: var(--grey-1);
	padding: 0;
	margin: 0 0 3rem;
	text-align: center
}

@media screen and (min-width: 1601px) {
	.inner-title {
		font-size: 3.2rem;
		line-height: 3.6rem;
		font-weight: 600;
		color: var(--grey-1)
	}
}

.inner-content {
	font-size: 2rem;
	line-height: 2.4rem;
	font-weight: 400;
	color: var(--grey-2);
	padding: 1rem 0rem 1rem 0rem;
	line-height: 3rem
}

@media screen and (max-width: 991.98px) {
	.inner-content {
		font-size: 1.6rem;
		line-height: 2rem;
		font-weight: 400;
		color: var(--grey-2)
	}
}

@media screen and (min-width: 1601px) {
	.inner-content {
		font-size: 3.2rem;
		line-height: 3.6rem;
		font-weight: 400;
		color: var(--grey-2);
		line-height: 4rem
	}
}
.gallery-container{
	margin-left: 100px !important;
	margin-right: 100px !important;
}
@media screen and (max-width: 991.98px) {
	.gallery-container{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
footer .footerAddress .tvsLogo {
    /* background: var(--white); */
 
    left: 135px;
    margin-top: -8.8rem;

}
}
@media screen and (max-width: 767.98px) {
.logo-heading{
         color: #fff;
    font-size: 18px;
    font-weight: 800;
    margin-top: 16px;
  
    
}
.tvs-header .navbar{
    background:#000;
        max-height: 110px
}
}
/*# sourceMappingURL=main.css.map */