/* CSS Document */

/* ELEMENTS Declarations */
body, html {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	height: 100%;
	background-color: white;
	scroll-behavior: smooth;
}
h1 {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 72px;
	cursor: default;
}
h2 {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 64px;
	cursor: default;
}
h3 {
	font-family: "aatFONT", “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:calc(10px + 0.75vw);
	cursor: default;
}
h4 {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:calc(10px + 0.75vw);
	cursor: default;
}
h5 {
	font-family: "aatFONT", “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 32px;
	cursor: default;
}
h6 {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size:calc(8px + 0.6vw);
	cursor: default;
}
a {
	text-decoration:none;
	color:black;
}
font {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 24px;
	cursor: default;
}
table {
	width: 100%;
}
div {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
span {
	width: 100%;
	margin: auto;
}
button {
	margin-bottom: 0px;
	height: 36px;
	width: 36px;
	background-color: rgba(0,0,0,0);
	border: none;
	cursor: pointer;
}
footer {
	background-color: black;
	color: white;
}

/* CLASS Declarations */

.tooltip_templates { display: none; }

.gdpr {
	position: fixed;
	bottom: 0px;
	height: 60px;
	width: 100%;
	left: 0px;
	display: none;
	z-index: 999;
}
.gn {
	background-color: rgba(48,172,133,0.9);
}
.bordergn {
	border: 2px solid rgba(48,172,133,1);
}
.rd {
	background-color: rgba(246,164,51,0.9);
}
.borderrd {
	border: 2px solid rgba(246,164,51,1);
}
.bl {
	background-color: rgba(0,159,227,0.9);
}
.borderbl {
	border: 2px solid rgba(0,159,227,1);
}


.fontrd {
	color:rgba(246,164,51,1);
}
.fontgn {
	color:rgba(48,172,133,1);
}
.fontbl {
	color:rgba(0,159,227,1);
}

.gdpr-font {
	font-size:14px;
	font-size:calc(8px + 0.5vw);
}
.lang {
	position: fixed;
	bottom: 10px;
	right: 15px;
	width: 30px;
}
.drdn {
	width:100%;
	display: none;
}
.black {
	color: white;
	background-color: black;
	min-height: 100vh;
	text-align: center;
	padding: 2em;
}
.white {
	color: black;
	background-color: white;
	min-height: 100vh;
	text-align: center;
	padding: 2em;
}

.separator_rd {
	background-image: url(../img/gradient/grad-rd.png);
	background-repeat: repeat-y;
	background-size: contain;
	min-height: 9px;
	text-align: center;
}
.separator_gn {
	background-image: url(../img/gradient/grad-gn.png);
	background-repeat: repeat-y;
	background-size: contain;
	min-height: 9px;
	text-align: center;
}
.separator_bl {
	background-image: url(../img/gradient/grad-bl.png);
	background-repeat: repeat-y;
	background-size: contain;
	min-height: 9px;
	text-align: center;
}

.logo {
	width:40vw;
}

.welcome {
	background-image: url('../img/backgrounds/01.jpg');
}
.service {
	background-image: url('../img/backgrounds/02.jpg');
}
.videos {
	background-image: url('../img/backgrounds/05.jpg');
}
.whatcan {
	background-image: url('../img/backgrounds/09.jpg');
}
.videoplayer {
	float: left;
	width: 100%;
	background-color: black;
	z-index: 900;
}
.videodesc {
	float: left;
	margin-top: -80px;
}

.row {
	width: 80vw;
}
.col, .col2 {
	width: 75vw;
	float: left;
	padding: 5%;
	vertical-align:top;
	text-align:center;
}
@media (min-width: 800px) {
	.col {
		width: 44%;
		padding: 3%;
	}
	.realign {
		text-align: left;
	}
	.logo {
		width:22vw;
	}
}
@media (min-width: 1500px) {
	.col {
		width: 23%;
		padding: 1%;
	}
	.col2 {
		width: 43%;
		padding: 3%;
	}
	.realign2 {
		text-align: left;
	}
	.videodesc {
		margin-top: 0px;
	}
	.logo {
		width:18vw;
	}
}

.tabheader1 {
	font-family: "aatFONT", “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 40px;
	color: black;
}
.tabheader2 {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 28px;
	background-color: black;
	color: white;
}


.parallax {
	min-height: 100vh;
	text-align: center;
	padding: 2em;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border: none;
}
.plx-loader {
	background-image: url('../img/gif/loader.gif');
	background-size: auto;
}







.plx180312-1 {
	background-image: url('../img/credentials/202009-1-sdc.jpg');
}
.plx180312-2 {
	background-image: url('../img/credentials/202009-2-sdc.jpg');
}
.plx180312-3 {
	background-image: url('../img/credentials/202009-3-sdc.jpg');
}
.plx180312-4 {
	background-image: url('../img/credentials/202009-4-sdc.jpg');
}





.plx190912-1 {
	background-image: url('../img/credentials/190912-1-fiba.jpg');
}



.plx190911-1 {
	background-image: url('../img/credentials/190911-1-tcl.jpg');
}
.plx190911-2 {
	background-image: url('../img/credentials/190911-2-tcl.jpg');
}
.plx190911-3 {
	background-image: url('../img/credentials/190911-3-tcl.jpg');
}
.plx190911-4 {
	background-image: url('../img/credentials/190911-4-tcl.jpg');
}


.plx190414-1 {
	background-image: url('../img/credentials/190414-1-vw.jpg');
}
.plx190414-2 {
	background-image: url('../img/credentials/190414-2-vw.jpg');
}
.plx190414-3 {
	background-image: url('../img/credentials/190414-3-vw.jpg');
}
.plx190414-4 {
	background-image: url('../img/credentials/190414-4-vw.jpg');
}

.plx181211-1 {
	background-image: url('../img/credentials/181211-1-vw.jpg');
}
.plx181211-2 {
	background-image: url('../img/credentials/181211-2-vw.jpg');
}
.plx181211-3 {
	background-image: url('../img/credentials/181211-3-vw.jpg');
}

.plx191122-1 {
	background-image: url('../img/credentials/191122-1-nissan.jpg');
}
.plx191122-2 {
	background-image: url('../img/credentials/191122-2-nissan.jpg');
}
.plx191122-3 {
	background-image: url('../img/credentials/191122-3-nissan.jpg');
}
.plx191122-4 {
	background-image: url('../img/credentials/191122-4-nissan.jpg');
}

.plx181026 {
	background-image: url('../img/credentials/181026-hsbc.jpg');
}





.plx170921-1 {
	background-image: url('../img/credentials/170921-1-vivo.jpg');
}
.plx170921-2 {
	background-image: url('../img/credentials/170921-2-vivo.jpg');
}
.plx170921-3 {
	background-image: url('../img/credentials/170921-3-vivo.jpg');
}
.plx170921-4 {
	background-image: url('../img/credentials/170921-4-vivo.jpg');
}

.parallaxinfo {
	color: black;
	background-color: white;
	min-height: 33vh;
	text-align: center;
	padding: 0 2em 2em;
}
.plxfont1 {
	font-family: "aatFONT";
	font-weight:normal;
	font-style:normal;
	font-size: 48px;
	background-color: black;
	color: white;
}
.plxfont2 {
	font-family: Verdana, “STXihei”, “华文细黑”, “Microsoft YaHei”, “微软雅黑”, sans-serif;
	font-weight:normal;
	font-style:normal;
	font-size: 28px;
	background-color: black;
	color: white;
}
.ref_logo {
	width: 70px;
}
.ref_container {
	max-width: 51vw;
}


.prev, .next {
  cursor: pointer;
  position: relative;
  top: 0;
  width: auto;
  padding: 10vh 4px;
  margin-top: -100px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  
  user-select: none;
	background-color: rgba(0,0,0,0.2);
}
.prev {
  left: 0;
  border-radius: 0 16px 16px 0;
}
.next {
  right: 0;
  border-radius: 16px 0 0 16px;
}
.prev:hover, .next:hover {
  background-color: rgba(255,255,255,0.7);
	color: black;
}
.dot8, .dot7, .dot6, .dot5, .dot4, .dot3, .dot2, .dot1 {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px 0 ;
  background-color: #ccc;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.activerd, .dotrd:hover {
  background-color: rgba(246,164,51,1);
}
.activegn, .dotgn:hover {
  background-color: rgba(48,172,133,1);
}
.activebl, .dotbl:hover {
  background-color: rgba(0,159,227,1);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

.footerline {
	font-size: 12px;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}




/* ID Declarations: #idname {} */