/*---------------------\BASIC--------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section , summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	font-family: "poppins", "opensans", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	box-sizing:border-box;
	list-style-type: none;
	_cursor: none;
	scroll-behavior: smooth;
}

.none {
	display: none;
}

body {
	background-color: #f7f7f7;
	overflow-x: hidden;
}

body.no-scroll {
	overflow: hidden;
}

sup {
	vertical-align: super;
	font-size: smaller;
}
section:focus{
	outline:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
body{
	line-height:1;
}
ol, ul{
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after{
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
ul, li, a {
	text-decoration:none;
	color:unset;
	list-style-type:none;
	margin:0;
	padding:0;
}

section {
	margin: 100px 0
}

.wrapper {
	max-width: 1440px;
	width: 100%;
	padding: 0 40px;
	margin: 0 auto;
	position: relative;
}
.ac {
	display: flex;
	align-items: center;
	justify-content: center;
}

::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
	color: rgb(214, 214, 214);
}

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 {
  border: 0px;
  -webkit-text-fill-color: #2a2a2a;
  transition: none;
  background-color: #ffffff !important;
}


.no-text-select {
	-webkit-touch-callout: none; /* iOS Safari */
	  -webkit-user-select: none; /* Safari */
	   -khtml-user-select: none; /* Konqueror HTML */
		 -moz-user-select: none; /* Old versions of Firefox */
		  -ms-user-select: none; /* Internet Explorer/Edge */
			  user-select: none; /* Non-prefixed version, currently
									supported by Chrome, Edge, Opera and Firefox */
  }

/*---------------------\BASIC--------------------*/

/*---------------------coobar--------------------*/

.coobar {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 14px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #00a3ad;
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	z-index: 999;
	border-top: 1px solid #f7f7f7;
}
.coobar .main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1440px;
	flex-wrap: wrap;
	position: relative;
	padding: 0 40px;
}

.coobar .main .col1 {
	width: calc(100% - 240px);
}


.coobar p {
	font-family: "opensans";
	font-size: 11px;
	font-weight: 400;
	color: #fff;
	line-height: 15px;
}

.coobar button {
	border-radius: 5px;
	font-family: "poppins";
	font-size: 12px;
	font-weight: 400;
	margin-left: 20px;
	cursor: pointer;
	outline:none;
}
.coobar button.btn-full {
	background-color: transparent;
	border: 2px solid white;
	color: #fff;
	transition: all .15s ease;
	padding: 5px 26px;
	text-transform: uppercase;
}

.coobar button.btn-full:hover {
	background-color: #fff;
	color: #0076C2;
	transition: all .15s ease;
}


.coobar button.btn-lean {
	background-color: transparent;
	color: none;
	border: 0;
	color: #fff;
	transition: all .15s ease;
}

.coobar button.btn-lean:hover {
	transition: all .15s ease;

}


.coobar.blurr {
	background: unset;
	background-color: rgba(249, 249, 249, 1);
	backdrop-filter: blur(12px);
	border-top: 0px solid #fff;
}

@supports (backdrop-filter: blur(12px)) {
	.coobar.blurr {
		background-color: rgba(247, 247, 247, .5);
		backdrop-filter: blur(12px);
	 }
}

.coobar.blurr p {
	color: #00a3ad;
}

.coobar.blurr button.btn-full {
	background-color: transparent;
	border: 2px solid #00a3ad;
	color: #00a3ad;
}

.coobar.blurr button.btn-full:hover {
	background-color: #00a3ad;
	color: #fff;
}

.coobar.blurr button.btn-lean {
	background-color: transparent;
	color: none;
	border: 0;
	color: #00a3ad;
}

.coobar button.btn-lean:hover {
	text-shadow:0px 0px 1px rgba(0,163,173,0.5);
}

.coobar.hidden {
	display: none;
}




/*---------------------\coobar--------------------*/


/*---------------------\Notice bar--------------------*/
.noticebar {
	position: relative;
	height: 40px;
	width: 100%;
	background: rgb(0,163,173);
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	color: #fff;
	font-size: 14px;
	z-index: 2;
	transition: all .2s ease-in-out;
	cursor: context-menu;
	box-shadow: 0px 3px 16px rgba(0,109,198,.5);
}
.noticebar.docked {
	font-size: 12px;
	height: 30px;
	transition: all .2s ease-in-out;
	box-shadow: 0px 0px 0px rgba(0,109,198,.5);

}

.noticebar .wrapper {
	height: 100%;
	justify-content: center;
}
.noticebar p,
.noticebar img,
.noticebar a {
	margin: 0 8px;
	cursor: context-menu;
}
.noticebar a {
	cursor: pointer;
	border: 1px solid rgba(255,255,255,.5);
	padding: 5px 10px;
	border-radius: 4px;
	font-size: .8em;
	font-weight: 700;
}
.noticebar.docked a {
	padding: 3px 7px;
}

.noticebar a:hover {
	background-color: rgba(255,255,255,.5);
	border: 1px solid rgba(255,255,255,0);
	transition: all .2s ease-in-out;
}

.noticebar b {
	letter-spacing: 1px;
	padding-left: 3px;
}


.noticebar p:nth-of-type(1){
	display: inline;
}
.noticebar p:nth-of-type(2){
	display: none;
}
.noticebar img {
	width: 18px;
}
#particles-js,
#particles-js2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .2s ease-in-out;
	mix-blend-mode: overlay;

}

/*---------------------\Notice bar--------------------*/




/*---------------------\Navbar--------------------*/
.navbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	z-index: 1000;
	background-color: rgba(247, 247, 247, 0);
	_transition: all .3s ease-in-out;
}
.navbar.docked {
	_box-shadow: 0 0 1.2rem rgba(0,0,0,0.07);
	_transition: all .3s ease-in-out;
	background-color: rgba(247, 247, 247, 0);
}
.nav {
	height:80px;
	width:100%;
	font-size:15px;
	transition:all ease-in-out .3s;
	color:#00a3ad;
	transition: all .3s ease-in-out;
}
.nav .navground {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@supports (backdrop-filter: blur(10px)) {
	.nav .navground {
		background-color: rgba(247, 247, 247, .5);
		backdrop-filter: blur(10px);
	 }
}

.nav .navground.docked {
	background-color: rgba(247, 247, 247, 1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

@supports (backdrop-filter: blur(10px)) {
	.nav .navground.docked {
		background-color: rgba(247, 247, 247, .7);
		backdrop-filter: blur(10px);
	 }
}

.navbar.docked .nav {
	height: 65px;
}
.nav .wrapper {
	justify-content: space-between;
}
.nav .left-side {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
}
.nav .homelogo {
	overflow: hidden;
	width: 150px;
	transition:all ease-in-out .3s;
	z-index: 999999999999;
	display: flex;
	align-items: center;
}
.navbar.docked .nav .homelogo{
	width: 45px;
	transition:all ease-in-out .3s;
}
.nav .homelogo img {
	height: 42px;
	transition:all ease-in-out .3s;
}
.nav .homelogo .wht {
	display: none;
	transition:all ease-in-out .3s;
}
.nav .homelogo .wht.push {
	display: flex;
	transition:all ease-in-out .3s;
}
.nav .homelogo .ori {
	display: flex;
	transition:all ease-in-out .3s;
}
.nav .homelogo .ori.push {
	display: none;
	transition:all ease-in-out .3s;
}
.navbar.docked .nav .homelogo img {
	transition:all ease-in-out .3s;
}

.nav ul {}

.nav li {
	float: left;
	margin: 0 18px;
	position: relative;
	transition: all ease-in-out .3s;
	cursor: pointer;
}
.nav li:last-of-type {
	margin-right: 0 ;
}

.nav li:hover {
	transition: all ease-in-out .2s;
}

.nav li>a {
	font-weight: 400;
	transition: all ease-in-out .2s;
	background: none;
}
.nav li.btn a {
	background-color: #00a3ad;
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	box-shadow: 3px 3px 10px 0px rgba(0,163,173,0.2);
	border-radius: 6px;
	padding: 8px 18px;
	box-sizing: border-box;
	transition: all ease-in-out .2s;
	color: white;
	font-weight: 400;
	font-size: 14px;
}
.nav li.btn a img{
	height: 12px;
	margin-right: 11px;

}

.nav li a.active {
	font-weight: 600;
}
.nav li.border.active {
	border: 0;
}
.nav li.btn a.active{
	font-weight: 500;
	box-shadow: 3px 3px 20px 1px rgba(0,163,173,0.5);
}
.nav li .drop a.active {
	font-weight: 600;
	transition: all ease-in-out .2s;
}

.nav .holder span {
	font-weight: 300;
}
.nav .holder span.active {
	font-weight: 600;
}

.nav .navdrop {
	float: left;
	position: relative;
	transition: all ease-in-out .2s;
	font-weight: unset;
	background: unset;
	padding: unset;
}
.nav .holder {
	width: 100%;
	transition: all ease-in-out .2s;
}
.nav .holder:hover img {
	opacity: .4;
}

.nav .holder img {
	height: 6px;
	margin: 0 0 2px -5px;
	transition: all ease-in-out .3s;
}
.nav .holder.drop-it img {
	transform: rotate(90deg);
	transition: all ease-in-out .3s;
}
.nav .navdrop .drop img {
	height: 20px;
	margin: 0 0 0 8px;
	transition: all ease-in-out .3s;
}
.nav .navdrop .drop {
	position: absolute;
	top: -50px;
	left: 0px;
	font-weight: 200;
	opacity: 0;
	pointer-events: none;
	background-color: rgba(247, 247, 247, 1);
	border: 0px solid rgba(247, 247, 247, 0);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 0 0 5px 5px;
	transition: all ease-in-out .2s;
}

@supports (backdrop-filter: blur(10px)) {
	.nav .navdrop .drop {
		background-color: rgba(247, 247, 247, .5);
		backdrop-filter: blur(10px);
	 }
}
.nav .navdrop .drop li{
	width: 285px;
	height: 0;
	margin: 0 0 0 0;
	transition: all ease-in-out .2s;
	opacity: 0;
}
.nav .navdrop .drop.drop-it {
	top: 40px;
	opacity: 1;
	transition: all ease-in-out .2s;
	pointer-events: initial;
	padding: 20px 0;
}

.nav .navdrop .drop.drop-it li{
	width: 285px;
	height: initial;
	opacity: 1;
	transition: all ease-in-out .2s;
}

.nav .navdrop .drop li:not(:first-of-type){
	margin: 0px 0 0 0;
	transition: all ease-in-out .2s;
}
.nav .navdrop .drop.drop-it li:not(:first-of-type) {
	margin: 30px 0 0 0;
	transition: all ease-in-out .2s;
}

.nav .navdrop a {
	height: 10px;
	padding: 5px 10px;
	font-weight: 400;
}

.nav .navdrop .drop a {
	display: flex;
	align-items: center;
}
.nav .navdrop .drop a img{
	width: 8px;
	margin: 0 10px 0 0;
}

.nav .navdrop a.active {
	font-weight: 600;
}

.nav .navdrop .drop .subtitle {
	font-weight: 600;
	margin: 30px 0 0px 10px;
	cursor: context-menu;
}

.nav .navdrop .drop .subtitle.s1 {
	margin: 10px 0 0px 10px;
}

.nav ul:hover li {
	opacity: .5;
	transition: all ease-in-out .2s;
}
.nav ul li:hover {
	opacity: 1;
	transition: all ease-in-out .2s;
}

.nav ul:hover li.btn {
	opacity: 1;
	transition: all ease-in-out .2s;
}

.nav ul li:hover {
	text-shadow:0px 0px 1px rgba(0,163,173,0.5);
	transition: all linear .01s;
}

.nav ul li .navdrop .drop:hover li {
	opacity: .5;
	transition: all ease-in-out .2s;
}
.nav ul li .navdrop .drop li:hover {
	opacity: 1;
	transition: all ease-in-out .2s;
}


.nav li a,
.nav li>a {
	padding: 15px 10px;
}

.nav .navlang {
	font-family: "poppins";
	font-size: 14px;
	font-weight: 500;
	color: #00a3ad;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 50px;
	position: relative;
	z-index: 750;
	transition: all .3s ease-in-out;
	cursor: pointer;

}

.nav .navlang .display {
	display: flex;
	align-items: center;
	z-index: 50;
	transition: all .3s ease-in-out;
}

.nav .navlang .display span{
	display: none;
	transition: all .1s ease-in-out;
}
.nav .navlang .display span.active{
	display: initial;
}
.nav .navlang .display span:hover {
	text-shadow:0px 0px 1px rgba(0,163,173,0.5);
	transition: all .1s ease-in-out;
}

.nav .navlang img {
	height: 10px;
	margin-right: 6px;
	transition: all .3s ease-in-out;
	margin-top: 2px;
}

.nav .navlang .droplang {
	position: absolute;
	padding: 0 10px;
	top: 35px;
	left: 0;
	display: flex;
	flex-direction: column;
	height: 0;
	opacity: 1;
	overflow: hidden;
	transition: all ease-in-out .3s;
	background-color: rgba(247, 247, 247, 1);
	border: 0;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

@supports (backdrop-filter: blur(10px)) {
	.nav .navlang .droplang  {
		background-color: rgba(247, 247, 247, .5);
		backdrop-filter: blur(10px);
	 }
}


.nav .navlang .droplang.active {
	padding: 0 10px 10px 10px;
	height: 110px;
	transition: all ease-in-out .2s;
}

.nav .navlang .droplang a {
	opacity: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	z-index: 49;
	transition: all ease-in-out .2s;
}

.nav .navlang .droplang.active a:hover {
	opacity: 1;
	transition: all ease-in-out .2s;
}

.nav .navlang .droplang.active a {
	margin: 10px 0;
	opacity: .5;
	transition: all ease-in-out .2s;
}
.nav .navlang .droplang.active a.active {
	opacity: 1;
	transition: all ease-in-out .2s;
}
/*---------------------\Navbar--------------------*/


/*---------------------\Hamburger--------------------*/
.hamburger {
	background: none;
	display: none;
	position: relative;
	width: 35px;
	height: 25px;
	padding: 0;
	text-decoration: none;
	border: 0;
	text-rendering: none;
	outline: none;
	z-index: 999999999999;
}
.hamburger i {
	display: block;
	background: rgb(0,163,173);
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	width: 35px;
	height: 3px;
	margin: 5px 0;
	float: right;
	transition: all ease-in-out .3s;
}
.hamburger i:nth-of-type(1) {
	width: 25px;
	transition: all ease-in-out .3s;
}
.hamburger.is-active i:nth-of-type(1) {
	width: 32px;
	transform: rotate(45deg) translate(9px);
	transition: all ease-in-out .3s;
	background: #fff;
}
.hamburger.is-active i:nth-of-type(2) {
	width: 32px;
	transform: rotate(-45deg) translate(9px);
	transition: all ease-in-out .3s;
	background: #fff;
}
/*---------------------\Hamburger--------------------*/



/*---------------------\Dropdown--------------------*/
.dropdown {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;;
	z-index: 99;
	background: rgba(0, 0, 0, 0.0);
	transform: translateX(100%);
	transition: all ease-in-out .5s;
	opacity: 0;
	display: none;
}
.dropdown.drop-it {
	transform: translateX(0);
	transition: all ease-in-out .5s;
	opacity: 1;
}
.dropdown .main{
	position: relative;
	height: calc(100vh - 60px);
	width: 100%;
	display: flex;
	flex-direction: row;
}

.dropdown ul{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: column;
	padding: 20px 20px;
	transition: all ease-in-out .3s;
}

.main ul.dropmain {
	transform: translateX(0);
	transition: all ease-in-out .3s;
}

.main ul.dropslides {
	transform: translateX(100%);
	transition: all ease-in-out .3s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.main ul.dropslides .back{
	margin-top: 130px;
	justify-content: flex-start;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}
.main ul.dropslides .back img{
	transform: scaleX(-1);
	height: 14px;
	margin-right: 10px;

}
.main ul.dropslides li a{
	margin: 24px 0;
}
.main ul.dropslides li{
	margin: 0;
}

.main ul.dropdevice {
	transform: translateX(100%);
	transition: all ease-in-out .3s;
}

.main ul.dropmain.slide {
	transform: translateX(-100%);
	transition: all ease-in-out .3s;
}
.main ul.dropabout.slide {
	transform: translateX(0);
	transition: all ease-in-out .3s;
}
.main ul.dropyouare.slide {
	transform: translateX(0);
	transition: all ease-in-out .3s;
}
.main ul.dropdevice.slide {
	transform: translateX(0);
	transition: all ease-in-out .3s;
}



.dropdown li {
	width: 100%;
	font-size: 18px;
	color: #fff;
	margin: 24px 0;
	font-weight: 400;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.dropdown li img{
	height: 13px;
}

.dropdown li .btn {
	border: 2px solid #fff;
	padding: 11px 18px;
	border-radius: 5px;
	font-size: 16px;
}

.dropdown li .btn img{
	height: 13px;
	margin-right: 12px;
}

.dropdown .dlang {
	width: 100%;
	height: 60px;
	font-size: 14px;
	color: white;
	padding-right: 20px;
}

.dropdown .dlang img {
	height: 10px;
	margin-right: 10px;
}

.dropdown .dlang a {
	margin: 0 20px;
	font-weight: 200;
}

.dropdown .dlang a.active {
	font-weight: 600;
}


.dropback {
	z-index: 9;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	position: absolute;
	top: -50px;
	right: -50px;
	background: rgb(0,163,173);
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	transform: translateX(-50px)  translateY(-50px) scale(0);
	transition: all ease-in-out .6s;
	display: none;
}
.dropback.push{
	transform: translateX(50px)  translateY(50px) scale(30);
	transition: all ease-in-out .6s;
}



/*---------------------\Dropdown--------------------*/


/*---------------------\Footer--------------------*/
.footer {
	background: rgb(0,163,173);
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	width: 100%;
	margin-top: 100px;
	overflow: hidden;
}
.footer .wrapper {
	flex-direction: column;
}
.footer img {
	height: 40px;
}
.footer .row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 6px 0;
}
.footer .row1 {
	margin: 50px 0 0 0;
}
.footer p {
	color: #fff;
	font-size: 10px;
	font-weight: 300;
	text-align: left;
	line-height: 16px;
}
.footer .row2 {
	position: relative;
	height: 30px;
	margin: 30px 0 0px 0;
	justify-content: center;
}

.footer .row .col {
	height: 100%;
}

.footer .row .col .sm-links{
	display: flex;
	flex-direction: column;
	margin-top: 30px;
}
.footer .row .col .sm-links a{
	_border: 1px solid red;
	margin: 8px 0;
	display: flex;
	align-items: center;
}

.footer .row .col .sm-links img{
	height: 13px;
	margin-right: 10px;
}
.footer .row .col .sm-links span{
	font-size: 13px;
	color: #fff;
}

.footer .row .col .sm-links a:nth-of-type(1) img{
	margin-right: 17px;
}


.footer .row .col2 {
	align-items: flex-start;
	flex-wrap: wrap;
	margin-left: 50px;
}
.footer .block {
	color: #fff;
	font-size: 13px;
	font-weight: 200;
	text-align: left;
	min-width: 150px;
	margin-top: 20px;
	margin-bottom: 40px;
	font-weight: 300;
}
.footer .block:not(:last-of-type) {
	margin-right: 35px;
}
.footer .block .rw:not(:last-of-type) {
	margin-bottom: 25px;
}
.footer .block .rw.rt {
	font-size: 16px;
	font-weight: 300;
	text-align: left;
	margin-bottom: 50px;
}
.footer .row2 img {
	height: 18px;
}

.footer .row2 .lang {
	color: white;
	font-size: 14px;
}

.footer .row2 .lang a {
	margin-left: 20px;
	font-weight: 200;
}

.footer .row2 .lang a.active {
	font-weight: 600;
}

.footer .row2 .lang img {
	height: 12px;
	margin-right: 5px;
}

.footer .row2 a:not(:first-of-type) img {
	margin: 0 0 0 25px;
}
/*---------------------\Footer--------------------*/


/*---------------------\Modal--------------------*/
.modal-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999999;
	overflow: hidden;
	display: none;
}
.modal-bg .box {
	width: 900px;
	height: 550px;
	min-width: 600px;
	min-height: 400px;
	background-color: #fff;
	padding: 40px;
	flex-direction: column;
	overflow: hidden;
	position: relative;
	margin: auto;
}
.modal-bg .box .row.row1 {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.modal-bg .box .row1 {
	height: 100px;
}
.modal-bg .box .row2 {
	height: calc(100% - 100px);
}
.modal-bg .box .row1 .col1{
	height: 100%;
	justify-content: center;
	position: relative;
}
.modal-bg .box .row1 .col1 .contain  {
	margin: 0 30px 0 0;
	width: 100px;
	height: 100px;
}
.modal-bg .box .row1 .col1 .contain .bubble {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 2000px;
	background: rgb(0,163,173);
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
}
.modal-bg .box .row1 .col1 .contain img {
	height: 40px;
	position: absolute;
}
.modal-bg .box .row1 h4 {
	font-size: 36px;
	font-weight: 400;
	color: #00a3ad;
}
.modal-bg .box .row1 .col2 img{
	width: 30px;
	cursor: pointer;
}
.modal-bg .box .row2 {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
}
.modal-bg .box .row2 .list .row{
	margin: 20px 0;
	display: flex;
	align-items: center;
}
.modal-bg .box .row.row2 .list .row div{
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 30px 0 0;
}
.modal-bg .box .row.row2 .list .row div img {
	height: 90%;
}
.modal-bg .box .row.row2 .list .row:nth-of-type(1) div img {
	height: 110%;
}
.modal-bg .box .row.row2 .list .row:nth-of-type(2) div img {
	height: 80%;
}
.modal-bg .box .row.row2 .list .row p{
	font-size: 18px;
	color: #00a3ad;
	max-width: 300px;
}
.modal-bg .box .modal-img {
	position: absolute;
	width: 61%;
	right: -51px;
	bottom: -123px;
}
/*---------------------\Modal--------------------*/



/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/
/*-------------------------------------------------------*/



section  {
	position: relative;
	width: 100%;
}
.cover {
	position: relative;
	height: 100vh;
	min-height: 600px;
	overflow: hidden;
	margin: 0;
}
.cover .wrapper {
	height: 100%;
	justify-content: flex-start;
}
.cover .main {
	align-items: center;
	justify-content: flex-start;
	z-index: 100;
	height: 100%;
	padding: 10% 0 0 0;
	width: 60%;
}
.cover .main.abt {
	position: absolute;
	justify-content: space-around;
	bottom: 25%;
	z-index: 100;
}
.cover h1,
.cover.min h1 {
	max-width: 760px;
	font-size: 70px;
	font-weight: 300;
	margin: 0 0 15px 0;
	line-height: 1.1em;
	padding-bottom: 6px;
	color: rgb(0,163,173);
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.cover.min h1 {
	font-size: 65px;
}

.cover h2,
.cover.min h2 {
	font-size: 36px;
	font-weight: 400;
	line-height: 1.3em;
	max-width: 700px;
	color: rgb(0,163,173);
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}



.cover p,
.cover.min p {
	margin: 0;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 300;
	color: #999;
	max-width: 600px;
}
.cover.min p {
	font-size: 16px;
}

.cover p.sub,
.cover.min p.sub {
	font-size: 24px;
	color: #00a3ad;
	margin-bottom: 25px;
}


.cover a {
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	position: relative;
	box-sizing: border-box;
	margin: 55px 0 0 0;
	width: 148px;
	height: 44px;
	border-radius: 5px;
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	box-shadow: 3px 3px 10px 0px rgba(0,163,173,0.3);
}
.cover a:hover {
	box-shadow: 3px 3px 13px 0px rgba(0,163,173,0.8);
	transition: all .3s ease-in-out;
}
.cover a:active {
	box-shadow: 0 0 0 0;
	transition: all .3s ease-in-out;
}
.cover .wrapper {
	align-items: center;
}

.cover .canvas {
    position: relative;
    width: 40%;
    height: calc(100% - 120px);
    margin-top: 120px;
}

.cover .canvas img {
	width: 130%;
}


#idi-slider {
	position: relative;
	overflow: hidden;
}

#idi-slider ul {
	position: relative;
	margin: 0;
	padding: 0;
	height: 100%;
	list-style: none;
}

#idi-slider ul li {
	position: relative;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: unset;
}



.container {
	position: relative;
	width: 100%;
}

.cover .canvas .container {
	position: relative;
	width: 100%;
	min-height: 200px;
}

.cover .canvas .hc1 {
	position: absolute;
	width: 153%;
	top: 0;
	right: -33%;
	margin-top: -28%;
}

.cover .canvas .hc2 {
	position: absolute;
	width: 27%;
	top: 0;
	right: -25%;
	margin-top: 10%;
}

.cover .canvas .hc3 {
	position: absolute;
	width: 23%;
	top: 0;
	right: 94%;
	margin-top: 37%;
}

.cover .pot {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: -1;
}


.cover .pot .blob-bg .bx {
	width: 73%;
	position: absolute;
	top: 12%;
	left: 9%;
	transform: rotate(198deg) scaleX(-1);
}
.cover .pot .blob-bg .bx-bg {
	width: 101%;
	position: absolute;
	top: -11%;
	left: -6%;
}
.cover .pot .blob-bg .b1 {
	position: absolute;
	width: 9%;
	top: 11%;
	left: 7%;
}
.cover .pot .blob-bg .b2 {
	position: absolute;
	width: 5%;
	top: 71%;
	left: 19%;
}
.cover .pot .blob-bg .b3 {
	position: absolute;
	width: 16%;
	top: 50%;
	left: 70%;
}

.btn-row {
	display: flex;
}
.btn-row .btn{
	position: relative;
	box-sizing: border-box;
	width: unset;
	border-radius: 5px;
	margin-right: 24px;
	padding: 10px 24px;
	font-size: 14px;
	font-family: "Poppins";
	font-weight: 500;
	color: #fff;
	text-align: center;
	height: unset;
    background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
    box-shadow: 0px 0px 10px 0px rgb(0 163 173 / 30%);
	transition: all .2s ease-in-out;
	cursor: pointer;
}

.btn-row .btn2 {
	font-weight: 500;
	color: #198cac;
	margin-right: 0px;
	border: 3px solid #198cac;
    background: transparent;
    box-shadow: 3px 3px 10px 0px rgb(0 163 173 / 30%);
    transition: all .2s ease-in-out;
}

.btn-row .btn2.bto {
	display: none;
}


.content {
	width: 100%;
	margin: 20px 0;
}
.content .col:nth-of-type(1) {
	width: calc(50% - 70px);
	margin: 0 70px 0 0;
	height: 100%;
}
.content .col:nth-of-type(2) {
	width: calc(50% - 70px);
	margin: 0 0 0 70px;
	height: 100%;
}

.content .col.wtc:nth-of-type(2) {
	margin: 0;
}

.content h2 {
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
}
.content.iditops h2 {
	padding: 0 20px;
	text-align: center;
}

.content h3 {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.8em;
	color: #9b9b9b;
	margin: 10px 0 30px;
}

.content.cvd h3 {
	margin: 10px 0 10px;
}

.content.mainbox.cvd .col2 h2 {
	margin: 0 0 20px 0;
}
.content.mainbox.cvd .col2 h3 {
	color: #00a3ad;
}
.content.mainbox.cvd p {
	max-width: 700px;
}

.content p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8em;
	color: #999;
	padding: 0;
	margin-bottom: 70px;
}

.content.cvd p {
	max-width: 100%;
	color: #00a3ad;
	font-size: 18px;

}

.content.intro {
	margin-bottom: 100px;
}

.content.intro .col {
	margin-top: 100px;
}
.content.intro .col:nth-of-type(1) {
	width: unset;
	max-width: 450px;
	margin-right: 100px;
	height: 100%;
}
.content.intro .col:nth-of-type(2) {
	width: unset;
	height: 100%;
	margin-left: 0px;
}
.content.intro h2 {
	padding-top: 0;
	font-size: 42px;
	font-weight: 300;
	line-height: 1.3em;
}
.content.intro.typ2 h2 {
	margin-bottom: 20px;
}
.content.intro p {
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 300;
	max-width: 800px;
	color: #999999;
}
.content.intro p:first-of-type {
	padding-top: 0;
}

.content.intro.typ2 .wrapper{
	justify-content: space-between;
}

.content.intro.typ2 p {
	padding-top: 0;
}
.content.intro.typ2 .col1 {
	width: 45%;
	max-width: 600px;
}
.content.intro.typ2 .col2 {
	width: 55%;
	height: unset;
	margin-left: 0px;
	justify-content: flex-end;
}
.content.intro.typ2 .col2 img {
	width: 100%;
}
.content.intro.min p:first-of-type {
	padding-top: 0;
}
.content.intro.min .wrapper {
	align-items: flex-start;
	justify-content: flex-start;
}
.content.intro .wrapper {
	justify-content: flex-start;
	align-items: flex-start;
}
.notifica {
	font-size: 14px;
	color: #00a3ad;
}
.notifica .frame {
	background-color: rgba(0, 163, 173, 0.2);
	border: 2px solid rgba(0, 163, 173, 0.4);
	padding: 20px;
	width: 100%;
	height: 120px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	position: relative;
}
.notifica .frame .col1 {
	width: 130px;
	margin-right: 40px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.notifica .frame .col2 {
	width: calc(100% - 170px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.notifica img {
	height: 50px;
	margin-bottom: 12px;
}
.notifica h4 {
	font-size: 16px;
	text-transform: uppercase;
}
.notifica p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3em;
}

.spns {
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
				-webkit-background-clip: text;
				-webkit-text-fill-color: transparent;
	margin: 0;
	position: relative;
	overflow: hidden;
	margin: 20px 0;
}
.spns .wrapper{
	justify-content: center;
}
.spns .col {
	width: 100%;
	position: relative;
	justify-content: space-between;
	padding: 28px 0;
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}
.spns h6{
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	font-size: 20px;
	line-height: 26px;
	font-weight: 300;
	padding: 0;
	text-align: left;
	width: 100%;
	position: relative;
}
.spns img{
	height: 60px;
	filter: grayscale(1) brightness(1) contrast(0);
	opacity: .7;
}
.spns a:not(:last-of-type) img {
	margin: 0 80px 0 0;
}
.spns img:hover{
	filter: none;
	opacity: 1;
	transition: all .3s ease-in-out;
}
.content.t2 {
	padding: 10% 0;
}
.spns a:nth-of-type(1) img {
	height: 38px;
	margin: 8px 80px 0 0;
}
.spns a:nth-of-type(2) img {
	height: 45px;
}
.spns a:nth-of-type(3) img {
	height: 35px;
}
.content.t2 .col1 {
	width: calc(55% - 70px);
	margin-right: 70px;
}
.content.t2 .col2 {
	width: calc(45% - 70px);
	margin-left: 70px;
}
.content.t2 .col1 .container {
	position: relative;
	width: 100%
}
.content.t2 .col1 .container .vid{
	z-index: 100;
	width: 100%;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
}
.content.t2 .col1 .container .blob{
	z-index: 99;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.content.t2 .col1 .container .blob-bg img{
	position: absolute;
}

.blob-bg.abt .blo {
	transform: scaleX(-1) scaleY(-1);
}
.blob-bg .imx {
	position: absolute;
	z-index: 50;
}


.trials .blob-bg .imx {
	position: absolute;
	z-index: 50;
	transform: scaleX(-1) scaleY(-1) rotate(17deg);
}

.blob-bg .bx {
	width: 175%;
	top:  -70%;
	left: -40%;

}
.blob-bg.abt .bx {
	width: 175%;
	top:  -72%;
	left: -35%;
}
.blob-bg .b1 {
	width: 7%;
	top:  -25%;
	left: -5%;
}
.blob-bg .b2 {
	width: 15%;
	top:  -25%;
	left: 5%;
}
.blob-bg .b3 {
	width: 30%;
	top: 83%;
	left: 30%;
}
.blob-bg .b4 {
	width: 17%;
	top:  33%;
	left: 90%;
}
.t2 .blob-bg .bx{
	animation: movebx 14s ease-in-out infinite;
}

@keyframes movebx {
	0%   { transform: scale(1) translate(0, 0) rotate(0deg); }
	40%  { transform: scale(1.02) translate(10px, -20px) rotate(4deg); }
	100% { transform: scale(1) translate(0, 0) rotate(0deg); }
}

.t2 .blob-bg .b1 {
	animation: moveb1 14s ease-in-out infinite;
}

@keyframes moveb1 {
	0%   { transform: scale(1) translate(0, 0); }
	60%  { transform: scale(1) translate(10px, 0px); }
	100% { transform: scale(1) translate(0, 0); }
}

.t2 .blob-bg .b2 {
	animation: moveb2 14s ease-in-out infinite;
}

@keyframes moveb2 {
	0%   { transform: scale(1) translate(0, 0); }
	30%  { transform: scale(1.2) translate(0px, 12px); }
	100% { transform: scale(1) translate(0, 0); }
}

.t2 .blob-bg .b3 {
	animation: moveb3 14s ease-in-out infinite;
}

@keyframes moveb3 {
	0%   { transform: scale(1) translate(0, 0); }
	70%  { transform: scale(1) translate(20px, 0px); }
	100% { transform: scale(1) translate(0, 0); }
}

.t2 .blob-bg .b4 {
	animation: moveb4 14s ease-in-out infinite;
}

@keyframes moveb4 {
	0%   { transform: scale(1) translate(0, 0); }
	50%  { transform: scale(1) translate(15px, 15px); }
	100% { transform: scale(1) translate(0, 0); }
}

.content.t2 .col2 h2 {
	font-size: 48px;
	font-weight: 300;
	line-height: 60px;
	color: #00a3ad;
	background: linear-gradient(to right, #00a3ad, #0477af 70%);
	-webkit-background-clip: text;
	background-clip: text;
}
.content.t2 .col2  div {
	width: 30px;
	height: 4px;
	margin: 35px 0;
	background: #00a3ad;
	background: linear-gradient(to right, #00a3ad, #0477af 70%);
}
.content.t2 .col2 p {
	font-size: 16px;
	font-weight: 200;
	color: #999;
	padding: 0;
	max-width: 500px;
}
.box-row {
	position: relative;
	margin: 100px 0 150px 0;
}
.box-row .container{
	width: 100%;
	align-items: flex-start;
	flex-wrap: wrap;
}
.box-row .box {
	width: 25%;
	padding: 30px 40px;
	flex-direction: column;
	min-width: 136px;
	flex-grow: 0;
	flex-shrink: 0;
}
.box-row .box .contain {
	width: 100%;
}
.box-row .box .contain.top {
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.iditop.box-row .box .contain.top {
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.box-row .box .contain.mid {
	height: 45px;
	padding: 0 10px;
	margin: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.box-row .box .contain.bot {
	height: 40%;
	min-height: 100px;
	max-width: 280px;
}
.box-row .box img {
	height: 60px;
}
.box-row .box h5 {
	font-size: 18px;
	line-height: 1.1em;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
}

/*--IDITOPS---------------------------------------*/
.iditop.box-row .box .contain.mid {
	height: 45px;
	padding: 0 0px;
	margin: 20px 0;
	display: block;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}

.iditop.box-row .box h5 {
	font-size: 24px;
	line-height: 1.1em;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: left;
}

.iditop.box-row .box h4 {
	font-size: 24px;
	line-height: 1.1em;
	font-weight: 300;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: left;
}

.iditop.box-row .box p {
	font-family: "opensans";
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 400;
	text-align: left;
	color: #999;
}


/*--/IDITOPS---------------------------------------*/

.box-row .box p {
	font-family: "opensans";
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 400;
	text-align: center;
	color: #999;
}
.content.mainbox {
	margin: 0 0 70px 0;
}
.content.mainbox.s30.ych {
	margin: 150px 0 20px 0;
}
.content.mainbox.mtv {
	margin: 160px 0 120px 0;
}
.content.mainbox .col{
	position: relative;
}
.content.mainbox .col1 .container {
	position: relative;
	width: 100%;
	min-height: 450px;
}

.content.mainbox .col1 .container img{
	width: 100%;
}
.content.mainbox.gps .col1 .container img{
	width: 100%;
}

.content.mainbox .col1.cvd .container img{
	height: 100%;
	width: unset;
}

.content.mainbox .col.col1 {
	width: calc(45% - 70px);
	height: 100%;
}

.content.mainbox.gps .col.col2 {
	width: calc(45% - 70px);
}

.content.mainbox .col.col2 {
	width: calc(55% - 70px);
	height: 100%;
	margin-top: 50px;
	margin-bottom: 50px;
}

.content.mainbox.s30 .col.col2 {
	width: calc(65% - 70px);
	margin-top: 50px;
	margin-bottom: 50px;
}
.content.mainbox.s30 .col.col1 {
	width: calc(35% - 70px);
}
.content.mainbox.s30 .col1 .container {
	width: 100%;
}
.content.mainbox.s30 .col1 .container img {
	width: 150%;
	max-width: 400px;
}

.content.mainbox.gps .col.col1 {
	width: calc(55% - 70px);
}

.content.mainbox .col2 h2{
	font-size: 36px;
	line-height: 44px;
	margin: 0 0 40px 0;
}
.content.mainbox .col2 p{
	font-size: 14px;
	line-height: 1.8em;
}

.content.mainbox .col2>span{
	margin-top: 50px;
	color: #00a3ad;
	font-size: 12px;
	line-height: 26px;
}
.content.mainbox .col2 a {
	margin: 40px 0 0 0;
	display: flex;
	align-items: center;
	z-index: 70;
}
.content.mainbox .col2 a span{
	font-size: 16px;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.content.mainbox .col2 img {
	margin: 0 0 0 16px;
	height: 14px;
}
.content.mainbox .col2 a:hover img {
	margin: 0 0 0 34px;
	transition: ease-out .35s;
	_animation: goarrow 1.7s ease-in-out infinite;
}

@keyframes goarrow {
	0%   { margin: 0 0 0 20px; }
	50%  { margin: 0 0 0 36px; }
	100% { margin: 0 0 0 20px; }
}


.content.mainbox .col1 .container .figure {
	width: 100%;
	height: 100%;
	position: absolute;
}

.content.mainbox .col1 .container .blob-bg {
	width: 100%;
	height: 100%;
	position: absolute;
}

.content.mainbox.sw {
	padding: 10% 0;
}
.content.mainbox.sw .col:nth-of-type(1){
	width: calc(45% - 50px);
	margin: 0 50px 0 0;
}
.content.mainbox.sw .col:nth-of-type(2){
	width: calc(55% - 50px);
	margin: 0 0 0 50px;
}

/*----------- Advs ------------*/
.content.mainbox.adv {
	margin-bottom: 160px;
}
.content.mainbox.adv .col1{
	width: 30%;
	margin-right: 30px;
}
.content.mainbox.adv .col2{
	width: 70%;
	margin-left: 30px;
}
.content.mainbox.adv.sw .col1{
	width: 50%;
	margin-right: 30px;
}
.content.mainbox.adv.sw .col2{
	width: 50%;
	margin-left: 30px;
}
.content.mainbox.adv .col .container{
	position: relative;
}

.content.mainbox.adv .col1 .container img {
	top: 0;
	right: 0;
	width: 100%;
	height: unset;
	max-width: unset;
	max-height: unset;
	min-height: unset;
	min-width: unset;
}

.content.mainbox.adv .tab {
	display: flex;
	margin: unset;
    position: relative;
	max-width: unset;
	margin: 15px 0;
	align-items: center;
}

.content.mainbox.adv .tab img {
	height: 15px;
	margin-right: 15px;
	position: relative;
	max-width: unset;
	max-height: unset;
	min-height: unset;
	min-width: unset;
}

.content.mainbox.adv .tab span {
	font-size: 16px;
	font-weight:600;
	color: #198cac;
	line-height: 1.4em;
}

.content.mainbox.adv h2,
.content.mainbox.adv h4 {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.6em;
    color: #00a3ad;
    background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 40px;
}
.content.mainbox.adv .btn {
	margin: 0;
}

/*----------- /Advs ------------*/

/*----------- cita ------------*/
.cita  {
	margin: 220px 0
}
.cita .container {
	position: relative;
	width: 100%;
	max-width: 1000px;
	display: flex;
}
.cita .col {
	position: relative;
	height: 100%;
	min-height: 300px;
}
.cita .col.col1{
	width: 30%;
}
.cita .col.col1 img{
	width: 120%;
}
.cita .col.col2{
	width: 70%;
}

.cita .marks{
	position: absolute;
	top: -5%;
	left: 5%;
	width: 50px;
}

.cita .text{
	position: relative;
	background: #198cac;
	width: 100%;
	padding: 30px;
}

.cita p {
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6em;
	margin-bottom: 50px;
}

.cita span {
	width: 100%;
	color: #fff;
	font-style: italic;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.6em;
	text-align: right;
}



/*-----------/cita ------------*/

.content.quote {
	margin: 130px 0 130px 0;
}
.content.quote .wrapper {
	justify-content: flex-end;
}

.content.quote .col1 {
	max-width: 500px;
	margin: 125px 40px 40px 40px;
}
.content.quote .col2 {
	width: 30%;
	margin: 0
}

.content.quote .col1 img {
	width: 25px;
}
.content.quote .col1 p {
	color: #00a3ad;
	max-width: unset;
	font-size: 14px;
	font-weight: 200;
	line-height: 28px;
	margin: 10px 0 25px 0;
}
.content.quote .col1 span{
	color: #00a3ad;
	font-weight: 300;
	font-size: 18px;
	line-height: 22px;
	text-align: right;
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.content.quote .col2 .container {
	position: relative;
	width: 90%;
}
.content.quote .col2 .container::after {
	display: block;
	content: '';
	padding-bottom: 110%;
}

.content.quote .col2 .frame {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	position: relative;
	background-color: #eee;
	width: 70%;
	max-width: 350px;
	z-index: 20;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
}

.content.quote .col2 .frame::after {
	display: block;
	content: '';
	padding-bottom: 130%;
}


.content.quote .col2 .blob-bg{
	position: absolute;
	width: 95%;
	top: 17%;
	left: -1%;
}

.content.quote .col2 .blob-bg .bx-bg{
	transform: scaleX(-1) scaleY(1) rotate(75deg);
	animation: quotex 14s ease-in-out infinite;
}

@keyframes quotex {
	0%   { transform: scaleX(-1) scaleY(1) translate(0, 0) rotate(75deg); }
	40%  { transform: scaleX(-1) scaleY(1) translate(10px, -20px) rotate(70deg); }
	100% { transform: scaleX(-1) scaleY(1) translate(0, 0) rotate(75deg); }
}


.profile-card {
	margin: 220px 0 220px 0;
	width: 100%;
	position: relative;
}

.profile-card .card{
	position: relative;
	width: 100%;
	min-height: 380px;
	background: #fff;
	-webkit-box-shadow: 5px 7px 30px -6px rgba(0,0,0,0.10);
	-moz-box-shadow: 5px 7px 30px -6px rgba(0,0,0,0.10);
	box-shadow: 5px 7px 30px -6px rgba(0,0,0,0.10);
	display: flex;
	border-radius: 15px;
}

.central-schema {
	width: 100%;
	min-height: 300px;
}
.central-schema img{
	width: 100%;
}
.central-schema.plt img{
	max-width: 900px;
}


.profile-card .card .col{
	box-sizing: border-box;
}

.profile-card .card .col .frame {
	height: 120%;
	max-height: 600px;
	min-width: 300px;
	width: 62%;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.profile-card .card .col span {
	font-size: 14px;
	letter-spacing: 1px;
	color: #fff;
	background: #00a3ad;
	font-weight: 400;
	padding: 5px 13px;
	position: relative;
	display: inline-flex;
}

.profile-card .card .col h3 {
	font-size: 32px;
	color: #00a3ad;
	font-weight: 200;
	margin: 40px 0 40px 0;
}

.profile-card .card .col p {
	font-size: 14px;
	line-height: 28px;
	color: #999;
	font-weight: 300;
}

.profile-card .card .col1{
	width: 60%;
	padding: 50px 0px 50px 50px;
}

.profile-card .card .col2{
	width: 40%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.profile-card .card .col2 img{
	width: 70%;
}




/*---------------------\PLT--------------------*/

.content.mainbox .col1 .container .figure.plt img {
	position: absolute;
}

.content.mainbox .col1 .container .figure.plt img:nth-of-type(1) {
	width: 106%;
	top: 4%;
	left: -6%;
}

.content.mainbox .col1 .container .figure.plt img:nth-of-type(2) {
	width: 22%;
	top: 29%;
	left: 72%;
}

.content.mainbox .col1 .container .blob-bg.plt .bx {
	position: absolute;
	width: 94%;
	top: 0%;
	left: 0%;
}

 .content.mainbox .col1 .container .blob-bg.plt .b1 {
	position: absolute;
	width: 21%;
	top: -1%;
	left: 26%;
}

 .content.mainbox .col1 .container .blob-bg.plt .b2 {
	position: absolute;
	width: 11%;
	top: 48%;
	left: 3%;
}


.blob-bg.plt .bx{
	animation: movebxp 14s ease-in-out infinite;
}

@keyframes movebxp {
	0%   { transform: scale(1) translate(0, 0) rotate(0deg); }
	40%  { transform: scale(1.02) translate(10px, -20px) rotate(4deg); }
	100% { transform: scale(1) translate(0, 0) rotate(0deg); }
}


.blob-bg.plt .b1 {
	animation: moveb1p 14s ease-in-out infinite;
}

@keyframes moveb1p {
	0%   { transform: scale(1) translate(0, 0); }
	60%  { transform: scale(1) translate(20px, -20px); }
	100% { transform: scale(1) translate(0, 0); }
}

.blob-bg.plt .b2 {
	animation: moveb2p 14s ease-in-out infinite;
}

@keyframes moveb2p {
	0%   { transform: scale(.8) translate(0, 0); }
	30%  { transform: scale(0.9) translate(-15px, 25px); }
	100% { transform: scale(.8) translate(0, 0); }
}


/*---------------------\IDITOPS--------------------*/

.iditops {
	width: 100%;
	position: relative;
	display: flex;
	margin: 100px 0 50px 0;
}

.iditops .container {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
}

.iditops .box{
	position: relative;
	width: calc((1/3) * 100% - 130px);
	margin: 0 65px;
	height: 100%;
	height: 600px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.iditops .box .contain {
	width: 100%;
	margin: 5px 0;
}

.iditops .box .contain.top {
	height: 60%;
	position: relative;
}

.iditops .box .contain.mid {
	height: 15%
}

.iditops .box .contain.bot {
	height: 25%;
}


.iditops h3 {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.2em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.iditops h3 b {
	font-weight: 600;
}

.iditops h4 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.1em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.iditops h5 {
	font-size: 26px;
	font-weight: 300;
	line-height: 1.3em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.iditops p {
	font-family: "opensans";
	font-size: 13px;
	line-height: 1.8em;
	font-weight: 400;
	color: #999;
}
.iditops .box .contain.top .figure{
	width: 100%;
	height: 100%;
	position: relative;
}
.iditops .box .contain.top .figure img{
	max-height: 100%;
	max-width: 100%;
}

.mainbox.widi h3 {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.4em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 40px;
}
.mainbox.widi h4 {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.4em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 40px;
}

.content.mainbox.widi.xtr .col1 .container {
	position: relative;
	width: 100%;
	min-height: 450px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.content.mainbox.widi.xtr .col1 .container img {
	position: absolute;
	width: 140%;
	right: 20px;
	min-width: 475px;
}
.content.central.iditops {
	margin-bottom: 200px;
}
.content.central.iditops .row{
	margin: 50px 0 0 0;
}

.content.central.iditops .row2 {
	margin: 20px 0 0 0;
}

.content.central.iditops .rowi img{
	max-width: 480px;
	width: 100%;
}

.content.central.iditops .row2 .card{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	min-width: 250px;
	max-width: 400px;
	_min-height: 100%;
	border-radius: 15px;
	margin: 20px 25px;

	box-shadow: 7px 7px 27px -6px rgba(19,78,94,0.21);
	-webkit-box-shadow: 7px 7px 27px -6px rgba(19,78,94,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(19,78,94,0.21);
}

.content.central.iditops .row2 .card .ln {
	width: 100%;
	padding: 0 25px;
}
.content.central.iditops .row2 .card .ln h3{
	text-align: left;
	text-transform: unset;
	font-size: 18px;
	font-weight: 500;
	width: unset;
	margin: 0;
	line-height: 1.5em;
}
.content.central.iditops .row2 .card .ln h4{
	text-align: left;
	text-transform: unset;
	font-size: 18px;
	font-weight: 500;
	width: unset;
	margin: 0;
	line-height: 1.5em;
}
.content.central.iditops .row2 .card .ln p{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;
	color: #999999;
	text-align: left;
	max-width: unset;
	margin: 0;
}

.content.central.iditops .row2 .card .ln img{
	max-width: 50px;
	max-height: 50px;
}

.content.central.iditops .row2 .card .ln1{
	padding-top: 25px;
	margin: 0 0 40px 0;
}

.content.central.iditops .row2 .card .ln2{
	margin: 0 0 15px 0;
}

.content.central.iditops .row2 .card .ln3{
	min-height: 90px;
	height: 100%;
	margin-bottom: 10px;
}

.content.central.iditops .row3{
	margin-top: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}


/*---------------------\IDITOPS--------------------*/

/*---------------------\IDITOPS sponsor--------------------*/
.box-row.spn .card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	min-width: 240px;
	width: calc((1/3)*100%);
	min-height: 330px;
	border-radius: 0;
	margin: 20px 23px;
	transition: all 0.2s ease-in-out;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.box-row.spn .card:hover {
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	box-shadow: 0px 0px 27px 0px rgba(19,78,94,0.51);
	-webkit-box-shadow: 0px 0px 27px 0px rgba(19,78,94,0.51);
	-moz-box-shadow: 0px 0px 27px 0px rgba(19,78,94,0.51);
	transition: ease-in-out .2s all;
}

.box-row.spn .card:hover h4{
	color: #fff;
	-webkit-background-clip: none;
	-webkit-text-fill-color: unset;
	transition: ease-in-out .2s all;
}
.box-row.spn .card:hover p{
	color: #fff;
	transition: ease-in-out .2s all;
}

.box-row.spn .card .ln {
	_border: 1px solid red;
	min-height: 50px;
	text-align: left;
	float: left
}
.box-row.spn .card .ln1 {
	min-height: 130px;
}

.box-row.spn .card img {
	max-width: 140px;
	margin: 20px;
}
.box-row.spn .card img:nth-of-type(2) {
	display: none;
	transition: ease-in-out .2s all;
}
.box-row.spn .card:hover img:nth-of-type(1) {
	display: none;
	transition: ease-in-out .2s all;
}
.box-row.spn .card:hover img:nth-of-type(2) {
	display: flex;
	transition: ease-in-out .2s all;
}
.box-row.spn .card h4 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.2em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 20px;
	transition: ease-in-out .2s all;
}
.box-row.spn .card p {
	font-family: "opensans";
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5em;
	color: #999999;
	margin: 0px 20px 40px 20px;
	transition: ease-in-out .2s all;
}




/*---------------------\IDITOPS sponsor--------------------*/


/*---------------------\WTC--------------------*/

.content.mainbox .col1 .container .figure.wtc img {
	position: absolute;
	width: 50%;
	top: 0%;
	left: 17%;
}

.content.mainbox .col1 .container .blob-bg.wtc .bx {
	width: 73%;
	position: absolute;
	top: 12%;
	left: 9%;
	transform: rotate(198deg) scaleX(-1);
}
.content.mainbox .col1 .container .blob-bg.wtc .bx-bg {
	width: 101%;
	position: absolute;
	top: -11%;
	left: -6%;
}
.content.mainbox .col1 .container .blob-bg.wtc .b1 {
	position: absolute;
	width: 9%;
	top: 11%;
	left: 7%;
}
.content.mainbox .col1 .container .blob-bg.wtc .b2 {
	position: absolute;
	width: 5%;
	top: 71%;
	left: 19%;
}
.content.mainbox .col1 .container .blob-bg.wtc .b3 {
	position: absolute;
	width: 16%;
	top: 50%;
	left: 70%;
}


.content.mainbox .col1 .container .figure.tdoc img {
	position: absolute;
	width: 85%;
	top: 12%;
	left: 9%;
}

.content.mainbox .col1 .container .blob-bg.wtc.tdoc .bx {
	width: 75%;
	top: 7%;
	left: 14%;
}
.content.mainbox .col1 .container .blob-bg.wtc.tdoc .bx-bg {
	width: 94%;
	top: -36%;
	left: 1%;
}
.content.mainbox .col1 .container .blob-bg.wtc.tdoc .b1 {
	width: 10%;
	top: 11%;
	left: 7%;
}
.content.mainbox .col1 .container .blob-bg.wtc.tdoc .b2 {
	width: 6%;
	top: 73%;
	left: 19%;
}
.content.mainbox .col1 .container .blob-bg.wtc.tdoc .b3 {
	width: 24%;
	top: 53%;
	left: 69%;
}

.blob-bg.wtc .bx-bg{
	animation: movebxgw 14s ease-in-out infinite;
}
@keyframes movebxgw {
	0%   { transform: scaleX(1) translate(0, 0) rotate(0deg); }
	50%  { transform: scaleX(.9) translate(3px, -5px) rotate(-2deg); }
	100% { transform: scaleX(1) translate(0, 0) rotate(0deg); }
}
.blob-bg.wtc .bx{
	animation: movebxw 14s ease-in-out infinite;
}

@keyframes movebxw {
	0%   { transform: rotate(198deg) scaleX(-1) translate(0, 0) rotate(0deg); }
	40%  { transform: rotate(198deg) scaleX(-0.95) translate(7px, -10px) rotate(2deg); }
	100% { transform: rotate(198deg) scaleX(-1) translate(0, 0) rotate(0deg); }
}


.blob-bg.wtc .b1 {
	animation: moveb1w 14s ease-in-out infinite;
}

@keyframes moveb1w {
	0%   { transform: scale(1) translate(0, 0); }
	60%  { transform: scale(1) translate(20px, -20px); }
	100% { transform: scale(1) translate(0, 0); }
}

.blob-bg.wtc .b2 {
	animation: moveb2w 14s ease-in-out infinite;
}

@keyframes moveb2w {
	0%   { transform: scale(1) translate(0, 0); }
	30%  { transform: scale(0.8) translate(-15px, 25px); }
	100% { transform: scale(1) translate(0, 0); }
}

.blob-bg.wtc .b3 {
	animation: moveb3w 14s ease-in-out infinite;
}

@keyframes moveb3w {
	0%   { transform: scale(.8) translate(0, 0); }
	50%  { transform: scale(1) translate(-25px, 10px); }
	100% { transform: scale(.8) translate(0, 0); }
}




/*---------------------\THB--------------------*/

.content.mainbox .col1 .container .figure.thb  img {
	position: absolute;
}

.content.mainbox .col1 .container .figure.thb  img:nth-of-type(1) {
	width: 79%;
	top: 14%;
	left: 3%;
}

.content.mainbox .col1 .container .figure.thb  img:nth-of-type(2) {
	width: 16%;
	top: 8%;
	left: 69%;
}

.content.mainbox .col1 .container .blob-bg.thb  {
	position: absolute;
	width: 100%;
	height: 100%;
}

.content.mainbox .col1 .container .blob-bg.thb .bx {
	position: absolute;
	width: 106%;
	top: 13%;
	left: -8%;
}

.content.mainbox .col1 .container .blob-bg.thb  .b1 {
	position: absolute;
	width: 16%;
	top: 1%;
	left: -3%;
}

.content.mainbox .col1 .container .blob-bg.thb .b2 {
	position: absolute;
	width: 9%;
	top: 80%;
	left: 65%;
}


.blob-bg.thb .bx{
	animation: movebxt 14s ease-in-out infinite;
}

@keyframes movebxt {
	0%   { transform: scaleX(1) translate(0, 0) rotate(0deg); }
	40%  { transform: scaleX(1.05) translate(3px, -7px) rotate(4deg); }
	100% { transform: scaleX(1) translate(0, 0) rotate(0deg); }
}


.blob-bg.thb .b1 {
	animation: moveb1t 14s ease-in-out infinite;
}

@keyframes moveb1t {
	0%   { transform: scale(1) translate(0, 0); }
	60%  { transform: scale(1) translate(-18px, 15px); }
	100% { transform: scale(1) translate(0, 0); }
}

.blob-bg.thb .b2 {
	animation: moveb2t 14s ease-in-out infinite;
}

@keyframes moveb2t {
	0%   { transform: scale(1) translate(0, 0); }
	30%  { transform: scale(0.8) translate(-10px, -15px); }
	100% { transform: scale(1) translate(0, 0); }
}


 .int{
	padding: 0;
	overflow: hidden;
	margin: 150px 0 0 0;
}

 .int .wrapper{
	align-items: flex-start;
	justify-content: space-between;
}

 .int h2{
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.6em;
}
 .int img{
	height: 65px;
}

.int .col.col2 {
	justify-content: flex-end;
}

 .int .col:nth-of-type(1) {
	width:  calc(50% - 30px);
	margin: 0 30px 0 0;
}

 .int .col:nth-of-type(2){
	width:  calc(50% - 30px);
	margin: 0 0 0 30px;
}

/*---------------------\MTV--------------------*/

.content.ych p {
	max-width: 100%;
}

.content.mainbox.mtv {
	margin-bottom: 240px;
}

.content.mainbox.mtv .col1 {
	display: flex;
	justify-content: flex-end;
}

.content.mainbox.mtv .col1 .container {
	position: relative;
	min-height: unset;
	width: 85%;
}
 .content.mainbox .col1 .container .frame {
	_background-color: #ddd;
	background-color: transparent;
	position: relative;
	width: 90%;
	z-index: 50;
	overflow: hidden;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	_-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	_-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	_box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
}
 .content.mainbox .col1 .container .frame::before {
	content: '';
	display: block;
	padding-top: 70%;
}

 .content.mainbox.mtv .col1 .container .blob-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	_animation: blmtv 14s ease-in-out infinite;
}

 .content.mainbox.mtv .col1 .container .blob-bg .bx {
	position: absolute;
	width: 85%;
	top: -9%;
	left: 4%;
	z-index: 10;
	animation: blbgtv 14s ease-in-out infinite;
}

@keyframes blmtv {
	0%   { transform: scale(1) translate(0, 0) rotate(0deg); }
	40%  { transform: scale(1.02) translate(5px, -8px) rotate(2deg); }
	100% { transform: scale(1) translate(0, 0) rotate(0deg); }
}

@keyframes blbgmtv {
	0%   { transform: scale(1) translate(0, 0) rotate(0deg); }
	60%  { transform: scale(1.02) translate(5px, 8px) rotate(-2deg); }
	100% { transform: scale(1) translate(0, 0) rotate(0deg); }
}

 .content.mainbox.mtv .col1 .container .blob-bg .bx-bg {
	position: absolute;
	width: 112%;
	top: -3%;
	left: -6%;
}

 .content.mainbox .col2 .slogans {
	position: relative;
	width: 100%;
	margin: 30px 0 0 0;
}

 .content.mainbox .col2 .slogans img {
	height: 22px;
	margin: 0 10px 0 0;
}
 .content.mainbox .col2 .slogans span {
	font-size: 12px;
	line-height: 1em;
	color: #00a3ad;
}
 .content.mainbox .col2 .slogans table tr td:nth-of-type(1) img {
	height: 30px;
	margin: 0 10px 0 0;
}

 .content.mainbox .col2 .slogans table{
	width: 100%;
	flex-direction: row;
	border-spacing: 5px 0;
}

 .content.mainbox .col2 .slogans tr {
	display: flex;
	align-items: center;
	flex-direction: row;
}
 .content.mainbox .col2 .slogans td {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: 0 25px 0 0;
}

.content.central {
	margin-bottom: 240px;
}

.content.central .wrapper{
	flex-direction: column;
}

 .content.central .row{
	width: 100%;
}

.content.central h2 {
	font-size: 36px;
	color: #00a3ad;
	text-align: center;
	margin: 0 0 15px 0;
}

 .content.central p {
	font-size: 14px;
	line-height: 1.8em;
	color: #999999;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
}
.content.central .row2 {
	margin: 80px 0 0 0;
}
 .content.central .row2 .container {
	position: relative;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 100%;
}

 .content.central .row2 .col{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: #fff;
	width: 360px;
	border-radius: 15px;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
}

.content.central .row2 .col1{
	margin: 0 100px 0 0;
	z-index: 0;
}
 .content.central .row2 .col2{
	margin: 0 0 0 100px;
	z-index: -2;
}

 .content.central .row2 .mid {
	position: absolute;
	width: 300px;
	height: 150px;
	top: calc(50% - 75px);
	left: calc(50% - 150px);
	z-index: -1;
}

 .content.central .row2 .mid .bloc {
	width: 100%;
	height: 100%;
	background: #00a3ad;
}

 .content.central .row2 .mid .bloc div{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 60px;
	text-align: center;
}

 .content.central .row2 .mid .bloc span{
	color: #fff;
	font-size: 18px;
}

 .content.central .row2 .mid .bloc img{
	width: 50px;
	margin: 0 0 20px 20px;
}

 .content.central .row2 .mid .beak {
	width: 0;
	height: 0;
	margin: 0 0 0 0px;
	border-top: 75px solid transparent;
	border-bottom: 75px solid transparent;
	border-left: 32px solid #00a3ad;
}


 .content.central .row2 .col h4 {
	font-size: 20px;
	font-weight: 500;
	color: #003d3a;
	text-align: center;
	width: 100%;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

 .content.central .row2 .col ul {
	width: 100%;
	padding: 40px 40px 60px 40px;
}

 .content.central .row2 .col ul li div {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	width: 50px;
	min-width: 50px;
}
 .content.central .row2 .col ul img {
	height: 100%;
}
 .content.central .row2 .col ul li:nth-of-type(2) img {
	height: 110%;
}

 .content.central .row2 .col2 {
	padding: 0 0 0 20px;
}
 .content.central .row2 .col2 ul img {
	height: 120%;
}

 .content.central .row2 .col2 ul li:nth-of-type(2) img {
	height: 140%;
}
 .content.central .row2 .col ul span {
	font-size: 16px;
	line-height: 18px;
	font-weight: 400;
	color: #00a3ad;
	margin-left: 20px;
}
 .content.central .row2 .col ul li {
	display: flex;
	align-items: center;
	margin: 0 0 60px 0;
	min-height: 60px;
}
 .content.central .row2 .col ul li:last-of-type {
	display: flex;
	align-items: center;
	margin: 0;
}

.content.mainbox.trials  {
	margin-bottom: 50px;
}
.content.mainbox.trials h2  {
	margin-bottom: 10px;
}
.content.mainbox.trials .col2 .slogans td {
	max-width: 250px;
}

.content.mainbox.trials p {
	max-width: unset;
}

.content.mainbox.trials .col2 div {
	max-width: unset;
}

.quote-row {
	margin: 100px 0 200px 0;
}
.quote-row .wrapper {
	justify-content: center;
}

.quote-row .container {
	max-width: 700px;
}

.quote-row img {
	width: 32px;
}
.quote-row p:nth-of-type(1) {
	color: #00a3ad;
	min-width: unset;
	max-width: unset;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4em;
	margin: 10px 0 15px 0;

}
.quote-row p:nth-of-type(2) {
	color: #606060;
	width: 100% !important;
	font-size: 11px;
	line-height: 1.4em;
	font-weight: 400;
	margin: 0;
	text-align: right;
}

.content.mainbox.trials .col1 .container {
	min-height: unset;
}

.content.mainbox.trials .col1 .container .blob-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: scaleX(-1) scaleY(-1) rotate(-10deg);
}

.content.mainbox.trials .col1 .container .blob-bg .bx {
	position: absolute;
	width: 95%;
	top: -10%;
	left: 10%;
	z-index: 10;
}

.content.mainbox.trials .seal {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #f7f7f7;
	background: linear-gradient(45deg, rgb(251, 251, 251) 0%,rgb(240, 240, 240) 100%);
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	border-radius: 100%;
	top: -11%;
	right: 8%;
	z-index: 100;
}
.content.mainbox.trials .seal img {
	width: 100%;
}

.content.mainbox .col1 .container .patch {
	position: absolute;
	display: flex;
	justify-content: flex-start;
	width: 100%;
	margin-top: 25px;
	z-index: 100;
}
 .content.mainbox .col1 .container .patch img {
	height: 60px;
	margin: 0 30px 0 30px;
}
 .content.mainbox .col1 .container .patch h5 {
	color: #00a3ad;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 12px 0;
	text-shadow: 1px 1px 1px #fff;
}
 .content.mainbox .col1 .container .patch p {
	color: rgb(53, 53, 53);
	font-size: 10px;
	line-height: 14px;
	font-weight: 400;
	text-shadow: 1px 1px 1px #fff;
}

.number-row {
	width: 100%;
	margin: 100px 0 200px 0;
}
.nr-title{
display: none;
}

.nr-title h2{
	font-size: 26px;
	line-height: 1.3em;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
}


.number-row .wrapper{
	justify-content: space-between;
}

.number-row .col {
	width: 20%;
	max-width: 240px;
	_border: 1px solid red;
}
.number-row .col:not(:last-of-type) {
	margin: 0 40px 0 0;
}
.number-row .col.col0 {
	margin-right: 76px;
}


.number-row span {
	font-size: 68px;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.number-row span sub{
	bottom: 0;
	padding: 0;
	margin: 0;
	font-size: 20px;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.number-row h3 {
	font-size: 20px;
	line-height: 1.3em;
	font-weight: 400;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 10px;
	min-height: 52px;
}

.number-row h2 {
	font-size: 26px;
	line-height: 1.3em;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.number-row p {
	font-family: "opensans";
	font-size: 12px;
	line-height: 1.6em;
	font-weight: 300;
	color: #999;
	margin-top: 10px;
	min-height: 80px;
}

.title {
	margin: 50px 0;
}
.covertitle {
	margin: 200px 0 100px 0;
}
.title .wrapper,
.covertitle .wrapper {
	flex-direction: column;
}

.title h2,
.covertitle h2 {
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 300;
	font-size: 32px;
	line-height: 1.3em;
	text-align: center;
}

.covertitle h2 {
	font-size: 48px;
}

.title h3 {
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 200;
	font-size: 28px;
	line-height: 34px;
	text-align: center;
}

.title p,
.covertitle p {
	color: #999;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.8em;
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 15px;
}

.title.spn p {
	max-width: 1000px;
	padding: 0 20px;
}


.covertitle p:nth-of-type(1) {
	margin-top: 40px;
}
.covertitle p:nth-of-type(2) {
	margin-top: 0px;
}

.title img {
	height: 40px;
	display: block;
	margin: 50px  auto;
}
.title .icon {
	height: 130px;
	display: block;
	margin: 50px  auto 10px auto;
}

.box-row.spn {
	margin: 70px 0 180px 0;
}

.box-row.spn .col {
	position: relative;
	max-width: 400px;
}

.box-row.spn .wrapper {
	justify-content: space-around;
}

.box-row.spn .col .frame {
	width: 100%;
	margin: 60px 0;
	min-height: 68px;
}


.box-row.spn .col .frame img{
	max-height: 65%;
	width: 65%;
}
.box-row.spn .col.col1 .frame img{
	max-height: 50%;
	width: 50%;
}

.box-row.spn .col h3 {
	text-align: center;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.2em;
}
.box-row.spn .col p {
	text-align: center;
	color: #999;
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	text-align: center;
	margin-top: 30px;
}


.content.mainbox .col2 div {
	margin: 50px 0 0 0;
	position: relative;
	max-width: 500px;
}

.content.mainbox .col2 div img {
	width: unset;
	height: 16px;
	margin: 0;
	padding: 0;
}

.content.mainbox .col2 div p {
	color: #00a3ad;
	min-width: unset;
	max-width: unset;
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	margin: 10px 0 20px 0;
}
.content.mainbox .col2 div p:nth-of-type(2) {
	color: #606060;
	width: 100% !important;
	font-size: 11px;
	font-weight: 400;
	margin: 0;
	text-align: right;
}

#spns1 {
	width: 113%;
	top: -4%;
	left: -3%;
}
#spns2 {
	width: 127%;
	top: -6%;
	left: -20%;
}
#spns3 {
	width: 115%;
	top: 10%;
	left: 0;
}


/*---------------------\Professional Platform--------------------*/


.cover .col2 .container {
	position: relative;
	margin: auto 0;
	height: 70vh;
	min-height: 400px;
	margin-left: 43%;
}

.title.plt {
	margin: 30px 0 60px 0;
	padding: 0 20px;
}

.box-row.plt {
	margin: 20px 0 150px 0;
}

.content.plt p {
	max-width: 800px;
}

.content.mainbox.plt .col1 img{
	width: 90%;
}

.box-row.plt .box .contain.top {
	height: 100px;
}
.box-row.plt .box .contain.top img {
	height: 100%;
}

.maincard {
	margin: 0 0 40px 0;
	padding: 0;
}

.maincard .container{
	background: #fff;
	border-radius: 20px;
	height: 360px;
	width: 100%;
	-webkit-box-shadow: 0px 7px 18px 0px rgba(100,100,100,0.08);
	-moz-box-shadow: 0px 7px 18px 0px rgba(100,100,100,0.08);
	box-shadow: 0px 7px 18px 0px rgba(100,100,100,0.08);
	display: flex;
	position: relative;
	overflow: hidden;
	transition: all .2s ease-in-out;
}
.maincard.epeh .container {
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.maincard.epeh .container .col1 {
	width: 60%;
	max-width: 60%;
	padding: 40px 0 40px 40px;
}
.maincard.epeh .container .col2 {
	width:40%;
	max-width: 40%;
}


.maincard.epeh .container .col1 .row1 {
	height: calc(60% - 30px);
}


.maincard.epeh.big .container .col1 .row2 {
	height: calc(50% - 30px);
}

.maincard.epeh.big .container .col1 .row1 {
	height: calc(50% - 30px);
}


.maincard.epeh .container .col1 .row2 {
	max-width: 100%;
	width: 100%;
	height: calc(40% - 30px);
}





.maincard .container:hover{
	transform: scale(1.02);
	-webkit-box-shadow: 0px 9px 30px 0px rgba(100,100,100,0.1);
	-moz-box-shadow: 0px 9px 30px 0px rgba(100,100,100,0.1);
	box-shadow: 0px 9px 30px 0px rgba(100,100,100,0.1);
	transition: all .2s ease-in-out;
}


.maincard .container .col {
	width: 50%;
	max-width: 50%;
	height: 100%;
	padding: 40px;
}

.maincard .container .col2 {
	padding: 40px 70px;
}

.maincard .container .col span {
	font-size: 30px;
	font-weight: 400;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin: 0 0 20px 0;
}

.maincard .container .col h3 {
	font-size: 32px;
	line-height: 1.4em;
	font-weight: 400;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.maincard .container .col p {
	font-size: 14px;
	line-height: 1.8em;
	font-weight: 300;
	color: #999;
}

.maincard .container .col1 .row1 {
	height: calc(67% - 30px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-end;
	margin: 0 0 30px 0;
}

.maincard .container .col1 .row2 {
	height: calc(33% - 30px);
	margin: 30px 0 0 0;
	max-width: 600px;
}

.maincard .container .col2 img{
	width: 100%;
}



/*---------------CASE PLatform -----------------------*/

.case{
	margin: 100px 0 90px 0;
}

 .case .container {
	padding: 30px 0;
	width: 100%;
	justify-content: space-between;
}

 .case .container .box {
	background: #fff;
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	min-width: 120px;
	width: 220px;
	max-width: 300px;
	height: 260px;
	border-radius: 10px;
	overflow: hidden;
	padding: 15px;
	cursor: pointer
	;
}

 .case .container .box:not(:last-of-type) {
	margin: 0 25px 0 0;
}

 .case .container .box .row{
	width: 100%;
}

 .case .container .box .row.top{
	height: 38%;
}
 .case .container .box .row.top .contain{
	width: 55px;
	height: 55px;
	position: relative;
}
 .case .container .box .row.top .contain .bubble {
	width: 100%;
	height: 100%;
	border-radius: 2000px;
	background: rgb(0,163,173);
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
}
 .case .container .box .row.top .contain img {
	height: 35px;
	position: absolute;
	top: calc(50% - 16px);
	left: calc(50% - 18px);
}
 .case .container .box:nth-of-type(2) .row.top .contain img {
	top: calc(50% - 20px);
	left: calc(50% - 17px);
}
 .case .container .box:nth-of-type(3) .row.top .contain img {
	top: calc(50% - 18px);
	left: calc(50% - 15px);
}
 .case .container .box:nth-of-type(5) .row.top .contain img {
	top: calc(50% - 20px);
	left: calc(50% - 21px);
}
 .case .container .box:nth-of-type(6) .row.top .contain img {
	top: calc(50% - 17px);
	left: calc(50% - 12px);
}

 .case .container .box:hover .row.top .contain .bubble {
	transform: scale(12);
	transition: all ease-in-out .3s;
	z-index: 0;
}
 .case .container .box:hover .row.top .contain img {
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease-in-out .3s;
}
 .case .container .box .row.mid {
	height: 20%;
	display: flex;
	align-items: flex-end;
}
 .case .container .box .row.bot {
	height: 42%;
	padding: 10px 0 0 0;
	z-index: 20;
}
 .case .container .box h2 {
	font-size: 18px;
	line-height: 1.2em;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 400;
}
 .case .container .box p {
	font-size: 10px;
	line-height: 1.4em;
	color: #999;
	font-weight: 400;
	z-index: 20;
}
 .case .container .box:hover h2 {
	color: #fff;
	background: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	transition: all ease-in-out .3s;
	z-index: 0;
	font-weight: 400;
}
 .case .container .box:hover p {
	color: #fff;
	transform: scale(1);
	transition: all ease-in-out .3s;
	z-index: 25;
}

/*---------------CASE PLatform -----------------------*/




/*-------------------- Monit  -----------------------*/

.content.mainbox.monit {
	padding: 10% 0 0 0;
}

 .content.mainbox.monit .col2 p {
	max-width: unset;
	line-height: 34px;
	font-weight: 300;
}

 .content.mainbox.monit .col2 p b{
	color: #00a3ad;
}

 .content.mainbox.monit .col1 img{
	width: 90%;
}

/*-------------------- minibox-row  -----------------------*/

.minibox-row {
	padding: 0;
	margin: 0;
	position: relative;
	height: 45%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.minibox-row .container{
	width: 100%;
	justify-content: space-between;
}

.minibox-row .box {
	_width: calc(25% - 40px);
	width: calc(33% - 40px);
	flex-direction: column;
	align-items: flex-start;
}

.minibox-row .box:not(:last-of-type) {
	margin-right: 40px;
}

.minibox-row .box .contain {
	width: 100%;
	height: 100%;
}

.minibox-row .box .contain.top {
	height: 45%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.minibox-row .box .contain.mid {
	height: 15%;
	margin: 25px 0 12px 0;
}

.minibox-row .box .contain.bot {
	height: 40%;
	min-height: 100px;
	max-width: 350px;
}

.minibox-row .box img {
	height: 27px;
}
.minibox-row .box:nth-of-type(2) img {
	height: 22px;
}
.minibox-row .box:nth-of-type(3) img {
	height: 25px;
}
.minibox-row .box:nth-of-type(4) img {
	height: 30px;
}
.minibox-row .box h5 {
	font-size: 18px;
	font-weight: 300;
	color: #00a3ad;
	text-align: left;
}

.minibox-row .box p {
	font-family: "opensans";
	font-size: 12px;
	line-height: 1.4em;
	font-weight: 400;
	text-align: left;
	color: #999;
}

.parameters {
	width: 100%;
}

.parameters .wrapper {
	flex-direction: column;
}

.parameters .title{
	position: relative;
	width: 100%;
	flex-direction: column;
}

.parameters .title h4{
	font-size: 36px;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	margin: 20px 0;
}

.parameters .title img{
	width: 35px;
	margin: auto;
	margin: 20px 0;
}

.parameters .contain {
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin-top: 40px;
}

.parameters .contain .box {
	width: calc((100% / 3) - 40px);
	height: 200px;
	margin: 20px 20px;
	display: flex;
}

.parameters .contain .box .col1 {
	width: 20%;
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.parameters .contain .box .col1 img {
	height: 30%;
}
.parameters .contain .box:nth-of-type(2) .col1 img {
	height: 35%;
}

.parameters .contain .box .col2 {
	width: 80%;
	padding: 50px 40px 0 10px;
}

.parameters .contain .box .col2 h2 {
	font-size: 20px;
	font-weight: 500;
	margin: 0 0 20px 0;
}

.parameters .contain .box .col2 p {
	font-family: "opensans";
	font-size: 12px;
	line-height: 24px;
	color: #999;
}

.parameters .contain .box:nth-of-type(1) .col2 h2 {
	color: #90009f;
}
.parameters .contain .box:nth-of-type(2) .col2 h2 {
	color: #4e278c;
}
.parameters .contain .box:nth-of-type(3) .col2 h2 {
	color: #ea3e00;
}
.parameters .contain .box:nth-of-type(4) .col2 h2 {
	color: #a224e8;
}
.parameters .contain .box:nth-of-type(5) .col2 h2 {
	color: #eab100;
}
.parameters .contain .box:nth-of-type(6) .col2 h2 {
	color: #007055;
}


/*-------------------- Plt Tlh  -----------------------*/

 .content.mainbox.tlh {
	padding: 0% 0 0 0;
}

 .content.mainbox.tlh .col1 .container img {
	width: 90%;
}

/*-------------------- big box  -----------------------*/

.bigbox-row .container {
	width: 100%;
	position: relative;
	display: flex;
	_justify-content: space-between;
	justify-content: center;
}

.bigbox-row .container .box {
	width: calc((100% / 3) - 40px);
	min-width: 200px;
	max-width: 400px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.bigbox-row .container .box:not(:last-of-type) {
	margin-right: 40px;
}

.bigbox-row .container .box .row {
	width: 100%;
}

.bigbox-row .container .box .row1 {
	align-items: flex-end;
	position: relative;
	height: 80px;
}
.bigbox-row .container .box .row1 img {
	height: 80%;
}

.bigbox-row .container .box .row2 {
	margin: 40px auto;
}

.bigbox-row .container .box .row2 h5 {
	font-size: 20px;
	font-weight: 400;
	color: #00a3ad;
	margin: 0 0 20px 0;
	text-align: center;
}

.bigbox-row .container .box .row2 p {
	font-size: 12px;
	line-height: 24px;
	font-weight: 300;
	color: #999;
	max-width: 320px;
	text-align: center;
	margin: 0 auto;
}

.bigbox-row .container .box .row3 img{
	width: 40px;
	margin: 0 12px;
}


/*-------------------- stair -----------------------*/

.stair {
	width: 100%;
	padding: 3% 0;
}

.stair .title {
	width: 100%;
}

.stair .title h2 {
	font-size: 36px;
	line-height: 1.4em;
	font-weight: 300;
	text-align: left;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.stair .container {
	width: 100%;
}
.stair .contain {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	margin-top: 10px;
	position: relative;
}

.stair .contain .box {
	width: 400px;
	_height: 480px;
	margin: 0 40px;
	border-radius: 40px;
	background: #fff;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	position: relative;
	overflow: hidden;
	z-index: -1;
}

.stair .contain .box .frame{
	position: relative;
	background: #ddd;
	width: 100%;
	height: 265px;
	border-radius: 40px;

	-webkit-box-shadow: 0px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 0px 7px 27px -6px rgba(0,0,0,0.15);
	background-repeat:no-repeat;
	background-size: 100%;
	_background-size: cover;
	background-position:50% 50%;
	transition: all ease-in-out .3s;

}
.stair .contain .box:hover .frame{
	background-size: 110%;
	transition: all ease-in-out .3s;
}

.stair .contain .box .frame .pin{
	position: absolute;
	width: 130px;
	height: 130px;
	left: calc(50% - 60px);
	bottom: -22%;
}

.stair .contain .box .frame .pin img{
	width: 90%;
}

.stair .contain .box .text {
	width: 100%;
	_height: calc(100% - 265px);
	position: relative;
	margin-top: 50px;
}

.stair .contain .box .text h5 {
	height: calc(60% - 40px);
	margin: 20px 0;
	font-size: 22px;
	line-height: 1.3em;
	font-weight: 400;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	padding: 0 40px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.stair .contain .box .text p {
	height: calc(40% - 40px);
	margin-bottom: 40px;
	font-family: "opensans";
	font-size: 12px;
	line-height: 20px;
	color: #999;
	text-align: center;
	padding: 0 40px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.stair .contain .box.box1 {
	margin-top: 70px;
}
.stair .contain .box.box2 {
	margin-top: -10px;
}

.quick-links {
	margin: 100px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.lnk {
	min-width: 130px;
	color: #fff;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	margin: 25px;
	padding: 15px 20px;
	width: unset;
	height: unset;
	border-radius: 5px;
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	box-shadow: 3px 3px 10px 0px rgba(0,163,173,0.3);
	transition: all .1s ease-in-out;
}
.lnk:hover {
	box-shadow: 0px 0px 30px 3px rgba(0,163,173,0.5);
	transition: all .1s ease-in-out;
}
.lnk:active {
	box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3);
	transition: all .1s ease-in-out;
}

.smart-links .wrapper{
	flex-direction: column;
}

.smart-links h2,
.smart-links h3 {
	font-size: 28px;
	line-height: 1.3em;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: center;
	margin: 20px 0;
	max-width: 900px;
}

.smart-links p{
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 300;
	color: #999;
	text-align: center;
	max-width: 900px;
	margin: 10px 0 50px 0;
}




/*------------- duoBoxes---------*/
.duobox-row {
	padding: 0;
	margin: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.duobox-row .container{
	width: 100%;
	display: flex;
	justify-content: center;
}

.duobox-row .box {
	width: 50%;
	max-width: 380px;
	flex-direction: column;
	align-items: flex-start;
	margin: 0 30px;
}

.duobox-row .box .contain {
	width: 100%;
	height: 100%;
}

.duobox-row .box .contain.top {
	height: 45%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.duobox-row .box .contain.mid {
	height: 15%;
	margin: 25px 0 12px 0;
}

.duobox-row .box .contain.bot {
	height: 40%;
	min-height: 100px;
	max-width: 350px;
}

.duobox-row .box img {
	max-height: 70px;
	max-width: 80px;
}

.duobox-row .box h3 {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.6em;
	color: #198cac;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: left;
}

.duobox-row .box h5 {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.6em;
	color: #198cac;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-align: left;
}

.duobox-row .box p {
	font-size: 14px;
	line-height: 1.6em;
	font-weight: 300;
	text-align: left;
	color: #999;
}
/*------------- duoBoxes---------*/

/*------------- Prod Cards ---------*/


.prodcards .container {
	max-width: 1000px;
	float: left;
	display: flex;
	flex-wrap: wrap;
}

.prodcards .card {
	position: relative;

	margin-bottom: 50px;

	display: flex;

	background: #fff;


	width: 100%;
	min-width: 250px;

	min-height: 400px;

	border-radius: 15px;

	box-shadow: 7px 7px 27px -6px rgb(19 78 94 / 21%);
	-webkit-box-shadow: 7px 7px 27px -6px rgb(19 78 94 / 21%);
	-moz-box-shadow: 7px 7px 27px -6px rgba(19,78,94,0.21);
}
.prodcards .card.sml.plt{
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
    box-shadow: 0px 0px 10px 0px rgb(0 163 173 / 30%);
	color: #fff;

}

.prodcards .card .col{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;

	width: 50%;
	padding: 35px;
}

.prodcards .card .col2{
	display: flex;
	align-items: center;
	justify-content: center;
}

.prodcards .card .text{
	width: 100%;
	min-height: 100px;
}

.prodcards .card .cta{
	position: relative;
	width: 100%;
	margin-top: 50px;
	display: flex;
}

.prodcards .card .btn{
	position: relative;
	box-sizing: border-box;
	border-radius: 5px;
	margin-right: 24px;
	padding: 11px 22px;
	font-size: 14px;
	font-family: "Poppins";
	font-weight: 500;
	color: #fff;
	text-align: center;
    background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
    box-shadow: 0px 0px 10px 0px rgb(0 163 173 / 30%);
	transition: all .2s ease-in-out;
	cursor: pointer;
}
.prodcards .card .btn2{

	font-weight: 500;
	color: #198cac;
	margin-right: 0px;
	border: 3px solid #198cac;
    background: transparent;
    box-shadow: 3px 3px 10px 0px rgb(0 163 173 / 30%);
    transition: all .2s ease-in-out;
}
.prodcards .card .btn3{

	font-weight: 500;
	color: #198cac;
	margin-right: 0px;
	border: 3px solid #198cac;
    background: transparent;
    box-shadow: 3px 3px 10px 0px rgb(0 163 173 / 30%);
	transition: all .2s ease-in-out;
	display: none;
}

.prodcards .card .btn:hover {
	box-shadow: 0px 0px 30px 0px rgb(0 163 173 / 40%);
	transition: all .2s ease-in-out;
}


.prodcards .card h3,
.prodcards .card h4 {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.1em;
    color: #00a3ad;
    background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.prodcards .card h3 b {
    font-weight: 600;
}

.prodcards .card.sml.plt h3,
.prodcards .card.sml.plt h4{
	color: #fff;
	background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}

.prodcards .card.sml.plt h5{
	color: #fff;
	background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.prodcards .card.sml.plt p{
	color: #fff;
}

.prodcards .card.sml.plt .btn{
	color: #198cac;
    background: #fff;
    box-shadow: #fff;
}
.prodcards .card.sml.plt .btn2,
.prodcards .card.sml.plt .btn3{
	color: #fff;
    border: 3px solid #fff;
	box-shadow: #fff;
	background: transparent;
}


.prodcards .card h5{
    font-size: 28px;
    font-weight: 300;
    line-height: 1.1em;
    color: #00a3ad;
    background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.prodcards .card p{
    font-size: 14px;
    line-height: 1.8em;
	font-weight: 400;
	color: #999;
	margin: 40px 0 0 0;
}
.prodcards .card img{
	width: 100%;
}

.prodcards .card.sml {
	margin-right: 50px;
	max-width: calc(50% - 25px);
	flex-direction: column;
	padding: 35px;
}

.prodcards .card.sml:last-of-type {
	margin-right: 0;
}


.prodcards .card.sml .row {
	width: 100%;
	_border: 1px solid red;
}
.prodcards .card.sml .row2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.prodcards .card.sml .row3 {
	min-height: 120px;
}
.prodcards .card.sml .row1 {
	justify-content: flex-start;
}
.prodcards .card.sml .row1 span {
	font-size: 16px;
	font-weight: 500;
	color: #198cac;
}
.prodcards .card.sml.plt .row1 {
	border: 3px solid #fff;
	background: rgba(255,255,255,0.2);
	border-radius: 100px;
	box-sizing: border-box;
	width: unset;
}
.prodcards .card.sml.plt .row1 span {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	letter-spacing: 2px;
}
.prodcards .card.sml .row1 img {
	max-width: 36px;
	margin-right: 15px;
	box-shadow: rgb(0,163,173);
}

.prodcards .card.sml img {
	max-width: 80%;
}

.prodcards .card.sml p {
    margin: 10px 0 0 0;
}


/*------------- Prod Cards ---------*/


/*------------- Smartwatch---------*/


.content.sw .col2 img {
	width: 100%;
}

.swfun {
	width: 100%;
	margin-bottom: 200px;
}

.swfun .wrapper {
	flex-direction: column;
}

.swfun .title {
	width: 100%;
	margin: 50px 0;
}

.swfun .content {
	width: 100%;
	display: flex;
	position: relative;
}

.swfun .content .col {
	box-sizing: content-box;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	width: 30%;
	margin: 0;
	transition: all ease-in-out .3s;
}

.swfun .content .col2{
	margin: 0;
	width: 40%;
	height: 100%;
}

.swfun .content .col .box {
	width: 50%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	transition: all ease-in-out .3s;
}

.swfun .content .col .box .bubble {
	width: 55%;
	position: relative;
	display: flex;
	justify-content: center;
	transition: all ease-in-out .3s;
}

.swfun .content .col .box .bubble img{
	width: 100%;
	transition: all ease-in-out .3s;
}

.swfun .content .col .box span {
	padding: 5px 0 0 0;
	height: 40%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	color: #4e278c;
	transition: all ease-in-out .3s;
}

.swfun .content .col .box.bx1 span{
	color: #c00e72;
}
.swfun .content .col .box.bx2 span{
	color: #28548e;
}
.swfun .content .col .box.bx3 span{
	color: #f0b900;
}
.swfun .content .col .box.bx4 span{
	color: #395106;
}
.swfun .content .col .box.bx5 span{
	color: #8913e7;
}
.swfun .content .col .box.bx6 span{
	color: #d92800;
}
.swfun .content .col .box.bx7 span{
	color: #00a857;
}
.swfun .content .col .box.bx8 span{
	color: #df1016;
}

.swfun .content .col2 .cage {
	position: relative;
	width: 100%;
	padding: 0 10px;
	height: 80%;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame{
	position: relative;
	width: 60%;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .framecage {
	width: 90%;
	z-index: 20;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame img {
	height: 100%;
	z-index: 20;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: -1%;
	left: -4%;
	z-index: 15;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .bg {
	position: absolute;
	background: #0a0a0a;
	width: 60%;
	border-radius: 100%;
	top: 25%;
	left: 20%;
	z-index: 1;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .bg:after {
	content: '';
	display: block;
	top: 0;
	left: 0;
	padding-bottom: 100%;
}

#patch_hr {
	z-index: 10;
}


.swfun .content .col2 .cage .frame .mask .ipatch {
	position: absolute;
	width: 67%;
	top: 0%;
	left: 18%;
	z-index: 99;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .mask img {
	position: absolute;
	width: 67%;
	top: -1%;
	left: 14%;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .container {
	margin-left: 0;
	width: 100%;
	height: 100%;
	position: relative;
	display: none;
	transition: all ease-in-out .3s;
	z-index: 10;
}


.swfun .content .col2 .cage .frame .container.visible {
	display: flex;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .container.slide-it {
	margin-left: -124%;
	transition: all ease-in-out .3s;
}


.swfun .content .col2 .cage .frame .mask .container img {
	position: absolute;
	width: 68%;
	top: 0%;
	left: 30%;
	transition: all ease-in-out .3s;
}
.swfun .content .col2 .cage .frame .mask .container img:nth-of-type(1) {
	left: 17%;
	transition: all ease-in-out .3s;
}
.swfun .content .col2 .cage .frame .mask .container img:nth-of-type(2) {
	left: 78%;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .cage .frame .mask .slide-on {
	left: -50%;
	transition: all ease-in-out .3s;
}

.op5 {
	opacity: .5;
	transition: all ease-in-out .3s;
}
.op10 {
	opacity: 1;
	transition: all ease-in-out .3s;
}



.swfun .content .col2 .cage .frame .mask.clip-circle {
	clip-path: circle(25% at center);
	transition: all ease-in-out .3s;
}

.swfun .frame .bullets {
	width: 13%;
	height: 10px;
	position: absolute;
	bottom: 20px;
	left: 41%;
	display: none;
	justify-content: space-around;
	transition: all ease-in-out .3s;
}

.swfun .frame .bullets.show {
	display: flex;
	transition: all ease-in-out .3s;
}


.swfun .frame .bullets .ro {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	border: 1px solid rgb(14, 14, 14);
	transition: all ease-in-out .3s;
}

.swfun .frame .bullets .ro.select{
	background: rgb(14, 14, 14);
	transition: all ease-in-out .3s;
}


.swfun .content .col2 .text {
	width: 100%;
	padding: 0 80px;
	height: 20%;
	transition: all ease-in-out .3s;
	position: absolute;
	top: 100%;
}

.swfun .content .col2 .text p {
	font-size: 14px;
	line-height: 24px;
	color: rgb(107, 107, 107);
	text-align: center;
	font-weight: 300;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .text :not(.call) {
	display: none;
	transition: all ease-in-out .3s;
}

.swfun .content .col2 .text .call {
	display: block;
	transition: all ease-in-out .3s;
}


.swfun .content .col2 .text .call.hide {
	display: none;
	transition: all ease-in-out .3s;
}
.swfun .content .col2 .text .txt.show {
	display: block;
	transition: all ease-in-out .3s;
}


.content.emgbox {
	position: relative;
	width: 100%;
	margin: 180px 0 315px 0;
}

.content.emgbox .row  {
	width: 100%;
}

.content.emgbox .wrapper {
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.content.emgbox .scheme {
	position: relative;
	width: 100%;
	max-width: 1000px;
	margin-top: 0px;
}

.content.emgbox .col1 {
	height: 100%;
	width: 60%;
	z-index: 999;
}

.content.emgbox .swframe {
	position: absolute;
	width: 22%;
	top: 23%;
	left: 6%;
}


.content.emgbox .signal{
	position: absolute;
	width: 44%;
	top: 26%;
	left: 17%;
}

.content.emgbox .col1 div {
	position: absolute;
	width: 22%;
	top: 88%;
	left: 7%;
	display: flex;
	justify-content: center;
}

.content.emgbox .col1 span {
	font-size: 20px;
	font-weight: 500;
	color: #e9112b;
	text-transform: uppercase;
	line-height: 0;
}

.content.emgbox .col1 span img{
	height: 20px;
	margin: 0 0 15px 5px;
}

.content.emgbox .col2  {
	position: relative;
	width: 40%;
}

.content.emgbox h2 {
	font-size: 36px;
	line-height: 44px;
	margin: 0 0 40px 0;
}

.content.emgbox p {
	font-size: 14px;
	line-height: 1.8em;
	color: #999;
	padding: 0;
	max-width: 500px;
}

.content.emgbox .col2 h5 {
	width: 100%;
	color: #03211d;
	font-size: 22px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 5% 0;
}

.content.emgbox .col2 .container {
	position: relative;
	background: #ededed;
	border-radius: 50px;
	width: 100%;
	margin-bottom: 10%;
}

.content.emgbox .col2 .container .row{
	position: relative;
	width: 100% ;
	height: calc(100% / 3);
	padding: 12% 30px 12% 10px;
	justify-content: flex-start;

}

.content.emgbox .col2 .container .row .pin{
	width: 40px;
	height: 100%;
}
.content.emgbox .col2 .container .row .icon{
	position: absolute;
	width: 13%;
	left: 50px;
}
.content.emgbox .col2 .container .row .icon img{
	width: 100%;
}
.content.emgbox .col2 .container .row .text{
	height: 100%;
	justify-content: flex-start;
	padding: 0 0 0 80px;
}

.content.emgbox .col2 .container .row h6{
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	color: #03211d;
}

.content.emgbox .col2 .container .row .pin div{
	width: 15px;
	height: 15px;
	border: 2px solid #e9112b;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.content.emgbox .col2 .container .row .pin div div{
	width: 7px;
	height: 7px;
	background: #e9112b;
	border-radius: 50px;
}



/*--------------sw plat sync--------------*/

 .content.mainbox.psync {
	overflow: unset;
}
 .content.mainbox.psync .col1 .container{
	position: relative;
	min-height: unset;
	width: 90%;
}


.content.mainbox.psync .col1 .container .figure {
	overflow: unset;
	position: relative;
}
.content.mainbox.psync .col1 .container .figure::after {
	content: '';
	display: block;
	padding-bottom: 70%;
}

 .content.mainbox.psync .col1 .container .figure .plt {
	position: absolute;
	width: 110%;
	top: 0%;
	left: -23%;
	z-index: 99;
}
 .content.mainbox.psync .col1 .container .figure .sw {
	position: absolute;
	width: 26%;
	top: 52%;
	left: 62%;
	z-index: 100;
}

 .content.mainbox.psync .col1 .container .blob-bg {
	top: -8%;
	left: -20%;
	width: 100%;
	height: 100%;
	position: absolute;
}
 .content.mainbox.psync .col1 .container .blob-bg .bx-bg {
	width: 113%;
	position: absolute;
	top: -17%;
	left: -7%;
}


 .content.mainbox.psync .col1 .container .blob-bg .bx1 {
	width: 96%;
	position: absolute;
	top: 10%;
	left: 2%;
	z-index: 10;
	transform: scaleY(-1) scaleX(-1) rotate(-15deg);
}

 .content.mainbox.psync .col1 .container .blob-bg .bx2 {
	width: 22%;
	position: absolute;
	top: 27%;
	left: 75%;
	z-index: 10;
}
 .content.mainbox.psync .col1 .container .blob-bg .bx3 {
	width: 15%;
	position: absolute;
	top: 2%;
	left: 53%;
	z-index: 10;
}
 .content.mainbox.psync .col1 .container .blob-bg .bx4 {
	width: 8%;
	position: absolute;
	top: -5%;
	left: 75%;
	z-index: 10;
}

 .content.mainbox.psync .col2 .slogans table tr td img{
	height: 22px;
}


/*----------------------------*/


/*---------------Telehealth box-------------*/

.content.tlh h2 {
	font-size: 54px;
	line-height: 60px;
	margin: 0 0 30px 0;
}

.content.tlh .col1 img {
	width: 100%;
}

/*---------------Telehealth benefits-------------*/

.box-row.tlh  {
	margin: 40px 0 150px 0;
}

.box-row.tlh .box .contain h5 {
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	padding: 0 20px;
}

.box-row.tlh .box:nth-of-type(3) img {
	height: 60px;
}


/*-----------------------------------------*/

 .maincard.thb .container .col1 .row1 {
	height: calc(67% - 30px);
	display: flex;
	margin: 0 0 30px 0;
	max-width: 520px;
}

 .maincard.thb  .container .col img {
	width: 95%
}

 .maincard.thb  .container .col2 img {
	height: unset;
}

/*-------------------------------------------*/





/*--------------sw plat sync--------------*/

 .content.mainbox.tdoc .col1 .container{
	position: relative;
	min-height: unset;
	height: 100%;
}


 .content.mainbox.tdoc .col1 .container .figure {
	overflow: unset;
	min-height: 400px;
	position: relative;
}
 .content.mainbox.tdoc .col1 .container .figure img{
	position: absolute;
	z-index: 50;
}

 .content.mainbox.tdoc .col1 .container .blob-bg {
	top: -10%;
	left: 0;
	width: 85%;
	height: 85%;
	position: absolute;
}

 .content.mainbox.tdoc .col1 .container .blob-bg .bx-bg {
	width: 113%;
	position: absolute;
	top: -17%;
	left: -7%;
}

 .content.mainbox.tdoc .col1 .container .blob-bg .bx1 {
	width: 96%;
	position: absolute;
	top: 10%;
	left: 2%;
	z-index: 10;
	transform: scaleY(-1) scaleX(-1) rotate(-15deg);
}

 .content.mainbox.tdoc .col1 .container .blob-bg .bx2 {
	width: 22%;
	position: absolute;
	top: 27%;
	left: 75%;
	z-index: 10;
}
 .content.mainbox.tdoc .col1 .container .blob-bg .bx3 {
	width: 15%;
	position: absolute;
	top: 108%;
	left: 43%;
	z-index: 10;
}

 .content.mainbox.tdoc .col1 .container .blob-bg .bx4 {
	width: 10%;
	position: absolute;
	top: 9%;
	left: 73%;
	z-index: 99;
}

 .content.mainbox.tdoc .col2 .slogans table tr td img{
	height: 22px;
}

 .content.mainbox.tdoc .col2 .slogans table tr td:nth-of-type(1) img{
	height: 26px;
}



/*-------------------------------------------*/
.fastcard .container{
	width: 100%;
	background: #e8eded;
}

.fastcard .container .col {
	width: 50%;
	padding: 40px;
}
.fastcard .container h3 {
	font-size: 32px;
	font-weight: 300;
	color: #00a3ad;
	margin: 0 0 50px 0;
}
.fastcard .container p {
	font-size: 14px;
	font-weight: 300;
	line-height: 30px;
	margin: 0 0 55px 0;
	color: rgb(117, 117, 117);
}

.fastcard .container a {
	font-size: 20px;
	font-weight: 400;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: flex;
	align-items: center;
}


.fastcard .container a img {
	height: 18px;
	margin: 0 0 0 15px
}

.fastcard .container a:hover img {
	margin: 0 0 0 34px;
	transition: ease-out .35s;
}

.fastcard .container .col2 {
	display: flex;
	justify-content: center;
	align-items: center;

}

.fastcard .container .col2 img {
	width: 70%;
	max-width: 350px;
}


/*-------------------------------------------*/

.centered .wrapper {
	flex-direction: column;
}



.centered .container {
	width: 100%;
	position: relative;
	padding: 0px;
}

.centered .container img{
	width: 70%;
}




/*--------------------setcards-----------------------*/

.setcards {
	margin: 100px 0
}

.setcards .wrapper {
	flex-direction: column;
}

.setcards .row {
	width: 100%;
}

.setcards .row .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}


.setcards .row .box {
	position: relative;

	height: 400px;

	min-width: 210px;
	max-width: 230px;

	margin-top: 25px;

	margin: 25px 12px 0;

	border-radius: 8px;

	background: #fff;

	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);

	transition: all ease-in-out .2s;
}

.setcards .row .box:hover {
	transform: scale(1.04);
	transition: all ease-in-out .2s;
}


.setcards .row .box .ln {
	width: 100%;
	padding: 15px;
}
.setcards .row .box .ln.ln1 {
	height: 20%;
	justify-content: flex-start;
}
.setcards .row .box .ln.ln1 .frame{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: rgb(248, 248, 248);
	position: relative;
	margin: 0 8px 0 0;
}
.setcards .row .box .ln.ln1 .frame img {
	height: 80%;
}
.setcards .row .box .ln.ln2 {
	position: relative;
	height: 45%;
}
.setcards .row .box .ln.ln2 img{
	position: absolute;
}

.setcards .row .box .ln.ln2.sb img:nth-of-type(1){
	width: 42%;
	top: 21%;
	left: 26%;
}
.setcards .row .box .ln.ln2.sb img:nth-of-type(2){
	width: 57%;
	top: 15%;
	left: 17%;
}
.setcards .row .box .ln.ln3 {
	height: 35%;
}
.setcards .row .box p{
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #999;
}

.setcards .row .box .ln.ln3.sb b{
	color: #f31e39;
	font-weight: 500;
}


.setcards .row .box .ln.ln2.bpm img:nth-of-type(1){
	width: 37%;
	top: 17%;
	left: 29%;
}
.setcards .row .box .ln.ln2.bpm img:nth-of-type(2){
	width: 59%;
	top: 9%;
	left: 20%;
}
.setcards .row .box .ln.ln3.bpm b{
	color: #00838c;
	font-weight: 500;
}

.setcards .row .box .ln.ln2.bs img:nth-of-type(1){
	width: 32%;
	top: 15%;
	left: 33%;
}
.setcards .row .box .ln.ln2.bs img:nth-of-type(2){
	width: 59%;
	top: 9%;
	left: 20%;
}
.setcards .row .box .ln.ln3.bs b{
	color: #a624ec;
	font-weight: 500;
}

.setcards .row .box .ln.ln1 .frame.bs img {
	width: 80%;
}


.setcards .row .box .ln.ln2.bsu img:nth-of-type(1){
	width: 43%;
	top: 27%;
	left: 27%;
}
.setcards .row .box .ln.ln2.bsu img:nth-of-type(2){
	width: 59%;
	top: 12%;
	left: 25%;
}
.setcards .row .box .ln.ln3.bsu b{
	color: #be231c;
	font-weight: 500;
}

.setcards .row .box .ln.ln1 .frame.bsu img {
	width: 80%;
}


.setcards .row .box .ln.ln2.we img:nth-of-type(1){
	width: 35%;
	top: 24%;
	left: 31%;
}
.setcards .row .box .ln.ln2.we img:nth-of-type(2){
	width: 59%;
	top: 4%;
	left: 18%;
}
.setcards .row .box .ln.ln3.we b{
	color: #bebf00;
	font-weight: 500;
}

.setcards .row .box .ln.ln1 .frame.we img {
	width: 80%;
}



.setcards .row .box.co2 .ln.ln2 img:nth-of-type(1){
	width: 39%;
	top: 36%;
	left: 29%;
}
.setcards .row .box.co2 .ln.ln2 img:nth-of-type(2){
	width: 67%;
	top: 15%;
	left: 17%;
}
.setcards .row .box.co2 .ln.ln3 b{
	color: #00a3ad;
	font-weight: 500;
}

.setcards .row .box.co2 .ln.ln1 .frame img {
	width: 80%;
}



.setcards .row .box.co .ln.ln2 img:nth-of-type(1){
	width: 35%;
	top: 37%;
	left: 31%;
}
.setcards .row .box.co .ln.ln2 img:nth-of-type(2){
	width: 60%;
	top: 8%;
	left: 21%;
}
.setcards .row .box.co .ln.ln3 b{
	color: #00a3ad;
	font-weight: 500;
}

.setcards .row .box.co .ln.ln1 .frame img {
	width: 80%;
}


.setcards .row .box.temp .ln.ln2 img:nth-of-type(1){
	width: 21%;
	top: 17%;
	left: 36%;
}
.setcards .row .box.temp .ln.ln2 img:nth-of-type(2){
	width: 64%;
	top: 22%;
	left: 24%;
}
.setcards .row .box .ln.ln3 b{
	color: #00a3ad;
	font-weight: 500;
}

.setcards .row .box.temp .ln.ln3 b{
	color: #ee3e00;
	font-weight: 500;
}

.setcards .row .box .ln.ln1 .frame img {
	width: 80%;
}
.setcards .row .box .ln.ln1 .frame:nth-of-type(2) img {
	width: 60%;
}


.setcards .row .box.hum .ln.ln2 img:nth-of-type(1){
	width: 23%;
	top: 36%;
	left: 36%;
}
.setcards .row .box.hum .ln.ln2 img:nth-of-type(2){
	width: 64%;
	top: 6%;
	left: 16%;
}

.setcards .row .box.typ2 {
	position: relative;
	width: 280px;
	height: 350px;
	max-width: 350px;
	max-height: 400px;
}

.setcards .row .box.typ2 .ln1{
	height: 30%;
	padding: 30px 20px 0 20px;
	align-items: flex-start;
}
.setcards .row .box.typ2 .ln2{
	height: 40%;
}
.setcards .row .box.typ2 .ln3{
	height: 30%;
	padding: 20px;
}

.setcards .row .box.typ2 h3{
	font-size: 18px;
	font-weight: 500;
	color: #00a3ad;
	line-height: 1.3em;
}

.setcards .row .box.typ2 .ln.ln2 img:nth-of-type(1){
	width: 28%;
	top: 14%;
	left: 33%;
}
.setcards .row .box.typ2 .ln.ln2 img:nth-of-type(2){
	width: 45%;
	top: 18%;
	left: 28%;
}

.setcards .row .box.typ2.ahs .ln.ln2 img:nth-of-type(1){
	width: 29%;
	top: 20%;
	left: 33%;
}

.setcards .row .box.typ2.ahs .ln.ln2 img:nth-of-type(2){
	width: 48%;
	top: 11%;
	left: 24%;
	transform: rotate(-119deg);
}

.setcards .row .box.typ2.ec .ln.ln2 img:nth-of-type(1){
	width: 36%;
	top: 10%;
	left: 27%;
}

.setcards .row .box.typ2.ec .ln.ln2 img:nth-of-type(2){
	width: 44%;
	top: 11%;
	left: 25%;
	transform: rotate(-22deg);
}


 .content.mainbox.psync.tlh .col1 .container .blob-bg {
	top: 0;
	left: 0;
	width: 95%;
	height: 95%;
	position: absolute;
	transform: scaleX(-1);
}

.content.mainbox.psync.tlh .col1 .container .figure .plt {
	position: absolute;
	width: 95%;
	top: 14%;
	left: -7%;
	z-index: 99;
}

.content.mainbox.psync .col1 .container .figure .thb {
	position: absolute;
	width: 55%;
	top: 65%;
	left: -24%;
	z-index: 99;
}

 .content.mainbox.psync .col1 .container .figure .thr {
	position: absolute;
	width: 11%;
	top: 59%;
	left: 19%;
	z-index: 100;
}

/*--------------------contacts-----------------------*/


section.contacts {
	width: 100%;
}

.contacts .container {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.contacts .container-address{
	width: 300px;
	margin-right: 40px;

}
.contacts .container-address .address:nth-of-type(2){
	margin-top: 40px;
}
.contacts .container-form{
	width: calc(100% - 380px);
	margin-left: 40px;
}

.container-address h6{
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.container-address p {
	font-size: 14px;
	line-height: 22px;
	font-weight: 300;
	color: #999;
}


.container-form .form-input input {
	min-width: 200px;
	max-width: 600px;
	width: calc(100% - 20px);
	height: 40px;
	border: 0;
	border-radius: 5px;
	margin-bottom: 20px;
	color: #2a2a2a;
	font-family: "poppins";
	font-size: 14px;
	font-weight: 400;
	padding-left: 20px;
	box-shadow: 0px 5px 11px 0 rgba(92,92,92,0.08);
		-webkit-box-shadow: 0px 5px 11px 0 rgba(92,92,92,0.08);
		-moz-box-shadow: 0px 5px 11px 0 rgba(92,92,92,0.08);
	outline: none;
}

.container-form .form-input input:focus {
	background: #fff;
}

.container-form .form-input.error input {
	margin-bottom: 8px;
}


.container-form .form-textarea textarea {
	min-width: 200px;
	max-width: 600px;
	min-height: 200px;
	width: calc(100% - 20px);
	border: 0;
	border-radius: 5px;
	margin-bottom: 20px;
	color: #2a2a2a;
	font-family: "poppins";
	font-size: 14px;
	font-weight: 400;
	padding-top: 15px;
	padding-left: 20px;
	box-shadow: 0px 5px 11px 0 rgba(92,92,92,0.08);
		-webkit-box-shadow: 0px 5px 11px 0 rgba(92,92,92,0.08);
		-moz-box-shadow: 0px 5px 11px 0 rgba(92,92,92,0.08);
	outline: none;
}

.container-form .form-textarea.error textarea {
	margin-bottom: 8px;
}

.container-form input:-webkit-autofill,
.container-form input:-webkit-autofill:hover,
.container-form input:-webkit-autofill:focus,
.container-form textarea:-webkit-autofill,
.container-form textarea:-webkit-autofill:hover,
.container-form textarea:-webkit-autofill:focus,
.container-form select:-webkit-autofill,
.container-form select:-webkit-autofill:hover,
.container-form select:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 30px #fff inset;
	-webkit-text-fill-color: #2a2a2a;
	color: #2a2a2a;
	font-family: "poppins";
	font-weight: 400;
	transition: none;
	background-color: #fff !important;
	background: #fff !important;
	outline: none;
}


.container-form ::selection {
	_background-color: #fff !important;
	_background: #fff !important;
}


.container-form .form-input input::placeholder,
.container-form .form-input input:-ms-input-placeholder,
.container-form .form-input input::-ms-input-placeholder ,
.container-form .form-textarea textarea::placeholder,
.container-form .form-textarea textarea:-ms-input-placeholder,
.container-form .form-textarea textarea::-ms-input-placeholder {
	color: #999;
}


.container-form .send button{
	color: #fff;
	font-family: "poppins";
	font-size: 15px;
	font-weight: 500;
	position: relative;
	box-sizing: border-box;
	border: 0;
	margin: 25px 0 0 0;
	width: 140px;
	height: 40px;
	border-radius: 5px;
	background: linear-gradient(45deg, rgba(0,163,173,1) 0%, rgba(0,109,198,1) 100%);
	box-shadow: 3px 3px 10px 0px rgba(0,163,173,0.3);
	cursor: pointer;
	outline: none;
}

.container-form .send button:focus{
	border: none;
	text-decoration: none;
}

.container-form .form-input {
	flex-direction: column;
	display: flex;
}

.container-form .form-textarea {
	flex-direction: column;
	display: flex;
}

.container-form .form-textarea textarea {
	user-select: all;
}
.container-form .form-input input::selection,
.container-form .form-textarea textarea::selection {
	background: #00a3ad;
	color: #fff;
	user-select: all;
}


.container-form small.error {
	color: #ea614b;
	font-family: "opensans";
	margin-bottom: 20px ;
}

.alert.success {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 30px;
	border: 1px solid #078f00;
	color: #078f00;
	background-color: #ceebcc;
	font-size: 14px;
	font-weight: 500;
	font-family: "opensans";
	letter-spacing: 0;
	line-height: 1.6em;
	max-width: 1360px;
	border-radius: 6px;
}



/*------------- covards--------------*/

.covcards {
	width: 100%;
	position: relative;
	margin: 40px 0;
}

.covcards .container {
	position: relative;
	width: 100%;
	height: 350px;
	background: #ebf2f2;
	display: flex;
	justify-content: space-between;
}

.covcards .container .col {
	position: relative;
	height: 100%;
	padding: 40px;
}

.covcards .container .col1 {
	position: relative;
	width: 25%;
	display: flex;
	flex-direction: column;
	align-items: space-between;
	justify-content: space-between;
}

.covcards .container .col1 .patch{
	width: 50px;
	height: 50px;
	background: #00a3ad;
}

.covcards .container .col1 .patch img{
	height: 70%;
}

.covcards .container .col2 {
	position: relative;
	display: flex;
	width: 75%;
}

.covcards .container .col .row {
	width: 100%
}

.covcards .container .col .row h3{
	color: #00a3ad;
	font-weight: 300;
	font-size: 24px;
	line-height: 32px;
}

.covcards .container .col .row h3 b{
	font-weight: 500;
}

.covcards .container .col .box{
	width: calc(25% - 20px);
	margin: 0 10px;
	height: 100%;
}

.covcards .container .col .box .frame {
	height: 75%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}

.covcards .container .col .box .frame img {
	width: 75%;
	max-height: 180px;
	max-width: 125px;
}

.covcards .container .col .box .tag {
	height: 25%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.covcards .container .col .box .tag span{
	margin-top: 26px;
	text-align: center;
	color: #00a3ad;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

/*------------- colearn--------------*/

.colearn {
	width: 100%;
	height: 100%;
	position: relative;
	margin: 100px 0;
	padding: 0;
}

.colearn .wrapper {
	align-items: flex-start;
	justify-content: center;
}

.colearn .case {
	position: relative;
	width: calc(50% - 20px);
	height: 100%;
	border-radius: 20px;
	background: #fff;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	transition: all .2s ease-in-out;
	margin: 0;
	max-width: 600px;
	min-width: 350px;
}


.colearn .case:not(:last-of-type) {
	margin-right: 80px;
	margin-top: 200px;
}

.colearn .case .row {
	position: relative;
	width: 100%;
}

.colearn .case .row h3{
	font-size: 24px;
	font-weight: 400;
	color: #00a3ad;
}
.colearn .case .row.top img {
	height: 60px;
}

.colearn .case .row.top {
	height: 150px;
	padding: 0 20px;
	justify-content: space-between;
}

.colearn .case .row.bottom {
	display: flex;
	flex-wrap: wrap;
	height: calc(100% - 150px);
	padding: 20px;
}

.colearn .case .row.bottom .col{
	width: 50%;
	flex-direction: column;

}

.colearn .case .box {
	position: relative;
	width: calc((100% / 3));
	padding: 20px;
}

.colearn .case .col .box {
	position: relative;
	width: 70%;
}

.colearn .case .col .box .frame img{
	width: 100%;
}

.colearn .case .box .frame{
	position: relative;
	width: 100%;
}

.colearn .case .box .frame::after {
	display: block;
	content: '';
	padding-bottom: 85%;
}

.colearn .case .col .box .frame::after {
	display: block;
	content: '';
	padding-bottom: 75%;
}


.colearn .case .box .frame img{
	width: 80%;
}

.colearn .case .box .tag {
	margin-top: 10px;
	position: relative;
}
.colearn .case .box .tag span {
	color: #00a3ad;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}

.setbox {
	width: 100%;
	margin: 40px 0;
}

.setbox .wrapper {
	justify-content: center;
}

.setbox .box {
	position: relative;
	width: 100%;
	max-width: 600px;
	min-height: 400px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	transition: all ease-in-out .2s;
}

.content.mainbox.mrg300 {
	margin-top: 300px;
}

.setbox .box:hover {
	transform: scale(1.04);
	transition: all ease-in-out .2s;
}

.setbox .box:not(:last-of-type) {
	margin-right: 40px;
}

.setbox .head {
	min-height: 100px;
	justify-content: space-between;
	position: relative;
	padding: 40px;
}

.setbox .head h3{
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
	color: #00a3ad;
}
.setbox .head img{
	height: 50px;
	margin-left: 90px;
}

.setbox .body {
	justify-content: space-between;
	flex-direction: column;
	position: relative;
	padding: 40px;
	margin-top: 30px;
}

.setbox .body .row{
	width: 100%;
	display: flex;
	align-items: center;
}

.setbox .body .row:not(:last-of-type){
	margin-bottom: 20px;
}

.setbox .body .row .frame{
	width: 80px;
	min-width: 80px;
	height: 80px;
	_border: 2px solid #00a3ad;
	background-color: #00a3ad;
	border-radius: 20px;
	margin-right: 30px;
	position: relative;
}

.setbox .body .row .frame img{
	height: 70%;
}

.setbox .body .row p{
	font-size: 18px;
	color: #00a3ad;
}


.setbox .lrg-box {
	position: relative;
	width: 100%;
	_max-width: 600px;
	min-height: 400px;
	border-radius: 18px;
	background: #00a3ad;
	transition: all ease-in-out .2s;
	padding: 40px;
}

.lrg-box .header {
	position: relative;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
}

.lrg-box .header h3{
	color: #fff;
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
}

.lrg-box .header .figure {
	position: relative;
	height: 100%;
	z-index: 2;
}
.lrg-box .header .figure img{
	height: 430%;
	margin-top: -50%;
}

.lrg-box .bodier{
	position: relative;
	width: 100%;
	height: 420px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.lrg-box .bodier .billet{
	width: calc(50% - 20px);
	height: 100%;
	background: #fff;
	border-radius: 18px;
}

.lrg-box .bodier .billet .row {
	padding: 0 20px;
}

.lrg-box .bodier .billet .top{
	position: relative;
	height: 0%;
	display: flex;
	align-items: center;
}

.lrg-box .bodier .billet .top img{
	height: 80%;
}

.lrg-box .bodier .billet .middle{
	height: 85%;
	position: relative;
	padding: 10px 0;
}
.lrg-box .bodier .billet .middle img{
	height: 100%
}
.lrg-box .bodier .billet .bottom{
	height: 15%;
}

.lrg-box .bodier .billet .bottom h4{
	font-size: 22px;
	line-height: 36px;
	font-weight: 400;
	color: #00a3ad;
	text-align: center;
	line-height: 22px;
}



/*------------- pricing -------------------*/

section.price {
	width: 100%;
	margin-top: 200px;
}

.price .wrapper {
	justify-content: space-between;

}

.price .box-wrap {
	width: 100%;
	max-width: 380px;
	min-width: 200px;
	position: relative;
}

.price .box {
	position: relative;
	width: 100%;
	border-radius: 12px;
	background: #fff;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.21);
	transition: all ease-in-out .2s;
	z-index: 10;
}

.price .box-wrap:hover .box {
	transform: scale(1.02);
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.3);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.3);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.3);
	transition: all .2s ease-in-out;
}

.price .box-wrap:hover .tag {
	top: -65px;
	transition: all .2s ease-in-out;
}

.price .tag {
	position: absolute;
	left: calc(50% - 125px);
	top: -50px;
	width: 250px;
	height: 100px;
	background-color: #00a3ad;
	-webkit-box-shadow: 7px 7px 7px -6px rgba(0,163,173,0.21);
	-moz-box-shadow: 7px 7px 7px -6px rgba(0,163,173,0.21);
	box-shadow: 7px 7px 7px -6px rgba(0,163,173,0.21);
	border-radius: 10px;
	z-index: 1;
	text-align: center;
	padding-top: 20px;
	transition: all .2s ease-in-out;
}

.price .tag span {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
}

.price .box-wrap:not(:last-of-type) {
	margin-right: 20px;
}

.price .box .row {
	width: calc(100% - 40px);
	margin: 0 20px;
}

.price .box .row.row1 {
	height: 75px;
	justify-content: space-between;
}

.price .box .row.row1 h4{
	color: #00a3ad;
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 20px;
	font-weight: 400;
}

.price .box .row.row1 span{
	font-family: "opensans";
	color: #00e6c7;
	font-size: 14px;
	font-weight: 600;
}

.price .box .row.row2 {
	height: 250px;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.price .box .row.row2 .upper{
	width: 100%;
	color: #00a3ad;
	position: relative;
}

.price .box .row.row2 .upper sup {
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 20px;
	font-weight: 500;
	position: unset;
	vertical-align: 47px;
}

.price .box .row.row2 .upper span {
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 85px;
	font-weight: 400;
	margin: 0 10px;
}

.price .box .row.row2 .upper sub {
	background: -webkit-linear-gradient(45deg, #00a3ad 0%, #0477af 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-size: 18px;
	font-weight: 500;
	position: unset;
}

.price .box .row.row2 .down{
	width: 100%;
	padding: 30px 0;
}

.price .box .row.row2 .down p {
	font-size: 14px;
	font-weight: 200;
	color: #c3c3c3;
}

.price .box .row.row3 {
	padding-bottom: 1px;
}

.price .box .row.row3 p{
	margin: 22px 0;
	color: #c3c3c3;
	font-size: 14px;
	font-weight: 300;
}

.price .box .row.row3 p b{
	color: #006d67;
	font-weight: 500;
}

.singleton {
	width: 100%;
}

.singleton p {
	font-family: "opensans";
	color: #999;
	font-size: 14px;
	font-weight: 300;
}
.singleton p a{
	color: #00a3ad;
	text-decoration: underline;
}


/* ------------- institutional --------------*/

.inst {
	margin: 200px 0;
}
.inst h2 {
	color: #00a3ad;
	margin: 30px 0;
	margin-bottom: 100px;
	font-size: 36px;
	line-height: 46px;
	font-weight: 400;
}
.inst h5 {
	font-family: "opensans";
	color: #00a3ad;
	margin: 50px 0 16px 0;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
}
.inst p {
	font-family: "opensans";
	color: #444;
	margin: 16px 0;
	font-size: 13px;
	line-height: 22px;
	font-weight: 400;
}
.inst .main {
	width: 100%;
	min-height: 300px;
	display: flex;
	transition: all .3s ease-in-out;
	align-items: start;
	padding: 0;
}

.inst .main .col {
	transition: all .3s ease-in-out;
}
.inst .main .col1 {
	width: 250px
}
.inst .main .col2 {
	width: calc(100% - 250px);
	position: relative;
}
.inst .main .col1 .tab {
	width: 100%;
	height: 50px;
	background: #fff;
	border-radius: 10px;
	font-size: 15px;
	color: #00a3ad;
	font-weight: 400;
	letter-spacing: 2px;
	padding-left: 20px;
	display: flex;
	align-items: center;
	text-transform: uppercase;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	transition: all .3s ease-in-out;
}

.inst .main .col1 .tab.activon {
	background: #00a3ad;
	color: #fff;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,163,173,0.5);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,163,173,0.5);
	box-shadow: 7px 7px 27px -6px rgba(0,163,173,0.5);
	transition: all .3s ease-in-out;
}
.inst .main .col1 .tab:not(:first-of-type) {
	margin-top: 30px;
}

.inst .main .col2 ul{
	width: 100%;
	padding-left: 30px;
	transition: all .3s ease-in-out;
}

.inst .main .col2 ul.hidden{
	display: none;
}

.inst .main .col2 ul li {
	width: 100%;
	min-height: 50px;
	border-radius: 10px;
	display: block;
	background: #fff;
	color: #00a3ad;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	box-shadow: 7px 7px 27px -6px rgba(0,0,0,0.15);
	transition: all .3s ease-in-out;
}

.inst .main .col2 ul li.activon {
	background: #00a3ad;
	-webkit-box-shadow: 7px 7px 27px -6px rgba(0,163,173,0.5);
	-moz-box-shadow: 7px 7px 27px -6px rgba(0,163,173,0.5);
	box-shadow: 7px 7px 27px -6px rgba(0,163,173,0.5);
	transition: all .3s ease-in-out;
}

.inst .main .col2 ul li:not(:first-of-type) {
	margin-top: 30px;
}

.inst .main .col2 ul li span {
	width: 100%;
	height: 50px;
	line-height: 18px;
	font-size: 16px;
	font-weight: 300;
	padding-left: 20px;
	padding-right: 20px;
	margin: auto;
	display: flex;
	align-items: center;
	border-radius: 10px;
	transition: all .3s ease-in-out;
}

.inst .main .col2 ul li.activon span {
	color: #fff;
	font-weight: 500;
	transition: all .3s ease-in-out;
}

.inst .main .col2 ul li p{
	width: 100%;
	font-family: "opensans";
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 300;
	color: #00a3ad;
	display: block;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	height: 0;
	overflow: hidden;
	transition: all .3s ease-in-out;
}


.inst .main .col2 ul li.activon p{
	color: #fff;
	padding: 20px;
	height: unset;
	overflow: unset;
	transition: all .3s ease-in-out;
}
.inst .main .ln1 {
	width: 300px;
}
.inst .main .ln2 {
	width: calc(100% - 300px);
	min-height: 200px;
}

.inst .main .ln1 h3{
	color: #00a3ad;
	font-size: 16px;
	font-weight: 500;
}
.inst .main .ln1 h3:not(:first-of-type){
	margin-top: 40px;
}

.inst .main .ln1 p{
	color: #999;
	font-size: 12px;
	font-weight: 500;
	margin: 10px 0 0 0;
}
.inst .main .ln2 {
	padding: 0 0 0 100px;
}

.inst .main .ln2 h2{
	margin: 0 0 70px 0;
}

.inst .main .ln2 p{
	line-height: 30px;
}
.inst .main .ln2 img{
	margin-top: 50px;
	max-width: 500px;
	min-width: 140px;
	width: 100%;
}

.secbax{
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.bax {
	width: calc((100% / 3) - (80px / 3));
	margin-right: 40px;
	margin-bottom: 40px;
}

.bax:nth-of-type(3n) {
	margin-right: 0px;
}

.bax:before {
	content: '';
	display: block;
	padding-bottom: 100%;
}