/*DE*/



















@font-face {
	font-family: SimplonNorm-Light;
	src: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/font/Simplon/SimplonNorm-Light.ttf)
}

@font-face {
	font-family: SimplonNorm-Medium;
	src: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/font/Simplon/SimplonNorm-Medium.ttf)
}

@font-face {
	font-family: SimplonNorm-Bold;
	src: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/font/Simplon/SimplonNorm-Bold.ttf)
}

@font-face {
	font-family: SimplonNorm-Regular;
	src: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/font/Simplon/SimplonNorm-Regular.ttf)
}

*:focus {
	box-shadow: none;
	outline: #000000 dotted 2px
}

a {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s
}

b,
strong {
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

body {
	font-family: 'SimplonNorm-Regular', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	font-size: 16px;
	line-height: 1.6em;
	color: #000;
	background-color: #fff;
	word-wrap: break-word;
	word-break: break-word
}

.txt-gray {
	color: #666;
	background-color: transparent
}

.txt-white {
	color: #fff;
	background-color: transparent
}

body.overflow-hidden {
	overflow: hidden
}

p {
	font-size: 1em;
	line-height: 1.6em
}

h2 {
	font-size: 2em;
	line-height: 1.2em
}

@media only screen and (max-width: 800px) {
	h2 {
		font-size: 1.8em
	}
}

h3 {
	font-size: 1.25em;
	line-height: 1.2em
}

main {
	display: block
}

main#index.main-box h1,
main#index.main-box h2,
main#index.main-box h3,
main#index.main-box h4,
main#index.main-box h5,
main#index.main-box h6,
main#index.main-box strong {
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

.image-aspectRatio {
	height: 0;
	padding-bottom: 56.25%;
	position: relative
}

.image-aspectRatio figure,
.image-aspectRatio picture {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 0;
	margin: 0
}

.image-aspectRatio figure img,
.image-aspectRatio picture img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	display: block;
	border: 0
}

.text-center {
	text-align: center
}

.btn.btn-secondary-light {
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff
}

ul.link-stack {
	list-style: none;
	margin: 0;
	padding: 0;
	*zoom: 1
}

ul.link-stack li {
	float: left
}

@media only screen and (max-width: 700px) {
	ul.link-stack {
		text-align: left
	}

	ul.link-stack li {
		float: none
	}
}

header {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

header .header-nav {
	height: 85px;
	position: relative;
	background-color: #fff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 20px
}

@media only screen and (max-width: 600px) {
	header .header-nav {
		padding: 5px
	}
}

header .header-nav .logo-outer {
	width: 50%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	header .header-nav .logo-outer {
		width: 30%
	}
}

@media only screen and (max-width: 800px) {
	header .header-nav .logo-outer {
		width: 30%
	}
}

header .header-nav .logo-outer .logo-inside {
	position: relative
}

header .header-nav .logo-outer .logo-inside .ipevo-link {
	display: inline-block;
	padding: 5px 5px 5px 20px
}

@media only screen and (max-width: 600px) {
	header .header-nav .logo-outer .logo-inside .ipevo-link {
		padding: 5px;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

header .header-nav .logo-outer .logo-inside .ipevo-link .ipevo-icon {
	height: 45px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

header .header-nav .logo-outer .logo-inside .ipevo-link .ipevo-icon .logo {
	width: 120px
}

header .header-nav .logo-outer .logo-inside .ipevo-link .ipevo-icon .slogan {
	margin-left: 15px;
	width: 370px
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	header .header-nav .logo-outer .logo-inside .ipevo-link .ipevo-icon .slogan {
		display: none
	}
}

@media only screen and (max-width: 800px) {
	header .header-nav .logo-outer .logo-inside .ipevo-link .ipevo-icon .slogan {
		display: none
	}
}

header .header-nav .logo-outer .logo-inside .ipevo-link .ipevo-text {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

header .header-nav .url {
	width: 50%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	header .header-nav .url {
		width: 70%
	}
}

@media only screen and (max-width: 800px) {
	header .header-nav .url {
		width: 70%
	}
}

header .header-nav .url .utility-box {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}

header .header-nav .url .utility-box>*+* {
	margin-left: 10px
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box>*+* {
		margin-left: 10px !important
	}
}

header .header-nav .url .utility-box .utility-item {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .header-nav .url .utility-box .utility-item .select-lang {
	display: inline-block;
	text-align: left;
	border-right: 1px solid #000;
	padding-right: 12px;
	margin-right: 20px;
	line-height: 1em;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica',
		'verdana', 'Arial', 'sans-serif'
}

header .header-nav .url .utility-box .utility-item .select-lang span {
	font-size: 13px;
	color: #666;
	line-height: 1.3em;
	display: block;
	margin-bottom: 3px
}

header .header-nav .url .utility-box .utility-item .select-lang a {
	color: #000;
	text-decoration: none
}

header .header-nav .url .utility-box .utility-item .select-lang a:hover {
	text-decoration: underline
}

@media only screen and (max-width: 800px) {
	header .header-nav .url .utility-box .utility-item .select-lang {
		margin-right: 10px
	}
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box .utility-item .select-lang {
		font-size: 0.938em;
		margin-right: 5px;
		padding-right: 8px
	}
}

header .header-nav .url .utility-box .utility-item .onlineStore-button {
	display: inline-block;
	cursor: pointer;
	background-color: #f0f0f0;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 10px 20px;
	text-decoration: none
}

header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-icon {
	width: 20px;
	height: 20px;
	margin-right: 10px
}

@media only screen and (max-width: 576px) {
	header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-icon {
		margin-right: 3px;
		width: 22px;
		height: 22px
	}
}

header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-name {
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica',
		'verdana', 'Arial', 'sans-serif';
	text-transform: uppercase;
	font-size: 1.063em;
	white-space: nowrap;
	color: #000;
	text-decoration: none
}

@media only screen and (max-width: 800px) {
	header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-name {
		font-size: 1em
	}
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-name {
		font-size: 0.938em
	}
}

@media only screen and (max-width: 576px) {
	header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-name {
		display: none
	}
}

header .header-nav .url .utility-box .utility-item .onlineStore-button .onlineStore-text {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
	color: #000
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box .utility-item .onlineStore-button {
		padding: 10px 10px
	}
}

header .header-nav .url .utility-box .utility-item .trigger-button {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 10px 20px;
	cursor: pointer;
	background-color: #f0f0f0;
	position: relative;
	z-index: 16000005;
	text-decoration: none;
	cursor: pointer
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box .utility-item .trigger-button {
		padding: 10px 10px
	}
}

@media only screen and (max-width: 576px) {
	header .header-nav .url .utility-box .utility-item .trigger-button {
		padding-top: 13px !important
	}
}

@media only screen and (max-width: 567px) {
	header .header-nav .url .utility-box .utility-item .trigger-button {
		width: 42px;
		height: 42px;
		padding-right: 1px
	}
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon {
	-webkit-transform: translateX(0) translateY(-50%);
	-moz-transform: translateX(0) translateY(-50%);
	-ms-transform: translateX(0) translateY(-50%);
	-o-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
	display: block;
	width: 16px;
	height: 2px;
	margin: 11px 10px 0 0;
	background-color: #000;
	-webkit-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	transition: background-color 0.3s
}

@media only screen and (max-width: 567px) {
	header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon {
		width: 100%;
		margin: 10px 0 0 0
	}
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon .trigger-button .trigger-icon::before {
	top: -6px
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon::before,
header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
	right: 0;
	-webkit-transition: -webkit-transform 0.3s, top 0.3s,
		background-color 0s;
	-moz-transition: -moz-transform 0.3s, top 0.3s,
		background-color 0s;
	-webkit-transition: top 0.3s, background-color 0s, -webkit-transform 0.3s;
	transition: top 0.3s, background-color 0s, -webkit-transform 0.3s;
	-o-transition: top 0.3s, background-color 0s, -o-transform 0.3s;
	-moz-transition: transform 0.3s, top 0.3s, background-color 0s, -moz-transform 0.3s;
	transition: transform 0.3s, top 0.3s, background-color 0s;
	transition: transform 0.3s, top 0.3s, background-color 0s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon::before {
	top: -6px
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon::after {
	top: 6px
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon.is-clicked {
	background-color: rgba(255, 255, 255, 0)
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon.is-clicked::before {
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-icon.is-clicked::after {
	top: 0;
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-name {
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica',
		'verdana', 'Arial', 'sans-serif';
	text-transform: uppercase;
	font-size: 1.063em;
	white-space: nowrap;
	color: #000;
	text-decoration: none
}

@media only screen and (max-width: 800px) {
	header .header-nav .url .utility-box .utility-item .trigger-button .trigger-name {
		font-size: 1em
	}
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box .utility-item .trigger-button .trigger-name {
		font-size: 0.938em
	}
}

@media only screen and (max-width: 567px) {
	header .header-nav .url .utility-box .utility-item .trigger-button .trigger-name {
		display: none
	}
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-text {
	display: inline-block;
	color: #333;
	text-transform: uppercase;
	display: none;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

header .header-nav .url .utility-box .utility-item .trigger-button .trigger-text.close {
	display: none
}

@media only screen and (max-width: 700px) {
	header .header-nav .url .utility-box .utility-item .trigger-button {
		padding: 10px 10px
	}
}

@media only screen and (max-width: 576px) {
	header .header-nav .url .utility-box .utility-item .trigger-button {
		height: 42px;
		width: 42px
	}
}

header .announce {
	height: 35px;
	line-height: 35px;
	width: 100%;
	background-color: #f6f6f6;
	display: none
}

header .announce a {
	font-size: 15px;
	color: #06c;
	text-decoration: none;
	font-family: 'SimplonNorm-Light';
	-webkit-font-smoothing: antialiased;
	text-decoration: none
}

header .announce a::after {
	content: '';
	border: solid #06c;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	margin: 0 0 1px 3px;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg)
}

header .announce a:hover {
	text-decoration: underline
}

.overlay-nav {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(2, 23, 37, 0.96);
	z-index: 2;
	text-align: center;
	padding: 90px 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s
}

.overlay-nav.is-visible {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}

.open-btn.is-fixed {
	position: fixed;
	z-index: 16000003;
	right: 20px;
	top: 20px
}

.overlayNav-box {
	text-align: center;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #f0f0f0;
	z-index: 16000002
}

@media only screen and (max-width: 567px) {
	.overlayNav-box {
		display: block;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (max-width: 567px) {
	.overlayNav-box {
		padding: 8vh 0px 3vh 0
	}
}

.overlayNav-box .overlayNav-wrapper {
	position: relative;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-wrapper {
		display: block
	}
}

.overlayNav-box ul.nav-main,
.overlayNav-box ul.nav-sub {
	display: inline-block;
	text-align: left;
	list-style: none;
	padding: 0;
	margin: 0;
	white-space: nowrap
}

@media only screen and (max-width: 567px) {

	.overlayNav-box ul.nav-main,
	.overlayNav-box ul.nav-sub {
		display: block
	}
}

.overlayNav-box ul.nav-main li,
.overlayNav-box ul.nav-sub li {
	display: block
}

@media only screen and (max-width: 567px) {

	.overlayNav-box ul.nav-main li,
	.overlayNav-box ul.nav-sub li {
		text-align: center
	}
}

.overlayNav-box ul.nav-main li a,
.overlayNav-box ul.nav-sub li a {
	position: relative;
	color: #333;
	text-decoration: none
}

.overlayNav-box ul.nav-main li a::after,
.overlayNav-box ul.nav-sub li a::after {
	content: '';
	position: absolute;
	bottom: -5px;
	width: 0;
	height: 4px;
	right: 0;
	background: #74ba00;
	-o-transition: width 0.3s ease;
	-moz-transition: width 0.3s ease;
	transition: width 0.3s ease;
	-webkit-transition: width 0.3s ease
}

.overlayNav-box ul.nav-main li a:hover::after,
.overlayNav-box ul.nav-sub li a:hover::after {
	width: 100%;
	left: 0;
	background: #74ba00
}

.overlayNav-box .overlayNav-mainNav {
	font-size: 2.1em;
	font-weight: 700;
	width: 59%;
	padding-left: 0%
}

.overlayNav-box .overlayNav-mainNav ul.nav-main *+* {
	margin-top: 1.5em
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-mainNav ul.nav-main *+* {
		margin-top: 2.5vh
	}
}

@media only screen and (max-width: 800px) {
	.overlayNav-box .overlayNav-mainNav {
		font-size: 2em
	}
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-mainNav {
		width: 100%;
		font-size: 1.5em
	}
}

.overlayNav-box .overlayNav-subNav {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-subNav {
		display: inline-block;
		font-size: 1em;
		margin-top: 30px
	}
}

.overlayNav-box .overlayNav-subNav ul.nav-sub {
	font-size: 1.35em;
	font-weight: 700
}

@media only screen and (max-width: 800px) {
	.overlayNav-box .overlayNav-subNav ul.nav-sub {
		font-size: 1.25em
	}
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-subNav ul.nav-sub {
		font-size: 1.15em
	}
}

.overlayNav-box .overlayNav-subNav ul.nav-sub *+* {
	margin-top: 0.8em
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-subNav ul.nav-sub *+* {
		margin-top: 1.2vh
	}
}

.overlayNav-box .overlayNav-subNav ul.nav-sub .element-invisible {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	list-style: none;
	margin: 0;
	border-top: 1px #666 solid;
	padding: 20px 0 10px 0;
	margin-top: 50px
}

@media only screen and (max-width: 567px) {
	.overlayNav-box .overlayNav-subNav ul.nav-followSocial {
		margin-top: 30px
	}
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial::before,
.overlayNav-box .overlayNav-subNav ul.nav-followSocial::after {
	display: table;
	line-height: 0;
	content: ''
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial *+* {
	margin-left: 5px
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial li a:hover:not(.icon-medium):not(.icon-youtube) {
	color: #212121
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial li a:hover:not(.icon-medium) {
	color: #212121
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial li .followSocial-button {
	-webkit-transition: 0s;
	-o-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
	font-size: 1.3em;
	font-family: 'Font Awesome 5 Brands';
	color: #000;
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	cursor: pointer
}

.overlayNav-box .overlayNav-subNav ul.nav-followSocial li .followSocial-button .followSocial-text {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

.rwd-inner {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	.rwd-inner {
		width: 85%
	}
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.rwd-inner {
		width: 85%
	}
}

@media only screen and (max-width: 800px) {
	.rwd-inner {
		width: 90%
	}
}

.replaceFont {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	display: inline !important
}

.followSocial-button.icon-twitter:after {
	content: '\f099'
}

.followSocial-button.icon-facebook:after {
	content: '\f39e'
}

.followSocial-button.icon-instagram:after {
	content: '\f16d'
}

.followSocial-button.icon-linkedin:after {
	content: '\f0e1'
}

a.followSocial-button.icon-medium {
	background-color: #000;
	-webkit-mask-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-social-medium.svg);
	mask-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-social-medium.svg);
	background-repeat: no-repeat;
	background-position: center center;
	-o-background-size: 100%;
	background-size: 100%
}

a.followSocial-button.icon-medium:hover {
	background-color: #212121
}

.followSocial-button.icon-vimeo:after {
	content: '\f27d'
}

.followSocial-button.icon-youtube:after {
	content: '\f167'
}

.nowrap {
	display: inline-block
}

main#index.main-box {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

main#index.main-box .btn {
	border-radius: 0;
	font-size: 1em;
	padding: 0 35px
}

.index-KVBanner .slick-slide .slider-hero {
	width: 100%;
	position: relative;
	float: left
}

.index-KVBanner .slick-slide .slider-hero .hero-box {
	width: 100%;
	height: 100%
}

.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper {
	width: 100%;
	height: 100%;
	float: left
}

.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-image {
	width: -webkit-calc(100% + 4px);
	width: -moz-calc(100% + 4px);
	width: calc(100% + 4px);
	height: 100%;
	margin: 0 -2px
}

.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-image .image-aspectRatio {
	height: 0;
	position: relative;
	padding-bottom: 41.4%
}

@media only screen and (max-width: 800px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-image .image-aspectRatio {
		padding-bottom: 58.33%
	}
}

.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 34%;
	height: 50%;
	padding: 20px 20px 25px 20px;
	z-index: 1000;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center*/
}

@media only screen and (min-width: 1601px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content {
		padding: 30px 35px 40px 35px
	}

	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy .lineheightMore {
		line-height: 1.1em
	}

	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy p {
		font-size: 1em;
		margin: 0 0 7px 0;
		line-height: 1.3em
	}

	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy h2 {
		font-size: 1.3em;
		margin: 0 0 10px 0;
		line-height: 1em
	}

	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy h2 .fontRegular {
		font-family: 'SimplonNorm-Regular', 'SimplonNorm-Light',
			'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
	}
}

@media only screen and (min-width: 1601px) and (max-width: 576px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy h2 {
		font-size: 1.1em;
		margin: 0 0 7px 0;
		line-height: 1em
	}
}

@media only screen and (min-width: 1601px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy h3 {
		font-size: 3.2em;
		font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica',
			'verdana', 'Arial', 'sans-serif';
		font-weight: normal;
		margin: 0 0 12px 0;
		line-height: 0.9em
	}
}

@media only screen and (min-width: 1601px) and (max-width: 800px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy h3 {
		font-size: 2.2em;
		margin: 0 0 15px 0;
		line-height: 0.9em
	}
}

@media only screen and (min-width: 1601px) and (max-width: 576px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content .hero-copy h3 {
		font-size: 2em;
		margin: 0 0 15px 0;
		line-height: 0.9em
	}
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content {
		position: relative;
		width: 100%;
		height: auto;
		padding: 30px 20px 0px 20px
	}
}

@media only screen and (max-width: 800px) {
	.index-KVBanner .slick-slide .slider-hero .hero-box .hero-wrapper .hero-content {
		position: relative;
		width: 100%;
		height: auto;
		padding: 25px 15px 0px 15px
	}
}

.index-KVBanner .slick-dots li.slick-active button {
	width: 43px
}

.index-box .index-promote {
	padding: 4vw 0
}

@media only screen and (max-width: 800px) {
	.index-box .index-promote {
		padding: 6vw 0
	}
}

.index-box .index-promote .promote-box .promote-content {
	text-align: center
}

.index-box .index-promote .promote-box .promote-content h2 {
	font-size: 2.625em;
	margin: 0 0 50px 0;
	line-height: 1em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica',
		'verdana', 'Arial', 'sans-serif', 'SimplonNorm-Medium' !important;
	font-weight: normal
}

@media only screen and (max-width: 800px) {
	.index-box .index-promote .promote-box .promote-content h2 {
		font-size: 2.2em;
		margin: 0 0 20px 0
	}
}

@media only screen and (max-width: 576px) {
	.index-box .index-promote .promote-box .promote-content h2 {
		font-size: 1.8em
	}
}

.index-box .index-promote .promote-box .promote-content .promoteProd-box {
	margin-bottom: 30px
}

.index-box .index-promote .promote-box .promote-content .slick-dots li button {
	height: 20px;
	width: 20px
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box .item-wrapper {
	padding: 10px;
	position: relative
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box .item-wrapper .item-image {
	display: block;
	width: 100%;
	height: auto
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box .item-wrapper .item-image img {
	display: block;
	width: auto;
	max-height: 120px;
	margin: 0 auto
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box .item-wrapper .item-image figcaption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box .item-wrapper .item-image figcaption span {
	color: #000;
	font-size: 0.875em;
	background-color: rgba(255, 255, 255, 0.6);
	padding: 5px 5px;
	line-height: 1.1em;
	max-width: 130px
}

.index-box .index-promote .promote-box .promote-content .slider-item .item-box .item-wrapper .item-image:hover figcaption {
	opacity: 1
}

.index-box .index-promote .promote-box .promote-content h3 {
	font-size: 1.5em;
	font-weight: normal;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif', 'SimplonNorm-Light' !important;
	margin: 0 0 35px 0;
	line-height: 1em
}

@media only screen and (max-width: 800px) {
	.index-box .index-promote .promote-box .promote-content h3 {
		font-size: 1.2em;
		margin: 3px 0 20px 0;
		padding-top: 30px
	}
}

.index-box .index-promote .promote-box .promote-content p {
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 12px !important;
	font-size: 1.125em;
	line-height: 1.2em;
	color: #666
}

@media only screen and (max-width: 800px) {
	.index-box .index-promote .promote-box .promote-content p {
		font-size: 1em
	}
}

.index-box .index-promote .promote-box .promote-content .btn {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 225px;
	height: 50px;
	line-height: 50px
}

.index-box .index-promote .promote-box .promote-content .btn:hover {
	opacity: 0.8
}

.index-box .index-promote .promote-box .promote-content .btn.zoom {
	background-color: #0c6fe9;
	border: #0c6fe9
}

.index-box .index-promote .promote-box .promote-content .btn.googleHangouts {
	background-color: #228179;
	border: #228179
}

.index-box .index-promote .promote-box .promote-content .btn.goToMeeting {
	background-color: #c45003;
	border: #c45003
}

.index-box .index-promote .promote-box .promote-content .btn.microsoftTeams {
	background-color: #6365a7;
	border: #6365a7
}

.index-box .index-promote .promote-box .promote-content .btn.webex {
	background-color: #007599;
	border: #007599
}

.index-box .index-promote .promote-box .promote-content ul.link-stack {
	max-width: 800px;
	margin: 0 auto 10px auto;
	text-align: center
}

.index-box .index-promote .promote-box .promote-content ul.link-stack li {
	float: none;
	display: inline-block;
	margin: 0 7px 15px 7px
}

.index-box .index-promote .promote-box .promote-content ul.link-stack::before,
.index-box .index-promote .promote-box .promote-content ul.link-stack::after {
	display: table;
	line-height: 0;
	content: ''
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.index-box .index-promote .promote-box .promote-content ul.link-stack {
		margin: 0 auto 15px auto
	}

	.index-box .index-promote .promote-box .promote-content ul.link-stack li {
		margin: 0 5px 10px 5px
	}
}

@media only screen and (max-width: 800px) {
	.index-box .index-promote .promote-box .promote-content ul.link-stack {
		margin: 0 auto 10px auto
	}

	.index-box .index-promote .promote-box .promote-content ul.link-stack li {
		margin: 0 5px 10px 5px
	}
}

.rwd-content {
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 auto 0px auto;
	text-align: left
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.rwd-content {
		padding: 0 50px
	}
}

.btn.icon-a-pdf:before {
	content: '';
	display: inline-block;
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-pdf.svg);
	width: 25px;
	height: 25px;
	margin-right: 5px
}

.index-marketing #indexMarketing .article-box {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	height: 100%;
	padding: 0 0px;
	float: left
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.index-marketing #indexMarketing .article-box {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.index-marketing #indexMarketing .article-box .article-image {
	width: 50%;
	padding: 0px 0;
	position: relative;
	overflow: hidden
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.index-marketing #indexMarketing .article-box .article-image {
		width: 100%;
		overflow: initial
	}
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box .article-image {
		width: 100%;
		overflow: initial
	}
}

.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio {
	padding-bottom: 62.5%;
	height: 100%
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio {
		position: relative
	}
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio {
		position: relative
	}
}

.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio figure,
.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio picture {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 0;
	margin: 0
}

.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio figure img {
	-o-object-position: right bottom;
	object-position: right bottom
}

.index-marketing #indexMarketing .article-box .article-content {
	background-color: #000;
	color: #fff;
	width: 50%;
	padding: 30px 60px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box .article-content {
		width: 100%;
		height: 100%;
		padding: 20px 45px
	}
}

.index-marketing #indexMarketing .article-box .article-content h4 {
	font-size: 1.125em;
	margin: 2px 0 6px 0;
	line-height: 1.1em
}

.index-marketing #indexMarketing .article-box .article-content p {
	font-size: 1em;
	margin: 0
}

.index-marketing #indexMarketing .article-box .article-content .article-copy {
	font-size: 1em;
	margin: 0 0 0px 0;
	line-height: 1.5em;
	text-align: left
}

.index-marketing #indexMarketing .article-box .article-content .article-copy a {
	color: #fff
}

.index-marketing #indexMarketing .article-box .article-content .article-copy a:hover {
	background-color: #74ba00;
	border-color: #74ba00
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack {
	margin-top: 30px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -10px
}

@media only screen and (max-width: 700px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack {
		margin-left: 0px;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		text-align: center
	}
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li {
	float: left
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li a {
	color: #fff
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li a:hover {
	background-color: #74ba00;
	border-color: #74ba00
}

@media only screen and (max-width: 700px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li {
		float: none
	}
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li .btn {
	white-space: normal;
	padding: 10px 35px;
	line-height: normal
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li {
	margin-bottom: 10px;
	margin-left: 10px
}

@media only screen and (max-width: 700px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li {
		margin-left: 0
	}
}

.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li:not(:first-child) {
	margin-left: 10px
}

@media only screen and (max-width: 700px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy ul.link-stack li:not(:first-child) {
		margin-left: 0
	}
}

.index-marketing #indexMarketing .article-box .article-content .article-copy h2 {
	font-size: 2.4em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	margin: 8px 0 16px 0;
	line-height: 1em
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy h2 {
		font-size: 2.2em
	}
}

@media only screen and (max-width: 576px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy h2 {
		font-size: 1.8em
	}
}

.index-marketing #indexMarketing .article-box .article-content .article-copy .article-title {
	font-size: 2.4em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	margin: 8px 0 16px 0;
	line-height: 1em
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy .article-title {
		font-size: 2.2em
	}
}

@media only screen and (max-width: 576px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy .article-title {
		font-size: 1.8em
	}
}

.index-marketing #indexMarketing .article-box .article-content .article-copy p {
	font-size: 1em;
	margin: 0 0 10px 0;
	line-height: 1.4em
}

@media only screen and (max-width: 800px) {
	.index-marketing #indexMarketing .article-box .article-content .article-copy p {
		margin: 0 0 8px 0
	}
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.index-marketing #indexMarketing .article-box {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.index-marketing #indexMarketing .article-box .article-image {
		width: 100%
	}

	.index-marketing #indexMarketing .article-box .article-image .image-aspectRatio {
		position: relative
	}

	.index-marketing #indexMarketing .article-box .article-content {
		width: 100%;
		height: 100%;
		padding: 25px 50px
	}
}

.index-marketing #indexMarketing .intro-box .intro-content h3 {
	font-size: 18px
}

.index-marketing #indexMarketing .intro-box .intro-content p {
	font-size: 15px;
	-webkit-margin-before: 5px;
	margin-block-start: 5px;
	line-height: 1.2em
}

.rwd-wrapper {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (min-width: 1601px) {
	.rwd-wrapper {
		max-width: 1640px
	}
}

@media only screen and (max-width: 700px) {
	.rwd-wrapper {
		padding-left: 15px;
		padding-right: 15px
	}
}

.index-box .index-entrance {
	padding: 4vw 0
}

.index-box .index-entrance .entrance-box .entrance-content ul {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	list-style: none;
	margin: 0;
	padding: 0
}

.index-box .index-entrance .entrance-box .entrance-content ul li {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	margin: 0 10px
}

.index-box .index-entrance .entrance-box .entrance-content ul li a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	text-decoration: none
}

.index-box .index-entrance .entrance-box .entrance-content ul li a .image-aspectRatio::before {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.index-box .index-entrance .entrance-box .entrance-content ul li a:hover .image-aspectRatio::before {
	opacity: 0.1
}

@media only screen and (max-width: 800px) {
	.index-box .index-entrance {
		padding: 6vw 0
	}

	.index-box .index-entrance .entrance-box .entrance-content ul {
		display: block
	}

	.index-box .index-entrance .entrance-box .entrance-content ul li {
		display: block;
		margin: 15px
	}

	.index-box .index-entrance .entrance-box .entrance-content ul li a {
		display: block
	}
}

.rwd-outer {
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.rwd-outer {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width: 800px) {
	.rwd-outer {
		padding-left: 15px;
		padding-right: 15px
	}
}

.entranceLink-box {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	max-width: 250px
}

.entranceLink-box .entranceLink-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	position: relative;
	background-color: #000
}

.entranceLink-box .entranceLink-image {
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.entranceLink-box .entranceLink-image .image-aspectRatio {
	height: 100%;
	padding-bottom: 184%
}

.entranceLink-box .entranceLink-image .image-aspectRatio::before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0.35;
	background-color: #d1d1d1
}

.entranceLink-box .entranceLink-content {
	position: relative;
	z-index: 100;
	min-height: 460px
}

.entranceLink-box .entranceLink-copy {
	color: #fff;
	text-align: center;
	padding: 185px 20px 20px 20px
}

.entranceLink-box .entranceLink-copy h3 {
	text-transform: uppercase;
	font-size: 1.875em;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif', 'SimplonNorm-Light' !important;
	font-weight: normal;
	margin: 0 0 10px 0;
	line-height: 1em
}

.entranceLink-box .entranceLink-copy p {
	line-height: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.entranceLink-box .entranceLink-content {
		position: relative;
		z-index: 100;
		min-height: 400px
	}

	.entranceLink-box .entranceLink-content ul li {
		margin: 0 5px
	}

	.entranceLink-box .entranceLink-copy {
		padding: 150px 10px 10px 10px
	}

	.entranceLink-box .entranceLink-copy h3 {
		font-size: 1.6em
	}
}

@media only screen and (max-width: 800px) {
	.entranceLink-box {
		display: block;
		max-width: 100%
	}

	.entranceLink-box .entranceLink-wrapper {
		display: block
	}

	.entranceLink-box .entranceLink-image .image-aspectRatio {
		padding-bottom: 25%
	}

	.entranceLink-box .entranceLink-content {
		min-height: 250px;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%
	}

	.entranceLink-box .entranceLink-copy {
		padding: 50px;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.entranceLink-box .entranceLink-copy h3 {
		margin-bottom: 0
	}
}

footer {
	background-color: #232325;
	color: #fff;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif'
}

footer a {
	color: #fff;
	text-decoration: none
}

.footer-box {
	padding: 60px 0 60px 0
}

.footer-box:nth-of-type(2) {
	background-color: #000;
	clear: both;
	padding: 20px 0
}

.footer-box:nth-of-type(2) .footer-wrapper {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1640px
}

@media only screen and (max-width: 800px) {
	.footer-box:nth-of-type(2) .footer-wrapper {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.footer-box .footer-wrapper {
	position: relative;
	display: block;
	max-width: 1640px
}

.footer-box .footer-product {
	width: 100%
}

.footer-box .footer-legal {
	width: 80%;
	clear: both
}

.footer-box .footer-legal ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.footer-box .footer-legal ul::before,
.footer-box .footer-legal ul::after {
	display: table;
	line-height: 0;
	content: ''
}

.footer-box .footer-legal ul>*+* {
	margin-left: 13px
}

.footer-box .footer-legal ul li {
	float: left
}

.footer-box .footer-legal ul li:not(:first-child):before {
	content: '/';
	margin-right: 13px;
	color: #b8b8b8
}

.footer-box .footer-sitemap {
	width: 100%;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.footer-box .footer-sitemap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 20%
}

.footer-box .footer-sitemap ul li {
	margin: 0 30px 60px 0
}

.footer-box .footer-sitemap ul li dl {
	margin: 0;
	padding: 0
}

.footer-box .footer-sitemap ul li dl dt {
	margin: 0 0 20px 0;
	padding: 0;
	font-family: 'SimplonNorm-medium', 'droid sans', 'Helvetica',
		'verdana', 'Arial', 'sans-serif'
}

.footer-box .footer-sitemap ul li dl dd {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1.3em
}

.footer-box .footer-sitemap ul li dl dd a {
	display: block
}

.footer-box .footer-sitemap ul li dl dd span {
	display: block;
	font-size: 0.875em;
	line-height: 1.2em
}

.footer-box .footer-content {
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 0 0px 0
}

.footer-box .followSocial-button {
	font-size: 1.3em;
	font-family: 'Font Awesome 5 Brands';
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	cursor: pointer
}

.footer-box .followSocial-button .followSocial-text {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

.footer-box a.followSocial-button {
	-webkit-transition: 0s;
	-o-transition: 0s;
	-moz-transition: 0s;
	transition: 0s;
	color: #fff
}

.footer-box a.followSocial-button:hover {
	color: #fff
}

.footer-box a.followSocial-button.icon-medium {
	/*-webkit-filter:invert(81%) sepia(10%) saturate(6%) hue-rotate(12deg) brightness(89%) contrast(94%);filter:invert(81%) sepia(10%) saturate(6%) hue-rotate(12deg) brightness(89%) contrast(94%);*/
	background-color: #fff;
}

.footer-box a.followSocial-button.icon-medium:hover {
	-webkit-filter: invert(32%) sepia(22%) saturate(0%) hue-rotate(229deg) brightness(337%) contrast(95%);
	filter: invert(32%) sepia(22%) saturate(0%) hue-rotate(229deg) brightness(337%) contrast(95%)
}

.footer-box .footer-followSocial {
	padding-top: 15px;
	padding-bottom: 0px;
	text-align: right;
	position: relative;
	bottom: -10px
}

.footer-box .footer-followSocial ul {
	list-style: none;
	margin: 0;
	padding: 0;
	*zoom: 1;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.footer-box .footer-followSocial ul *+* {
	margin-left: 5px
}

.footer-box .footer-followSocial ul::before,
.footer-box .footer-followSocial ul::after {
	display: table;
	line-height: 0;
	content: ''
}

.footer-box .footer-followSocial ul li {
	float: none
}

.footer-box .footer-certification {
	position: absolute;
	bottom: -40px;
	left: 0px
}

.footer-box .footer-certification ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.footer-box {
		padding: 50px 0 80px 0
	}

	.footer-box .footer-certification {
		bottom: -70px
	}

	.footer-box .footer-followSocial ul {
		max-width: 200px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.footer-box .footer-content {
		padding: 0 0 20px 0
	}

	.footer-box .footer-sitemap {
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.footer-box .footer-sitemap ul {
		width: 33.3333%;
		float: none
	}

	.footer-box .footer-sitemap ul:nth-of-type(1),
	.footer-box .footer-sitemap ul:nth-of-type(2) {
		width: 33.3333%
	}

	.footer-box .footer-sitemap ul li {
		margin: 0 30px 45px 0
	}
}

@media only screen and (max-width: 800px) {
	.footer-box {
		padding: 20px 0 20px 0
	}

	.footer-box .footer-copyright {
		width: 100%;
		text-align: center;
		margin: 15px 0 10px 0
	}

	.footer-box .footer-certification {
		bottom: auto;
		position: relative;
		margin-top: 30px
	}

	.footer-box .footer-certification ul {
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.footer-box .footer-followSocial {
		text-align: center;
		padding: 10px 0
	}

	.footer-box .footer-followSocial ul {
		max-width: 100%
	}

	.footer-box .footer-content {
		width: 100%;
		padding: 0px 0 0px 0
	}

	.footer-box .footer-sitemap {
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.footer-box .footer-sitemap ul:nth-of-type(1),
	.footer-box .footer-sitemap ul:nth-of-type(2) {
		width: 33.3333%
	}

	.footer-box .footer-sitemap ul li {
		margin: 0 30px 45px 0
	}

	.footer-box .footer-product {
		width: 100%
	}

	.footer-box .footer-legal {
		width: 100%
	}

	.footer-box .footer-legal ul {
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 10px
	}

	.footer-box .footer-legal ul li {
		float: none
	}

	.footer-box .footer-wrapper {
		display: block
	}

	.footer-box:nth-of-type(2) {
		padding: 10px 0
	}
}

@media only screen and (max-width: 576px) {

	.footer-box .footer-sitemap ul:nth-of-type(1),
	.footer-box .footer-sitemap ul:nth-of-type(2),
	.footer-box .footer-sitemap ul {
		width: 50%
	}
}

@media only screen and (max-width: 420px) {
	.footer-box .footer-sitemap ul {
		width: 100%;
		float: none
	}

	.footer-box .footer-sitemap ul:nth-of-type(1),
	.footer-box .footer-sitemap ul:nth-of-type(2) {
		width: 100%
	}
}

a#bbblink {
	display: block;
	position: relative;
	text-align: center;
	color: #005a78;
	text-decoration: none;
	overflow: hidden;
	margin: 0;
	padding: 0
}

a#bbblink.ruhzbas,
a#bbblink.ruhzbus {
	width: 100px;
	height: 48px
}

a#bbblink img {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	max-width: 200%
}

.productHome {
	font-family: 'SimplonNorm-Light', 'SimplonNorm-Regular', 'Droid Sans',
		'sans-serif'
}

.category-list.content-wrapper,
.category-kv .content-wrapper,
.category-anchor.content-wrapper,
.comparison .content-wrapper {
	padding: 0 35px
}

@media only screen and (min-width: 2049px) {

	.category-list.content-wrapper,
	.category-kv .content-wrapper,
	.comparison .content-wrapper {
		margin: 0 auto;
		max-width: 1640px;
		width: 100%
	}
}

@media screen and (min-width: 1921px) and (max-width: 2048px) {

	.category-list.content-wrapper,
	.category-kv .content-wrapper,
	.comparison .content-wrapper {
		margin: 0 auto;
		max-width: 1640px;
		width: 100%
	}
}

@media screen and (min-width: 1801px) and (max-width: 1920px) {

	.category-list.content-wrapper,
	.category-kv .content-wrapper,
	.comparison .content-wrapper {
		margin: 0 auto;
		max-width: 1640px;
		width: 100%
	}
}

@media only screen and (max-width: 1800px) {

	.category-list.content-wrapper,
	.category-kv .content-wrapper,
	.comparison .content-wrapper {
		margin: 0 auto;
		max-width: 1640px;
		width: 100%
	}
}

@media only screen and (max-width: 1640px) {

	.category-list.content-wrapper,
	.category-kv .content-wrapper,
	.comparison .content-wrapper {
		padding: 0 25px
	}
}

@media only screen and (max-width: 800px) {

	.category-list.content-wrapper,
	.category-kv .content-wrapper,
	.comparison .content-wrapper {
		padding: 0 15px
	}
}

.category-wrapper {
	width: 100%;
	margin: 0 auto
}

.category-kv {
	width: 100%;
	height: auto;
	position: relative
}

.category-kv .kv-wrapper {
	width: 100%;
	height: 100%
}

.category-kv .kv-wrapper .kv-content {
	width: 100%;
	height: 100%;
	position: absolute
}

.category-kv .kv-wrapper .kv-content.communication-tools h2 {
	color: #ffffff
}

.category-kv .kv-wrapper .kv-content>div {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.category-kv .kv-wrapper .kv-content h2 {
	font-family: 'SimplonNorm-Bold', 'Droid Sans', 'sans-serif';
	font-size: 4em
}

@media only screen and (max-width: 1450px) {
	.category-kv .kv-wrapper .kv-content h2 {
		font-size: 3.5em
	}
}

@media only screen and (max-width: 1024px) {
	.category-kv .kv-wrapper .kv-content h2 {
		font-size: 2.5em
	}
}

@media only screen and (max-width: 960px) {
	.category-kv .kv-wrapper .kv-content h2 {
		font-size: 2.5em
	}
}

@media only screen and (max-width: 768px) {
	.category-kv .kv-wrapper .kv-content h2 {
		font-size: 2em
	}
}

@media only screen and (max-width: 650px) {
	.category-kv .kv-wrapper .kv-content h2 {
		font-size: 1.75em
	}
}

@media only screen and (max-width: 480px) {
	.category-kv .kv-wrapper .kv-content h2 {
		font-size: 1.2em
	}
}

.category-kv .kv-wrapper .kv-photo img {
	width: 100%;
	height: auto;
	display: block
}

#view_communication-tools.category-kv {
	background: #000000
}

.category-anchor {
	margin: 1em auto;
	text-align: right
}

@media only screen and (min-width: 2049px) {
	.category-anchor.content-wrapper {
		max-width: 1640px;
		width: 100%
	}
}

@media screen and (min-width: 1921px) and (max-width: 2048px) {
	.category-anchor.content-wrapper {
		max-width: 1640px;
		width: 100%
	}
}

@media only screen and (max-width: 1800px) {
	.category-anchor.content-wrapper {
		max-width: 1640px;
		width: 100%
	}
}

@media only screen and (max-width: 1640px) {
	.category-anchor.content-wrapper {
		padding: 0 25px
	}
}

@media only screen and (max-width: 800px) {
	.category-anchor.content-wrapper {
		margin: 0.5em auto;
		padding: 0 15px
	}
}

.list-item .item-wrapper .content-wrapper .btn-buy:hover {
	background: #272727;
	color: #ffffff;
	text-decoration: none
}

.category-anchor a {
	color: #000000
}

.productHome a {
	cursor: pointer
}

#product p {
	font-size: 1em
}

.communication-tools .all-list {
	margin-top: 50px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.communication-tools .list-wrapper {
	width: 100%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.communication-tools .list-wrapper .list-item {
	margin-bottom: 60px;
	width: 31.66%
}

.communication-tools .list-wrapper .list-item:nth-child(3n-1) {
	margin: 0 2.5%
}

@media only screen and (max-width: 1024px) {
	.communication-tools .list-wrapper .list-item:nth-child(3n-1) {
		margin: 0
	}
}

@media only screen and (max-width: 800px) {
	.communication-tools .list-wrapper .list-item:nth-child(3n-1) {
		margin-bottom: 60px
	}
}

@media only screen and (max-width: 700px) {
	.communication-tools .list-wrapper .list-item:nth-child(3n-1) {
		margin-bottom: 30px
	}
}

@media only screen and (max-width: 1024px) {
	.communication-tools .list-wrapper .list-item:nth-child(2n) {
		margin-left: 2.5%
	}
}

@media only screen and (max-width: 800px) {
	.communication-tools .list-wrapper .list-item:nth-child(2n) {
		margin-left: 0
	}
}

@media only screen and (max-width: 1024px) {
	.communication-tools .list-wrapper .list-item {
		margin-bottom: 30px;
		width: 48.75%
	}
}

@media only screen and (max-width: 960px) {
	.communication-tools .list-wrapper .list-item {
		width: 48.75%
	}
}

@media only screen and (max-width: 800px) {
	.communication-tools .list-wrapper .list-item {
		margin-bottom: 60px;
		width: 80%
	}
}

@media only screen and (max-width: 768px) {
	.communication-tools .list-wrapper .list-item {
		width: 85%
	}
}

@media only screen and (max-width: 700px) {
	.communication-tools .list-wrapper .list-item {
		margin-bottom: 30px;
		width: 90%
	}
}

@media only screen and (max-width: 650px) {
	.communication-tools .list-wrapper .list-item {
		width: 100%
	}
}

@media only screen and (max-width: 800px) {
	.communication-tools .list-wrapper {
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.doc-cam .all-list {
	margin-top: 50px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 1024px) {
	.doc-cam .all-list {
		margin-top: 30px;
		display: block
	}
}

.doc-cam .category-sub {
	width: 33.33%
}

.doc-cam .category-sub h3 {
	margin-top: 0;
	font-weight: normal;
	font-size: 2.6em;
	margin: revert
}

@media only screen and (max-width: 1450px) {
	.doc-cam .category-sub h3 {
		font-size: 2.2em
	}
}

@media only screen and (max-width: 1220px) {
	.doc-cam .category-sub h3 {
		font-size: 1.9em
	}
}

@media only screen and (max-width: 1024px) {
	.doc-cam .category-sub h3 {
		margin-top: 0;
		font-weight: normal;
		font-size: 2em
	}
}

@media only screen and (max-width: 960px) {
	.doc-cam .category-sub h3 {
		margin-top: 0;
		font-weight: normal;
		font-size: 2em
	}
}

@media only screen and (max-width: 430px) {
	.doc-cam .category-sub h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1024px) {
	.doc-cam .category-sub {
		width: 100%;
		text-align: center
	}
}

@media only screen and (max-width: 960px) {
	.doc-cam .category-sub {
		width: 100%;
		text-align: center
	}
}

.doc-cam .list-wrapper {
	width: 66.66%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.doc-cam .list-wrapper .list-item {
	margin-bottom: 60px;
	width: 47.5%
}

@media only screen and (max-width: 1024px) {
	.doc-cam .list-wrapper .list-item {
		margin-bottom: 60px;
		width: 48.75%
	}
}

@media only screen and (max-width: 960px) {
	.doc-cam .list-wrapper .list-item {
		margin-bottom: 30px;
		width: 48.75%
	}
}

@media only screen and (max-width: 800px) {
	.doc-cam .list-wrapper .list-item {
		margin-bottom: 60px;
		width: 80%
	}
}

.doc-cam .list-wrapper .list-item:first-child {
	margin-right: 5%
}

@media only screen and (max-width: 1024px) {
	.doc-cam .list-wrapper .list-item:first-child {
		margin-right: 2.5%
	}
}

@media only screen and (max-width: 800px) {
	.doc-cam .list-wrapper .list-item:first-child {
		margin-right: 0
	}
}

@media only screen and (max-width: 1024px) {
	.doc-cam .list-wrapper {
		width: 100%;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch
	}
}

.item-photo {
	width: 100%;
	height: 100%
}

.item-photo img {
	width: 100%;
	height: auto;
	display: block
}

.hover-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0
}

.hover-img .hover-img img {
	width: 100%;
	display: block;
	-o-object-position: center;
	object-position: center;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

@media only screen and (max-width: 1680px) {
	.hover-img .hover-img img {
		-o-object-position: center;
		object-position: center;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
}

@media only screen and (max-width: 800px) {
	.hover-img .hover-img img {
		-o-object-position: center;
		object-position: center;
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1)
	}
}

.hover-img::before {
	width: 100%;
	height: 100%;
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	background: rgba(0, 0, 0, 0.3)
}

.comparison {
	margin: 2em auto;
	text-align: center;
	font-size: 1.25em
}

.comparison a {
	color: #06c !important
}

@media only screen and (max-width: 800px) {
	.comparison {
		margin: 1.5em auto
	}
}

@media only screen and (max-width: 480px) {
	.comparison {
		font-size: 1em
	}
}

.item-wrapper {
	position: relative;
	text-align: center;
	background: #f9f9f9;
	overflow: hidden
}

.item-wrapper:hover .item-photo img {
	opacity: 0
}

.item-wrapper:hover .hover-img {
	opacity: 1;
	-webkit-transition: all 0.35s;
	-o-transition: all 0.35s;
	-moz-transition: all 0.35s;
	transition: all 0.35s
}

.item-wrapper:hover .hover-img img {
	display: block;
	-o-object-position: center;
	object-position: center;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02)
}

.item-wrapper:hover .btn-buy {
	background: #ffffff;
	color: #000000
}

.item-wrapper .item-content {
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	z-index: 4
}

.list-item .content-wrapper .btn-buy,
.list-item .item-wrapper .content-wrapper .btn-buy:hover {
	background: #272727;
	color: #ffffff;
	text-decoration: none
}

.list-item .content-wrapper {
	width: 100%;
	height: 38%;
	-webkit-align-self: start;
	-ms-flex-item-align: start;
	-ms-grid-row-align: start;
	align-self: start
}

.list-item .content-wrapper .btn-buy {
	margin: 40px auto 0;
	padding: 13px 60px;
	display: inline-block;
	font-size: 1.125em;
	text-align: center;
	border-radius: 99px
}

@media only screen and (min-width: 2049px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0;
		padding: 8px 40px
	}
}

@media screen and (min-width: 1921px) and (max-width: 2048px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0
	}
}

@media only screen and (max-width: 1680px) {
	.list-item .content-wrapper .btn-buy {
		margin: 30px auto 0
	}
}

@media only screen and (max-width: 1450px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0;
		padding: 8px 40px
	}
}

@media only screen and (max-width: 1220px) {
	.list-item .content-wrapper .btn-buy {
		font-size: 1em
	}
}

@media only screen and (max-width: 1160px) {
	.list-item .content-wrapper .btn-buy {
		margin: 15px auto 0;
		padding: 5px 30px
	}
}

@media only screen and (max-width: 1024px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0;
		padding: 8px 40px
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0;
		padding: 8px 40px
	}
}

@media only screen and (max-width: 800px) {
	.list-item .content-wrapper .btn-buy {
		margin: 40px auto 0;
		padding: 13px 60px;
		font-size: 1.125em
	}
}

@media only screen and (max-width: 650px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0;
		padding: 8px 40px
	}
}

@media only screen and (max-width: 480px) {
	.list-item .content-wrapper .btn-buy {
		margin: 20px auto 0;
		padding: 8px 40px
	}
}

@media only screen and (max-width: 430px) {
	.list-item .content-wrapper .btn-buy {
		margin: 10px auto 0;
		padding: 4px 20px;
		font-size: 1em
	}
}

.list-item .content-wrapper .price {
	font-size: 1em
}

.list-item .content-wrapper .price .amount {
	font-size: 2em
}

.list-item .content-wrapper .price .amount .notation-gray {
	color: gray
}

@media only screen and (min-width: 2049px) {
	.list-item .content-wrapper .price .amount {
		font-size: 1.75em
	}
}

@media only screen and (max-width: 1450px) {
	.list-item .content-wrapper .price .amount {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1024px) {
	.list-item .content-wrapper .price .amount {
		font-size: 2em
	}
}

@media only screen and (max-width: 800px) {
	.list-item .content-wrapper .price .amount {
		font-size: 2em
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper .price .amount {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 650px) {
	.list-item .content-wrapper .price .amount {
		font-size: 2em
	}
}

@media only screen and (max-width: 430px) {
	.list-item .content-wrapper .price .amount {
		font-size: 1.3em
	}
}

@media only screen and (max-width: 480px) {
	.list-item .content-wrapper .price .amount {
		font-size: 1.5em
	}
}

.list-item .content-wrapper .price del {
	margin-left: 5px;
	color: #666666
}

@media only screen and (max-width: 1220px) {
	.list-item .content-wrapper .price {
		font-size: 0.8em
	}
}

@media only screen and (max-width: 1024px) {
	.list-item .content-wrapper .price {
		font-size: 1em
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper .price {
		font-size: 0.8em
	}
}

@media only screen and (max-width: 800px) {
	.list-item .content-wrapper .price {
		font-size: 1em
	}
}

@media only screen and (max-width: 650px) {
	.list-item .content-wrapper .price {
		font-size: 1em
	}
}

@media only screen and (max-width: 430px) {
	.list-item .content-wrapper .price {
		font-size: 0.7em
	}
}

@media only screen and (max-width: 480px) {
	.list-item .content-wrapper .price {
		font-size: 0.8em
	}
}

.list-item .content-wrapper p {
	margin: 0;
	line-height: 1em
}

.list-item .content-wrapper h3 {
	min-height: 3.5em;
	margin: 0 auto;
	padding: 0 20px;
	font-weight: normal;
	font-size: 1.65em
}

.list-item .content-wrapper h3 a {
	color: #000000;
	text-decoration: none
}

@media only screen and (min-width: 2049px) {
	.list-item .content-wrapper h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1450px) {
	.list-item .content-wrapper h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1320px) {
	.list-item .content-wrapper h3 {
		font-size: 1.35em
	}
}

@media only screen and (max-width: 1160px) {
	.list-item .content-wrapper h3 {
		font-size: 1em
	}
}

@media only screen and (max-width: 1220px) {
	.list-item .content-wrapper h3 {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper h3 {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 1024px) {
	.list-item .content-wrapper h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 800px) {
	.list-item .content-wrapper h3 {
		font-size: 1.75em
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper h3 {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 650px) {
	.list-item .content-wrapper h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 480px) {
	.list-item .content-wrapper h3 {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 430px) {
	.list-item .content-wrapper h3 {
		font-size: 1em
	}
}

.list-item .content-wrapper .product-title {
	min-height: 3.5em;
	margin: 0 auto;
	padding: 0 20px;
	font-weight: normal;
	font-size: 1.65em
}

.list-item .content-wrapper .product-title a {
	color: #000000;
	text-decoration: none
}

@media only screen and (min-width: 2049px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1450px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1320px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.35em
	}
}

@media only screen and (max-width: 1160px) {
	.list-item .content-wrapper .product-title {
		font-size: 1em
	}
}

@media only screen and (max-width: 1220px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 1024px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 800px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.75em
	}
}

@media only screen and (max-width: 960px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 650px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 480px) {
	.list-item .content-wrapper .product-title {
		font-size: 1.2em
	}
}

@media only screen and (max-width: 430px) {
	.list-item .content-wrapper .product-title {
		font-size: 1em
	}
}

@media only screen and (min-width: 2049px) {
	.list-item .content-wrapper {
		height: 42%
	}
}

@media screen and (min-width: 1921px) and (max-width: 2048px) {
	.list-item .content-wrapper {
		height: 42%
	}
}

@media only screen and (max-width: 1800px) {
	.list-item .content-wrapper {
		height: 40%
	}
}

@media only screen and (max-width: 1680px) {
	.list-item .content-wrapper {
		height: 42%
	}
}

@media only screen and (max-width: 1560px) {
	.list-item .content-wrapper {
		height: 43%
	}
}

@media only screen and (max-width: 1450px) {
	.list-item .content-wrapper {
		height: 42%
	}
}

@media only screen and (max-width: 1320px) {
	.list-item .content-wrapper {
		height: 43%
	}
}

@media only screen and (max-width: 1220px) {
	.list-item .content-wrapper {
		height: 44%
	}
}

@media only screen and (max-width: 1024px) {
	.list-item .content-wrapper {
		height: 40%
	}
}

@media only screen and (max-width: 800px) {
	.list-item .content-wrapper {
		height: 40%
	}
}

.list-item .item-wrapper:hover .content-wrapper h3,
.list-item .item-wrapper:hover .content-wrapper h3 a,
.list-item .item-wrapper:hover .content-wrapper .product-title,
.list-item .item-wrapper:hover .content-wrapper .product-title a,
.list-item .item-wrapper:hover .content-wrapper p,
.list-item .item-wrapper:hover .content-wrapper del {
	color: #ffffff
}

.list-item .item-wrapper:hover .content-wrapper h3,
.list-item .item-wrapper:hover .content-wrapper h3 a,
.list-item .item-wrapper:hover .content-wrapper .product-title,
.list-item .item-wrapper:hover .content-wrapper .product-title a,
.list-item .item-wrapper:hover .content-wrapper p,
.list-item .item-wrapper:hover .content-wrapper del {
	color: #ffffff
}

.list-item .item-wrapper:hover .shadow {
	text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 25px
}

.item-wrapper:hover .btn-buy {
	background: #ffffff !important;
	color: #000000 !important
}

.item-wrapper:hover .notation-gray {
	color: #ffffff
}

.PKVbanner-box {
	width: 100%;
	height: 30vh;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

@media only screen and (max-width: 800px) {
	.PKVbanner-box {
		height: 29vh
	}
}

.PKVbanner-box .PKVbanner-wrapper {
	width: 100%;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	overflow: hidden
}

.PKVbanner-box .PKVbanner-wrapper .PKVbanner-content {
	text-align: center;
	color: #333;
	margin-bottom: 5px;
	z-index: 100
}

.PKVbanner-box .PKVbanner-wrapper .PKVbanner-content h1 {
	font-size: 2.625em;
	line-height: 1em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	margin: 0 0 5px 0;
	color: #333
}

@media only screen and (max-width: 700px) {
	.PKVbanner-box .PKVbanner-wrapper .PKVbanner-content h1 {
		font-size: 2em
	}
}

.PKVbanner-box .PKVbanner-wrapper .PKVbanner-content p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	color: #666
}

.PKVbanner-box .PKVbanner-wrapper .PKVbanner-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-transition: 1s linear;
	-moz-transition: 1s linear;
	transition: 1s linear;
	-webkit-transition: 1s linear
}

.PKVbanner-box .PKVbanner-wrapper .PKVbanner-image img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.softwareHome-box {
	padding: 50px 0 30px 0
}

@media only screen and (max-width: 576px) {
	.softwareHome-box {
		padding: 50px 0 20px 0
	}
}

.softwareHome-box .softwareHome-wrapper {
	max-width: 1500px
}

.softwareHome-box .softwareHome-content {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (max-width: 800px) {
	.softwareHome-box .softwareHome-content {
		display: block;
		text-align: center
	}
}

.softwareHome-box .item-box {
	width: 33.3333%;
	padding: 15px 15px 15px 15px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.softwareHome-box .item-box {
		width: 50%;
		padding: 15px 15px 15px 15px
	}
}

@media only screen and (max-width: 800px) {
	.softwareHome-box .item-box {
		width: 100%;
		max-width: 555px
	}
}

.softwareHome-box .item-box .item-wrapper {
	padding: 30px 2vw 20px 2vw;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	border: 1px solid #e1e1e1;
	width: 100%;
	border-radius: 20px;
	background-color: #fff;
	text-align: center;
	overflow: visible
}

@media only screen and (max-width: 800px) {
	.softwareHome-box .item-box .item-wrapper {
		padding: 20px 5vw
	}
}

.softwareHome-box .item-box .item-image {
	text-align: center;
	margin: 15px auto 15px auto;
	background-color: #fff;
	display: inline-block;
	padding: 0 10px
}

.softwareHome-box .item-box .item-image::after {
	content: '';
	clear: both;
	display: table
}

.softwareHome-box .item-box .item-image img {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	-webkit-filter: drop-shadow(20px 0px 30px rgba(0, 0, 0, 0.1));
	filter: drop-shadow(20px 0px 30px rgba(0, 0, 0, 0.1));
	float: left
}

.softwareHome-box .item-box .item-content {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	z-index: initial
}

.softwareHome-box .item-box .intor-box a {
	color: #333;
	text-decoration: none;
	display: block
}

.softwareHome-box .item-box .intor-box .intor-content h2 {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.2em;
	margin: 3px 0;
	padding: 0
}

@media only screen and (max-width: 576px) {
	.softwareHome-box .item-box .intor-box .intor-content h2 {
		font-size: 1.6em;
		line-height: 1.2em
	}
}

.softwareHome-box .item-box .intor-box .intor-content h2 span {
	display: inline-block;
	font-size: 13px;
	font-weight: normal;
	vertical-align: super;
	margin-left: 5px;
	background-color: #3b74ae;
	padding: 3px 5px;
	color: #fff;
	line-height: 1em;
	border-radius: 15px
}

.softwareHome-box .item-box .intor-box .intor-content h3 {
	font-size: 1.15em;
	font-weight: normal;
	line-height: 1.1em;
	margin: 3px 0;
	padding: 0;
	color: #666;
	text-align: center
}

@media only screen and (max-width: 576px) {
	.softwareHome-box .item-box .intor-box .intor-content h3 {
		font-size: 1.1em;
		line-height: 1.1em
	}
}

.softwareHome-box .item-box .intor-box .intor-content p {
	text-align: left;
	margin: 0px;
	padding: 15px 0;
	line-height: 1.4em
}

.softwareHome-box .item-box .useWithProduct-box {
	margin: 10px 0;
	height: 85px
}

@media only screen and (max-width: 800px) {
	.softwareHome-box .item-box .useWithProduct-box {
		height: auto
	}
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-wrapper {
	padding: 5px 0 5px 0
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-wrapper .useWithProduct-content {
	text-align: center;
	border-top: 1px solid #9c9c9c
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-wrapper .useWithProduct-content h4 {
	font-size: 0.875em;
	line-height: 1em;
	color: #666666;
	font-weight: normal;
	margin: 0 auto;
	display: inline-block;
	background-color: #fff;
	padding: 0 10px;
	position: relative;
	top: -14px
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-wrapper .useWithProduct-content .useWithProduct-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: -7px
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-wrapper .useWithProduct-content .useWithProduct-nav.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.softwareHome-box .item-box ul.link-stack {
	margin: 0px 0
}

.softwareHome-box .item-box ul.link-stack *+* {
	margin: 0
}

.softwareHome-box .item-box ul.link-stack li {
	float: none;
	text-align: center;
	margin: 10px 0
}

.softwareHome-box .item-box .dropdown .dropdown-menu {
	width: 100%;
	border-radius: 10px;
	border: 0;
	padding: 0;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 5px 0px 20px rgba(0, 0, 0, 0.2);
	display: none
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item {
	display: block;
	padding: 20px 15px 20px 55px;
	white-space: normal;
	line-height: 1.3em;
	position: relative;
	min-height: 60px;
	text-align: left;
	color: #000;
	text-decoration: none
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item:not(:last-child) {
	border-bottom: 1px solid #ebebeb
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item:hover .os-icon img {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%)
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item:hover:active,
.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item:hover:hover {
	background-color: #f3f3f3;
	color: #333
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item .os-icon {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 25px;
	height: 25px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	margin-right: 10px;
	position: absolute;
	left: 17px;
	top: 17px
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item .os-icon img {
	width: 100%;
	height: auto;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.softwareHome-box .item-box .dropdown .dropdown-menu .dropdown-item .dropdown-info {
	color: #666;
	margin-left: 5px
}

.softwareHome-box .item-box .dropdown-menu.show {
	display: block
}

.softwareHome-box .item-box .dropdown.show .btn.btn-primary {
	background-color: #4a8404;
	border: 1px solid #4a8404
}

.softwareHome-box .softwareHome-note {
	text-align: center;
	font-size: 0.875em;
	padding: 30px 0 10px 0;
	border-top: 0px solid #ebebeb
}

.softwareHome-box .softwareHome-note p {
	margin: 0
}

.btn.width-full {
	width: 100%
}

.btn.btn-link {
	color: #333;
	background-color: transparent;
	border: 0px;
	text-decoration: underline
}

.btn.btn-primary {
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
	position: relative
}

.btn.btn-primary.animated-arrow {
	padding-right: 45px
}

.btn.btn-primary.animated-arrow.width-full {
	padding: 0 45px
}

.useWithProduct-nav .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 2px 0
}

.useWithProduct-nav.slick-slider .slick-track,
.useWithProduct-nav.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.useWithProduct-nav .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 2px 0 0px 0
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-content .useWithProduct-nav .slick-slide {
	margin: 0 0px
}

.useWithProduct-nav.slick-initialized .slick-slide {
	display: block
}

.useWithProduct-nav .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

.useWithProduct-nav .slick-slide a {
	display: inline-block
}

.softwareHome-box .item-box .useWithProduct-box .useWithProduct-content .useWithProduct-nav .slick-slide img {
	width: 100%;
	max-width: 55px;
	width: 55px;
	height: auto
}

@media only screen and (max-width: 380px) {
	.softwareHome-box .item-box .useWithProduct-box .useWithProduct-content .useWithProduct-nav .slick-slide img {
		max-width: 45px;
		width: 45px
	}
}

.useWithProduct-nav .slick-slide img {
	display: block
}

.btn.btn-primary.animated-arrow .arrow {
	position: absolute;
	top: 10px;
	right: 18px;
	width: 16px;
	height: 16px;
	display: inline-block
}

.btn.btn-primary.animated-arrow .arrow span:first-of-type {
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.btn.btn-primary.animated-arrow.active .arrow span:first-of-type {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.btn.btn-primary.animated-arrow .arrow span {
	top: 0.5rem;
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #efefef;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.btn.btn-primary.animated-arrow .arrow span:last-of-type {
	right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.btn.btn-primary.animated-arrow.active .arrow span:last-of-type {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.btn.btn-primary.animated-arrow .arrow span {
	top: 0.5rem;
	position: absolute;
	width: 10px;
	height: 2px;
	background-color: #efefef;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

.btn.btn-primary.animated-arrow.disabled,
.btn.btn-primary.animated-arrow:disabled {
	padding: 0 25px
}

.btn.btn-primary.animated-arrow.disabled .arrow,
.btn.btn-primary.animated-arrow:disabled .arrow {
	display: none
}

.btn:disabled,
.btn.disabled {
	background-color: #e4e4e4 !important;
	border: 1px solid #e4e4e4 !important;
	color: #666 !important;
	cursor: no-drop
}

.productBar-buy {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: productBuy;
	text-align: right;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media only screen and (max-width: 1024px) {
	.productBar-buy {
		display: inline;
		text-align: left
	}
}

.productBar-buy div {
	position: relative;
	padding-right: 10px;
	margin-right: 3px
}

.productBar-buy div {
	vertical-align: -webkit-baseline-middle;
	font-size: 1.5em;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.productBar-buy div+a {
	margin-right: 10px
}

.productBar-buy span {
	padding-right: 0;
	font-size: 1.5em
}

.productBar-buy .discount {
	font-size: 17px;
	line-height: 1.5em;
	color: #000
}

.productBar-buy .discount del {
	color: #000
}

.productBar {
	width: 100%;
	background: #fff;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 200
}

.productBar-header {
	margin: 0 auto;
	padding-top: 17px;
	border-top: #e7e7e7 solid 1px;
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: 50% 50%;
	-ms-grid-columns: 50% 50%;
	grid-template-columns: 50% 50%;
	grid-template-areas: 'productInfo productBuy'
		'productSubnav productSubnav';
	grid-column-gap: 0%
}

@media only screen and (max-width: 1600px) {
	.productBar-header {
		width: 100%
	}
}

@media only screen and (max-width: 768px) {
	.productBar-header {
		padding-top: 2%;
		display: block
	}
}

.productBar-header {
	display: block
}

.productBar-subnav,
.productBar-subnavFix {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: productSubnav
}

.productBar-subnav,
.productBar-subnavFix {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	list-style-type: none;
	margin-top: 10px;
	min-height: 36px
}

@media only screen and (max-width: 1600px) {

	.productBar-subnav,
	.productBar-subnavFix {
		margin-top: 10px
	}
}

@media only screen and (max-width: 1280px) {

	.productBar-subnav,
	.productBar-subnavFix {
		margin-top: 10px
	}
}

@media only screen and (max-width: 1024px) {

	.productBar-subnav,
	.productBar-subnavFix {
		margin-top: -10px
	}
}

@media only screen and (max-width: 960px) {

	.productBar-subnav,
	.productBar-subnavFix {
		margin-top: -10px
	}
}

@media only screen and (max-width: 960px) {

	.productBar-subnav,
	.productBar-subnavFix,
	.productBar-info img {
		display: none
	}
}

@media only screen and (max-width: 960px) {

	.mobile.productBar-subnav,
	.mobile.productBar-subnavFix {
		display: block;
		margin-top: 0
	}
}

.productBar-subnav>.focus,
.productBar-subnavFix>.focus {
	color: #333;
	border-bottom: #74ba00 solid 4px;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

.productBar-subnav a,
.productBar-subnavFix a {
	padding: 0 10px 7px 10px;
	display: inline-block;
	color: #333;
	text-decoration: none
}

@media only screen and (max-width: 768px) {

	.productBar-subnav a,
	.productBar-subnavFix a {
		padding: 10px 10px 5px 10px
	}
}

@media only screen and (max-width: 768px) {

	.productBar-subnav a,
	.productBar-subnavFix a {
		padding: 10px 10px 5px 10px
	}
}

@media only screen and (max-width: 768px) {

	.mobile.productBar-subnav a,
	.mobile.productBar-subnavFix a {
		display: block
	}
}

@media only screen and (max-width: 768px) {

	.mobile .productBar-subnav-items>.focus,
	.mobile .productBar-subnavFix-items>.focus {
		color: #333;
		font-weight: 800
	}
}

@media only screen and (max-width: 960px) {

	.mobile .productBar-subnav-items,
	.mobile .productBar-subnavFix-items {
		display: none
	}
}

.productBar-info {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: productInfo;
	position: relative;
	top: -10px
}

@media only screen and (max-width: 768px) {
	.productBar-info {
		font-size: 1.25em;
		margin-bottom: 10px;
		top: 0
	}
}

.productBar-info img {
	float: left
}

.productBar-info h2 {
	font-size: 1em;
	font-weight: bolder;
	line-height: 1.1em;
	vertical-align: -webkit-baseline-middle;
	margin: 0.67em 0;
	margin-left: 80px
}

@media only screen and (max-width: 960px) {
	.productBar-info h2 {
		margin-left: 0;
		margin-bottom: 2px
	}
}

.productBar-info .product-title {
	font-size: 1em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	line-height: 1.1em;
	vertical-align: -webkit-baseline-middle;
	margin: 0.67em 0;
	margin-left: 80px
}

@media only screen and (max-width: 960px) {
	.productBar-info .product-title {
		margin-left: 0;
		margin-bottom: 2px
	}
}

.productBar-info .modelNO {
	margin: -0.5% 0 0 80px;
	display: block;
	font-size: 12px;
	color: #666;
	line-height: 1.3em
}

@media only screen and (max-width: 960px) {
	.productBar-info .modelNO {
		margin: 6px 0 0 0
	}
}

.mobile {
	display: none
}

.js-tabs.switch-color {
	position: relative
}

.js-tabs.switch-color ul.js-tablist {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 80px;
	bottom: -15px;
	z-index: 10000000
}

.js-tabs.switch-color ul.js-tablist li {
	float: left;
	margin: 0;
	padding: 0 3px
}

.js-tabs.switch-color ul.js-tablist li.js-tabtitle {
	position: absolute;
	left: 0;
	top: -14px;
	color: #666;
	text-decoration: none;
	font-size: 11px;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1em
}

.js-tabs.switch-color ul.js-tablist li a {
	float: left;
	display: block;
	cursor: pointer;
	overflow: auto;
	border: 2px solid #fff
}

.js-tabs.switch-color ul.js-tablist li a .switchColor {
	width: 40px;
	height: 18px;
	margin: 1px;
	float: left;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.js-tabs.switch-view ul.js-tablist li a .switch-color {
	overflow: hidden !important;
	display: -webkit-flex !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-align-items: center !important;
	-moz-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-justify-content: center !important;
	-moz-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.js-tabs.switch-color ul.js-tablist li a .switchColor .switch-img {
	max-width: none;
	width: auto
}

.js-tabs.switch-view ul.js-tablist li a .switch-color .switch-img {
	max-width: none;
	width: auto
}

.js-tabs.switch-color ul.js-tablist li a .switchColor.gray {
	background-color: #525356
}

.js-tabs.switch-color ul.js-tablist li a .switchColor.yellow {
	background-color: #fbbe3d
}

.js-tabs.switch-color .js-tabcontent[aria-hidden='true'] {
	display: none
}

.js-tabs.switch-color .js-tabcontainer {
	width: 100%;
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: 40% 60%;
	-ms-grid-columns: 40% 60%;
	grid-template-columns: 40% 60%;
	grid-template-areas: "productInfo productBuy" "productSubnav productSubnav";
	grid-column-gap: 0%
}

.js-tabs.switch-color [aria-selected='true'].example-tabs-tabs__link {
	border: 2px solid #74ba00 !important
}

.js-tabs.switch-color [aria-hidden='true'].example-tabs-tabs__content {
	display: none
}

.js-tabs.switch-color.always-show .example-tabs-tabs__content,
.specs-box .js-tabs.switch-view.always-show .js-tabcontent {
	display: block !important
}

.invisible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

@media only screen and (max-width: 1024px) {
	.productBar-buy div {
		padding-right: 52px;
		margin-right: 3px
	}

	.productBar-buy .discount {
		font-size: 13px
	}

	.js-tabs.switch-color ul.js-tablist {
		right: 285px;
		top: 12px
	}
}

@media only screen and (max-width: 1024px) {
	.productBar-buy div {
		padding-right: 0px;
		margin-right: 0px;
		margin-bottom: 10px
	}

	.productBar-buy .btn {
		width: auto;
		padding: 0 10px;
		line-height: 28px
	}

	.productBar-buy .discount {
		position: relative;
		margin-left: 5px
	}

	.js-tabs.switch-color ul.js-tablist {
		padding-left: 0;
		left: 0;
		width: 210px;
		top: 10px;
		position: relative
	}

	.js-tabs.switch-color ul.js-tablist li.js-tabtitle {
		position: relative;
		top: auto;
		width: auto;
		margin-top: 8px
	}

	.js-tabs.switch-color .js-tabcontainer {
		display: block
	}
}

.fa,
.fas {
	font-weight: 900
}

.fa,
.far,
.fas {
	font-family: 'Font Awesome 5 Free'
}

.fa-2x {
	font-size: 2em
}

.fa,
.fab,
.fal,
.far,
.fas {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.fontWeight-normal {
	font-family: 'SimplonNorm-Regular', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

.btn.btn-primary:hover {
	background-color: #74ba00;
	border: 1px solid #74ba00
}

.price-set span {
	font-size: 1.1em
}

.price-set .discount,
.price-set .pack,
.price-set .vat {
	font-size: 12px;
	line-height: 1.3em;
	color: gray
}

.price-set .discount del {
	color: #737373
}

.price-set .avai {
	font-size: 12px;
	line-height: 1.3em;
	color: #c64d63
}

#product .learnMore-box .intro-box {
	padding: 2vw 0;
	background: #fff
}

#product .learnMore-box .intro-box.sec-note {
	padding: 1vw 0 4vw 0;
	max-width: 800px;
	margin: 2vw auto 0 auto;
	border-top: 1px solid #a8a8
}

#product .learnMore-box .intro-box.sec-note .intro-content {
	padding: 0;
	color: #666;
	font-size: 0.9em
}

#product .learnMore-box .intro-box.sec-note .intro-content p {
	padding: 0
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-note {
		max-width: 700px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-note {
		margin: 2vw 20px 0 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-note {
		margin-right: 15px;
		margin-left: 15px
	}
}

#product .learnMore-box .intro-box .intro-wrapper {
	position: relative
}

#product .learnMore-box .intro-box .intro-content {
	padding-left: 20px;
	padding-right: 20px
}

#product .learnMore-box .intro-box .intro-content p {
	padding-left: 50px;
	padding-right: 50px;
	font-size: 1em;
	line-height: 1.5em;
	margin: 15px 0
}

#product .learnMore-box .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

#product .learnMore-box .intro-box .intro-headline p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 15px 0
}

#product .learnMore-box .intro-box .intro-headline h4 {
	font-size: 3.4em;
	letter-spacing: -1px;
	line-height: 1.1em;
	margin: 15px 0 30px 0
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box .intro-headline h4 {
		padding-right: 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box .intro-headline h4 {
		font-size: 1.5;
		letter-spacing: 0px;
		margin: 10px 0 15px 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box .intro-headline h4 {
		font-size: 1.6em;
		letter-spacing: 0px;
		margin: 10px 0 15px 0
	}
}

#product .learnMore-box .intro-box .intro-headline h3 {
	padding-left: 50px;
	padding-right: 50px;
	font-size: 4.125em;
	letter-spacing: -2px;
	margin: 15px 0 30px 0;
	line-height: 1.05em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box .intro-headline h3 {
		font-size: 3.5em
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box .intro-headline h3 {
		font-size: 3em;
		letter-spacing: -1px;
		margin: 15px 0 20px 0;
		padding-left: 30px;
		padding-right: 30px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box .intro-headline h3 {
		font-size: 2.1em;
		letter-spacing: 0px;
		margin: 15px 0 20px 0;
		padding-left: 20px;
		padding-right: 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box .intro-headline h3 {
		font-size: 2em;
		letter-spacing: 0px;
		margin: 10px 0 15px 0;
		padding-left: 0px;
		padding-right: 0px
	}
}

#product .learnMore-box .intro-box .intro-image img {
	width: 100%
}

#product .learnMore-box .intro-box.sec-1 {
	padding: 0
}

#product .learnMore-box .intro-box.sec-1 .intro-slogan {
	position: relative;
	top: -54.5vw;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	z-index: 199
}

#product .learnMore-box .intro-box.sec-1 .intro-slogan .image-aspectRatio {
	padding-bottom: 18%
}

#product .learnMore-box .intro-box.sec-1 .intro-slogan .image-aspectRatio picture img {
	-o-object-position: 0px 0px;
	object-position: 0px 0px
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan .image-aspectRatio picture img {
		-o-object-position: 0 30px;
		object-position: 0 30px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan .image-aspectRatio picture img {
		-o-object-position: 0px 0;
		object-position: 0px 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan .image-aspectRatio {
		padding-bottom: 30%
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-slogan .img-1 {
	width: 100%;
	margin-left: 0px
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan .img-1 {
		width: 100%
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan .img-1 {
		width: 100%
	}
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan {
		top: -54vw
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan {
		top: -58vw
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan {
		top: -182vw;
		overflow: hidden
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan {
		top: -201vw;
		overflow: hidden
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan {
		top: -212vw;
		overflow: hidden
	}
}

@media only screen and (max-width: 420px) {
	#product .learnMore-box .intro-box.sec-1 .intro-slogan {
		top: -215vw
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-content {
	position: absolute;
	width: 50%;
	bottom: 80px;
	right: 0;
	padding-right: 0px;
	padding-left: 0
}

#product .learnMore-box .intro-box.sec-1 .intro-content figure {
	max-width: 450px;
	width: 50%;
	padding-right: 0px;
	padding-left: 40px;
	float: left
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content figure {
		padding-left: 30px
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content figure {
		padding-left: 20px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content figure {
		width: 50%;
		padding-left: 8vw
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content figure {
		padding-right: 0;
		max-width: 300px;
		width: 50%
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-content img {
	width: 100%
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content {
		bottom: 60px
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content {
		bottom: 40px
	}
}

@media screen and (max-width: 1030px) and (orientation: portrait) {
	#product .learnMore-box .intro-box.sec-1 .intro-content {
		bottom: 21vw
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-content {
		width: 100%;
		bottom: 37vw
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-image {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: sticky;
	top: 0;
	z-index: 100
}

@media screen and (max-width: 1030px) and (orientation: portrait) {
	#product .learnMore-box .intro-box.sec-1 .intro-image {
		position: static
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image {
		position: static;
		display: block;
		padding-left: 20px;
		padding-right: 20px;
		top: 18vw
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image {
		top: 40vw;
		padding-right: 15px;
		padding-left: 15px
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio {
	padding-bottom: 55%
}

#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure:before {
	content: ' ';
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%)
}

#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure:after {
	content: ' ';
	width: 100%;
	height: 70%;
	position: absolute;
	left: 0;
	top: 0;
	background: -webkit-linear-gradient(270deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%)
}

@media screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure:after {
		display: none
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
	-o-object-position: 0px -70px;
	object-position: 0px -70px
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
		-o-object-position: 0px -45px;
		object-position: 0px -45px
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
		-o-object-position: 0px 0px;
		object-position: 0px 0px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
		-o-object-position: 0 0px;
		object-position: 0 0px
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
		-o-object-position: 0 20px;
		object-position: 0 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
		-o-object-position: 0 -20px;
		object-position: 0 -20px
	}
}

@media only screen and (max-width: 420px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio figure img {
		-o-object-position: 0 0px;
		object-position: 0 0px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio {
		padding-bottom: 55%
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio {
		padding-bottom: 60%
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio {
		padding-bottom: 100%
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio {
		padding-bottom: 110%
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .image-aspectRatio {
		padding-bottom: 108vw
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-image .img-a {
	width: 50%;
	margin-right: 2px
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .img-a {
		margin-right: 0px;
		margin-bottom: 4px;
		width: 100%
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .img-a {
		margin-bottom: 2px
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-image .img-b {
	width: 50%;
	margin-left: 2px
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-1 .intro-image .img-b {
		margin-left: 0px;
		width: 100%
	}
}

#product .learnMore-box .intro-box.sec-1 .intro-image img {
	width: 100%
}

#product .learnMore-box .intro-box.sec-1 .intro-image .intro-content::after {
	content: '';
	clear: both;
	display: table
}

#product .learnMore-box .intro-box.sec-2 {
	padding: 0;
	position: relative;
	overflow: hidden
}

#product .learnMore-box .intro-box.sec-2 .intro-headline {
	max-width: 800px;
	padding-left: 50px;
	padding-right: 50px
}

#product .learnMore-box .intro-box.sec-2 .intro-headline h3 {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 500px;
	font-size: 3.4em;
	letter-spacing: -1px;
	line-height: 1.1em;
	margin: 15px 0 30px 0;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-headline h3 {
		padding-right: 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-2 .intro-headline h3 {
		font-size: 1.5;
		letter-spacing: 0px;
		margin: 10px 0 15px 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-headline h3 {
		font-size: 1.6em;
		letter-spacing: 0px;
		margin: 10px 0 15px 0
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-2 .intro-headline {
		padding-left: 45px;
		padding-right: 45px
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-2 .intro-headline {
		padding-left: 20px;
		padding-right: 20px
	}
}

#product .learnMore-box .intro-box.sec-2 .intro-content {
	max-width: 800px;
	padding-left: 50px;
	padding-right: 50px
}

#product .learnMore-box .intro-box.sec-2 .intro-content p {
	padding-left: 0px;
	padding-right: 0px
}

#product .learnMore-box .intro-box.sec-2 .intro-content ul.link-stack {
	margin: 20px 0;
	text-align: left !important
}

#product .learnMore-box .intro-box.sec-2 .intro-content ul.link-stack .btn {
	border-radius: 0
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-2 .intro-content {
		padding-left: 45px;
		padding-right: 45px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-content {
		padding-left: 30px;
		padding-right: 30px
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-2 .intro-content {
		padding-left: 20px;
		padding-right: 20px
	}
}

#product .learnMore-box .intro-box.sec-2 .intro-image {
	position: relative;
	bottom: -30px
}

#product .learnMore-box .intro-box.sec-2 .intro-image .slider-article {
	padding-left: 28vw
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-2 .intro-image .slider-article {
		padding-left: 25vw
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-image .slider-article {
		padding-left: 15px;
		margin-top: -25px
	}
}

#product .learnMore-box .intro-box.sec-2 .intro-image .image-aspectRatio {
	padding-bottom: 59.65%
}

#product .learnMore-box .intro-box.sec-2 .intro-image img {
	-o-object-fit: cover;
	object-fit: cover;
	float: left
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-2 .intro-image {
		margin-right: -250px
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-2 .intro-image {
		margin-right: -240px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-image {
		margin-right: -40vw
	}
}

#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(1) {
	position: absolute;
	left: -webkit-calc(50% - 815px);
	left: -moz-calc(50% - 815px);
	left: calc(50% - 815px);
	bottom: 290px;
	z-index: 101
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(1) {
		bottom: 18vw;
		left: 0;
		width: 55%
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(1) {
		bottom: 14vw;
		left: 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(1) {
		position: relative;
		left: 0;
		bottom: 0
	}
}

#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(2) {
	position: relative;
	z-index: 100;
	overflow: hidden
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(2) {
		overflow: hidden
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 .intro-wrapper:nth-child(2) {
		position: relative;
		z-index: 100
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-2 {
		padding-top: 20px
	}
}

@media screen and (max-width: 1030px) and (orientation: portrait) {
	#product .learnMore-box .intro-box.sec-2 {
		margin-top: -15vw
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-2 {
		padding-top: 8vw;
		margin-top: -25vw
	}
}

#product .learnMore-box .intro-box.sec-3 {
	position: relative;
	padding: 0 0 4.5vw 0
}

#product .learnMore-box .intro-box.sec-3 .intro-wrapper {
	max-width: 1640px;
	margin: 0 auto
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box {
	margin-top: -2px
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .image-aspectRatio {
	padding-bottom: 60%;
	width: 50%
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .image-aspectRatio {
		padding-bottom: 65%
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .image-aspectRatio {
		padding-bottom: 120%;
		width: 100%
	}
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .img-a {
	width: 50%;
	margin-right: 2px
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .img-a {
		margin-right: 1px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .img-a {
		margin-right: 0px;
		width: 100%
	}
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .img-b {
	width: 50%;
	margin-left: 2px
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .img-b {
		margin-left: 1px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image .img-b {
		margin-top: 2px;
		margin-left: 0px;
		width: 100%
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-image {
		display: block
	}
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-content {
	width: 300px;
	height: 300px;
	padding: 40px 40px 60px 40px;
	text-align: center;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	position: absolute;
	top: -webkit-calc(50% - 150px);
	top: -moz-calc(50% - 150px);
	top: calc(50% - 150px);
	left: -webkit-calc(50% - 150px);
	left: -moz-calc(50% - 150px);
	left: calc(50% - 150px);
	z-index: 100;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-content p {
	padding: 0
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-content {
		width: 250px;
		height: 250px;
		padding: 25px 25px 40px 25px;
		top: -webkit-calc(50% - 125px);
		top: -moz-calc(50% - 125px);
		top: calc(50% - 125px);
		left: -webkit-calc(50% - 125px);
		left: -moz-calc(50% - 125px);
		left: calc(50% - 125px)
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-content {
		width: 250px;
		height: 250px;
		padding: 25px 25px 40px 25px;
		top: -webkit-calc(50% - 125px);
		top: -moz-calc(50% - 125px);
		top: calc(50% - 125px);
		left: -webkit-calc(50% - 125px);
		left: -moz-calc(50% - 125px);
		left: calc(50% - 125px)
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content .article-box .article-content {
		width: 100%;
		height: auto;
		padding: 0px 20px;
		text-align: center;
		color: #fff;
		background-color: #000;
		position: relative;
		top: auto;
		left: auto;
		margin-top: 0px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-3 .intro-content {
		padding-right: 15px;
		padding-left: 15px
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-3 {
		padding: 0 0 5vw 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-3 {
		padding: 0 0 6vw 0
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-3 {
		padding: 0 0 2vw 0
	}
}

#product .learnMore-box .intro-box.sec-3 .slick-dotted.slick-slider {
	margin-bottom: 0
}

#product .learnMore-box .intro-box.sec-4 {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 4.5vw 0
}

#product .learnMore-box .intro-box.sec-4 .intro-image img {
	-o-object-fit: cover;
	object-fit: cover
}

#product .learnMore-box .intro-box.sec-4 .intro-headline {
	max-width: 500px;
	padding-left: 50px;
	padding-right: 50px
}

#product .learnMore-box .intro-box.sec-4 .intro-headline h3 {
	padding-left: 0px;
	padding-right: 0px;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-4 .intro-headline {
		padding-left: 40px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-4 .intro-headline {
		padding-left: 30px;
		padding-right: 30px;
		max-width: 100%
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-4 .intro-headline {
		padding-right: 20px;
		padding-left: 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-4 .intro-headline {
		padding-right: 15px;
		padding-left: 15px
	}
}

#product .learnMore-box .intro-box.sec-4 .intro-content {
	max-width: 500px;
	padding-left: 50px;
	padding-right: 30px;
	position: relative;
	z-index: 100
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-4 .intro-content {
		padding-left: 40px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-4 .intro-content {
		padding-left: 30px;
		max-width: 100%
	}
}

@media only screen and (max-width: 636px) {
	#product .learnMore-box .intro-box.sec-4 .intro-content {
		padding-right: 20px;
		padding-left: 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-4 .intro-content {
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 20px
	}
}

#product .learnMore-box .intro-box.sec-4 .intro-wrapper {
	margin: 0 auto
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-4 .intro-wrapper {
		width: 100% !important
	}
}

#product .learnMore-box .intro-box.sec-4 .intro-wrapper:nth-child(1) {
	width: 33.3333%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 1.5vw
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-4 .intro-wrapper:nth-child(1) {
		margin-bottom: 0
	}
}

#product .learnMore-box .intro-box.sec-4 .intro-wrapper:nth-child(2) {
	width: 66.6666%
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-4 {
		padding: 5vw 0px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-4 {
		padding: 6vw 0px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-4 {
		display: block;
		padding: 10vw 0px
	}
}

#product .learnMore-box .intro-box.sec-5 {
	padding: 4.5vw 20px;
	max-width: 1640px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

#product .learnMore-box .intro-box.sec-5 .intro-wrapper {
	margin: 0 auto;
	width: 50%;
	position: relative
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-5 .intro-wrapper {
		width: 100%
	}
}

#product .learnMore-box .intro-box.sec-5 .intro-wrapper:nth-child(1) {
	background-color: #333
}

@media screen and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-5 .intro-wrapper:nth-child(1) {
		background-color: #fff
	}
}

#product .learnMore-box .intro-box.sec-5 .intro-image .image-aspectRatio {
	padding-bottom: 120%
}

#product .learnMore-box .intro-box.sec-5 .intro-image .img-a {
	border-right: 2px solid #fff
}

#product .learnMore-box .intro-box.sec-5 .intro-image .img-b {
	border-left: 2px solid #fff
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-5 .intro-image .img-b {
		border-left: 1px solid #fff
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-5 .intro-image .img-b {
		border: 0
	}
}

#product .learnMore-box .intro-box.sec-5 .intro-headline {
	position: absolute;
	bottom: 10px;
	right: 0;
	text-align: right;
	color: #fff
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-5 .intro-headline {
		position: relative;
		bottom: auto;
		right: auto;
		color: #000;
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-5 .intro-headline {
		position: relative;
		bottom: auto;
		right: auto;
		color: #000;
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-5 .intro-headline {
		text-align: left
	}
}

#product .learnMore-box .intro-box.sec-5 .intro-content {
	padding-right: 30%;
	position: absolute;
	bottom: 25px;
	left: 0;
	z-index: 100
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-5 .intro-content {
		position: relative;
		bottom: auto;
		right: auto;
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-5 .intro-content {
		position: relative;
		bottom: auto;
		right: auto;
		padding-left: 0;
		padding-right: 0
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-5 .intro-content p {
		padding-left: 0;
		padding-right: 0
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product .learnMore-box .intro-box.sec-5 {
		padding: 5vw 20px
	}
}

@media only screen and (max-width: 930px) {
	#product .learnMore-box .intro-box.sec-5 {
		padding: 6vw 20px
	}
}

@media only screen and (max-width: 576px) {
	#product .learnMore-box .intro-box.sec-5 {
		display: block;
		padding: 10vw 15px
	}
}

html:not(.no-js) [data-aos^='fade'][data-aos^='fade'].aos-animate {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

html:not(.no-js) [data-aos^='fade'][data-aos^='fade'] {
	opacity: 0;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	-o-transition-property: opacity, -o-transform;
	-moz-transition-property: opacity, transform, -moz-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform, -moz-transform, -o-transform
}

html:not(.no-js) [data-aos='fade-up'] {
	-webkit-transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

[data-aos][data-aos][data-aos-easing='ease'],
body[data-aos-easing='ease'] [data-aos] {
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s
}

[data-aos].aos-animate {
	pointer-events: auto
}

[data-aos] {
	pointer-events: none
}

sup {
	top: -0.5em
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

.btn:before,
.btn:after {
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

.btn.icon-b-video:before {
	font-size: 0.8em;
	font-weight: 900;
	content: '\f04b';
	margin: 0 10px 0 -5px
}

.btn.btn-link.popup {
	text-decoration: none;
	padding: 0 10px
}

.btn.btn-link.popup:before {
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-size: 0.7em;
	font-weight: 900;
	content: '\f067';
	margin: 0 10px 0 -5px
}

.product-main.learnMore-box {
	width: 100%;
	height: 100%
}

.learnMore-intro.main1 {
	padding-top: 5%
}

.learnMore-intro {
	width: 100%;
	height: 100%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main1 {
		margin-bottom: 5%
	}
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.main1 {
		margin-bottom: 15%
	}
}

.learnMore-intro.main1 .main1-wapper {
	position: relative
}

.learnMore-intro.main1 .imgBox {
	width: 75%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main1 .imgBox {
		width: 100%
	}
}

.learnMore-intro.main1 .imgBox img {
	width: 100%;
	height: auto
}

.learnMore-intro.main1 .textBox {
	width: 45%;
	padding: 2%;
	background: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main1 .textBox {
		width: 100%;
		padding: 0%;
		background: none;
		position: relative
	}
}

.learnMore-box h3,
.specs-box h3,
.doMore-box h3,
.support-box h3,
.gallery-box h3 {
	margin: 0 auto 0.5em;
	font-size: 2em;
	line-height: 1.1em
}

@media only screen and (max-width: 768px) {
	#product .product-main h3 {
		font-size: 1.5em
	}
}

.learnMore-intro.main2 {
	margin-bottom: 5%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main2 {
		margin-bottom: 10%
	}
}

.learnMore-intro.main2 .imgBox {
	float: right;
	width: 45%;
	padding-top: 12%;
	position: relative
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main2 .imgBox {
		float: none;
		width: 100%;
		padding-top: 25%
	}
}

.learnMore-intro.main2 .v4k {
	width: 60%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2
}

.learnMore-intro.main2 .imgBox img {
	width: 100%;
	height: auto
}

.learnMore-intro.main2 .notebook {
	width: 100%;
	position: relative
}

.learnMore-intro.main2 .srceen {
	width: 80%;
	position: absolute;
	top: 13%;
	z-index: 1
}

.learnMore-intro.main2 .srceen video {
	width: 100%
}

.learnMore-intro.main2 .imgBox img {
	width: 100%;
	height: auto
}

.learnMore-intro.main2 .textBox {
	float: left;
	width: 40%;
	padding-top: 15%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main2 .textBox {
		float: none;
		width: 100%;
		padding-top: 0%
	}
}

.learnMore-intro.main2 .frame {
	width: 100%
}

.learnMore-intro.main3 {
	margin-bottom: 5%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main3 {
		margin-bottom: 10%
	}
}

.learnMore-intro.main3 .imgBox {
	float: left;
	width: 50%;
	padding-top: 4%;
	position: relative
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main3 .imgBox {
		float: none;
		width: 100%
	}
}

.learnMore-intro.main3 .v4k {
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2
}

.learnMore-intro.main3 .imgBox img {
	width: 100%;
	height: auto
}

.learnMore-intro.main3 .map {
	width: 100%
}

.learnMore-intro.main3 .map video {
	width: 100%
}

.learnMore-intro.main3 .imgBox img {
	width: 100%;
	height: auto
}

.learnMore-intro.main3 .textBox {
	float: right;
	width: 40%;
	margin-top: 5%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main3 .textBox {
		float: none;
		width: 100%
	}
}

.learnMore-intro.main2 .main2-wapper::after {
	content: '';
	display: block;
	clear: both
}

.learnMore-intro.main3 .main3-wapper::after {
	content: '';
	display: block;
	clear: both
}

.rwd-inner {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (min-width: 1601px) {
	.rwd-inner {
		max-width: 1450px;
		width: 1450px
	}
}

.learnMore-intro.main4 {
	background: #333 url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/v4k/v4k_descript_04-1.png) no-repeat center bottom;
	-o-background-size: cover;
	background-size: cover
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main4 {
		background: none
	}
}

.learnMore-intro.main4 .main4-wapper {
	position: relative
}

.learnMore-intro.main4 .imgBox {
	display: none
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main4 .imgBox {
		width: 100%;
		display: block
	}
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main4 .imgBox img {
		width: 100%;
		height: auto
	}
}

.learnMore-intro.main4 .textBox {
	width: 60%;
	padding: 10% 0 20%;
	color: #fff
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.main4 .textBox {
		width: 70%
	}
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main4 .textBox {
		width: 100%;
		padding: 5% 0 0;
		color: #333
	}
}

.main5 {
	padding: 5% 0
}

@media only screen and (max-width: 768px) {
	.main5 {
		padding: 5% 0
	}
}

@media only screen and (max-width: 960px) {
	.main5 {
		padding: 5% 0 30%
	}
}

@media only screen and (max-width: 1024px) {
	.main5 {
		padding: 5% 0 20%
	}
}

@media only screen and (max-width: 1280px) {
	.main5 {
		padding: 5% 0 12%
	}
}

.learnMore-intro {
	width: 100%;
	height: 100%
}

.main5 .main5-wapper {
	position: relative
}

.main5 .imgBox {
	width: 60%
}

@media only screen and (max-width: 768px) {
	.main5 .imgBox {
		width: 90%;
		margin: 0 auto
	}
}

@media only screen and (max-width: 1600px) {
	.main5 .imgBox {
		width: 50%
	}
}

.main5 .imgBox img {
	width: 100%;
	height: auto
}

.main5 .textBox {
	width: 45%;
	position: absolute;
	top: 5%;
	right: 0;
	z-index: 1
}

@media only screen and (max-width: 768px) {
	.main5 .textBox {
		width: 100%;
		padding-top: 5%;
		position: relative
	}
}

.learnMore-intro {
	width: 100%;
	height: 100%
}

.learnMore-intro.main6 {
	padding-bottom: 10%
}

.learnMore-intro.main6 .main6-wapper {
	position: relative
}

.learnMore-intro.main6 .imgBox {
	width: 50%;
	position: absolute;
	right: 0
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main6 .imgBox {
		width: 100%;
		position: relative
	}
}

.learnMore-intro.main6 .v4k {
	width: 60%;
	position: relative;
	left: 30%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main6 .v4k {
		width: 60%;
		position: relative;
		left: 10%
	}
}

.learnMore-intro.main6 .imgBox img {
	width: 100%;
	height: auto
}

.learnMore-intro.main6 .app {
	width: 15%;
	position: absolute;
	top: 45%;
	right: 0
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main6 .app {
		width: 15%;
		position: absolute;
		top: 45%;
		right: 25%
	}
}

.learnMore-intro.main6 .imgBox img {
	width: 100%;
	height: auto
}

.annotation-text {
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	overflow: hidden;
	position: absolute
}

.learnMore-intro.main6 .textBox {
	width: 55%;
	padding-top: 8%
}

@media only screen and (max-width: 768px) {
	.learnMore-intro.main6 .textBox {
		width: 100%;
		padding-top: 8%
	}
}

@media only screen and (max-width: 1280px) {
	.learnMore-intro.main6 .textBox {
		padding-top: 0
	}
}

#product .overview-intro {
	font-family: 'SimplonNorm-Regular', 'SimplonNorm-Light', 'droid sans',
		'Helvetica', 'verdana', 'Arial', 'sans-serif';
	letter-spacing: 0
}

#product .overview-intro.cover {
	position: relative
}

#product .overview-intro.cover .cover-wapper {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 2
}

#product .overview-intro.cover .cover-wapper .cover-content {
	width: 80%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column-reverse;
	-moz-box-orient: vertical;
	-moz-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 1280px) {
	#product .overview-intro.cover .cover-wapper .cover-content {
		width: 90%
	}
}

@media only screen and (max-width: 1024px) {
	#product .overview-intro.cover .cover-wapper .cover-content {
		width: 100%
	}
}

#product .overview-intro.cover .cover-wapper .cover-content>div {
	width: 70%;
	display: inline-block;
	text-align: center
}

@media only screen and (max-width: 1600px) {
	#product .overview-intro.cover .cover-wapper .cover-content>div {
		width: 80%
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.cover .cover-wapper .cover-content>div {
		width: 80%
	}
}

.learnMore-box h2,
.specs-box h2,
.doMore-box h2,
.support-box h2,
.gallery-box h2 {
	font-size: 2.625em;
	line-height: 1.1em
}

#product .overview-intro h2 {
	display: block;
	font-size: 3.4375em;
	line-height: 0.95em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .overview-intro.cover .cover-wapper .cover-content h2 {
	background: #ffffff;
	padding: 0.35em 0.5em 0.2em;
	display: inline-block
}

@media only screen and (max-width: 1440px) {
	#product .overview-intro.cover .cover-wapper .cover-content h2 {
		font-size: 2.5em
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.cover .cover-wapper .cover-content h2 {
		font-size: 2em
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.cover .cover-wapper .cover-content h2 {
		font-size: 1.75em
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.cover .cover-wapper .cover-content h2 {
		font-size: 1.35em
	}
}

@media only screen and (max-width: 480px) {
	#product .overview-intro.cover .cover-wapper .cover-content h2 {
		font-size: 1.25em
	}
}

#product .overview-intro.cover .cover-wapper .cover-content h2 .sub {
	display: block;
	font-family: 'SimplonNorm-Regular', 'SimplonNorm-Light', 'droid sans',
		'Helvetica', 'verdana', 'Arial', 'sans-serif';
	font-size: 0.5em;
	font-weight: normal !important
}

#product .overview-intro p {
	font-size: 1em;
	line-height: 1.4em;
	font-family: 'SimplonNorm-Regular', 'SimplonNorm-Light', 'droid sans',
		'Helvetica', 'verdana', 'Arial', 'sans-serif';
	letter-spacing: 0
}

#product .overview-intro.cover .cover-wapper .cover-content p {
	padding: 1em 2em;
	display: inline-block;
	color: #ffffff;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	font-size: 3em;
	line-height: 0.95em;
	text-align: center
}

@media only screen and (max-width: 1440px) {
	#product .overview-intro.cover .cover-wapper .cover-content p {
		font-size: 2.5em
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.cover .cover-wapper .cover-content p {
		font-size: 2em
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.cover .cover-wapper .cover-content p {
		font-size: 1.75em
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.cover .cover-wapper .cover-content p {
		font-size: 1.35em
	}
}

@media only screen and (max-width: 480px) {
	#product .overview-intro.cover .cover-wapper .cover-content p {
		font-size: 1em
	}
}

#product .overview-intro.cover .cover-wapper .cover-content .div-gradient {
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 72%);
	background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 72%);
	background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 72%);
	background: radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 72%)
}

#product .overview-intro.cover .cover-photo {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative
}

#product .overview-intro.cover .cover-photo img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: middle
}

#product .overview-intro.introduction {
	width: 100%;
	margin: 3em auto
}

#product .overview-intro.introduction .introduction-wapper {
	width: 80%;
	margin: 0 auto;
	text-align: center
}

@media only screen and (max-width: 1280px) {
	#product .overview-intro.introduction .introduction-wapper {
		width: 90%
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main {
	width: 100%;
	margin: 0 auto;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main {
		width: 100%;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content {
	width: 50%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content {
		width: 100%;
		margin: 0 auto
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content>div {
	width: 90%
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content>div {
		width: 90%;
		margin: 0 auto
	}
}

#product .overview-intro h3 {
	display: block;
	font-size: 1.875em;
	line-height: 1.4em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

@media only screen and (max-width: 1145px) {
	#product .overview-intro h3 {
		font-size: 1.25em
	}
}

@media only screen and (max-width: 375px) {
	#product .overview-intro h3 {
		font-size: 1.3em
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content p {
	text-align: left
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .sub {
	font-size: 1.35em
}

@media only screen and (max-width: 1145px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .sub {
		font-size: 1.25em
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video {
	margin-top: 2em;
	display: inline-block;
	text-align: center
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video {
		margin-bottom: 2em
	}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video {
		width: 80%;
		margin: 2em auto
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video a {
	padding: 0.75em 2.5em;
	background: #eff3f4;
	border-radius: 99px;
	font-size: 1.2em;
	color: #000;
	text-decoration: none;
	display: block
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video a {
		padding: 0.75em 2.5em;
		display: block
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-content .btn-uplift-video a::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/uplift/product-uplift-overview_introduction_icon-play.svg) no-repeat center center
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo {
	width: 50%;
	display: inline-block
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo {
		width: 70%;
		margin: 0 auto
	}
}

#product .overview-intro.introduction .introduction-wapper .introduction-main .introduction-photo img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	vertical-align: middle
}

#product .overview-intro.feature-1 {
	width: 100%;
	margin: 3em auto
}

#product .overview-intro.feature-1 .feature-wapper {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-1 .feature-wapper {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#product .overview-intro.feature-1 .feature-wapper .feature-content {
	width: 33.33%;
	background: #1c1c1c;
	color: #ffffff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-1 .feature-wapper .feature-content {
		width: 90%;
		margin: 0 auto
	}
}

#product .overview-intro.feature-1 .feature-wapper .feature-content>div {
	width: 80%;
	margin: 0 auto
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-1 .feature-wapper .feature-content>div {
		width: 60%;
		margin: 3em auto
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-1 .feature-wapper .feature-content>div {
		width: 90%
	}
}

#product .overview-intro.feature-1 .feature-wapper .feature-content p {
	text-align: left
}

#product .overview-intro.feature-1 .feature-wapper .feature-photo {
	width: 66.67%;
	height: 100%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-1 .feature-wapper .feature-photo {
		width: 90%;
		margin: 0 auto
	}
}

#product .overview-intro.feature-1 .feature-wapper .feature-photo>div {
	width: 50%;
	display: inline-block
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-1 .feature-wapper .feature-photo>div {
		width: 50%
	}
}

#product .overview-intro.feature-1 .feature-wapper .feature-photo>div img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	vertical-align: middle
}

#product .overview-intro.feature-2 {
	width: 100%;
	margin: 3em auto 0
}

#product .overview-intro.feature-2 .feature-wapper {
	width: 80%;
	margin: 0 auto;
	background: #e3dbce
}

@media only screen and (max-width: 1280px) {
	#product .overview-intro.feature-2 .feature-wapper {
		width: 90%
	}
}

#product .overview-intro.feature-2 .feature-wapper .feature-main {
	width: 100%;
	margin: 0 auto;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content {
	width: 50%;
	margin: 3em auto;
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

@media only screen and (max-width: 1024px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content {
		margin: 1.5em auto
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content {
		width: 90%;
		display: -webkit-inline-flex;
		display: -moz-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content {
		width: 90%;
		margin: 3em auto;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
	width: 67%
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 65%
	}
}

@media only screen and (max-width: 1024px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 55%
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 70%
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 100%
	}
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
	width: 67%
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 65%
	}
}

@media only screen and (max-width: 1024px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 55%
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 70%
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content>div {
		width: 100%
	}
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 {
	width: 42%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: middle;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 38%
	}
}

@media only screen and (max-width: 1145px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 35%
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 30%;
		position: relative;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 40%;
		margin: 2em auto 0;
		-webkit-align-self: center;
		-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center
	}
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-content .feature-photo-1 img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	vertical-align: middle
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2 {
	width: 40%;
	display: inline-block
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2 {
		width: 100%
	}
}

#product .overview-intro.feature-3 {
	width: 100%;
	margin: 0 auto 3em
}

#product .overview-intro.feature-3 .feature-wapper {
	width: 80%;
	margin: 0 auto;
	background: #1c1c1c
}

@media only screen and (max-width: 1280px) {
	#product .overview-intro.feature-3 .feature-wapper {
		width: 90%
	}
}

#product .overview-intro.feature-3 .feature-wapper .feature-main {
	width: 100%;
	padding: 4em 3em;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main {
		width: 100%;
		padding: 4em 3em;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content {
	width: 40%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	color: #b8a380
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content {
		width: 50%;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content {
		width: 100%;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content>div {
	width: 90%;
	margin: 0 auto
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content>div {
		width: 100%
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-content>div {
		width: 100%;
		margin: 0 auto
	}
}

#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo {
	width: 60%;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo {
		width: 50%
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo {
		width: 80%;
		margin: 2em auto 0;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo {
		width: 100%
	}
}

#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo>div {
	width: 80%;
	margin: 0 auto;
	display: inline-block
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo>div {
		width: 90%
	}
}

@media only screen and (max-width: 768px) {
	#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo>div {
		width: 100%
	}
}

#product .overview-intro.feature-3 .feature-wapper .feature-main .feature-photo img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

#product .overview-intro.feature-4 {
	width: 100%;
	margin: 3em auto
}

#product .overview-intro.feature-4 .feature-wapper {
	width: 80%;
	margin: 0 auto
}

@media only screen and (max-width: 1280px) {
	#product .overview-intro.feature-4 .feature-wapper {
		width: 90%
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main {
	width: 100%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main {
		width: 100%;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content {
	width: 50%;
	text-align: center
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content {
		width: 100%;
		margin: 0 auto;
		text-align: center
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div {
	width: 90%;
	margin: 0 auto
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div {
		width: 100%
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div {
	width: 90%;
	margin: 0 auto
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div {
		width: 100%
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 {
	width: 60%;
	margin: 1em auto 0;
	display: inline-block
}

@media only screen and (max-width: 1680px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 50%
	}
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 60%;
		margin: 2em auto
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 {
		width: 90%
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .feature-photo-1 img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div {
	width: 90%;
	margin: 0 auto
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div {
		width: 100%
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links {
	width: 100%;
	margin: 1.5em 0;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links {
		margin: 0 auto 2em
	}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links {
		margin: 0 auto 1.5em;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download {
	text-align: center
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download {
		width: 80%;
		margin: 0 auto
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links>div {
	margin-right: 0.25em
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links>div {
		margin: 0.5em auto
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a {
	padding: 0.75em 2em;
	display: block;
	background: #eff3f4;
	border-radius: 99px;
	line-height: 1em;
	font-size: 1.2em;
	color: #000;
	text-decoration: none
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a {
		padding: 0.75em 1.5em
	}
}

@media only screen and (max-width: 1145px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a {
		padding: 0.75em 1em
	}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a {
		padding: 0.75em 0;
		display: block;
		font-size: 1.2em
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/uplift/product-uplift-overview_feature-4_icon-idoccam.svg) no-repeat center center
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a::after {
		width: 25px;
		height: 25px
	}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-download a::after {
		width: 30px;
		height: 30px
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn {
	text-align: center
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn {
		width: 80%;
		margin: 0 auto
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links>div {
	margin-right: 0.25em
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .links>div {
		margin: 0.5em auto
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a {
	padding: 0.75em 2em;
	display: block;
	background: #eff3f4;
	border-radius: 99px;
	line-height: 1em;
	font-size: 1.2em;
	color: #000;
	text-decoration: none
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a {
		padding: 0.75em 1.5em
	}
}

@media only screen and (max-width: 1145px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a {
		padding: 0.75em 1em
	}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a {
		padding: 0.75em 0;
		display: block;
		font-size: 1.2em
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-left: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/uplift/product-uplift-overview_feature-4_icon-learn.svg) no-repeat center center
}

@media only screen and (max-width: 1366px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a::after {
		width: 25px;
		height: 25px
	}
}

@media only screen and (max-width: 500px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content .btn-uplift-learn a::after {
		width: 30px;
		height: 30px
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 {
	width: 50%
}

@media only screen and (max-width: 960px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 {
		width: 70%;
		margin: 0 auto
	}
}

@media only screen and (max-width: 576px) {
	#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-photo-2 {
		width: 100%
	}
}

#product .overview-intro.feature-4 .feature-wapper .feature-main .feature-content>div p {
	text-align: left
}

.product-main.learnMore-box {
	width: 100%;
	height: 100%
}

.learnMore-intro.cover {
	width: 100%
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.cover {
		width: 70%;
		margin: 5% auto
	}
}

@media only screen and (max-width: 576px) {
	.learnMore-intro.cover {
		width: 90%;
		margin: 5% auto
	}
}

#product .learnMore-intro {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

.learnMore-intro.cover .cover-wapper {
	width: 100%;
	height: 100%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.cover .cover-wapper {
		width: 100%;
		height: auto;
		display: block
	}
}

.cover-photo {
	width: 50%
}

@media only screen and (max-width: 960px) {
	.cover-photo {
		width: 100%;
		height: auto
	}
}

.cover-photo img {
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width: 960px) {
	.cover-photo img {
		width: 100%;
		height: auto;
		-o-object-fit: cover;
		object-fit: cover
	}
}

.cover-content {
	width: 50%;
	padding: 5% 2% 0 10%
}

@media only screen and (max-width: 1680px) {
	.cover-content {
		padding: 4% 2% 0 7%
	}
}

@media only screen and (max-width: 1600px) {
	.cover-content {
		padding: 3% 2% 0 5%
	}
}

@media only screen and (max-width: 960px) {
	.cover-content {
		width: 100%;
		height: auto;
		padding: 0
	}
}

.cover-content .content-wapper {
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch
}

@media only screen and (max-width: 960px) {
	.cover-content .content-wapper {
		height: auto
	}
}

#product .learnMore-intro h2 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .cover-content .content-slogan h2 {
	display: block;
	font-size: 1.2em;
	line-height: 1em
}

#product .learnMore-intro h3 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .cover-content .content-slogan h3 {
	font-size: 4em;
	line-height: 0.9em
}

@media only screen and (max-width: 1600px) {
	#product .cover-content .content-slogan h3 {
		font-size: 3.5em
	}
}

@media only screen and (max-width: 768px) {
	#product .cover-content .content-slogan h3 {
		font-size: 2em
	}
}

#product .learnMore-intro p {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

.cover-content .content-info {
	width: 90%;
	margin-top: 15%
}

@media only screen and (max-width: 1920px) {
	.cover-content .content-info {
		width: 90%;
		margin-top: 0
	}
}

@media only screen and (max-width: 1440px) {
	.cover-content .content-info {
		width: 90%;
		margin-top: 0
	}
}

@media only screen and (max-width: 1280px) {
	.cover-content .content-info {
		margin-top: 5%
	}
}

@media only screen and (max-width: 1145px) {
	.cover-content .content-info {
		margin-top: 0
	}
}

@media only screen and (max-width: 960px) {
	.cover-content .content-info {
		width: 100%;
		height: auto;
		position: relative;
		text-align: center
	}
}

.cover-content .content-info .info-wapper {
	width: 100%;
	display: block;
	position: relative;
	text-align: right
}

@media only screen and (max-width: 1440px) {
	.cover-content .content-info .info-wapper {
		width: 100%;
		display: block
	}
}

.cover-content .content-info .info-wapper p {
	width: 55%;
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 5vw;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.5em
}

@media only screen and (max-width: 1440px) {
	.cover-content .content-info .info-wapper p {
		top: 4vw;
		line-height: 1.5em
	}
}

@media only screen and (max-width: 1145px) {
	.cover-content .content-info .info-wapper p {
		top: 5vw;
		font-size: 0.8em
	}
}

@media only screen and (max-width: 1024px) {
	.cover-content .content-info .info-wapper p {
		top: 3vw;
		font-size: 0.8em
	}
}

@media only screen and (max-width: 960px) {
	.cover-content .content-info .info-wapper p {
		width: 100%;
		position: relative;
		margin: 0;
		font-size: 0.9em;
		line-height: 1.5em
	}
}

#product .learnMore-intro p {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

.cover-content .content-info .info-wapper .info-photo {
	width: 50%;
	display: inline-block
}

@media only screen and (max-width: 1280px) {
	.cover-content .content-info .info-wapper .info-photo {
		width: 40%;
		margin-left: 60%
	}
}

@media only screen and (max-width: 960px) {
	.cover-content .content-info .info-wapper .info-photo {
		width: 50%;
		margin: 10% auto;
		display: block
	}
}

.cover-content .content-info .info-wapper .info-photo img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.cover-content .content-info .info-wapper::after {
	content: '';
	display: block;
	clear: both
}

.learnMore-intro.visualizer {
	width: 70%;
	height: 100%;
	margin: 3% auto 0
}

@media only screen and (max-width: 1600px) {
	.learnMore-intro.visualizer {
		width: 80%
	}
}

@media only screen and (max-width: 1440px) {
	.learnMore-intro.visualizer {
		width: 85%
	}
}

@media only screen and (max-width: 1280px) {
	.learnMore-intro.visualizer {
		width: 95%
	}
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.visualizer {
		width: 70%
	}
}

@media only screen and (max-width: 576px) {
	.learnMore-intro.visualizer {
		width: 90%
	}
}

#product .learnMore-intro {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

.learnMore-intro.visualizer .visualizer-wapper {
	width: 100%;
	margin: 0 auto
}

.visualizer-content {
	width: 100%
}

#product .learnMore-intro h2 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .visualizer-content h2 {
	font-size: 1.5em
}

@media only screen and (max-width: 1024px) {
	#product .visualizer-content h2 {
		font-size: 1.2em
	}
}

.visualizer-content .content-wapper {
	width: 100%;
	height: auto;
	min-height: 500px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-wapper {
		display: block
	}
}

.visualizer-content .content-main {
	width: 50%;
	padding-right: 5px
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-main {
		width: 100%;
		padding-right: 0
	}
}

.visualizer-content .main-photo {
	height: 50%;
	overflow: hidden
}

.visualizer-content .main-photo img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.visualizer-content .main-info {
	width: 100%;
	height: 49.3%;
	margin-top: 5px;
	padding: 3% 6%;
	background: #f5f5f5;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .main-info {
		padding: 0% 3% 2%
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .main-info {
		padding: 2% 0 4%;
		background: none
	}
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .main-info .info-wapper {
		font-size: 0.9em
	}
}

.visualizer-content .main-info .info-wapper ol {
	margin: 0;
	padding: 1em 0 2em 1em
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .main-info .info-wapper ol {
		padding: 0 0 0 1em
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .main-info .info-wapper ol {
		padding: 1em 0 2em 2em
	}
}

.visualizer-content .main-info .info-wapper ol {
	list-style: revert
}

.visualizer-content .main-info .info-wapper li {
	margin-bottom: 0.75em;
	line-height: 1.2em
}

.visualizer-content .content-photo {
	width: 50%;
	position: relative;
	overflow: hidden;
	background: #f3f3f3
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo {
		width: 100%;
		height: auto;
		text-align: center;
		background: none
	}
}

.visualizer-content .content-photo .photo-title {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	z-index: 1;
	display: block;
	text-align: center;
	bottom: 5%
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo .photo-title {
		width: 100%;
		margin: 0 auto 5%;
		position: relative;
		display: block;
		text-align: center
	}
}

@media only screen and (max-width: 768px) {
	.visualizer-content .content-photo .photo-title {
		bottom: 5%
	}
}

.visualizer-content .content-photo .photo-title .app-id {
	margin-bottom: 15px
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .content-photo .photo-title .app-id {
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo .photo-title .app-id {
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 576px) {
	.visualizer-content .content-photo .photo-title .app-id {
		margin-bottom: 15px
	}
}

@media only screen and (max-width: 480px) {
	.visualizer-content .content-photo .photo-title .app-id {
		margin-bottom: 15px
	}
}

.visualizer-content .content-photo img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover
}

.visualizer-content .content-photo .photo-title img {
	width: 50px;
	vertical-align: bottom
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .content-photo .photo-title img {
		width: 40px;
		vertical-align: bottom
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo .photo-title img {
		width: 50px;
		vertical-align: middle
	}
}

@media only screen and (max-width: 576px) {
	.visualizer-content .content-photo .photo-title img {
		width: 40px;
		vertical-align: middle
	}
}

@media only screen and (max-width: 480px) {
	.visualizer-content .content-photo .photo-title img {
		width: 30px;
		vertical-align: middle
	}
}

.visualizer-content .content-photo .photo-title .app-id span {
	margin: 0;
	padding: 0 0 0 0.5em;
	display: inline-block;
	font-size: 2.2em;
	line-height: 50px;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif'
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .content-photo .photo-title .app-id span {
		padding: 0 0 0 0.5em;
		font-size: 1.5em;
		line-height: 40px
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo .photo-title .app-id span {
		margin: 0;
		padding: 0 0 0 0.5em;
		display: inline-block;
		font-size: 1.5em;
		line-height: 50px
	}
}

@media only screen and (max-width: 576px) {
	.visualizer-content .content-photo .photo-title .app-id span {
		padding: 0 0 0 0.5em;
		font-size: 1.2em;
		line-height: 40px
	}
}

@media only screen and (max-width: 480px) {
	.visualizer-content .content-photo .photo-title .app-id span {
		padding: 0 0 0 0.5em;
		font-size: 0.8em;
		line-height: 30px
	}
}

.visualizer-content .content-photo .photo-title .app-link {
	display: block;
	font-size: 1.2em
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .content-photo .photo-title .app-link {
		display: block;
		font-size: 1em
	}
}

.visualizer-content .content-photo .photo-title .app-link a {
	padding: 15px 30px;
	color: #fff;
	line-height: 1em;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	background-color: #3b74ae;
	border-radius: 100px;
	font-size: 1em;
	font-weight: normal;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif'
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .content-photo .photo-title .app-link a {
		padding: 10px 20px;
		font-size: 1em
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo .photo-title .app-link a {
		margin-left: 5px;
		padding: 10px 20px;
		color: #fff;
		line-height: 1em;
		text-decoration: none;
		display: inline-block;
		vertical-align: middle;
		background-color: #3b74ae;
		border-radius: 100px;
		font-size: 1em;
		font-weight: normal;
		font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
			'Arial', 'sans-serif'
	}
}

#product .learnMore-intro h2 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0;
	margin: 0.83em 0
}

.visualizer-content .content-photo video {
	width: auto;
	height: 140%;
	position: absolute;
	top: -27%;
	left: -28%
}

@media only screen and (max-width: 1280px) {
	.visualizer-content .content-photo video {
		left: -20%
	}
}

@media only screen and (max-width: 960px) {
	.visualizer-content .content-photo video {
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0
	}
}

.learnMore-intro.showcase {
	width: 70%;
	margin: 2% auto 0
}

@media only screen and (max-width: 1600px) {
	.learnMore-intro.showcase {
		width: 80%
	}
}

@media only screen and (max-width: 1440px) {
	.learnMore-intro.showcase {
		width: 85%
	}
}

@media only screen and (max-width: 1280px) {
	.learnMore-intro.showcase {
		width: 95%
	}
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.showcase {
		width: 70%;
		margin: 5% auto 0
	}
}

@media only screen and (max-width: 576px) {
	.learnMore-intro.showcase {
		width: 90%;
		margin: 5% auto 0
	}
}

#product .learnMore-intro {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

.learnMore-intro.showcase .showcase-wapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.showcase .showcase-wapper {
		width: 100%;
		height: auto;
		margin: 0 auto;
		position: relative
	}
}

.showcase-content {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	.showcase-content {
		width: 100%;
		height: auto;
		position: relative;
		display: block
	}
}

.showcase-content .content-wapper {
	width: 45%;
	margin: 2% 2%;
	position: relative;
	background: rgba(255, 255, 255, 0.75)
}

@media only screen and (max-width: 1024px) {
	.showcase-content .content-wapper {
		width: 65%
	}
}

@media only screen and (max-width: 960px) {
	.showcase-content .content-wapper {
		width: 100%;
		margin: 2% 2%
	}
}

.showcase-content .content-wapper .content-main {
	padding: 2% 5% 3%
}

@media only screen and (max-width: 960px) {
	.showcase-content .content-wapper .content-main {
		padding: 0
	}
}

#product .learnMore-intro h2 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .showcase-content h2 {
	margin-bottom: 1.5em;
	font-size: 1.5em;
	text-align: center
}

#product .learnMore-intro p {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

.showcase-content .btn-mirrorcam-video {
	width: 100%;
	display: block;
	text-align: center;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif'
}

@media only screen and (max-width: 960px) {
	.showcase-content .btn-mirrorcam-video {
		width: 100%;
		margin-bottom: 5%;
		display: block;
		text-align: center
	}
}

.showcase-content .btn-mirrorcam-video a {
	color: #000;
	text-decoration: none;
	display: block
}

.showcase-content .btn-mirrorcam-video a::after {
	content: '\f144';
	margin: 0 -5px 0 8px;
	color: #69be1b;
	font-family: 'Font Awesome 5 Free';
	font-size: 1.1em;
	font-weight: 400
}

.showcase-img {
	width: 100%;
	position: relative
}

@media only screen and (max-width: 960px) {
	.showcase-img {
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden
	}
}

.showcase-img img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: right top;
	object-position: right top
}

@media only screen and (max-width: 960px) {
	.showcase-img img {
		width: 100%;
		height: auto;
		-o-object-fit: contain;
		object-fit: contain
	}
}

p {
	display: block;
	-webkit-margin-before: 1em;
	margin-block-start: 1em;
	-webkit-margin-after: 1em;
	margin-block-end: 1em;
	-webkit-margin-start: 0px;
	-moz-margin-start: 0px;
	margin-inline-start: 0px;
	-webkit-margin-end: 0px;
	-moz-margin-end: 0px;
	margin-inline-end: 0px
}

.learnMore-intro.whiteboard {
	width: 70%;
	margin: 2% auto 0
}

@media only screen and (max-width: 1600px) {
	.learnMore-intro.whiteboard {
		width: 80%
	}
}

@media only screen and (max-width: 1440px) {
	.learnMore-intro.whiteboard {
		width: 85%
	}
}

@media only screen and (max-width: 1280px) {
	.learnMore-intro.whiteboard {
		width: 95%
	}
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.whiteboard {
		width: 70%;
		margin: 5% auto 0
	}
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.whiteboard {
		width: 70%;
		margin: 2% auto 0
	}
}

@media only screen and (max-width: 576px) {
	.learnMore-intro.whiteboard {
		width: 90%;
		margin: 5% auto 0
	}
}

.learnMore-intro.whiteboard .whiteboard-wapper {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.whiteboard .whiteboard-wapper {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block
	}
}

.whiteboard-content {
	width: 40%;
	height: 100%;
	position: absolute;
	right: 0;
	overflow: hidden;
	z-index: 2;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	.whiteboard-content {
		width: 100%;
		height: auto;
		position: relative;
		display: block;
		overflow: hidden
	}
}

.whiteboard-content .content-info {
	padding-right: 18%;
	position: relative;
	z-index: 1
}

@media only screen and (max-width: 960px) {
	.whiteboard-content .content-info {
		height: auto;
		padding: 0 0 2%
	}
}

#product .learnMore-intro h2 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .whiteboard-content h2 {
	margin-bottom: 1.5em;
	font-size: 1.5em;
	text-align: center
}

@media only screen and (max-width: 1024px) {
	#product .whiteboard-content h2 {
		font-size: 1.2em
	}
}

.whiteboard-content p {
	font-size: 1em
}

@media only screen and (max-width: 960px) {
	.whiteboard-content p {
		font-size: 1em
	}
}

.whiteboard-content .content-img {
	overflow: hidden
}

@media only screen and (max-width: 960px) {
	.whiteboard-content .content-img {
		display: none
	}
}

.whiteboard-content .content-img .bg-video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: #f6f3f0
}

.whiteboard-img {
	width: 63%;
	overflow: hidden;
	position: relative
}

@media only screen and (max-width: 960px) {
	.whiteboard-img {
		width: 100%;
		overflow: hidden
	}
}

.whiteboard-img video {
	width: 100%;
	float: left
}

.learnMore-intro.easy {
	width: 70%;
	margin: 3% auto 0
}

@media only screen and (max-width: 1600px) {
	.learnMore-intro.easy {
		width: 80%
	}
}

@media only screen and (max-width: 1440px) {
	.learnMore-intro.easy {
		width: 85%
	}
}

@media only screen and (max-width: 1280px) {
	.learnMore-intro.easy {
		width: 95%
	}
}

@media only screen and (max-width: 960px) {
	.learnMore-intro.easy {
		width: 70%;
		margin: 5% auto
	}
}

@media only screen and (max-width: 576px) {
	.learnMore-intro.easy {
		width: 90%;
		margin: 5% auto
	}
}

.easy-content {
	width: 100%
}

@media only screen and (max-width: 960px) {
	.easy-content {
		width: 100%
	}
}

#product .learnMore-intro h2 {
	display: block;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	letter-spacing: 0
}

#product .easy-content h2 {
	font-size: 1.5em;
	letter-spacing: 0
}

@media only screen and (max-width: 1024px) {
	#product .easy-content h2 {
		font-size: 1.2em
	}
}

.easy-content .content-wapper {
	width: 100%;
	height: auto;
	min-height: 500px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 960px) {
	.easy-content .content-wapper {
		display: block
	}
}

@media only screen and (max-width: 960px) {
	.easy-content .content-wapper {
		width: auto;
		height: auto;
		display: block
	}
}

.easy-content .content-main {
	width: 50%;
	padding-left: 5px
}

@media only screen and (max-width: 960px) {
	.easy-content .content-main {
		width: 100%;
		padding-left: 0
	}
}

.easy-content .content-steps {
	height: 50%;
	padding: 5%;
	background: #ffe533;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	.easy-content .content-steps {
		height: auto;
		padding: 5%;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

@media only screen and (max-width: 768px) {
	.easy-content .content-steps {
		padding: 5%
	}
}

@media only screen and (max-width: 480px) {
	.easy-content .content-steps {
		padding: 5%
	}
}

@media only screen and (max-width: 375px) {
	.easy-content .content-steps {
		padding: 5%
	}
}

.easy-content .content-steps ol {
	width: 100%;
	margin: 0;
	padding: 0 0 0 5%;
	list-style: none;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (max-width: 960px) {
	.easy-content .content-steps ol {
		padding: 0 0 0 5%
	}
}

@media only screen and (max-width: 768px) {
	.easy-content .content-steps ol {
		margin: 0;
		padding: 0 0 0 5%
	}
}

@media only screen and (max-width: 480px) {
	.easy-content .content-steps ol {
		margin: 0;
		padding: 0 0 0 5%
	}
}

@media only screen and (max-width: 375px) {
	.easy-content .content-steps ol {
		margin: 0;
		padding: 0 0 0 5%
	}
}

.easy-content .content-steps li {
	width: 32%;
	height: 150px;
	margin: 5px 2px;
	position: relative
}

@media only screen and (max-width: 1280px) {
	.easy-content .content-steps li {
		height: 120px
	}
}

@media only screen and (max-width: 960px) {
	.easy-content .content-steps li {
		height: 180px;
		margin: 5px 2px
	}
}

@media only screen and (max-width: 768px) {
	.easy-content .content-steps li {
		height: 150px;
		margin: 5px 2px
	}
}

@media only screen and (max-width: 480px) {
	.easy-content .content-steps li {
		width: 45%;
		height: 140px;
		margin: 5px 2px
	}
}

@media only screen and (max-width: 375px) {
	.easy-content .content-steps li {
		width: 45%;
		height: 120px;
		margin: 5px 2px
	}
}

.easy-content .content-steps .steps-photo {
	position: relative;
	text-align: center
}

.easy-content .content-steps .steps-photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width: 960px) {
	.easy-content .content-steps .steps-photo img {
		height: auto
	}
}

.easy-content .content-steps .steps-info {
	height: 100%;
	padding: 5% 6%
}

@media only screen and (max-width: 1280px) {
	.easy-content .content-steps .steps-info {
		font-size: 0.7em;
		line-height: 1.5em
	}
}

@media only screen and (max-width: 960px) {
	.easy-content .content-steps .steps-info {
		height: 100%;
		padding: 5% 6%;
		font-size: 0.9em
	}
}

@media only screen and (max-width: 768px) {
	.easy-content .content-steps .steps-info {
		height: 100%;
		padding: 5% 6%;
		font-size: 0.9em
	}
}

@media only screen and (max-width: 480px) {
	.easy-content .content-steps .steps-info {
		height: 100%;
		padding: 5% 6%;
		font-size: 0.9em
	}
}

.easy-content .content-steps .steps-info .hover {
	height: 100%;
	position: relative;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.easy-content .content-info {
	height: 49.5%;
	margin-top: 5px;
	padding: 0 10%;
	background: #f5f5f5;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 960px) {
	.easy-content .content-info {
		height: auto;
		margin-top: 0;
		margin-bottom: 10px;
		padding: 10% 10%;
		display: block
	}
}

.easy-content .content-photo {
	width: 50%;
	overflow: hidden;
	background: #f5f5f5
}

@media only screen and (max-width: 960px) {
	.easy-content .content-photo {
		width: 100%
	}
}

.easy-content .content-steps .steps-info {
	height: 100%;
	padding: 5% 6%;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	background: #000;
	position: absolute;
	top: 0;
	opacity: 0;
	-webkit-transition: 0.75s ease;
	-o-transition: 0.75s ease;
	-moz-transition: 0.75s ease;
	transition: 0.75s ease
}

@media only screen and (max-width: 1280px) {
	.easy-content .content-steps .steps-info {
		font-size: 0.7em;
		line-height: 1.5em
	}
}

@media only screen and (max-width: 960px) {
	.easy-content .content-steps .steps-info {
		height: 100%;
		padding: 5% 6%;
		font-size: 0.9em
	}
}

@media only screen and (max-width: 768px) {
	.easy-content .content-steps .steps-info {
		height: 100%;
		padding: 5% 6%;
		font-size: 0.9em
	}
}

.easy-content .content-steps .steps-info:hover {
	opacity: 1;
	cursor: pointer
}

.intro-end {
	width: 100%;
	margin: 4% auto;
	text-align: center
}

@media only screen and (max-width: 960px) {
	.intro-end {
		width: 100%;
		margin: 5% auto
	}
}

.intro-end .intro-wapper {
	width: 80%;
	margin: 0 auto
}

@media only screen and (max-width: 960px) {
	.intro-end .intro-wapper {
		width: 90%;
		margin: 0 auto
	}
}

.intro-end .intro-content {
	width: 100%
}

#product .intro-end .intro-content h2 {
	margin-bottom: 1.5em;
	font-size: 1.5em;
	line-height: 1.5em
}

@media only screen and (max-width: 1024px) {
	#product .intro-end .intro-content h2 {
		font-size: 1.2em
	}
}

.intro-end .intro-photo {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative
}

.intro-end .intro-photo .fold-video {
	position: relative;
	text-align: center;
	position: relative
}

.intro-end .intro-photo video {
	width: 100%
}

#product #productbox .intro-box {
	padding: 2vw 0;
	overflow: hidden
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box {
		padding: 3.5vw 0
	}
}

#product #productbox .intro-box.sec-1 {
	padding-top: 0px
}

#product #productbox .intro-box .intro-wrapper {
	position: relative
}

#product #productbox .intro-box.sec-1 .intro-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box.sec-1 .intro-wrapper {
		display: block
	}
}

#product #productbox .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	#product #productbox .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product #productbox .intro-box.sec-1 .intro-headline {
	position: absolute;
	left: -webkit-calc(100% / 2 - 1450px / 2);
	left: -moz-calc(100% / 2 - 1450px / 2);
	left: calc(100% / 2 - 1450px / 2);
	top: 5vw;
	z-index: 101
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product #productbox .intro-box.sec-1 .intro-headline {
		left: 0;
		top: 4vw;
		padding-left: 20px
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product #productbox .intro-box.sec-1 .intro-headline {
		left: 0;
		top: 3vw
	}
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box.sec-1 .intro-headline {
		position: relative;
		left: auto;
		top: auto;
		padding-top: 90vw
	}
}

#product #productbox .intro-box .intro-headline h3 {
	font-size: 2em;
	margin: 15px 0;
	line-height: 1.2em
}

@media only screen and (max-width: 576px) {
	#product #productbox .intro-box .intro-headline h3 {
		font-size: 1.8em
	}
}

#product #productbox .intro-box.sec-1 .intro-headline h3 {
	font-size: 2.625em;
	color: #00958a;
	padding-left: 0;
	padding-right: 0
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box.sec-1 .intro-headline h3 {
		font-size: 2.3em
	}
}

@media only screen and (max-width: 576px) {
	#product #productbox .intro-box.sec-1 .intro-headline h3 {
		font-size: 2em
	}
}

#product #productbox .intro-box .intro-content {
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	#product #productbox .intro-box .intro-content {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product #productbox .intro-box.sec-1 .intro-content {
	-webkit-flex: 1 2 35%;
	-moz-box-flex: 1;
	-ms-flex: 1 2 35%;
	flex: 1 2 35%;
	padding-top: 9vw;
	position: relative;
	z-index: 100;
	bottom: 0
}

@media only screen and (min-width: 1601px) {
	#product #productbox .intro-box.sec-1 .intro-content {
		position: absolute;
		left: -webkit-calc(100% / 2 - 1450px / 2);
		left: -moz-calc(100% / 2 - 1450px / 2);
		left: calc(100% / 2 - 1450px / 2);
		top: 0px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product #productbox .intro-box.sec-1 .intro-content {
		padding-left: 5vw
	}
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box.sec-1 .intro-content {
		padding-top: 0
	}
}

#product #productbox .intro-box .intro-content p {
	font-size: 1em;
	line-height: 1.9em;
	margin: 35px 0;
	padding-left: 0;
	padding-right: 0
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box .intro-content p {
		line-height: 1.8em;
		margin: 25px 0
	}
}

#product #productbox .intro-box .intro-content p.note {
	color: #666;
	line-height: 1.5em
}

#product #productbox .intro-box.sec-1 .intro-image {
	-webkit-flex: 2 1 65%;
	-moz-box-flex: 2;
	-ms-flex: 2 1 65%;
	flex: 2 1 65%
}

@media only screen and (min-width: 1601px) {
	#product #productbox .intro-box.sec-1 .intro-image {
		padding-left: 40%
	}
}

@media only screen and (max-width: 930px) {
	#product #productbox .intro-box.sec-1 .intro-image {
		position: absolute;
		right: 0;
		top: 0
	}
}

#product #productbox .intro-box .intro-content {
	padding-left: 20px !important;
	padding-right: 20px
}

#product #productbox .intro-box {
	padding: 2vw 0;
	overflow: hidden
}

#product-iw2 .learnMore-box .intro-box {
	padding: 2vw 0;
	overflow: hidden
}

#product-iw2 .learnMore-box .intro-box.sec-1 {
	padding-top: 0px
}

#product-iw2 .learnMore-box .intro-box .intro-wrapper {
	position: relative
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-wrapper {
		display: block
	}
}

#product-iw2 .learnMore-box .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
	position: absolute;
	left: -webkit-calc(100% / 2 - 1450px / 2);
	left: -moz-calc(100% / 2 - 1450px / 2);
	left: calc(100% / 2 - 1450px / 2);
	top: 5vw;
	z-index: 101
}

@media only screen and (max-width: 1400px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
		left: -webkit-calc(100% / 2 - 1000px / 2);
		left: -moz-calc(100% / 2 - 1000px / 2);
		left: calc(100% / 2 - 1000px / 2)
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
		position: relative;
		left: auto;
		top: auto;
		padding-top: 90vw
	}
}

@media only screen and (max-width: 768px) {
	#product-iw2 .product-main h3 {
		font-size: 1.5em
	}
}

#product-iw2 .learnMore-box .intro-box .intro-headline h3 {
	font-size: 2em;
	margin: 15px 0;
	line-height: 1.2em
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-headline h3 {
		font-size: 1.8em
	}
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline h3 {
	font-size: 2.625em;
	color: #00958a
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline h3 {
		font-size: 2.3em
	}
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline h3 {
		font-size: 2em
	}
}

#product-iw2 .learnMore-box .intro-box .intro-content {
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-content {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content {
	-webkit-flex: 1 2 35%;
	-moz-box-flex: 1;
	-ms-flex: 1 2 35%;
	flex: 1 2 35%;
	padding-top: 9vw;
	position: relative;
	z-index: 100
}

@media only screen and (min-width: 1601px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content {
		position: absolute;
		left: -webkit-calc(100%/2 - 1450px/2);
		left: -moz-calc(100%/2 - 1450px/2);
		left: calc(100%/2 - 1450px/2);
		top: 0px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content {
		padding-left: 5vw
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content {
		position: relative;
		left: auto;
		top: auto
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content {
		padding-top: 0
	}
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content p {
	font-size: 1em;
	line-height: 1.9em;
	margin: 35px 0
}

@media only screen and (min-width: 1601px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content p {
		width: 30%
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-content p {
		line-height: 1.8em;
		margin: 25px 0
	}
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
	position: absolute;
	left: -webkit-calc(100%/2 - 1450px/2);
	left: -moz-calc(100%/2 - 1450px/2);
	left: calc(100%/2 - 1450px/2);
	top: 5vw;
	z-index: 101
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
		left: 0;
		top: 4vw;
		padding-left: 5vw
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
		left: 0;
		top: 3vw
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-headline {
		position: relative;
		left: auto;
		top: auto;
		padding-top: 90vw
	}
}

#product-iw2 .learnMore-box .intro-box .intro-content p {
	font-size: 1em;
	line-height: 1.9em;
	margin: 35px 0
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box .intro-content p {
		line-height: 1.8em;
		margin: 25px 0
	}
}

#product-iw2 .learnMore-box .intro-box .intro-content p.note {
	color: #666;
	line-height: 1.5em
}

#product-iw2 .learnMore-box .intro-box.sec-1 .intro-image {
	-webkit-flex: 2 1 65%;
	-moz-box-flex: 2;
	-ms-flex: 2 1 65%;
	flex: 2 1 65%
}

@media only screen and (min-width: 1601px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-image {
		padding-left: 40%
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-1 .intro-image {
		position: absolute;
		right: 0;
		top: 0
	}
}

#product-iw2 .learnMore-box .intro-box {
	padding: 2vw 0;
	overflow: hidden
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box {
		padding: 3.5vw 0
	}
}

#product-iw2 .learnMore-box .intro-box .intro-wrapper {
	position: relative
}

#product-iw2 .learnMore-box .intro-box.sec-2 .intro-wrapper {
	margin: 0 auto
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-2 .intro-wrapper {
		width: 100%
	}
}

#product-iw2 .learnMore-box .intro-box .intro-content {
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-content {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-iw2 .learnMore-box .intro-box.sec-2 .intro-image {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 25px
}

@media only screen and (min-width: 1601px) {
	#product-iw2 .learnMore-box .intro-box.sec-2 .intro-content {
		position: absolute;
		right: 0;
		top: 150px;
		width: 350px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-iw2 .learnMore-box .intro-box.sec-2 .intro-content {
		position: absolute;
		right: 0;
		top: -webkit-calc(100% / 2 - 25vw);
		top: -moz-calc(100% / 2 - 25vw);
		top: calc(100% / 2 - 25vw);
		width: 30%
	}
}

#product-iw2 .learnMore-box .intro-box .intro-wrapper {
	position: relative
}

#product-iw2 .learnMore-box .intro-box.sec-2 .intro-wrapper {
	margin: 0 auto
}

@media only screen and (min-width: 1601px) {
	#product-iw2 .learnMore-box .intro-box.sec-2 .intro-wrapper {
		max-width: 1200px;
		width: 100%
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-2 .intro-wrapper {
		width: 100%
	}
}

#product-iw2 .learnMore-box .intro-box.sec-3 {
	background-color: #95e5df;
	padding: 1.5vw 0
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-wrapper {
	margin: 0 auto
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-content {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-content p {
	margin-bottom: 0
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-image {
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-image figure {
	padding: 30px 0 40px 0
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-3 .intro-image {
		display: block
	}
}

#product-iw2 .learnMore-box .intro-box .intro-image img {
	width: 100%
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box .intro-image img {
		width: 100%;
		max-width: none;
		position: relative
	}
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-image img {
	max-width: 100%;
	width: 100%
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-3 .intro-image img {
		max-width: 555px;
		width: 100%
	}
}

#product-iw2 .learnMore-box .intro-box.sec-3 .intro-content p:nth-of-type(2) a.btn.popup-youtube {
	margin-top: 15px
}

#product-iw2 .learnMore-box .intro-box.sec-4 .intro-wrapper {
	position: relative;
	margin: 0 auto;
	max-width: 1000px;
	width: 100%
}

#product-iw2 .learnMore-box .intro-box .intro-content {
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-content {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-iw2 .learnMore-box .intro-box .intro-content p.note {
	color: #666;
	line-height: 1.5em
}

#product-iw2 .learnMore-box .intro-box.sec-4 .intro-content .safetySoftware-box {
	color: #606060;
	line-height: 1.5em;
	padding: 30px 40px;
	border-radius: 30px;
	background-color: #f5f5f5;
	margin-top: 30px
}

#product-iw2 .learnMore-box .intro-box.sec-4 .intro-content .safetySoftware-box .safetySoftware-content h4 {
	margin: 0 0 12px 5px;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	font-size: 18px
}

#product-iw2 .learnMore-box .intro-box.sec-4 .intro-content .safetySoftware-box .safetySoftware-content ul {
	list-style: none;
	padding: 0;
	margin: 0
}

#product-iw2 .learnMore-box .intro-box.sec-4 .intro-content .safetySoftware-box .safetySoftware-content ul li {
	margin: 0 0 8px 0;
	position: relative;
	padding: 0 0 0 35px;
	line-height: 1.4em;
	min-height: 25px
}

#product-iw2 .learnMore-box .intro-box.sec-4 .intro-content .safetySoftware-box .safetySoftware-content ul li img {
	vertical-align: middle;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-wrapper {
	margin: 0 auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media only screen and (min-width: 1601px) {
	#product-iw2 .learnMore-box .intro-box.sec-5 .intro-wrapper {
		max-width: 1450px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-iw2 .learnMore-box .intro-box.sec-5 .intro-wrapper {
		padding-left: 5vw;
		padding-right: 5vw
	}
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-5 .intro-wrapper {
		display: block
	}
}

#product-iw2 .learnMore-box .intro-box .intro-headline {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-headline {
	width: 100%
}

@media only screen and (max-width: 768px) {
	#product-iw2 .product-main h3 {
		font-size: 1.5em
	}
}

#product-iw2 .learnMore-box .intro-box .intro-headline h3 {
	font-size: 2em;
	margin: 15px 0;
	line-height: 1.2em
}

@media only screen and (max-width: 576px) {
	#product-iw2 .learnMore-box .intro-box .intro-headline h3 {
		font-size: 1.8em
	}
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-content {
	width: -webkit-calc(100% - 500px);
	width: -moz-calc(100% - 500px);
	width: calc(100% - 500px)
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-5 .intro-content {
		width: 100%
	}
}

.element-invisible {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image {
	width: 500px;
	margin: 0 auto 0px auto;
	*zoom: 1
}

@media only screen and (max-width: 930px) {
	#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image {
		max-width: 555px;
		width: 100%;
		padding-right: 20px
	}
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image:before,
#product-iw2.learnMore-box .intro-box.sec-5 .intro-image:after {
	display: table;
	line-height: 0;
	content: ''
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image:after {
	clear: both
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image figure {
	margin-bottom: 30px;
	float: left;
	text-align: center
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image figure:nth-of-type(1) {
	width: 55%
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image figure:nth-of-type(2) {
	width: 45%
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image figure:nth-of-type(2) img {
	max-width: 40%
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image figure:nth-of-type(3) {
	width: 45%
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image h4 {
	color: #333;
	font-size: 1em;
	margin: 10px auto 5px auto;
	text-align: center;
	text-decoration: none
}

#product-iw2 .learnMore-box .intro-box.sec-5 .intro-image figure a {
	text-decoration: none;
	display: block
}

#product-iw2 .learnMore-box .intro-box.sec-6 {
	overflow: visible;
	text-align: center
}

#product-iw2 .learnMore-box .intro-box.sec-6 .intro-wrapper {
	display: inline-block;
	position: relative
}

#product-iw2 .learnMore-box .intro-box.sec-6 .intro-content:before {
	content: ' ';
	display: inline-block;
	background-color: #b8b8b8;
	height: 1px;
	width: 100%;
	position: relative;
	left: 0px;
	top: 10px
}

#product .overview-intro.feature-2 .feature-wapper .feature-main .feature-photo-2 img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	vertical-align: middle
}

#product-ip1 .learnMore-box .intro-box {
	padding: 2vw 0;
	overflow: hidden
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box {
		padding: 3.5vw 0
	}
}

#product-ip1 .learnMore-box .intro-box.sec-1 {
	padding-top: 0px
}

#product-ip1 .learnMore-box .intro-box .intro-wrapper {
	position: relative
}

#product-ip1 .learnMore-box .intro-box.sec-1 .intro-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-wrapper {
		display: block
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline {
	position: absolute;
	left: -webkit-calc(100% / 2 - 1450px / 2);
	left: -moz-calc(100% / 2 - 1450px / 2);
	left: calc(100% / 2 - 1450px / 2);
	top: 4vw;
	z-index: 101
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline {
		left: 0;
		top: 3vw
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline {
		left: 0;
		top: 4vw
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline {
		position: relative;
		left: auto;
		top: auto;
		padding-top: 70vw
	}
}

@media only screen and (max-width: 768px) {
	#product-ip1 .product-main h3 {
		font-size: 1.5em
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline h3 {
	font-size: 2em;
	margin: 15px 0;
	line-height: 1.2em
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline h3 {
		font-size: 1.8em
	}
}

#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline h3 {
	font-size: 2.625em;
	color: #119ad9
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline h3 {
		font-size: 2.3em
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-headline h3 {
		font-size: 1.8em
	}
}

#product-ip1 .learnMore-box .intro-box .intro-content {
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-content {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-1 .intro-content {
	-webkit-flex: 1 2 35%;
	-moz-box-flex: 1;
	-ms-flex: 1 2 35%;
	flex: 1 2 35%;
	padding-top: 9vw;
	position: relative;
	z-index: 100
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-content {
		position: absolute;
		left: -webkit-calc(100% / 2 - 1450px / 2);
		left: -moz-calc(100% / 2 - 1450px / 2);
		left: calc(100% / 2 - 1450px / 2);
		top: 0px;
		width: 45%
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-content {
		padding-top: 0
	}
}

#product-ip1 .learnMore-box .intro-box .intro-content p {
	font-size: 1em;
	line-height: 1.9em;
	margin: 35px 0
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box .intro-content p {
		width: 45%
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box .intro-content p {
		line-height: 1.8em;
		margin: 25px 0
	}
}

#product-ip1 .learnMore-box .intro-box .intro-content p.note {
	color: #666;
	line-height: 1.5em
}

#product-ip1 .learnMore-box .intro-box.sec-1 .intro-image {
	-webkit-flex: 2 1 55%;
	-moz-box-flex: 2;
	-ms-flex: 2 1 55%;
	flex: 2 1 55%
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-image {
		padding-left: 55%
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-1 .intro-image {
		position: absolute;
		right: 0;
		top: 0
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 {
	background-color: #0079b0;
	margin-bottom: 20px
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-wrapper {
	margin: 0 auto;
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-wrapper {
		max-width: 1450px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-wrapper {
		padding-left: 5vw;
		padding-right: 5vw
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-wrapper {
		display: block;
		max-width: 1000px;
		width: 100%
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-wrapper {
		display: block;
		max-width: 1000px;
		width: 100%
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-wrapper {
		display: block;
		max-width: 1000px;
		width: 100%
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline {
		width: 100%;
		margin-bottom: 25px
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline {
		width: 100%;
		margin-bottom: 35px
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-headline {
	width: 27%
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-headline {
		width: 100%;
		margin-bottom: 25px
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-headline {
		width: 100%;
		margin-bottom: 35px
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline h3 {
	font-size: 2em;
	margin: 15px 0;
	line-height: 1.2em
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline h3 {
		font-size: 1.8em
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image {
	width: 73%;
	margin: 0 auto 0px auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image {
		width: 100%;
		margin: 0 auto 0px auto
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image {
		padding-left: 10px;
		padding-right: 10px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure {
	width: 33%;
	text-align: center;
	margin: 0 5px
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure:nth-of-type(1) img,
#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure:nth-of-type(2) img {
	width: 100%
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure h4 {
	text-align: center;
	margin: 10px auto 8px auto;
	max-width: 350px;
	font-size: 1em
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure h4 {
		font-size: 0.875em
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure p {
	margin: 10px 0 0 0;
	line-height: 1.1em
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure p {
		font-size: 0.875em
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure a {
	color: #fff
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure:nth-of-type(3) img {
	width: 30%;
	margin: 27% auto 27% auto
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure:nth-of-type(3) img {
		width: 40%;
		margin: 20% auto 20% auto
	}
}

#product-ip1 .learnMore-box .intro-box.sec-3 .intro-image figure h4 span {
	font-weight: normal;
	display: block
}

#product-ip1 .learnMore-box .intro-box.sec-2 .intro-wrapper {
	margin: 0 auto;
	width: 100%;
	position: relative;
	padding: 0 0 0 700px;
	min-height: 460px
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box.sec-2 .intro-wrapper {
		max-width: 1450px
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-2 .intro-wrapper {
		padding-left: 0
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline h3 {
	font-size: 2em;
	margin: 15px 0;
	line-height: 1.2em
}

#product-ip1 .learnMore-box .intro-box.sec-2 .intro-content {
	z-index: 101
}

#product-ip1 .learnMore-box .intro-box .intro-content p {
	font-size: 1em;
	line-height: 1.9em;
	margin: 35px 0
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box .intro-content p {
		width: auto
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box .intro-content p {
		line-height: 1.8em;
		margin: 25px 0
	}
}

#product-ip1 .learnMore-box .intro-box .intro-content p.note {
	color: #666;
	line-height: 1.5em
}

#product-ip1 .learnMore-box .intro-box.sec-2 .intro-content p.note {
	position: absolute;
	left: 20px;
	bottom: 0px;
	width: 220px;
	z-index: 102
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-2 .intro-content p.note {
		position: relative;
		left: auto;
		top: auto;
		width: 100%
	}
}

#product-ip1 .learnMore-box .intro-box.sec-2 .intro-image {
	padding-left: 20px;
	padding-right: 20px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-2 .intro-image {
		position: relative;
		left: auto;
		top: auto
	}
}

#product-ip1 .learnMore-box .intro-box .intro-image img {
	width: 100%
}

#product-ip1 .learnMore-box .intro-box.sec-2 .intro-image img {
	max-width: 670px;
	width: 100%
}

#product-ip1 .learnMore-box .intro-box .intro-wrapper {
	position: relative
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-wrapper {
	margin: 0 auto;
	width: 100%;
	min-height: 700px
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-wrapper {
		max-width: 1450px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-wrapper {
		padding-left: 5vw;
		padding-right: 5vw
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-wrapper {
		max-width: 1000px;
		width: 100%;
		min-height: 600px
	}
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-wrapper {
		max-width: 1000px;
		width: 100%
	}
}

#product-ip1 .learnMore-box .intro-box .intro-headline {
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box .intro-headline {
		padding-left: 15px;
		padding-right: 15px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline:nth-child(1) {
	width: -webkit-calc(100% / 2 - 190px - 20px);
	width: -moz-calc(100% / 2 - 190px - 20px);
	width: calc(100% / 2 - 190px - 20px);
	padding-top: 6vw
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline:nth-child(1) {
		width: 50%;
		float: none;
		padding-top: 0
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline:nth-child(1) {
		width: 100%;
		float: none;
		padding-top: 0
	}
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline h3 {
	margin-bottom: 0
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline h3 {
		margin-bottom: 0
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline h3 {
		margin-bottom: 0
	}
}

#product .learnMore-box .intro-box.sec-4 .intro-content {
	position: relative;
	z-index: 102
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content:nth-child(2) {
	width: -webkit-calc(100% / 2 - 190px - 20px);
	width: -moz-calc(100% / 2 - 190px - 20px);
	width: calc(100% / 2 - 190px - 20px);
	float: left
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content:nth-child(2) {
		width: 50%;
		float: none
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content:nth-child(2) {
		width: 100%;
		float: none
	}
}

#product-ip1 .learnMore-box .intro-box .intro-content+.intro-headline {
	margin-top: 50px
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline:nth-child(3) {
	width: -webkit-calc(100% / 2 + 190px + 20px);
	width: -moz-calc(100% / 2 + 190px + 20px);
	width: calc(100% / 2 + 190px + 20px);
	padding-left: -webkit-calc(380px + 60px);
	padding-left: -moz-calc(380px + 60px);
	padding-left: calc(380px + 60px);
	float: right
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline:nth-child(3) {
		width: 50%;
		float: none;
		padding-left: 20px
	}
}

@media only screen and (max-width: 690px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline:nth-child(3) {
		width: 100%;
		float: none;
		padding-left: 20px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline h3 {
	margin-bottom: 0
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline h3 {
		margin-bottom: 0
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-headline h3 {
		margin-bottom: 0
	}
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content {
	position: relative;
	z-index: 102
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content:nth-child(4) {
	width: -webkit-calc(100% / 2 + 190px + 20px);
	width: -moz-calc(100% / 2 + 190px + 20px);
	width: calc(100% / 2 + 190px + 20px);
	padding-left: -webkit-calc(380px + 60px);
	padding-left: -moz-calc(380px + 60px);
	padding-left: calc(380px + 60px);
	float: right
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content:nth-child(4) {
		width: 50%;
		float: none;
		padding-left: 20px
	}
}

@media only screen and (max-width: 690px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-content:nth-child(4) {
		width: 100%;
		float: none;
		padding-left: 20px
	}
}

#product-ip1 .learnMore-box .intro-box.sec-4 .intro-image {
	position: absolute;
	top: 0;
	left: -webkit-calc(100% / 2 - 190px);
	left: -moz-calc(100% / 2 - 190px);
	left: calc(100% / 2 - 190px);
	width: 380px
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-image {
		top: 0;
		left: auto;
		right: 0;
		width: 50%
	}
}

@media only screen and (max-width: 576px) {
	#product-ip1 .learnMore-box .intro-box.sec-4 .intro-image {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		width: 60%;
		margin: 0 auto
	}
}

#product-ip1 .learnMore-box .intro-box.sec-5 {
	background-color: #f5f5f5;
	padding: 3vw 0
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-5 {
		padding: 6vw 0
	}
}

#product-ip1 .learnMore-box .intro-box.sec-5 .intro-wrapper {
	margin: 0 auto;
	width: 100%
}

@media only screen and (min-width: 1601px) {
	#product-ip1 .learnMore-box .intro-box.sec-5 .intro-wrapper {
		max-width: 1200px
	}
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	#product-ip1 .learnMore-box .intro-box.sec-5 .intro-wrapper {
		padding-left: 5vw;
		padding-right: 5vw
	}
}

#product-ip1 .learnMore-box .intro-box.sec-5 .intro-headline h3 {
	text-align: center
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content {
	padding: 2.5vw 0
}

@media only screen and (max-width: 930px) {
	#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content {
		padding: 5vw 0
	}
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul {
	display: block;
	margin: 0;
	list-style: none;
	padding: 0;
	margin: 0
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li {
	border-bottom: 1px solid #dbdbdb
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li:first-child {
	border-top: 1px solid #dbdbdb
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li h4.question {
	font-size: 1em;
	font-weight: normal;
	line-height: 1.6em;
	margin: 0 0px 0 0px;
	padding: 25px 0;
	position: relative;
	cursor: pointer;
	cursor: hand;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: 0.3s
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li h4.question .icon-arrow {
	float: right;
	display: block;
	margin-right: 10px;
	margin-left: 10px
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li h4.question .icon-arrow:before {
	display: block;
	content: '';
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 5px;
	position: relative;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	webkit-transition: 0.2s, transform 0.2s;
	-webkit-transition: 0.2s, -webkit-transform 0.2s;
	transition: 0.2s, -webkit-transform 0.2s;
	-o-transition: 0.2s, -o-transform 0.2s;
	-moz-transition: 0.2s, transform 0.2s, -moz-transform 0.2s;
	transition: 0.2s, transform 0.2s;
	transition: 0.2s, transform 0.2s, -webkit-transform 0.2s, -moz-transform 0.2s, -o-transform 0.2s
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li h4.question.active .icon-arrow:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li h4.question button {
	background: none;
	border: none;
	color: inherit;
	font: inherit;
	padding: 0;
	cursor: pointer;
	text-align: left;
	width: -webkit-calc(100% - 35px);
	width: -moz-calc(100% - 35px);
	width: calc(100% - 35px)
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li div.ans {
	font-size: 1em;
	line-height: 1.6em;
	padding: 0 0 20px 0px;
	position: relative;
	display: none
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li div.ans p {
	line-height: 1.6em;
	margin: 15px 0
}

#product-ip1 .learnMore-box .intro-box.sec-5 .faq-box .faq-content>ul>li div.ans p:first-child {
	margin-top: 0
}

.softwareBar-icon {
	-webkit-align-self: baseline;
	-ms-flex-item-align: baseline;
	align-self: baseline
}

.softwareBar-icon img {
	float: left;
	width: 50px;
	height: 50px;
	box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.1)
}

@media only screen and (max-width: 768px) {
	.softwareBar-icon img {
		display: block
	}
}

@media only screen and (max-width: 768px) {
	.software-btn a {
		margin-top: 20px
	}
}

.softwareBar-name h1 {
	margin: 0px 0px 5px 0px;
	font-size: 1.25em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	line-height: 1.1em
}

.softwareBar-name h1 span {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	vertical-align: super;
	margin-left: 5px;
	background-color: #3b74ae;
	padding: 3px 5px;
	color: #fff;
	line-height: 1em;
	border-radius: 15px;
	position: relative;
	top: 2px
}

.softwareBar-name h2 {
	display: block;
	margin: 0 0 0px 0px;
	font-size: 0.875em;
	line-height: 1.2em;
	font-weight: normal;
	color: #666
}

.btn.btn-primary.animated-arrow .arrow {
	position: absolute;
	top: 10px;
	right: 18px;
	width: 16px;
	height: 16px;
	display: inline-block
}

.softwareBar-download {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.softwareBar-download.collapse {
	display: none
}

.softwareBar-download.show {
	display: block !important
}

.softwareBar-download .download-box {
	background-color: #333;
	color: #fff;
	margin-bottom: 25px
}

@media only screen and (max-width: 576px) {
	.softwareBar-download .download-box {
		margin-bottom: 15px
	}
}

.softwareBar-download .download-box.show {
	display: block !important
}

.softwareBar-download.show .download-box {
	display: block !important
}

.softwareBar-download .download-box .download-wrapper {
	padding-top: 15px;
	padding-bottom: 35px
}

@media only screen and (max-width: 800px) {
	.softwareBar-download .download-box .download-wrapper {
		padding-top: 0px;
		padding-bottom: 20px
	}
}

.softwareBar-download .download-box .download-device {
	margin: 0 0 30px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	border-bottom: 1px #999 solid
}

@media only screen and (max-width: 576px) {

	.softwareBar-download .download-box .download-device,
	.softwareBar-download .download-box .download-doc {
		padding: 0 0 20px 0
	}
}

.download-box dl.device-box {
	padding: 15px 0px;
	margin: 0
}

@media only screen and (max-width: 576px) {
	.download-box dl.device-box {
		padding: 0
	}
}

.softwareBar-download .download-box .download-device.detect-desktop .device-desktop {
	-webkit-order: 1;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1
}

.download-box dl.device-box dt.device-title {
	float: left;
	width: 150px;
	margin: 0;
	padding: 18px 0;
	color: #9d9d9e
}

@media only screen and (max-width: 800px) {
	.download-box dl.device-box dt.device-title {
		float: none;
		width: 100%;
		margin: 0;
		padding: 18px 0
	}
}

@media only screen and (max-width: 576px) {
	.download-box dl.device-box dt.device-title {
		font-size: 0.875em;
		padding: 25px 0 5px 0
	}
}

.download-box dl.device-box dd.device-software {
	float: right;
	width: -webkit-calc(100% - 150px);
	width: -moz-calc(100% - 150px);
	width: calc(100% - 150px);
	margin: 0;
	padding: 13px 0;
	border-bottom: 1px #565656 solid
}

@media only screen and (max-width: 800px) {
	.download-box dl.device-box dd.device-software {
		float: none;
		width: 100%;
		margin: 0;
		padding: 18px 0;
		border-bottom: 1px #565656 solid
	}
}

@media only screen and (max-width: 576px) {
	.download-box dl.device-box dd.device-software {
		padding: 15px 0
	}
}

dl.device-box .softwareDownload-box .softwareDownload-wrapper {
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

dl.device-box .softwareDownload-box .softwareDownload-content {
	width: 60%;
	min-height: 25px;
	padding: 5px 15px 5px 70px;
	position: relative
}

@media only screen and (max-width: 800px) {
	dl.device-box .softwareDownload-box .softwareDownload-content {
		width: 70%
	}
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-content {
		min-height: 20px;
		padding-left: 50px
	}
}

dl.device-box .softwareDownload-box .softwareDownload-content .softwareDownload-icon {
	position: absolute;
	left: 0;
	top: 5px
}

dl.device-box .softwareDownload-box .softwareDownload-content .softwareDownload-icon .os-icon {
	height: 25px;
	display: block
}

dl.device-box .softwareDownload-box .softwareDownload-content .softwareDownload-icon .os-icon img {
	width: auto;
	height: 100%
}

dl.device-box .softwareDownload-box .softwareDownload-content .softwareDownload-name {
	font-size: 1.25em;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-content .softwareDownload-name {
		font-size: 1em
	}
}

dl.device-box .softwareDownload-box .softwareDownload-utility {
	width: 100%;
	text-align: left
}

dl.device-box .softwareDownload-box .softwareDownload-utility {
	color: #74ba00;
	font-size: 1.25em;
	line-height: 1.1em
}

dl.device-box .softwareDownload-box .softwareDownload-content+.softwareDownload-utility {
	width: 40%;
	text-align: right
}

@media only screen and (max-width: 800px) {
	dl.device-box .softwareDownload-box .softwareDownload-content+.softwareDownload-utility {
		width: 30%
	}
}

dl.device-box .softwareDownload-box .softwareDownload-utility ul.link-stack {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-utility ul.link-stack {
		text-align: left
	}
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-content+.softwareDownload-utility ul.link-stack {
		text-align: right
	}
}

dl.device-box .softwareDownload-box .softwareDownload-utility ul.link-stack li {
	float: none;
	line-height: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 30px
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-utility ul.link-stack li {
		margin-left: 15px
	}
}

dl.device-box .softwareDownload-box .softwareDownload-utility a {
	color: #74ba00;
	display: inline-block
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-utility a {
		font-size: 1em
	}
}

dl.device-box .softwareDownload-box .softwareDownload-utility .softwareDownload-info,
dl.device-box .softwareDownload-box .softwareDownload-utility .softwareDownload-info {
	display: block;
	color: #a2a1a2;
	margin-top: 3px;
	font-size: 0.875em;
	line-height: 1.2em
}

.download-box dl.device-box {
	padding: 15px 0px;
	margin: 0
}

@media only screen and (max-width: 576px) {
	.download-box dl.device-box {
		padding: 0
	}
}

.softwareBar-download .download-box .download-device.detect-desktop .device-mobileTablet {
	-webkit-order: 2;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2
}

@media only screen and (max-width: 576px) {

	dl.device-box.device-tablet .softwareDownload-box .softwareDownload-content+.softwareDownload-utility,
	dl.device-box.device-mobileTablet .softwareDownload-box .softwareDownload-content+.softwareDownload-utility,
	dl.device-box.device-mobile .softwareDownload-box .softwareDownload-content+.softwareDownload-utility {
		width: 40%
	}
}

@media only screen and (max-width: 576px) {
	dl.device-box .softwareDownload-box .softwareDownload-content+.softwareDownload-utility ul.link-stack {
		text-align: right
	}
}

.softwareBar-download .download-box .download-note {
	text-align: center;
	font-size: 0.875em;
	padding: 0 5vw 0 5vw
}

dl.device-box .softwareDownload-box .softwareDownload-content ul.link-stack li a {
	color: #41a5ff
}

.softwareBar-download .download-box .download-note a {
	color: #41a5ff
}

dl.device-box .softwareDownload-box .softwareDownload-utility ul.link-stack li .os-icon {
	height: 45px;
	display: block
}

dl.device-box .softwareDownload-box .softwareDownload-utility ul.link-stack li .os-icon img {
	width: auto;
	height: 100%
}

.softwareBar-download .download-box .download-device.detect-desktop .device-others {
	-webkit-order: 5;
	-moz-box-ordinal-group: 6;
	-ms-flex-order: 5;
	order: 5
}

.download-box dl.device-box:last-child dd.device-software:last-child {
	border: 0
}

dl.device-box .softwareDownload-box .softwareDownload-content ul.link-stack li a.icon-a-arrow:after {
	display: inline-block
}

.icon-a-arrow:after {
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-size: 1em;
	font-weight: 900;
	content: '\f105';
	margin: 0 -5px 0 5px
}

dl.device-box .softwareDownload-box .softwareDownload-content ul.link-stack li:not(:last-child) {
	margin-right: 30px
}

.scrolldown {
	-webkit-animation-name: comedown;
	-moz-animation-name: comedown;
	-o-animation-name: comedown;
	animation-name: comedown;
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

.vis-sec1 {
	width: 100%;
	height: auto;
	position: relative
}

.vis-sec1 .sec1-banner {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 30px;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat
}

@media only screen and (max-width: 1400px) {
	.vis-sec1 .sec1-banner {
		display: block
	}
}

.vis-sec1 .sec1-banner .sec1-banner-img {
	width: 100%;
	margin: 1px;
	float: left;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 800px) {
	.vis-sec1 .sec1-banner .sec1-banner-img {
		-webkit-align-items: initial;
		-moz-box-align: initial;
		-ms-flex-align: initial;
		align-items: initial
	}
}

.vis-sec1 .sec1-banner .sec1-banner-img img {
	width: 100%;
	height: 100%;
	max-height: 768px;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width: 1400px) {
	.vis-sec1 .sec1-banner .sec1-banner-img img {
		width: 100%;
		height: auto;
		display: block
	}
}

.vis-sec1 .sec1-banner .text-left {
	width: 1450px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0
}

@media only screen and (max-width: 1600px) {
	.vis-sec1 .sec1-banner .text-left {
		width: 80%
	}
}

@media only screen and (max-width: 1400px) {
	.vis-sec1 .sec1-banner .text-left {
		position: relative;
		top: 110%;
		left: 0;
		right: auto;
		padding-top: 30px
	}
}

.vis-sec1 .sec1-banner .text-left h3 {
	font-size: 2.625em;
	line-height: 1.1em
}

@media only screen and (max-width: 800px) {
	.vis-sec1 .sec1-banner .text-left h3 {
		width: auto;
		font-size: 2em
	}
}

.vis-sec1 .sec1-versions {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 70px 0
}

.vis-sec1 .sec1-versions .ver-left {
	padding-right: 70px;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.vis-sec1 .sec1-versions .ver-right {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}

.vis-sec1 .sec1-versions .ver-right>div {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.vis-sec1 .sec1-versions .ver-right>div .img-box {
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 20px;
	text-align: center
}

.vis-sec1 .sec1-versions .ver-right>div .img-box:last-child {
	margin-right: 0
}

.vis-sec1 .sec1-versions .ver-right>div .img-box img {
	width: 100%;
	max-width: 50px
}

@media only screen and (max-width: 1366px) {
	.vis-sec1 .sec1-versions .ver-right>div .img-box img {
		height: auto;
		max-width: 50px
	}
}

@media only screen and (max-width: 576px) {
	.vis-sec1 .sec1-versions .ver-right>div .img-box img {
		height: auto;
		max-width: 35px
	}
}

.vis-sec1 .sec1-versions .ver-right>div .img-box .os-icon {
	max-width: none;
	width: auto;
	height: 35px
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.vis-sec1 .sec1-versions .ver-right>div .img-box .os-icon {
		height: 3vw
	}
}

@media only screen and (max-width: 576px) {
	.vis-sec1 .sec1-versions .ver-right>div .img-box .os-icon {
		max-height: 25px
	}
}

@media only screen and (max-width: 1400px) {
	.vis-sec1 .sec1-versions {
		padding: 0 0 70px 0
	}
}

@media only screen and (max-width: 800px) {
	.vis-sec1 .sec1-versions {
		padding: 0 0 70px 0
	}
}

@media only screen and (max-width: 1366px) {
	.vis-sec1 .sec1-versions .flex-between {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.vis-sec1 .sec1-versions .ver-left {
		padding-right: 0
	}

	.vis-sec1 .sec1-versions .ver-right {
		width: 100%
	}

	.vis-sec1 .sec1-versions .ver-right>div {
		width: 100%;
		display: inline-block
	}

	.vis-sec1 .sec1-versions .ver-right>div .img-box {
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		margin-right: 15px;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		max-width: 50px;
		display: inline-block
	}
}

.rwd-set-wrap {
	width: 1450px;
	margin: 0 auto
}

@media only screen and (max-width: 1600px) {
	.rwd-set-wrap {
		width: 80%
	}
}

.flex-between {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.section-box#safetySoftware {
	padding: 0;
	background-color: #333;
	position: relative
}

.section-box#safetySoftware::before {
	content: '';
	width: 13px;
	height: 25px;
	background: #74ba26;
	position: absolute;
	top: 0;
	z-index: 1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

.section-box#safetySoftware .section-wrapper {
	width: 100%;
	position: relative;
	overflow: hidden
}

.softwareMain-box .section-box .section-content {
	position: relative
}

.section-box#safetySoftware .section-content {
	z-index: 2;
	margin: 0 auto
}

.section-box#safetySoftware .section-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%
}

.section-box#safetySoftware .section-image img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.section-box#safetySoftware .safetySoftware-box {
	color: #dbdbdb;
	padding: 40px 0;
	background: url("https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/safetySoftware-uk-bg.jpg") no-repeat center;
	-o-background-size: cover;
	background-size: cover
}

.rwd-inner {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 800px) {
	.rwd-inner {
		width: 90%
	}
}

.section-box#safetySoftware .safetySoftware-box h3 {
	margin: 10px 0 30px 0px;
	font-weight: normal;
	font-size: 1.6em;
	text-align: center;
	width: 100%
}

@media only screen and (max-width: 576px) {
	.section-box#safetySoftware .safetySoftware-box h3 {
		margin: 5px 0 25px 0px;
		font-size: 1.4em
	}
}

.section-box#safetySoftware .safetySoftware-box ul {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	list-style: none;
	padding: 0;
	margin: 0
}

.section-box#safetySoftware .safetySoftware-box ul li {
	margin: 10px 0 15px 0;
	position: relative;
	padding: 5px 35px 0 60px;
	line-height: 1.4em;
	min-height: 50px;
	width: 25%
}

@media only screen and (max-width: 800px) {
	.section-box#safetySoftware .safetySoftware-box ul li {
		width: 50%
	}
}

@media only screen and (max-width: 576px) {
	.section-box#safetySoftware .safetySoftware-box ul li {
		width: 100%;
		padding: 5px 0px 0 50px;
		margin: 10px 0 5px 0;
		min-height: 40px
	}
}

.section-box#safetySoftware .safetySoftware-box ul li img {
	vertical-align: middle;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0
}

@media only screen and (max-width: 576px) {
	.section-box#safetySoftware .safetySoftware-box ul li img {
		width: 40px;
		height: 40px
	}
}

.section-box#safetySoftware .safetySoftware-box ul li span {
	font-size: 1.1em
}

.section-box#update {
	background-color: #f5f5f5
}

.section-box#update .section-content>h3 {
	font-size: 2em;
	line-height: 1.2em;
	margin: 20px auto;
	padding: 0;
	text-align: center;
	max-width: 1000px
}

@media only screen and (max-width: 800px) {
	.section-box#update .section-content>h3 {
		font-size: 1.8em
	}
}

.section-box#update .section-content>p {
	font-size: 1.1em;
	text-align: center;
	line-height: 1.4em;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width: 800px) {
	.section-box#update .section-content>p {
		font-size: 1.1em
	}
}

.section-box#useWith,
.section-box#update {
	padding: 50px 0
}

@media only screen and (max-width: 800px) {

	.section-box#useWith,
	.section-box#update {
		padding: 40px 0
	}
}

@media only screen and (max-width: 576px) {

	.section-box#useWith,
	.section-box#update {
		padding: 20px 0
	}
}

#useWith .section-content>h3 {
	font-size: 2em;
	line-height: 1.2em;
	margin: 20px auto;
	padding: 0;
	text-align: center;
	max-width: 1000px
}

@media only screen and (max-width: 800px) {
	#useWith .section-content>h3 {
		font-size: 1.8em
	}
}

#useWith .section-content>p {
	font-size: 1.1em;
	text-align: center;
	line-height: 1.4em;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width: 800px) {
	#useWith .section-content>p {
		font-size: 1.1em
	}
}

.section-box#useWith .useWithProduct-box .useWithProduct-content {
	padding: 0 50px 30px 50px
}

#useWithProduct.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

#useWithProduct .slick-dots {
	position: absolute;
	bottom: -30px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center
}

#useWithProduct .slick-dots li {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 0px;
	padding: 0;
	cursor: pointer
}

#useWithProduct .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	color: transparent;
	border: 0;
	background: transparent
}

#useWithProduct .slick-dots li button:before {
	position: absolute;
	top: 7px;
	left: 7px;
	width: 11px;
	height: 11px;
	border: 2px #c0c0c0 solid;
	background-color: #c0c0c0;
	border-radius: 50%;
	content: '';
	opacity: 0.6;
	color: black
}

#useWithProduct .item-wrapper {
	background: transparent
}

#useWithProduct .slick-dots li.slick-active button:before {
	opacity: 1;
	border: 2px #000 solid;
	background-color: #000
}

#useWithProduct .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 2px 0 2px 0
}

#useWithProduct.slick-slider .slick-track,
#useWithProduct.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#useWithProduct .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

#useWithProduct .slick-track:before,
#useWithProduct .slick-track:after {
	display: table;
	content: ''
}

#useWithProduct .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

#useWithProduct.slick-initialized .slick-slide {
	display: block
}

.section-box#useWith .slider-box#useWithProduct .item-box {
	text-align: center;
	max-width: 290px;
	margin-left: auto;
	margin-right: auto
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-wrapper {
	padding: 20px 25px
}

#useWithProduct .slick-slide a {
	display: inline-block
}

#useWithProduct .slick-slide img {
	display: block
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-image img {
	width: auto;
	height: 140px;
	margin: 0 auto
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-content {
	position: relative
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-content h4 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 20px 0;
	min-height: 40px
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-content ul.link-stack {
	display: block;
	text-align: center;
	padding: 0 0 0px 0;
	margin: 20px 0 0 0
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-content ul.link-stack li {
	float: none
}

#useWithProduct .slick-slide a {
	display: inline-block
}

.section-box#useWith .slider-box#useWithProduct .item-box .item-content ul.link-stack li .btn {
	min-width: 135px
}

#useWithProduct .slick-prev,
#useWithProduct .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: -webkit-calc(50% - 17.5px);
	top: -moz-calc(50% - 17.5px);
	top: calc(50% - 17.5px);
	display: block;
	width: 35px;
	height: 35px;
	border: 0px #333 solid;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	color: #333;
	background: #fff;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s
}

#useWithProduct .slick-prev {
	left: -40px
}

#useWithProduct .slick-next {
	right: -40px
}

#useWithProduct .slick-prev:before,
#useWithProduct .slick-next:before {
	content: '';
	display: block;
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 11px;
	position: relative
}

#useWithProduct .slick-prev:before {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left: 4px
}

#useWithProduct .slick-prev.slick-disabled:before,
#useWithProduct .slick-next.slick-disabled:before {
	opacity: 0.25
}

#useWithProduct .slick-next:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 3px
}

.slick-feature {
	max-width: 1650px;
	width: 100%;
	background-color: transparent;
	position: relative;
	margin: 0 auto
}

.slick-feature .slick-track {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.slick-feature .slick-slide {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 10px;
	background-color: white;
	-webkit-transition: all .8s;
	-o-transition: all .8s;
	-moz-transition: all .8s;
	transition: all .8s;
	height: auto;
	text-align: center;
	opacity: 0.5;
	box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.15);
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9)
}

.slick-feature .slick-slide.slick-current,
.slick-feature .slick-slide.slick-target {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	background: #ffffff
}

.slick-feature .slick-prev,
.slick-feature .slick-next {
	z-index: 10;
	top: 0px;
	background-color: transparent
}

.slick-feature .slick-prev {
	left: -webkit-calc((1650px - 800px) / 2);
	left: -moz-calc((1650px - 800px) / 2);
	left: calc((1650px - 800px) / 2)
}

@media only screen and (max-width: 1650px) {
	.slick-feature .slick-prev {
		left: -webkit-calc((100vw - 800px) / 2);
		left: -moz-calc((100vw - 800px) / 2);
		left: calc((100vw - 800px) / 2)
	}
}

@media only screen and (max-width: 800px) {
	.slick-feature .slick-prev {
		left: 10px
	}
}

.slick-feature .slick-next {
	right: -webkit-calc((1650px - 800px) / 2);
	right: -moz-calc((1650px - 800px) / 2);
	right: calc((1650px - 800px) / 2)
}

@media only screen and (max-width: 1650px) {
	.slick-feature .slick-next {
		right: -webkit-calc((100vw - 800px) / 2);
		right: -moz-calc((100vw - 800px) / 2);
		right: calc((100vw - 800px) / 2)
	}
}

@media only screen and (max-width: 800px) {
	.slick-feature .slick-next {
		right: 10px
	}
}

.video-area {
	position: relative
}

.video-area img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.video-area.open-video::before {
	opacity: 1;
	content: '';
	width: 60px;
	height: 60px;
	background: #0000007e;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-30px, -30px);
	-moz-transform: translate(-30px, -30px);
	-ms-transform: translate(-30px, -30px);
	-o-transform: translate(-30px, -30px);
	transform: translate(-30px, -30px);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.video-area.open-video::after {
	position: absolute;
	opacity: 1;
	content: '';
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-6.5px, -10px);
	-moz-transform: translate(-6.5px, -10px);
	-ms-transform: translate(-6.5px, -10px);
	-o-transform: translate(-6.5px, -10px);
	transform: translate(-6.5px, -10px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 17.3px;
	border-color: transparent transparent transparent #ffffff
}

.video-area.open-video:hover::before {
	opacity: 1
}

.video-area.open-video:hover::after {
	opacity: 1
}

.img-area {
	position: relative
}

.img-area img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.img-area.open-img {
	font-weight: 700;
	font-family: 'Font Awesome 5 Free'
}

.img-area.open-img::before {
	opacity: 1;
	content: '';
	width: 60px;
	height: 60px;
	background: #0000007e;
	position: absolute;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-30px, -30px);
	-moz-transform: translate(-30px, -30px);
	-ms-transform: translate(-30px, -30px);
	-o-transform: translate(-30px, -30px);
	transform: translate(-30px, -30px);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	cursor: pointer;
	pointer-events: none
}

.img-area.open-img::after {
	position: absolute;
	opacity: 1;
	content: '\f302';
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-6.5px, -10px);
	-moz-transform: translate(-6.5px, -10px);
	-ms-transform: translate(-6.5px, -10px);
	-o-transform: translate(-6.5px, -10px);
	transform: translate(-6.5px, -10px);
	width: 0;
	height: 0;
	color: #fff;
	cursor: pointer;
	pointer-events: none
}

.img-area.open-img:hover::before {
	opacity: 1
}

.img-area.open-img:hover::after {
	opacity: 1
}

.slick-feature .item-content {
	background: #ffffff;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 338px;
	text-align: left
}

.slick-feature .item-content h4 {
	text-align: left;
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0 0 20px 0
}

.slick-feature .item-content p {
	text-align: left;
	font-size: 1em;
	line-height: 1.4em
}

.slick-feature .item-content a {
	text-align: left;
	font-size: 1em;
	line-height: 1.4em;
	color: #666
}

.slick-feature .slick-prev,
.slick-feature .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: -webkit-calc(30% - 30px);
	top: -moz-calc(30% - 30px);
	top: calc(30% - 30px);
	display: block;
	width: 100px;
	height: 100px;
	border: 0px #333 solid;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	color: #333;
	background: #fff;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s
}

@media only screen and (max-width: 800px) {

	.slick-feature .slick-prev,
	.slick-feature .slick-next {
		top: -webkit-calc(20% - 30px);
		top: -moz-calc(20% - 30px);
		top: calc(20% - 30px);
		width: 60px;
		height: 60px
	}
}

.slick-feature .slick-prev:before,
.slick-feature .slick-next:before {
	content: '';
	display: block;
	border: solid #424040;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 9px;
	position: relative
}

.slick-feature .slick-prev:before {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left: 4px
}

.slick-feature .slick-prev.slick-disabled:before,
.slick-feature .slick-next.slick-disabled:before {
	opacity: 0.25
}

.slick-feature .slick-next:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 3px
}

.s1 {
	padding: 0 100px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	height: 800px
}

@media only screen and (max-width: 768px) {
	.s1 {
		height: 500px
	}
}

.s1 .s1-text {
	width: 800px
}

.s1 .s1-text h3 {
	margin: 0 auto 0.5em;
	font-size: 2em;
	line-height: 1.1em;
	font-family: SimplonNorm-bold
}

.s1 .s1-text h3 span {
	display: block;
	font-size: 0.8em;
	line-height: 2em;
	font-family: SimplonNorm-Medium;
	color: #2e2e2e
}

@media only screen and (max-width: 768px) {
	.s1 .s1-text h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 1200px) {
	.s1 .s1-text {
		position: absolute;
		top: 100%;
		width: 85%;
		left: 7.5%
	}
}

@media only screen and (max-width: 768px) {
	.s1 .s1-text {
		top: 110%
	}
}

.s2 .sec-img {
	background: #f5f5f5;
	width: 50%;
	height: 100%
}

@media only screen and (max-width: 1200px) {
	.s2 .sec-img {
		width: 100%
	}
}

.s2 .sec-text {
	width: 50%;
	padding-left: 100px;
	padding-top: 80px
}

@media only screen and (max-width: 1200px) {
	.s2 .sec-text {
		width: 100%;
		padding-left: 0
	}
}

.s2 .sec-text a {
	display: block;
	width: 450px;
	margin: 40px auto 50px auto;
	background: #1d799d;
	color: #ffffff;
	text-align: center;
	border-radius: 20px;
	text-decoration: none;
	padding: 10px 15px;
	position: relative
}

.s2 .sec-text a .fa {
	font-size: 1.6em;
	position: absolute;
	right: 20px
}

@media only screen and (max-width: 600px) {
	.s2 .sec-text a {
		width: 100%
	}
}

.s2 h3 {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 40px
}

.s3 {
	padding-top: 50px;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.s3 .sec-img {
	width: 50%
}

@media only screen and (max-width: 1200px) {
	.s3 .sec-img {
		width: 100%
	}
}

.s3 .sec-text {
	width: 50%;
	padding-right: 60px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.s3 .sec-text h3 {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 40px
}

@media only screen and (max-width: 1200px) {
	.s3 .sec-text {
		width: 100%;
		padding-right: 0;
		padding-top: 80px
	}
}

.s4 {
	padding-top: 100px
}

.s4 .s4-img {
	width: 60%
}

.s4 .s4-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width: 1200px) {
	.s4 .s4-img {
		width: 100%
	}
}

.s4 .s4-text {
	width: 40%;
	background: #232322;
	color: #fff;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 80px 50px;
	text-align: center
}

.s4 .s4-text p {
	text-align: left
}

@media only screen and (max-width: 1200px) {
	.s4 .s4-text {
		width: 100%;
		padding: 30px;
		margin-top: -20px
	}
}

.s5 {
	padding-top: 100px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.s5>div {
	width: 800px
}

@media only screen and (max-width: 1200px) {
	.s5>div {
		width: 100%
	}
}

.s5>div h3 {
	font-size: 2em;
	line-height: 1.3em;
	margin-bottom: 40px
}

.s5>div h3+p {
	margin-bottom: 50px
}

.s6 {
	background: #f8f8f8;
	padding: 100px 0;
	margin-top: 100px
}

.s6 .s-betweenlg-colmsm {
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.s6 .s-betweenlg-colmsm .s6-img {
	width: 60%
}

@media only screen and (max-width: 1200px) {
	.s6 .s-betweenlg-colmsm .s6-img {
		width: 100%
	}
}

.s6 .s-betweenlg-colmsm .s6-text {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40%;
	padding-right: 70px
}

@media only screen and (max-width: 1200px) {
	.s6 .s-betweenlg-colmsm .s6-text {
		width: 100%;
		padding-right: 0;
		margin-top: 40px
	}
}

@media only screen and (max-width: 1200px) {
	.s6 .s-betweenlg-colmsm {
		-webkit-flex-direction: column-reverse;
		-moz-box-orient: vertical;
		-moz-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse
	}
}

.s-width {
	width: 85%;
	margin: 0 auto
}

.s-betweenlg-colmsm {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 1200px) {
	.s-betweenlg-colmsm {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.img-center {
	display: block;
	margin: 0 auto
}

.text-center {
	text-align: center
}

.product-main.learnMore-box {
	width: 100%;
	height: 100%
}

.vzr .learnMore-intro.main1 {
	height: 930px;
	position: relative;
	overflow: hidden;
	padding-top: 0
}

@media only screen and (max-width: 1920px) {
	.vzr .learnMore-intro.main1 {
		height: 930px
	}
}

@media only screen and (max-width: 1680px) {
	.vzr .learnMore-intro.main1 {
		height: 750px
	}
}

@media only screen and (max-width: 1440px) {
	.vzr .learnMore-intro.main1 {
		height: 660px
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .learnMore-intro.main1 {
		height: auto;
		margin-bottom: 5%
	}
}

.vzr .learnMore-intro.main1 .imgBox {
	height: 100%;
	width: 100%
}

.vzr .learnMore-intro.main1 .imgMIT {
	width: 10.41%;
	position: absolute;
	top: 0;
	right: 10%;
	z-index: 30
}

@media only screen and (max-width: 1280px) {
	.vzr .learnMore-intro.main1 .imgMIT {
		right: 1%
	}
}

@media only screen and (max-width: 576px) {
	.vzr .learnMore-intro.main1 .imgMIT {
		-webkit-transform: scale(0.7, 0.7);
		-moz-transform: scale(0.7, 0.7);
		-ms-transform: scale(0.7, 0.7);
		-o-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7)
	}
}

.vzr .learnMore-intro.main1 img {
	width: 100%;
	height: auto
}

.vzr .learnMore-intro.main1 .tabBox {
	width: 100%;
	height: 68.18%;
	z-index: 10;
	position: relative
}

.vzr .learnMore-intro.main1 .imgVZR {
	width: 41%;
	position: absolute;
	top: 8%;
	left: 14%;
	z-index: 20
}

.vzr .learnMore-intro.main1 .imgBlur {
	position: absolute;
	width: 900px;
	height: 800px;
	bottom: 0;
	left: 35%;
	z-index: 15
}

@media only screen and (max-width: 1280px) {
	.vzr .learnMore-intro.main1 .imgBlur {
		display: none
	}
}

.vzr .learnMore-intro.main1 .tab-nav {
	width: 450px;
	position: absolute;
	right: 18%;
	top: 100%;
	z-index: 60
}

@media only screen and (max-width: 1280px) {
	.vzr .learnMore-intro.main1 .tab-nav {
		width: 450px;
		right: 0%
	}
}

@media only screen and (max-width: 960px) {
	.vzr .learnMore-intro.main1 .tab-nav {
		width: 100%;
		text-align: center;
		top: -webkit-calc(100% + 40%);
		top: -moz-calc(100% + 40%);
		top: calc(100% + 40%)
	}
}

.vzr .learnMore-intro.main1 .tab-nav a {
	margin-right: 8%;
	color: #666;
	text-decoration: none
}

.vzr .learnMore-intro.main1 .tab-nav a:last-child {
	margin-right: 0
}

@media only screen and (max-width: 960px) {
	.vzr .learnMore-intro.main1 .tab-nav a {
		margin-right: 5%
	}
}

@media only screen and (max-width: 400px) {
	.vzr .learnMore-intro.main1 .tab-nav a {
		margin-right: 2%
	}
}

.vzr .learnMore-intro.main1 .tab-nav a.current {
	color: #000;
	border-bottom: 3px solid #000
}

.vzr .learnMore-intro.main1 .textBox {
	width: 35%;
	position: absolute;
	top: 8%;
	left: 18%;
	z-index: 20;
	background: none;
	padding: 0;
	text-shadow: 0px 0px 15px #ffffff
}

@media only screen and (max-width: 1600px) {
	.vzr .learnMore-intro.main1 .textBox {
		top: 5%
	}
}

@media only screen and (max-width: 1440px) {
	.vzr .learnMore-intro.main1 .textBox {
		width: 58%;
		top: 3%;
		left: 32%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .learnMore-intro.main1 .textBox {
		width: 80%;
		margin: 150px auto 30px;
		position: relative;
		left: 0;
		top: 0
	}
}

@media only screen and (max-width: 960px) {
	.vzr .learnMore-intro.main1 .textBox {
		margin: 200px auto 30px
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .learnMore-intro.main1 .textBox {
		width: 85%
	}
}

@media only screen and (max-width: 768px) {
	.vzr .learnMore-intro.main1 .textBox {
		margin: 20% auto 2%
	}
}

@media only screen and (max-width: 576px) {
	.vzr .learnMore-intro.main1 .textBox {
		margin: 30% auto 5%
	}
}

.learnMore-intro .note {
	font-size: 0.875em
}

@media only screen and (max-width: 576px) {
	.vzr .learnMore-intro.main2 {
		height: auto;
		margin: 3% auto
	}
}

.vzr .learnMore-intro.main2 .textBox1 {
	width: 55%;
	margin: 2% auto 4%
}

@media only screen and (max-width: 1440px) {
	.vzr .learnMore-intro.main2 .textBox1 {
		width: 75%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .learnMore-intro.main2 .textBox1 {
		width: 80%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .learnMore-intro.main2 .textBox1 {
		width: 85%
	}
}

@media only screen and (max-width: 768px) {
	.vzr .learnMore-intro.main2 .textBox1 {
		width: 90%
	}
}

.vzr .learnMore-intro.main2 .textBox1 h3 {
	text-align: center
}

@media only screen and (max-width: 768px) {
	.vzr .learnMore-intro.main2 .textBox1 h3 {
		text-align: left
	}
}

.vzr .learnMore-intro.main2 .imgBox1 {
	width: 1450px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 10;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 1400px) {
	.vzr .learnMore-intro.main2 .imgBox1 {
		width: 85%
	}
}

@media only screen and (max-width: 768px) {
	.vzr .learnMore-intro.main2 .imgBox1 {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.vzr .learnMore-intro.main2 .imgBox1 .videoBox {
	width: 400px;
	height: 400px
}

.vzr .learnMore-intro.main2 .imgBox1 .videoBox:first-child {
	margin-right: 10%
}

@media only screen and (max-width: 768px) {
	.vzr .learnMore-intro.main2 .imgBox1 .videoBox {
		width: 100%;
		height: auto
	}

	.vzr .learnMore-intro.main2 .imgBox1 .videoBox:first-child {
		margin-right: 0
	}
}

.vzr .learnMore-intro.main2 .imgBox1 img,
.vzr .learnMore-intro.main2 .imgBox1 .videoBox img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.learnMore-intro .note {
	font-size: 0.875em;
	color: #666
}

.vzr .main4 {
	padding: 3% 0
}

@media only screen and (max-width: 768px) {
	.vzr .main4 {
		padding-bottom: 5%
	}
}

.vzr .main4 .main4-wapper {
	width: 1450px;
	margin: 0 auto;
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 1440px) {
	.vzr .main4 .main4-wapper {
		width: 75%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main4 .main4-wapper {
		width: 80%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main4 .main4-wapper {
		width: 85%
	}
}

@media only screen and (max-width: 960px) {
	.vzr .main4 .main4-wapper {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 90%
	}
}

.vzr .main4 .textBox {
	width: 50%
}

@media only screen and (max-width: 960px) {
	.vzr .main4 .textBox {
		float: none;
		width: 100%
	}
}

.vzr .main4 .imgBox {
	width: 400px;
	position: relative
}

@media only screen and (max-width: 960px) {
	.vzr .main4 .imgBox {
		width: 100%;
		margin: 5% auto 0
	}
}

.vzr .main4 .imgBox img {
	width: 100%;
	height: auto
}

.vzr .main4 .main4-wapper::after {
	content: '';
	display: block;
	clear: both
}

.vzr .main4 .textBox {
	color: #000000;
	padding: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.vzr .main4 {
	background: none
}

.vzr .main4 .imgBox {
	display: block
}

.vzr .main5 {
	padding: 16% 0 10%;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/vzrTypeC_descript_05-1_1280.png) no-repeat center top;
	-o-background-size: cover;
	background-size: cover;
	position: relative
}

@media only screen and (max-width: 1440px) {
	.vzr .main5 {
		padding: 15% 0 8%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main5 {
		padding: 18% 0 6%;
		-o-background-size: cover;
		background-size: cover
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main5 {
		padding: 5% 0;
		background: none
	}
}

.vzr .main5 .main5-wapper {
	position: relative
}

.vzr .main5 .textBox {
	width: 55%;
	position: relative
}

@media only screen and (max-width: 1280px) {
	.vzr .main5 .textBox {
		width: 50%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main5 .textBox {
		width: 100%;
		margin: 0 auto;
		position: relative
	}
}

.vzr .main5 span {
	padding: 30px 20px;
	position: absolute;
	right: 30%;
	bottom: 15px;
	border-radius: 50%;
	border: #999 solid 1px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 1;
	width: 120px;
	height: 120px
}

@media only screen and (max-width: 1920px) {
	.vzr .main5 span {
		right: 30%
	}
}

@media only screen and (max-width: 1440px) {
	.vzr .main5 span {
		right: 30%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main5 span {
		right: 25%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main5 span {
		display: none
	}
}

@media only screen and (max-width: 960px) {
	.vzr .main5 span {
		left: 20%;
		right: auto
	}
}

@media only screen and (max-width: 576px) {
	.vzr .main5 span {
		left: 20%;
		right: auto;
		-webkit-transform: scale(0.8, 0.8);
		-moz-transform: scale(0.8, 0.8);
		-ms-transform: scale(0.8, 0.8);
		-o-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8)
	}
}

@media only screen and (max-width: 480px) {
	.vzr .main5 span {
		bottom: 1%;
		-webkit-transform: scale(0.6, 0.6);
		-moz-transform: scale(0.6, 0.6);
		-ms-transform: scale(0.6, 0.6);
		-o-transform: scale(0.6, 0.6);
		transform: scale(0.6, 0.6)
	}
}

.vzr .main5 .imgBox {
	display: none
}

@media only screen and (max-width: 1024px) {
	.vzr .main5 .imgBox {
		width: 100%;
		margin-top: 5%;
		display: block
	}
}

.vzr .main5 .imgBox img {
	width: 100%;
	height: auto
}

@media only screen and (max-width: 1024px) {
	.vzr .main5 .imgBox img {
		width: 100%;
		height: auto
	}
}

.item-wrapper-index {
	background: #ffffff
}

.vzr .main6 {
	padding: 13% 0;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/vzrTypeC_descript_06-1.png) no-repeat center top;
	-o-background-size: cover;
	background-size: cover
}

@media only screen and (max-width: 1024px) {
	.vzr .main6 {
		padding: 5% 0;
		background: none
	}
}

.vzr .main6 .main6-wapper {
	position: relative
}

.vzr .main6 .textBox {
	width: 45%;
	margin-left: 50%
}

@media only screen and (max-width: 1024px) {
	.vzr .main6 .textBox {
		width: 100%;
		margin-left: 0
	}
}

.vzr .main6 .imgBox {
	display: none;
	position: relative
}

@media only screen and (max-width: 1024px) {
	.vzr .main6 .imgBox {
		width: 100%;
		margin-top: 5%;
		display: block
	}
}

.vzr .main6 .imgBox img {
	width: 100%;
	height: auto
}

.vzr .main7 {
	margin: 5% auto
}

@media only screen and (max-width: 1024px) {
	.vzr .main7 {
		margin: 5% auto
	}
}

.vzr .main7 .main7-wapper {
	width: 55%;
	margin: 0 auto
}

@media only screen and (max-width: 1440px) {
	.vzr .main7 .main7-wapper {
		width: 75%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main7 .main7-wapper {
		width: 80%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main7 .main7-wapper {
		width: 85%
	}
}

@media only screen and (max-width: 960px) {
	.vzr .main7 .main7-wapper {
		width: 90%
	}
}

.vzr .main7 .main7-wapper::after {
	content: '';
	display: block;
	clear: both
}

.vzr .main7 .imgBox::after {
	content: '';
	display: block;
	clear: both
}

.vzr .main7 .textBox {
	margin-bottom: 5%
}

.vzr .main7 .textBox h3 {
	text-align: center
}

.vzr .main7 .imgBox {
	width: 60%;
	margin: 0 auto
}

@media only screen and (max-width: 1024px) {
	.vzr .main7 .imgBox {
		width: 100%;
		margin: 0 auto
	}
}

.vzr .main7 .imgBox img {
	width: 100%
}

.vzr .main8 {
	width: 100%;
	padding: 10% 0 25%;
	margin: 3% auto;
	overflow: hidden;
	position: relative;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/vzrTypeC_descript_08-1.png) no-repeat center top;
	-o-background-size: cover;
	background-size: cover
}

@media only screen and (max-width: 1024px) {
	.vzr .main8 {
		width: 85%;
		padding: 5% 0;
		background: none
	}
}

@media only screen and (max-width: 960px) {
	.vzr .main8 {
		width: 90%
	}
}

.vzr .main8 .textBox {
	width: 54%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 25%;
	left: -webkit-calc(100% / 2 - 27%);
	left: -moz-calc(100% / 2 - 27%);
	left: calc(100% / 2 - 27%);
	z-index: 20
}

@media only screen and (max-width: 1280px) {
	.vzr .main8 .textBox {
		width: 65%;
		left: -webkit-calc(100% / 2 - 32.5%);
		left: -moz-calc(100% / 2 - 32.5%);
		left: calc(100% / 2 - 32.5%)
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main8 .textBox {
		width: 95%;
		margin: 0 auto;
		color: #333;
		position: relative;
		top: 0;
		left: 0
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main8 .textBox {
		width: 100%;
		margin: 0 auto;
		position: relative
	}
}

@media only screen and (max-width: 1024px) {

	.vzr .main8 .textBox h3,
	.vzr .main8 .textBox p {
		text-align: left
	}
}

.vzr .main8 .textBox img {
	width: 30%;
	margin-top: 50px
}

@media only screen and (max-width: 1280px) {
	.vzr .main8 .textBox img {
		width: 20%;
		margin-top: 0
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main8 .textBox img {
		display: none
	}
}

.vzr .main8 .imgBox {
	display: none
}

@media only screen and (max-width: 1024px) {
	.vzr .main8 .imgBox {
		width: 100%;
		margin: 5% auto 0;
		display: block
	}
}

.vzr .main8 .imgBox img {
	width: 100%;
	height: auto
}

.vzr .main9 {
	height: 550px;
	margin: 5% auto;
	position: relative;
	overflow: hidden
}

@media only screen and (max-width: 1680px) {
	.vzr .main9 {
		height: 460px
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main9 {
		height: 380px
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main9 {
		height: auto
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main9 .main9-wapper {
		width: 80%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main9 .main9-wapper {
		width: 85%;
		margin: 3% auto
	}
}

@media only screen and (max-width: 960px) {
	.vzr .main9 .main9-wapper {
		width: 90%
	}
}

.vzr .main9 .textBox {
	width: 48%;
	padding-top: 10%
}

@media only screen and (max-width: 1440px) {
	.vzr .main9 .textBox {
		width: 48%;
		padding-top: 0
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main9 .textBox {
		width: 55%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main9 .textBox {
		width: 100%
	}
}

.vzr .main9 .imgBox {
	width: 38%;
	position: absolute;
	top: 0;
	right: 0
}

@media only screen and (max-width: 1440px) {
	.vzr .main9 .imgBox {
		width: 45%
	}
}

@media only screen and (max-width: 1280px) {
	.vzr .main9 .imgBox {
		width: 40%
	}
}

@media only screen and (max-width: 1024px) {
	.vzr .main9 .imgBox {
		width: 80%;
		margin: 5% auto;
		position: relative;
		top: 0;
		right: 0;
		text-align: center
	}
}

@media only screen and (max-width: 1000px) {
	.vzr .main9 .imgBox {
		width: 100%
	}
}

.vzr .main9 .imgBox img {
	width: 100%
}

.main10.infoBox {
	padding: 4% 0%;
	background: #f9f9f9;
	position: relative
}

.main10 .infoBox-wapper {
	width: 55%;
	margin: 0 auto
}

@media only screen and (max-width: 1440px) {
	.main10 .infoBox-wapper {
		width: 75%
	}
}

@media only screen and (max-width: 1280px) {
	.main10 .infoBox-wapper {
		width: 80%
	}
}

@media only screen and (max-width: 1024px) {
	.main10 .infoBox-wapper {
		width: 85%
	}
}

@media only screen and (max-width: 960px) {
	.main10 .infoBox-wapper {
		width: 90%
	}
}

.main10 .textBox2 {
	float: right;
	width: -webkit-calc(100% - 350px);
	width: -moz-calc(100% - 350px);
	width: calc(100% - 350px)
}

.main10 .textBox2 a {
	color: #5ec4f4;
	text-decoration: none
}

@media only screen and (max-width: 960px) {
	.main10 .textBox2 {
		float: none;
		width: 100%
	}
}

@media only screen and (max-width: 576px) {
	.main10 .textBox2 {
		float: none;
		width: 100%
	}
}

.main10 .infoBox-wapper::after {
	content: '';
	display: block;
	clear: both
}

.main10 .imgBox2 {
	float: left;
	width: 300px;
	text-align: center
}

@media only screen and (max-width: 960px) {
	.main10 .imgBox2 {
		float: none;
		width: 430px;
		margin: 0 auto;
		text-align: center
	}
}

@media only screen and (max-width: 576px) {
	.main10 .imgBox2 {
		width: 100%;
		margin: -10% auto 0;
		-webkit-transform: scale(0.8, 0.8);
		-moz-transform: scale(0.8, 0.8);
		-ms-transform: scale(0.8, 0.8);
		-o-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8)
	}
}

.main10 .imgBox2::after {
	content: '';
	display: block;
	clear: both
}

.main10 .note {
	font-size: 0.875em !important;
	color: #666
}

.product-main.specs-box {
	padding: 5% 0
}

.product-main.specs-box {
	padding-bottom: 5%
}

@media only screen and (max-width: 1024px) {
	.product-main.specs-box {
		padding: 9% 0
	}
}

@media only screen and (max-width: 768px) {
	.product-main.specs-box {
		padding-top: 20%
	}
}

.product-main .specifications,
.product-main .sustainability {
	text-align: center
}

@media only screen and (max-width: 1600px) {

	.product-main .specifications,
	.product-main .sustainability {
		width: 100%
	}
}

.product-main.specs-box .view {
	width: 75%;
	margin: 0 auto;
	margin-bottom: 5%;
	text-align: center
}

@media only screen and (max-width: 768px) {
	.product-main.specs-box .view {
		width: 85%
	}
}

@media only screen and (max-width: 576px) {
	.product-main.specs-box .view {
		width: 100%
	}
}

.specs-box h3 {
	margin: 0 auto 0.5em;
	font-size: 2em;
	line-height: 1.1em
}

.product-main.specs-box .view {
	width: 75%;
	margin: 0 auto;
	margin-bottom: 5%;
	text-align: center
}

.product-main.specs-box .view img {
	width: 100%
}

@media only screen and (max-width: 960px) {
	.product-main .specifications img {
		width: 100%
	}
}

.introForm {
	margin: 3% auto;
	padding: 0
}

.items {
	padding: 5% 2%;
	border-top: #d4d4d4 solid 1px;
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: 20% auto;
	-ms-grid-columns: 20% auto;
	grid-template-columns: 20% auto;
	grid-template-areas: 'title info';
	grid-column-gap: 2%
}

@media only screen and (max-width: 768px) {
	.items {
		padding: 8% 2%;
		display: block
	}
}

@media only screen and (max-width: 960px) {
	.introForm .items {
		padding: 5% 2%
	}
}

.items-title {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: title;
	font-size: 1.25em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	text-align: left
}

@media only screen and (max-width: 768px) {
	.items-title {
		margin-bottom: 2%
	}
}

.items-intro {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
	-ms-grid-column-span: 2;
	grid-area: info;
	text-align: left
}

.items-subintro {
	margin-bottom: 4%;
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: 25% auto;
	-ms-grid-columns: 25% auto;
	grid-template-columns: 25% auto;
	grid-template-areas: 'items items';
	grid-column-gap: 2%
}

@media only screen and (max-width: 768px) {
	.items-subintro {
		padding: 8% 2%;
		display: block
	}
}

@media only screen and (max-width: 768px) {
	.items-subintro {
		padding: 2%;
		display: block
	}
}

.items-subintro:last-child {
	margin-bottom: 0%
}

.introForm ul {
	margin: 0;
	padding: 0
}

@media only screen and (max-width: 768px) {
	.introForm ul {
		margin-top: 1%
	}
}

@media only screen and (max-width: 576px) {
	.introForm ul {
		margin-top: 2%
	}
}

.introForm li {
	margin: 0;
	list-style: none
}

@media only screen and (max-width: 576px) {
	.introForm li {
		margin: 0 3% 1%
	}
}

.items-intro li {
	padding-bottom: 1%
}

.items-intro .productColor {
	width: 30px;
	height: 30px;
	margin-right: 1%;
	display: inline-block;
	vertical-align: middle
}

.items-intro .productColor.docamColor {
	background: #525356
}

.items-intro .productColor.docamYellowColor {
	background: #fbbe3d
}

.items:last-child {
	border-bottom: #d4d4d4 solid 1px
}

.product-main .support-intro {
	margin-bottom: 5%;
	text-align: center
}

@media only screen and (max-width: 768px) {
	.product-main .support-intro {
		margin-bottom: 10%
	}
}

@media only screen and (max-width: 576px) {
	.items-intro>.donutChart {
		text-align: center
	}
}

.items-intro>.donutChart>div {
	margin: 3% 3% 0;
	display: inline-block
}

.items-intro>.compliance {
	margin-top: 3%
}

.items-intro>.compliance>div {
	width: 80px;
	margin: 0 2%;
	display: inline-block;
	text-align: center
}

@media only screen and (max-width: 576px) {
	.items-intro>.compliance>div {
		margin: 0 auto;
		display: block
	}
}

.product-main.support-box {
	padding: 5% 0
}

.product-main.support-box {
	width: 100%;
	min-height: -webkit-calc(100vh - 80px
			/* header */
			- 244px);
	min-height: -moz-calc(100vh - 80px
			/* header */
			- 244px);
	min-height: calc(100vh - 80px
			/* header */
			- 244px)
}

@media only screen and (max-width: 1024px) {
	.product-main.support-box {
		padding: 9% 0
	}
}

@media only screen and (max-width: 768px) {
	.product-main.support-box {
		padding-top: 20%
	}
}

.product-main.support-box {
	-o-background-size: contain;
	background-size: contain;
	background-position: center top;
	background-color: #f5f5f5
}

@media only screen and (max-width: 1024px) {
	.product-main.support-box {
		-o-background-size: none;
		background-size: none;
		background-position: center top
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-resolution: 1.5dppx),
(-webkit-min-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-resolution: 144dpi) {
	.product-main.support-box {
		-o-background-size: contain;
		background-size: contain;
		background-position: center top
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 3/2) and (max-width: 1024px),
only screen and (min-resolution: 1.5dppx) and (max-width: 1024px),
(-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1024px),
(-o-min-device-pixel-ratio: 3/2) and (max-width: 1024px),
(min-resolution: 144dpi) and (max-width: 1024px) {
	.product-main.support-box {
		-o-background-size: contain;
		background-size: contain;
		background-position: center top
	}
}

.product-main .support-intro {
	margin-bottom: 5%;
	text-align: center
}

@media only screen and (max-width: 768px) {
	.product-main .support-intro {
		margin-bottom: 10%
	}
}

.product-main .support-download p {
	text-align: center
}

.product-main .downloadForm-box {
	margin-bottom: 3.5%;
	padding: 3% 6%;
	background: #fff;
	border-radius: 25px
}

@media only screen and (max-width: 480px) {
	.product-main .downloadForm-box {
		padding: 3% 4%
	}
}

.product-main .downloadForm-box dl {
	margin-bottom: 5%
}

@media only screen and (max-width: 768px) {
	.product-main .downloadForm-box dl {
		margin-bottom: 10%
	}
}

#product dt,
#product dd {
	margin: 0;
	padding: 0
}

.product-main .downloadForm-box ul {
	margin: 0;
	padding: 0
}

.product-main .downloadForm {
	padding: 2% 0;
	border-bottom: #efefef solid 1px;
	display: -ms-grid;
	display: grid;
	-ms-grid-template-columns: auto 43%;
	-ms-grid-columns: auto 43%;
	grid-template-columns: auto 43%;
	grid-template-areas: 'id link'
		'info info';
	grid-gap: 2;
	grid-column-gap: 5%;
	grid-row-gap: 10%
}

@media only screen and (max-width: 768px) {
	.product-main .downloadForm {
		display: block
	}
}

.product-main .downloadForm-id {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: id;
	font-size: 1.25em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

@media only screen and (max-width: 768px) {
	.product-main .downloadForm-id {
		margin: 2% auto 8%;
		font-size: 1em
	}
}

.product-main .downloadForm-link {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
	grid-area: link;
	text-align: right
}

@media only screen and (max-width: 768px) {
	.product-main .downloadForm-link {
		margin: 2% auto;
		text-align: left
	}
}

@media only screen and (max-width: 576px) {
	.product-main .downloadForm-link {
		text-align: center
	}
}

.btn.width-download {
	min-width: 150px
}

@media only screen and (max-width: 576px) {
	.product-main.support-box .btn {
		width: 80%;
		margin: 0 auto;
		margin-bottom: 5%
	}
}

.product-main .support-links {
	width: 70%;
	margin: 0 auto;
	text-align: center
}

@media only screen and (max-width: 1024px) {
	.product-main .support-links {
		width: 80%
	}
}

@media only screen and (max-width: 768px) {
	.product-main .support-links {
		width: 100%
	}
}

@media only screen and (max-width: 576px) {
	.product-main .support-links {
		display: block
	}
}

.product-main .support-links a {
	width: 50%;
	margin: 5% auto;
	padding: 0 4%;
	display: inline-block;
	color: #333
}

@media only screen and (max-width: 576px) {
	.product-main .support-links a {
		width: 45%
	}
}

@media only screen and (max-width: 480px) {
	.product-main .support-links a {
		width: 48%;
		padding: 0
	}
}

.product-main .support-links a:first-child {
	border-left: #e0e0e0 solid 1px
}

.product-main .support-links img {
	width: 35%;
	height: auto;
	margin-bottom: 10%
}

@media only screen and (max-width: 576px) {
	.product-main .support-links img {
		width: 45%;
		margin-bottom: 0%
	}
}

.product-main .support-links span {
	display: block;
	font-size: 1.25em
}

@media only screen and (max-width: 576px) {
	.product-main .support-links span {
		font-size: 0.75em
	}
}

.product-main .support-links a:nth-child(2) {
	float: left
}

.product-main .support-links::after {
	content: '';
	display: block;
	clear: both
}

.product-main .downloadForm-id .note {
	font-family: 'SimplonNorm-Regular', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	font-size: 0.85em;
	display: block;
	line-height: 1.25em;
	margin-top: 3px
}

.product-main .support-links a:hover {
	color: #0272bd
}

.product-main.doMore-box {
	width: 100%;
	padding-bottom: 5%;
	background: #f5f5f5
}

@media only screen and (max-width: 1024px) {
	.product-main.doMore-box {
		padding: 9% 0
	}
}

@media only screen and (max-width: 768px) {
	.product-main.doMore-box {
		padding-top: 20%
	}
}

.product-main .doMore-intro {
	margin-bottom: 5%;
	text-align: center
}

.product-main .list-box {
	width: -webkit-calc(63%
			/* ist-items width */
			+ 6%);
	width: -moz-calc(63%
			/* ist-items width */
			+ 6%);
	width: calc(63%
			/* ist-items width */
			+ 6%);
	margin: 0 auto;
	text-align: center
}

@media only screen and (max-width: 1600px) {
	.product-main .list-box {
		width: -webkit-calc(85%
				/* ist-items width */
				+ 6%);
		width: -moz-calc(85%
				/* ist-items width */
				+ 6%);
		width: calc(85%
				/* ist-items width */
				+ 6%)
	}
}

@media only screen and (max-width: 1280px) {
	.product-main .list-box {
		width: -webkit-calc(80%
				/* ist-items width */
				+ 8%);
		width: -moz-calc(80%
				/* ist-items width */
				+ 8%);
		width: calc(80%
				/* ist-items width */
				+ 8%)
	}
}

@media only screen and (max-width: 960px) {
	.product-main .list-box {
		width: -webkit-calc(95%
				/* list-items width */
				+ 4%);
		width: -moz-calc(95%
				/* list-items width */
				+ 4%);
		width: calc(95%
				/* list-items width */
				+ 4%)
	}
}

@media only screen and (max-width: 768px) {
	.product-main .list-box {
		width: 85%
	}
}

@media only screen and (max-width: 576px) {
	.product-main .list-box {
		width: 95%
	}
}

.product-main .list-items {
	float: left;
	width: 31%;
	margin: 2.5% 1%;
	list-style: none;
	background: #fff;
	text-align: left
}

@media only screen and (max-width: 1600px) {
	.product-main .list-items {
		margin: 2% 1%
	}
}

@media only screen and (max-width: 1280px) {
	.product-main .list-items {
		width: 46%;
		margin: 4% 2%
	}
}

@media only screen and (max-width: 960px) {
	.product-main .list-items {
		width: 48%;
		margin: 4% 1%
	}
}

@media only screen and (max-width: 768px) {
	.product-main .list-items {
		width: 100%;
		margin: 4% auto
	}
}

.product-main .list-items a {
	color: #333;
	text-decoration: none
}

.product-main.doMore-box .image-aspectRatio {
	overflow: hidden
}

.product-main .imgZoom {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	-webkit-transition: 0.25s linear;
	-o-transition: 0.25s linear;
	-moz-transition: 0.25s linear;
	transition: 0.25s linear;
	-webkit-transition: 1s linear;
	-o-object-fit: cover;
	object-fit: cover
}

.product-main .list-items div:nth-child(2) {
	height: 120px;
	padding: 3% 6%
}

.product-main .list-items time {
	margin-bottom: 2%;
	display: block;
	font-style: italic
}

.product-main .list-items h4 {
	width: 100%;
	height: 61px;
	height: -webkit-calc(120px - 6%
			/* div padding */
			- 2%
			/* items margin-bottom */
			-1%);
	height: -webkit-calc(100vh - 6%
			/* div padding */
			- 2%
			/* items margin-bottom */
			-1%);
	height: -moz-calc(100vh - 6%
			/* div padding */
			- 2%
			/* items margin-bottom */
			-1%);
	height: calc(100vh - 6%
			/* div padding */
			- 2%
			/* items margin-bottom */
			-1%);
	margin: 0;
	font-size: 1em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	line-height: 1.3em;
	text-decoration: underline;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3
}

.product-main .list-box::after {
	content: '';
	display: block;
	clear: both
}

.product-main .list-items h4:hover {
	color: #0272bd
}

.product-main.doMore-box {
	padding: 5% 0
}

.product-main.gallery-box {
	padding: 5% 0
}

.product-main.gallery-box {
	width: 100%
}

@media only screen and (max-width: 1024px) {
	.product-main.gallery-box {
		padding: 9% 0
	}
}

@media only screen and (max-width: 768px) {
	.product-main.gallery-box {
		padding-top: 20%
	}
}

.product-main.gallery-box {
	position: relative;
	padding: 0 !important
}

.product-main.gallery-box .gallery-box-img {
	display: block;
	width: 100%
}

.product-main.gallery-box .gallery-box-img img {
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.product-main.gallery-box .gallery-box-inner {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	padding: 10% 0
}

.product-main .gallery-wapper {
	width: 90%;
	margin: 0 auto;
	padding-top: 3% 0;
	color: #fff
}

#product .product-main .gallery-wapper {
	padding-top: 1%
}

#product .gallery-box h3 {
	max-width: 500px;
	font-size: 3em;
	margin-left: 0;
	padding: 0px 0 0 0
}

@media only screen and (max-width: 800px) {
	#product .gallery-box h3 {
		font-size: 2.3em
	}
}

#product .gallery-box h3 span {
	display: block;
	margin: 15px 0
}

#product .gallery-box p {
	max-width: 500px;
	line-height: 1.7em
}

@media only screen and (max-width: 576px) {
	#product .gallery-box p {
		max-width: 100%
	}
}

.gallery-docam {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 80%
}

@media only screen and (max-width: 768px) {
	.gallery-docam {
		width: 100%
	}
}

@media only screen and (max-width: 530px) {
	.gallery-docam {
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}
}

.gallery-docam>div {
	position: relative;
	width: 200px;
	height: 120px;
	margin-right: 20px;
	margin-bottom: 20px;
	border: 1px solid white
}

@media only screen and (max-width: 768px) {
	.gallery-docam>div {
		margin-right: 0px
	}
}

.gallery-docam>div img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.gallery-docam>div::before {
	position: absolute;
	content: '';
	z-index: 1;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #0000008a;
	text-align: center;
	line-height: 20px;
	color: #ffffff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	pointer-events: none
}

.gallery-docam>div:after {
	z-index: 2;
	position: absolute;
	font-size: 0.9em;
	font-weight: 900;
	content: '\f04b';
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	pointer-events: none;
	margin-left: 2px
}

.gallery-docam>div a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.gallery-docam .g-album::after {
	content: '\f302';
	margin-left: 0
}

main#software .software-box .software-main {
	min-height: -webkit-calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px);
	min-height: -moz-calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px);
	min-height: calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px)
}

@media only screen and (max-width: 800px) {
	main#software .software-box .software-main {
		min-height: -webkit-calc(100vh - 246px
				/* footer */
				+ 1px);
		min-height: -moz-calc(100vh - 246px
				/* footer */
				+ 1px);
		min-height: calc(100vh - 246px
				/* footer */
				+ 1px)
	}
}

.softwareMain-box .section-box {
	padding: 50px 0
}

@media only screen and (max-width: 800px) {
	.softwareMain-box .section-box {
		padding: 40px 0
	}
}

@media only screen and (max-width: 576px) {
	.softwareMain-box .section-box {
		padding: 20px 0
	}
}

.section-box#allFeature {
	padding: 0
}

.softwareMain-box .section-box .section-content {
	position: relative
}

.section-box#allFeature .feature-box .feature-wrapper {
	position: relative;
	overflow: hidden
}

.section-box#allFeature .feature-box .feature-dispalyIntro {
	position: relative;
	z-index: 99
}

.section-box#allFeature .dispalyIntro-box {
	position: relative
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyIntro-box {
		overflow: visible
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-wrapper {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-wrapper {
		display: block
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro {
	padding: 50px 4vw 95px 0;
	width: 55%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex: 1 2 500px;
	-moz-box-flex: 1;
	-ms-flex: 1 2 500px;
	flex: 1 2 500px
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro {
		float: left
	}
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro {
		float: none;
		width: 100%;
		padding: 7vw 0 45px 0
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .intro-box {
	max-width: 700px
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .intro-box h3 {
	width: 100%;
	font-size: 2.625em;
	margin: 0 0 20px 0vw;
	line-height: 1.1em;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .intro-box h3 {
		font-size: 2em
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .intro-box p {
	width: 100%;
	margin: 0 0 0px 0vw;
	position: relative;
	z-index: 100
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .softwareIcon-box {
	position: absolute;
	top: -60%;
	right: -3%;
	width: 45%;
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .softwareIcon-box {
		top: -55vw;
		right: -75vw;
		width: 130%
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .softwareIcon-box .softwareIcon-image {
	border-radius: 14%;
	position: relative;
	overflow: hidden;
	box-shadow: -100px 20px 150px #6cff00
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .softwareIcon-box .softwareIcon-image img {
	float: left
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-intro .softwareIcon-box .softwareIcon-image:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/software-icon-bg.jpg);
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
	opacity: 0.93
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-panel {
	width: 45%;
	-webkit-flex: 1 2 300px;
	-moz-box-flex: 1;
	-ms-flex: 1 2 300px;
	flex: 1 2 300px
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-panel {
		float: right
	}
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-panel {
		float: none;
		width: 100%
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-ui {
	float: right;
	position: relative;
	padding-top: 30px;
	padding-bottom: 15px
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-ui figure {
	width: 100%;
	border: 0px solid #2d8031;
	padding: 0px
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyIntro-box .dispalyIntro-ui figure {
		display: none
	}
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-ui figure img {
	width: 100%;
	float: left
}

.section-box#allFeature .dispalyIntro-box .dispalyIntro-wrapper::after {
	content: '';
	clear: both;
	display: table
}

.section-box#allFeature .dispalyFeature-box {
	margin-bottom: 5vw
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-wrapper {
	position: relative
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav {
	padding-bottom: 0px;
	font-size: 0;
	position: absolute;
	top: -60px;
	z-index: 100
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav {
		float: left;
		width: 50%;
		position: relative;
		left: auto;
		bottom: auto;
		top: -70px
	}
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav {
		width: 100%
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul {
	list-style: none;
	padding: 0;
	margin: 0
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		border-radius: 7px;
		border: 1px #c9c9c9 solid;
		background-color: #fff
	}
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list {
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		height: 45px;
		overflow: hidden
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul li {
	display: inline-block;
	padding: 0;
	vertical-align: bottom;
	margin-bottom: 5px
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul li:not(:last-child) {
	margin-right: 5px
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul li:not(:last-child) {
		margin: 0
	}
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list li {
		height: 45px;
		-webkit-flex: 0 0 auto;
		-moz-box-flex: 0;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav a {
	font-size: 1rem;
	display: inline-block;
	text-decoration: none;
	line-height: 1em;
	color: #333;
	font-weight: normal;
	padding: 10px 20px;
	border-radius: 30px;
	border: 1px solid #74ba00;
	background-color: rgba(255, 255, 255, 0.8)
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list li a {
		height: 45px;
		line-height: 45px;
		position: relative;
		white-space: nowrap;
		overflow: hidden;
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis
	}

	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list.-is-open {
		height: auto;
		min-height: 70px
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list li a.-active {
	color: #fff;
	background: #333;
	border: 1px solid #333
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list li a.-active {
		color: #74ba00;
		background: #fff;
		border: 0;
		border-bottom: 1px #e6e6e6 solid;
		padding: 0 45px 0 20px
	}
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul li a {
		width: 100%;
		border: 0;
		border-radius: 0px;
		padding: 0 20px 0 20px
	}

	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list li.-active>a:after {
		font-family: 'Font Awesome 5 Free';
		display: inline-block;
		vertical-align: middle;
		-webkit-font-smoothing: antialiased;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		font-size: 1.4em;
		font-weight: 900;
		content: '\f0d7';
		color: #c9c9c9;
		text-align: center;
		position: absolute;
		top: 0;
		right: 15px;
		-o-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		-webkit-transition: 0.3s
	}

	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list.-is-open li.-active>a:after {
		content: '\f0d8'
	}
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul.tabs-list li.-active {
		-webkit-order: -1;
		-moz-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		margin-bottom: 10px
	}
}

@media only screen and (max-width: 1200px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-nav ul li:last-child {
		margin-bottom: 10px
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-content {
	margin-left: -20px;
	border-top: 0px solid #999;
	border-bottom: 0px solid #333;
	position: relative;
	z-index: 99;
	padding: 1.5vw 0;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 30px
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-content {
		border: 0
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-content ul.list-box {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-content ul.list-box li.list-item {
	text-align: center;
	width: 20%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-content ul.list-box li.list-item {
		width: 50%
	}
}

@media only screen and (max-width: 576px) {
	.section-box#allFeature .dispalyFeature-box .dispalyFeature-content ul.list-box li.list-item {
		width: 100%
	}
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-content ul.list-box li.list-item:not(.hotkey) a {
	text-decoration: none;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	width: 100%;
	color: #555;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	-moz-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: -o-transform;
	-moz-transition-property: transform, -moz-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform, -moz-transform, -o-transform;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.section-box#allFeature .dispalyFeature-box .item-box {
	padding: 25px;
	width: 100%;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.section-box#allFeature .dispalyFeature-box .item-box .item-wrapper {
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: static;
	background: none
}

.section-box#allFeature .dispalyFeature-box .item-box .item-content {
	position: relative;
	text-align: left;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.section-box#allFeature .dispalyFeature-box .item-box .item-content p.note {
	color: #666;
	font-size: 0.875em;
	margin: 0
}

.section-box#allFeature .dispalyFeature-box .item-box .item-content p {
	line-height: 1.3em;
	margin-bottom: 0;
	-webkit-margin-before: 0;
	margin-block-start: 0;
	-webkit-margin-after: 6px;
	margin-block-end: 6px
}

.section-box#allFeature .dispalyFeature-box .item-box .item-content figure {
	width: auto;
	height: 60px
}

.section-box#allFeature .dispalyFeature-box .item-box .item-content figure img {
	height: 100%
}

.section-box#allFeature .dispalyFeature-box .item-box .item-content h4 {
	font-size: 1em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	line-height: 1.3em;
	margin-top: 20px;
	position: relative;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: 0.3s
}

.section-box#allFeature .dispalyFeature-box .dispalyFeature-content ul.list-box li.list-item.hotkey {
	width: 100%
}

.section-box#allFeature .dispalyFeature-box .hotkey .item-box {
	max-width: 1000px;
	margin: 0.5vw auto 0 auto;
	border-bottom: 1px solid #999
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .hotkey .item-box .item-wrapper {
		width: 100%;
		display: block
	}
}

.section-box#allFeature .dispalyFeature-box .hotkey .item-box .form-box .form-title {
	display: inline-block;
	margin: 5px 5px;
	line-height: 1.3em
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .hotkey .item-box .form-box .form-title {
		display: block
	}
}

.section-box#allFeature .dispalyFeature-box .hotkey .item-box .form-box .form-content {
	display: inline-block;
	margin: 5px 5px
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .hotkey .item-box .form-box .form-content {
		display: block;
		margin: 15px 0
	}
}

.section-box#allFeature .dispalyFeature-box .hotkey .item-box .form-box .form-submit {
	display: inline-block;
	margin: 10px 5px
}

@media only screen and (max-width: 800px) {
	.section-box#allFeature .dispalyFeature-box .hotkey .item-box .form-box .form-submit {
		display: block
	}
}

main#software .software-box .software-main {
	min-height: -webkit-calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px);
	min-height: -moz-calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px);
	min-height: calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px)
}

@media only screen and (max-width: 800px) {
	main#software .software-box .software-main {
		min-height: -webkit-calc(100vh - 246px
				/* footer */
				+ 1px);
		min-height: -moz-calc(100vh - 246px
				/* footer */
				+ 1px);
		min-height: calc(100vh - 246px
				/* footer */
				+ 1px)
	}
}

.softwareMain-box .section-box {
	padding: 50px 0
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	.softwareMain-box .section-box {
		padding: 50px 0
	}
}

@media only screen and (max-width: 800px) {
	.softwareMain-box .section-box {
		padding: 40px 0
	}
}

@media only screen and (max-width: 576px) {
	.softwareMain-box .section-box {
		padding: 20px 0
	}
}

.softwareMain-box .section-box .section-content {
	position: relative
}

.softwareMain-box .section-box .section-content>h3 {
	font-size: 2em;
	line-height: 1.2em;
	margin: 20px auto;
	padding: 0;
	text-align: center;
	max-width: 1000px
}

@media only screen and (max-width: 800px) {
	.softwareMain-box .section-box .section-content>h3 {
		font-size: 1.8em
	}
}

.softwareMain-box .section-box .section-content>p {
	font-size: 1.1em;
	text-align: center;
	line-height: 1.4em;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width: 800px) {
	.softwareMain-box .section-box .section-content>p {
		font-size: 1.1em
	}
}

.section-box#tutorialVideo .tutorialVideo-box .tutorialVideo-content {
	width: 100%;
	padding: 30px 0 30px 0
}

.section-box#tutorialVideo .tutorialVideo-box .tutorialVideo-content ul.list-box {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.section-box#tutorialVideo .tutorialVideo-box .tutorialVideo-content ul.list-box li.list-item {
	width: 33.3333%
}

@media only screen and (max-width: 800px) {
	.section-box#tutorialVideo .tutorialVideo-box .tutorialVideo-content ul.list-box li.list-item {
		width: 50%
	}
}

@media only screen and (max-width: 576px) {
	.section-box#tutorialVideo .tutorialVideo-box .tutorialVideo-content ul.list-box li.list-item {
		width: 100%
	}
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-wrapper {
	padding: 15px 25px;
	text-align: left;
	background: white;
	overflow: visible
}

@media only screen and (max-width: 800px) {
	.section-box#tutorialVideo .tutorialVideo-box .item-box .item-wrapper {
		padding: 10px 15px
	}
}

@media only screen and (max-width: 576px) {
	.section-box#tutorialVideo .tutorialVideo-box .item-box .item-wrapper {
		padding: 10px 0px
	}
}

.section-box#tutorialVideo .tutorialVideo-box .item-box a {
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	display: block
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-image {
	position: relative;
	background: #000;
	overflow: hidden
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-image .image-aspectRatio {
	height: 0;
	padding-bottom: 60%;
	opacity: 0.75;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: 0.3s
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-image .image-aspectRatio figure {
	-o-transition: 0.8s;
	-moz-transition: 0.8s;
	transition: 0.8s;
	-webkit-transition: 0.8s
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-image:after {
	font-family: 'Font Awesome 5 Free';
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.9em;
	font-weight: 900;
	content: '\f04b';
	color: #fff;
	line-height: 55px;
	width: 55px;
	height: 55px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.7);
	border-radius: 50%;
	position: absolute;
	left: -webkit-calc(50% - 27.5px);
	left: -moz-calc(50% - 27.5px);
	left: calc(50% - 27.5px);
	top: -webkit-calc(50% - 27.5px);
	top: -moz-calc(50% - 27.5px);
	top: calc(50% - 27.5px);
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-transition: 0.3s
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-content {
	position: relative
}

.section-box#tutorialVideo .tutorialVideo-box .item-box .item-content h4 {
	font-size: 1em;
	line-height: 1.3em;
	margin: 15px 0 20px 0;
	color: #333
}

.pagination {
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
	border-top: 1px solid #d3d3d3;
	text-align: center
}

.pagination {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	border-top: 0px solid #d3d3d3 !important;
	text-align: center
}

@media only screen and (max-width: 800px) {
	.pagination {
		padding: 20px 15px
	}
}

@media only screen and (max-width: 576px) {
	.pagination {
		padding: 15px 0px
	}
}

.section-box#tutorialVideo .tutorialVideo-box .tutorialVideo-content:after {
	content: '';
	clear: both;
	display: table
}

.pagination strong {
	color: #fff;
	font-weight: normal;
	margin: 5px;
	background-color: #666;
	border-radius: 50%;
	display: inline-block;
	min-width: 32px;
	height: 32px;
	line-height: 32px
}

.pagination a {
	list-style: none;
	font-size: 1em;
	cursor: pointer;
	margin: 5px;
	color: #333;
	text-decoration: none;
	border-radius: 50%;
	display: inline-block;
	min-width: 32px;
	height: 32px;
	line-height: 32px
}

.pagination a {
	list-style: none;
	font-size: 1em;
	cursor: pointer;
	margin: 5px;
	color: #333;
	border-radius: 50%;
	display: inline-block !important;
	min-width: 32px;
	height: 32px;
	line-height: 32px
}

.pagination a[rel~='next'] {
	margin-left: 25px
}

.pagination a[rel~='Previous'] {
	margin-right: 25px
}

main#software .software-box .software-main {
	min-height: -webkit-calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px);
	min-height: -moz-calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px);
	min-height: calc(100vh - 80px
			/* header */
			- 109px
			/* bar */
			- 246px)
}

@media only screen and (max-width: 800px) {
	main#software .software-box .software-main {
		min-height: -webkit-calc(100vh - 246px
				/* footer */
				+ 1px);
		min-height: -moz-calc(100vh - 246px
				/* footer */
				+ 1px);
		min-height: calc(100vh - 246px
				/* footer */
				+ 1px)
	}
}

.software-main#pricing .softwareMain-box .section-box .section-content>h3 {
	max-width: 850px;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	.software-main#pricing .softwareMain-box .section-box .section-content>h3 {
		margin-bottom: 20px
	}
}

.software-main#pricing .softwareMain-box .section-box {
	padding-bottom: 0
}

.software-main#pricing .softwareMain-box .section-box .section-content>p {
	text-align: center;
	line-height: 1.9em;
	max-width: 800px;
	padding-left: 20px;
	padding-right: 20px
}

@media only screen and (max-width: 576px) {
	.software-main#pricing .softwareMain-box .section-box .section-content>p {
		line-height: 1.6em
	}
}

.section-box#pricePlan .pricePlan-box {
	background-color: #f5f7f9;
	margin: -15px auto 0 auto;
	position: relative;
	overflow: hidden
}

@media only screen and (max-width: 1170px) {
	.section-box#pricePlan .pricePlan-box {
		margin-top: -10px
	}
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box {
		margin-top: 0px
	}
}

.section-box#pricePlan .pricePlan-box .pricePlan-wrapper {
	max-width: 1400px
}

.section-box#pricePlan .pricePlan-box:after {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 60px solid white;
	border-left: 50vw solid transparent;
	border-right: 50vw solid transparent
}

@media only screen and (max-width: 800px) {
	.section-box#pricePlan .pricePlan-box:after {
		border-top: 7vw solid white
	}
}

.section-box#pricePlan .pricePlan-box .pricePlan-content {
	padding: 6vw 20px 4vw 20px
}

@media only screen and (max-width: 800px) {
	.section-box#pricePlan .pricePlan-box .pricePlan-content {
		padding: 8vw 0 8vw 0
	}
}

.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 1170px) {
	.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box {
		display: block
	}
}

.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box li.list-item {
	width: 33.3333%;
	padding: 20px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 1170px) {
	.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box li.list-item {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
		padding: 15px
	}
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box li.list-item {
		padding: 10px 0
	}
}

.section-box#pricePlan .pricePlan-box .item-box {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	padding: 4px
}

.section-box#pricePlan .pricePlan-box .item-box.monthly {
	background: #57a884;
	background: -webkit-linear-gradient(left, #57a882 0%, #71ac47 100%);
	background: -moz-linear-gradient(left, #57a882 0%, #71ac47 100%);
	background: -o-linear-gradient(left, #57a882 0%, #71ac47 100%);
	background: linear-gradient(90deg, #57a882 0%, #71ac47 100%)
}

.section-box#pricePlan .pricePlan-box .item-box .item-wrapper {
	width: 100%;
	background-color: #fff;
	padding: 10px
}

.section-box#pricePlan .pricePlan-box .item-box .item-title {
	margin-bottom: 10px
}

.section-box#pricePlan .pricePlan-box .item-box .item-title h4 {
	position: relative;
	padding: 7px 0px 0 40px;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	min-height: 35px;
	text-align: left
}

.section-box#pricePlan .pricePlan-box .item-box .item-title h4 img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0
}

.section-box#pricePlan .pricePlan-box .item-box .item-content {
	padding: 0 20px;
	width: 100%;
	height: auto;
	position: relative;
	display: block
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-content {
		padding: 0 10px
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-price {
	text-align: center;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif';
	font-size: 4.4rem;
	line-height: 1em;
	padding: 35px 0;
	white-space: nowrap
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-price {
		padding: 5vw 0;
		font-size: 3.8rem
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-price span {
	font-size: 2.3rem;
	margin-right: 8px;
	vertical-align: super
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-price span {
		font-size: 2rem
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-feature {
	text-align: center;
	color: #666
}

.section-box#pricePlan .pricePlan-box .item-box .item-feature p {
	line-height: 1.3em;
	font-size: 1.1em
}

.section-box#pricePlan .pricePlan-box .item-box .item-download {
	margin: 0 auto 0 auto;
	padding: 20px 0 30px 0
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-download {
		padding: 0px 0 20px 0
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack {
	display: block;
	text-align: center;
	padding: 0 0 0px 0;
	height: 55px
}

@media only screen and (max-width: 1170px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack {
		height: auto
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack li {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 7px
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack li a {
	color: #333
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack li .os-icon {
	display: block;
	font-size: 13px;
	line-height: 1.7em;
	white-space: nowrap
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack li a .os-icon {
	color: #000
}

.section-box#pricePlan .pricePlan-box .item-box.monthly .item-download ul.link-stack li .os-icon {
	color: #57a882
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack li .os-icon img {
	width: auto;
	height: 40px;
	display: block;
	margin: 0 auto
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack>*+* {
	margin-left: 10px
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack>*+* {
		margin-left: 5px
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-download ul.link-stack li {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 7px
}

.section-box#pricePlan .pricePlan-box .item-box .item-description {
	font-size: 0.95em;
	line-height: 1.6em;
	color: #333;
	padding: 30px 0;
	position: relative;
	text-align: left
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .item-box .item-description {
		padding: 20px 0
	}
}

.section-box#pricePlan .pricePlan-box .item-box .item-description::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	border-bottom: 2px solid;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px
}

.section-box#pricePlan .pricePlan-box .item-box.monthly .item-description::before {
	-moz-border-image: -moz-linear-gradient(left, #57a882 0%, #71ac47 100%);
	-o-border-image: -o-linear-gradient(left, #57a882 0%, #71ac47 100%);
	border-image: -webkit-linear-gradient(left, #57a882 0%, #71ac47 100%);
	border-image: linear-gradient(to right, #57a882 0%, #71ac47 100%);
	border-image-slice: 1
}

.section-box#pricePlan .pricePlan-box .item-box.yearly .item-description::before {
	-moz-border-image: -moz-linear-gradient(left, #5576a7 0%, #64a8aa 100%);
	-o-border-image: -o-linear-gradient(left, #5576a7 0%, #64a8aa 100%);
	border-image: -webkit-linear-gradient(left, #5576a7 0%, #64a8aa 100%);
	border-image: linear-gradient(to right, #5576a7 0%, #64a8aa 100%);
	border-image-slice: 1
}

.section-box#pricePlan .pricePlan-box .item-box .item-description ul {
	margin: 10px 0 0 20px;
	padding: 0 5px;
	list-style: none
}

.section-box#pricePlan .pricePlan-box .item-box .item-description ul li {
	text-indent: -20px;
	margin-bottom: 10px
}

.section-box#pricePlan .pricePlan-box .item-box .item-description ul li:before {
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	font-size: 0.8em;
	font-weight: 900;
	content: '\f00c';
	margin-right: 7px
}

.section-box#pricePlan .pricePlan-box .item-box.monthly .item-description ul li:before {
	color: #5bb186
}

.section-box#pricePlan .pricePlan-box .item-box.yearly .item-description ul li:before {
	color: #597db2
}

.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box li.list-item {
	width: 33.3333%;
	padding: 20px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 1170px) {
	.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box li.list-item {
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
		padding: 15px
	}
}

@media only screen and (max-width: 576px) {
	.section-box#pricePlan .pricePlan-box .pricePlan-content ul.list-box li.list-item {
		padding: 10px 0
	}
}

.section-box#pricePlan .pricePlan-box .item-box {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
	padding: 4px
}

.section-box#pricePlan .pricePlan-box .item-box.yearly {
	background: #5576a7;
	background: -webkit-linear-gradient(left, #5576a7 0%, #64a8aa 100%);
	background: -moz-linear-gradient(left, #5576a7 0%, #64a8aa 100%);
	background: -o-linear-gradient(left, #5576a7 0%, #64a8aa 100%);
	background: linear-gradient(90deg, #5576a7 0%, #64a8aa 100%)
}

.section-box#pricePlan .pricePlan-box .item-box .item-wrapper {
	width: 100%;
	background-color: #fff;
	padding: 10px
}

.section-box#pricePlan .pricePlan-box .item-box .item-title {
	margin-bottom: 10px
}

.section-box#pricePlan .pricePlan-box .item-box .item-title h4 {
	position: relative;
	padding: 7px 0px 0 40px;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.3em;
	min-height: 35px;
	text-align: left
}

.section-box#pricePlan .pricePlan-box .item-box .item-title h4 img {
	width: 32px;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0
}

.section-box#pricePlan .pricePlan-box:after {
	content: ' ';
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-top: 60px solid white;
	border-left: 50vw solid transparent;
	border-right: 50vw solid transparent
}

@media only screen and (max-width: 800px) {
	.section-box#pricePlan .pricePlan-box:after {
		border-top: 7vw solid white
	}
}

.about-info {
	width: 100%;
	padding: 150px 0 100px
}

@media only screen and (max-width: 960px) {
	.about-info {
		padding: 80px 0
	}
}

.about-info p {
	line-height: 2em;
	font-size: 1.25em
}

@media only screen and (max-width: 960px) {
	#about p {
		font-size: 1em
	}
}

.about-how {
	width: 100%;
	margin: 5% auto;
	background: #fff
}

.about-how h2,
.about-info h2 {
	text-align: center;
	padding-bottom: 1.6em;
	font-size: 1.25em;
	line-height: 1.2em
}

.about-how h3::before,
.about-info::before {
	width: 1px;
	height: 40px;
	margin: 0 auto 30px;
	background: #000;
	text-align: center;
	content: '';
	display: block;
	clear: both
}

.about-how dl {
	padding-bottom: 1.5em;
	line-height: 1.7em
}

.about-how dt {
	margin-top: 3em;
	padding-bottom: 0.5em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

#about dd,
#about ul {
	margin: 0;
	padding: 0
}

.about-brand {
	width: 100%;
	height: 480px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/about-videoPhoto-VI.jpg) no-repeat center top;
	-o-background-size: cover;
	background-size: cover;
	position: relative
}

.about-brand a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.about-brand::before {
	position: absolute;
	content: '';
	z-index: 1;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #0000008a;
	text-align: center;
	line-height: 20px;
	color: #ffffff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	pointer-events: none;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease
}

.about-brand::after {
	z-index: 2;
	position: absolute;
	font-size: 1.1em;
	font-weight: 900;
	content: '\f04b';
	font-family: 'Font Awesome 5 Free';
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer;
	pointer-events: none;
	margin-left: 2px;
	color: #ffffff
}

.about-brand:hover::before {
	background: #74ba26
}

.about-brand .play {
	margin: 10% auto;
	padding-top: 220px;
	text-align: center
}

@media only screen and (max-width: 960px) {
	.about-brand .play {
		padding-top: 100px
	}
}

.about-brand .play img {
	width: 80px;
	height: auto
}

#about::after {
	content: '';
	display: block;
	clear: both
}

.about-banner {
	position: relative;
	height: 650px
}

.about-banner h1 {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	color: #ffffff;
	font-size: 4em;
	letter-spacing: 1px
}

@media only screen and (max-width: 900px) {
	.about-banner h1 {
		font-size: 2.4em
	}
}

.about-banner img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.contactMap {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-bottom: 5%;
	background: #f6f6f6;
	position: relative
}

@media only screen and (max-width: 1440px) {
	.contactMap {
		padding-bottom: 8%
	}
}

@media only screen and (max-width: 1280px) {
	.contactMap {
		padding-bottom: 18%
	}
}

@media only screen and (max-width: 1024px) {
	.contactMap {
		padding-bottom: 20%
	}
}

@media only screen and (max-width: 960px) {
	.contactMap {
		padding-bottom: 35%
	}
}

@media only screen and (max-width: 768px) {
	.contactMap {
		padding-bottom: 55%
	}
}

@media only screen and (max-width: 576px) {
	.contactMap {
		padding-bottom: 70%
	}
}

@media only screen and (max-width: 480px) {
	.contactMap {
		padding-bottom: 120%
	}
}

#contact section {
	width: 100%;
	-webkit-text-size-adjust: none
}

.contactMap-info {
	width: 65%;
	margin: 0 auto;
	padding-top: 2%;
	text-align: center;
	position: relative
}

@media only screen and (max-width: 768px) {
	.contactMap-info {
		width: 80%;
		margin: 0 auto
	}
}

#contact h1 {
	font-size: 2em;
	line-height: 1.1em;
	margin: revert
}

@media only screen and (max-width: 768px) {
	#contact h1 {
		font-size: 2em
	}
}

@media only screen and (max-width: 576px) {
	#contact h1 {
		font-size: 1.5em;
		line-height: 1.1em
	}
}

.contactMap-tag {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10
}

@media only screen and (max-width: 1600px) {
	.contactMap-tag {
		top: -1.5%
	}
}

@media only screen and (max-width: 1440px) {
	.contactMap-tag {
		top: -2.5%
	}
}

@media only screen and (max-width: 1280px) {
	.contactMap-tag {
		top: -3.5%
	}
}

@media only screen and (max-width: 1024px) {
	.contactMap-tag {
		left: -1.5%
	}
}

@media only screen and (max-width: 960px) {
	.contactMap-tag {
		top: 14%;
		left: 0
	}
}

@media only screen and (max-width: 768px) {
	.contactMap-tag {
		top: 11%;
		cursor: unset
	}
}

@media only screen and (max-width: 576px) {
	.contactMap-tag {
		top: 8%;
		left: -1%
	}
}

.contact-office {
	position: absolute
}

@media only screen and (max-width: 1280px) {
	.contact-office {
		-webkit-transform: scale(0.9, 0.9);
		-moz-transform: scale(0.9, 0.9);
		-ms-transform: scale(0.9, 0.9);
		-o-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9)
	}
}

@media only screen and (max-width: 1024px) {
	.contact-office {
		-webkit-transform: scale(0.6, 0.6);
		-moz-transform: scale(0.6, 0.6);
		-ms-transform: scale(0.6, 0.6);
		-o-transform: scale(0.6, 0.6);
		transform: scale(0.6, 0.6)
	}
}

@media only screen and (max-width: 960px) {
	.contact-office {
		-webkit-transform: scale(0.6, 0.6);
		cursor: default
	}
}

@media only screen and (max-width: 576px) {
	.contact-office {
		-webkit-transform: scale(0.4, 0.4);
		cursor: default
	}
}

.contact-office.us {
	top: 34.5%;
	left: 71.5%
}

@media only screen and (max-width: 960px) {
	.contact-office.us {
		top: 16.5%;
		left: 70.5%
	}
}

.contact-office a {
	color: #74ba00;
	text-decoration: none
}

.contact-office .on {
	color: #333;
	-webkit-transform: translate(0px, -5px);
	-moz-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	transform: translate(0px, -5px);
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

@media only screen and (max-width: 960px) {
	.contact-office span {
		color: #74ba00
	}
}

.contact-office a span {
	color: #000
}

.contact-office.ca {
	top: 26%;
	left: 76%
}

@media only screen and (max-width: 960px) {
	.contact-office.ca {
		top: 9%;
		left: 72%
	}
}

.contact-office.jp {
	top: 36%;
	left: 45.5%
}

@media only screen and (max-width: 960px) {
	.contact-office.jp {
		top: 19.5%;
		left: 45.5%
	}
}

.contact-office.uk {
	top: 20%;
	left: 10%
}

@media only screen and (max-width: 768px) {
	.contact-office.uk {
		top: 5%;
		left: 8%
	}
}

@media only screen and (max-width: 960px) {
	.contact-office.uk {
		top: 5%;
		left: 9%
	}
}

.contact-office.tw {
	top: 42%;
	left: 42%
}

@media only screen and (max-width: 960px) {
	.contact-office.tw {
		top: 27%;
		left: 41.5%
	}
}

.contact-office.nl {
	top: 27%;
	left: 11.5%
}

@media only screen and (max-width: 960px) {
	.contact-office.nl {
		top: 14%;
		left: 10.5%
	}
}

.contactMap .desktop dl {
	padding: 1.5%;
	width: 45%;
	position: absolute;
	top: 50%;
	left: 40%;
	z-index: 11;
	text-align: left;
	border: #fff solid 1px;
	border-radius: 2em;
	background: rgba(255, 255, 255, 0.4)
}

@media only screen and (max-width: 1600px) {
	.contactMap .desktop dl {
		width: 50%;
		top: 50%;
		left: 40%
	}
}

@media only screen and (max-width: 1440px) {
	.contactMap .desktop dl {
		width: 55%
	}
}

@media only screen and (max-width: 1280px) {
	.contactMap .desktop dl {
		width: 65%;
		top: 55%;
		left: 17.5%
	}
}

@media only screen and (max-width: 1024px) {
	.contactMap .desktop dl {
		width: 70%;
		top: 55%;
		left: 15%
	}
}

.contactMap .desktop dt {
	margin-bottom: 1em;
	font-size: 1.25em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

.contactMap dt span {
	color: #000
}

#contact dd,
#contact ul {
	margin: 0;
	padding: 0
}

#contact li {
	list-style: none
}

.contactMap dd li p {
	float: right;
	padding: 0;
	margin: 0;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px)
}

.contactMap dd div {
	margin: 0.5em 0.5em 0;
	display: inline-block;
	color: #888;
	vertical-align: top;
	text-align: center
}

.contactMap dd div a {
	padding: 0.5em 0em;
	display: inline-block;
	color: #4a8404;
	text-decoration: underline
}

.contactMap-bg {
	width: 80%;
	height: 100%;
	margin: 0 auto;
	position: relative
}

.contactMap-bg img {
	width: 100%;
	height: auto
}

.intlSales {
	width: 100%;
	min-height: 600px;
	position: relative;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/contact-bg-earth.svg) no-repeat 90% 8em
}

#contact section {
	width: 100%;
	-webkit-text-size-adjust: none
}

.intlSales-info {
	width: 90%;
	margin: 5% auto 5%;
	text-align: center
}

@media only screen and (max-width: 960px) {
	.intlSales-info {
		margin: 10% auto 5%
	}
}

#contact h2 {
	font-size: 2em;
	line-height: 1.1em
}

@media only screen and (max-width: 768px) {
	#contact h2 {
		font-size: 2em
	}
}

@media only screen and (max-width: 576px) {
	#contact h2 {
		font-size: 1.5em;
		line-height: 1.1em
	}
}

.intlSales .list {
	width: 100%;
	margin: 0 auto
}

@media only screen and (max-width: 1600px) {
	.intlSales .list {
		width: 92%
	}
}

@media only screen and (max-width: 1280px) {
	.intlSales .list {
		width: 95%;
		margin: 0 auto
	}
}

@media only screen and (max-width: 960px) {
	.intlSales .list {
		width: 96%
	}
}

@media only screen and (max-width: 768px) {
	.intlSales .list {
		width: 96%
	}
}

@media only screen and (max-width: 576px) {
	.intlSales .list {
		width: 85%
	}
}

.intlSales .list dl {
	float: left;
	width: 25%;
	padding: 0 0 8% 0;
	height: 200px
}

@media only screen and (max-width: 1280px) {
	.intlSales .list dl {
		float: left;
		width: 25%;
		padding: 0 0 8% 3%
	}
}

@media only screen and (max-width: 1024px) {
	.intlSales .list dl {
		width: 50%;
		padding: 0 0 8% 5%
	}
}

@media only screen and (max-width: 576px) {
	.intlSales .list dl {
		width: 100%;
		padding: 0 0 8% 0;
		font-size: 0.85em;
		height: auto
	}
}

.intlSales .list dt {
	font-size: 1.25em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

#contact .intlSales .list dd {
	margin-top: 1em
}

.intlSales .list li a {
	color: #333;
	text-decoration: underline
}

.icon-intlSales-externalLink::after {
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-contact-link.svg) no-repeat;
	-o-background-size: cover;
	background-size: cover
}

.intlSales .list li .link::after {
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased
}

.intlSales .list::after {
	content: '';
	display: block;
	clear: both
}

.icon-intlSales-email::after {
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-contact-email.svg) no-repeat;
	-o-background-size: cover;
	background-size: cover
}

.mobile {
	display: none
}

@media only screen and (max-width: 960px) {
	.mobile {
		display: block
	}
}

@media only screen and (max-width: 960px) {
	.desktop {
		display: none
	}
}

@media only screen and (max-width: 960px) {
	.contactMap .mobile li {
		list-style: none
	}
}

@media only screen and (max-width: 960px) {
	.contactMap .mobile .slick-slider {
		position: absolute;
		left: -webkit-calc(100% / 2 - 40%);
		left: -moz-calc(100% / 2 - 40%);
		left: calc(100% / 2 - 40%);
		top: 45%;
		z-index: 30
	}
}

@media only screen and (max-width: 960px) {
	.contactMap .mobile .slider {
		width: 80%;
		margin: 5% auto 0;
		border: #fff solid 1px;
		border-radius: 2em;
		background: rgba(255, 255, 255, 0.4)
	}
}

@media only screen and (max-width: 768px) {
	.contactMap .mobile .slick-slider {
		position: absolute;
		left: -webkit-calc(100% / 2 - 50%);
		left: -moz-calc(100% / 2 - 50%);
		left: calc(100% / 2 - 50%);
		top: 50%
	}
}

@media only screen and (max-width: 768px) {
	.contactMap .mobile .slider {
		width: 100%
	}
}

.contactMap .mobile .slick-slider {
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.contactMap .mobile .slick-dots {
	bottom: -35px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 4% 0;
	list-style: none;
	text-align: center
}

.contactMap .mobile .slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.contactMap .mobile .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	background: transparent
}

.contactMap .mobile .slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: 0.25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.contactMap .mobile .slick-dots li.slick-active button:before {
	opacity: 0.75;
	color: black
}

.contactMap dd li::after {
	content: '';
	display: block;
	clear: both
}

.contactMap dd ul::after {
	content: '';
	display: block;
	margin-bottom: 2em
}

.icon-contactMap-map:before {
	float: left;
	margin-top: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-contact-map.svg) no-repeat;
	-o-background-size: contain;
	background-size: contain
}

.contactMap dd li:before {
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased
}

.contactMap dd li:first-child:before {
	display: none
}

.contactMap dd li::after {
	content: '';
	display: block;
	clear: both
}

@media only screen and (max-width: 960px) {
	.contactMap .mobile dl {
		padding: 3%;
		text-align: left
	}
}

@media only screen and (max-width: 960px) {
	.contactMap .mobile dt {
		margin-bottom: 1em;
		font-size: 1.5em;
		font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
	}
}

.icon-contactMap-envelope:before {
	float: left;
	margin-top: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-contact-mail.svg) no-repeat;
	-o-background-size: contain;
	background-size: contain
}

.icon-contactMap-phone:before {
	float: left;
	margin-top: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-contact-phone.svg) no-repeat;
	-o-background-size: contain;
	background-size: contain
}

.icon-contactMap-clock:before {
	float: left;
	margin-top: 5px;
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-contact-clock.svg) no-repeat;
	-o-background-size: contain;
	background-size: contain
}

.dl-full {
	width: 100% !important
}

main#mediaroom.main-box {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

main#mediaroom .page-box .PKVbanner-box {
	width: 100%;
	max-height: 300px;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background-color: #000
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .PKVbanner-box {
		height: 20vh;
		min-height: 180px
	}
}

.PKVbanner-box .PKVbanner-wrapper {
	width: 100%;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	overflow: hidden
}

.PKVbanner-box .PKVbanner-content {
	color: #333;
	margin-bottom: 5px;
	z-index: 100
}

.PKVbanner-box .PKVbanner-content p {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
	color: #666
}

.PKVbanner-box .PKVbanner-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-transition: 1s linear;
	-moz-transition: 1s linear;
	transition: 1s linear;
	-webkit-transition: 1s linear
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-wrapper {
	width: 100%;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	overflow: hidden
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-content {
	color: #fff;
	margin-top: 80px;
	margin-bottom: 80px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	z-index: 100
}

main#mediaroom.main-box h1,
main#mediaroom.main-box h2,
main#mediaroom.main-box h3,
main#mediaroom.main-box h4,
main#mediaroom.main-box h5,
main#mediaroom.main-box h6 {
	font-family: 'SimplonNorm-medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-content h1 {
	font-family: 'SimplonNorm-medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	line-height: 0.9em;
	font-weight: normal;
	margin: 0 0 5px 0;
	color: #fff;
	text-transform: uppercase
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .PKVbanner-box .PKVbanner-content h1 {
		font-size: 2.8em
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .PKVbanner-box .PKVbanner-content h1 {
		font-size: 2.3em
	}
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-content p {
	font-size: 15px;
	line-height: 1.4em;
	margin: 0;
	color: #fff
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-content p.subtitle {
	font-size: 1.125em;
	line-height: 1.2em
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .PKVbanner-box .PKVbanner-content p.subtitle {
		font-size: 1em
	}
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-transition: 1.5s linear;
	-moz-transition: 1.5s linear;
	transition: 1.5s linear;
	-webkit-transition: 1.5s linear
}

main#mediaroom .page-box .PKVbanner-box .PKVbanner-image img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

main#mediaroom .page-box .page-content {
	position: relative
}

main#mediaroom .page-box .latestNews-box {
	padding: 70px 0 100px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box {
		padding: 40px 0 70px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .latestNews-box {
		padding: 30px 0 50px 0
	}
}

main#mediaroom .page-box .latestNews-box .latestNews-wrapper {
	max-width: 1640px
}

main#mediaroom .page-box .page-content h2 {
	font-size: 3.5em;
	line-height: 1em;
	margin: 10px 0;
	text-transform: uppercase;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .page-content h2 {
		font-size: 2.25em
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .page-content h2 {
		font-size: 1.8em;
		margin: 5px 0
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content dl.newsList-pin {
	list-style: none;
	margin: 0 -20px;
	padding: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content dl.newsList-pin {
		margin: 0 -15px;
		display: block
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content dl.newsList-pin dd {
	padding: 10px 20px;
	margin: 0;
	width: 33.3333%
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content dl.newsList-pin dd {
		width: 100%;
		padding: 10px 15px
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box a {
	display: block;
	text-decoration: none;
	color: #000
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-image {
	width: 230px;
	height: 100%;
	overflow: hidden;
	margin-right: 40px
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-image {
		margin-right: 24px
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-image {
		width: 150px;
		margin-right: 25px
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-image {
	width: 100%;
	height: 100%
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-image .image-aspectRatio {
	padding-bottom: 70%;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	-o-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -o-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	-moz-transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -moz-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1), -moz-transform 400ms cubic-bezier(0.4, 0, 0.25, 1), -o-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1)
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box a:hover .story-image .image-aspectRatio {
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-o-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03)
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-image .image-aspectRatio {
	padding-bottom: 90%
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-content {
	width: -webkit-calc(100% - 230px);
	width: -moz-calc(100% - 230px);
	width: calc(100% - 230px);
	padding: 0 40px 0 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-content {
		padding: 0 0px 0 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-content {
		width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: calc(100% - 150px);
		padding: 0 0px 0 0
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-content {
	width: 100%;
	padding: 20px 0px
}

main#mediaroom .page-box .page-content p {
	font-size: 1em;
	line-height: 1.4em
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy p {
	font-size: 1.125em;
	margin: 0 0 15px 0;
	line-height: 1.3em !important
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy p {
		font-size: 1em
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy p.category {
	min-height: 25px;
	color: #db3a00;
	text-transform: uppercase;
	margin-bottom: 10px;
	position: relative
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy p.category {
		min-height: 20px
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy p {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy p {
		font-size: 1em;
		margin: 0 0 10px 0
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy p.category {
	padding-right: 30px
}

main#mediaroom.main-box strong {
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif'
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy .pin {
	position: absolute;
	top: 0;
	right: 0
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy .pin img {
	width: 18px;
	height: 18px;
	float: left
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy h3 {
	font-size: 1.5em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	margin: 10px 0 20px 0;
	line-height: 1em
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy h3 {
		font-size: 1.325em;
		margin: 10px 0 10px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy h3 {
		font-size: 1.125em
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy h3 {
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	font-size: 2em;
	margin: 10px 0 15px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy h3 {
		font-size: 1.5em;
		margin: 10px 0 10px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy h3 {
		font-size: 1.325em
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy p {
	font-size: 1.125em;
	margin: 0 0 15px 0;
	line-height: 1.3em !important
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy p {
		font-size: 1em
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy p {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box dl.newsList-pin .news-box .news-copy p {
		font-size: 1em;
		margin: 0 0 10px 0
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .news-box .news-copy time {
	display: block;
	color: #666
}

main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list {
	list-style: none;
	margin: 0;
	padding: 30px 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #d6d6d6
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list {
		display: block
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list .dd {
	padding: 12px 0;
	margin: 0;
	width: 50%
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list .dd {
		width: 100%;
		padding: 10px 0
	}
}

main#mediaroom .page-box .latestNews-box .latestNews-content ul.link-stack {
	text-align: center;
	margin: 50px 0 0 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .latestNews-content ul.link-stack {
		margin: 0px 0 0 0
	}
}

main#mediaroom .page-box .latestNews-box .latestNews-content ul.link-stack li {
	float: none
}

main#mediaroom.main-box .btn {
	border-radius: 0;
	font-size: 1.125em;
	padding: 0 40px;
	height: 50px;
	line-height: 50px
}

main#mediaroom .page-box .latestNews-box .latestNews-content ul.link-stack li .btn {
	min-width: 300px
}

main#mediaroom .page-box .latestNews-box .latestNews-content .newsList-box h2 {
	font-size: 1em;
	margin: 0
}

main#mediaroom .page-box .importantAnnouncements-box {
	padding: 70px 0 100px 0;
	background-color: #000;
	color: #fff
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .importantAnnouncements-box {
		padding: 30px 0 90px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .importantAnnouncements-box {
		padding: 20px 0 70px 0
	}
}

main#mediaroom .page-box .importantAnnouncements-box .importantAnnouncements-wrapper {
	max-width: 1640px
}

main#mediaroom .page-box .importantAnnouncements-box .importantAnnouncements-content {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .importantAnnouncements-box .importantAnnouncements-content {
		display: block
	}
}

main#mediaroom .page-box .importantAnnouncements-box .importantAnnouncements-content h2 {
	width: 50%;
	max-width: 500px;
	padding-top: 30px
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .importantAnnouncements-box .importantAnnouncements-content h2 {
		width: 100%;
		max-width: 100%;
		padding-bottom: 30px
	}
}

main#mediaroom .page-box .importantAnnouncements-box .announcements-box {
	width: 50%
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .importantAnnouncements-box .announcements-box {
		width: 100%
	}
}

#accordion-announcements.animated-accordion {
	border-bottom: 1px solid #494948
}

@media only screen and (max-width: 800px) {
	#accordion-announcements.animated-accordion {
		border-top: 1px solid #494948
	}
}

#accordion-announcements .animated-accordion__header {
	display: block;
	background: none;
	border: 0;
	font-size: 2em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	color: #fff;
	line-height: 1em;
	margin: 0;
	padding: 40px 50px 40px 0;
	text-align: left;
	width: 100%;
	border-top: 1px solid #494948;
	cursor: pointer;
	position: relative
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	#accordion-announcements .animated-accordion__header {
		font-size: 1.5em;
		padding: 30px 50px 30px 0
	}
}

@media only screen and (max-width: 800px) {
	#accordion-announcements .animated-accordion__header {
		font-size: 1.5em;
		padding: 30px 50px 30px 0
	}
}

@media only screen and (max-width: 576px) {
	#accordion-announcements .animated-accordion__header {
		font-size: 1.325em
	}
}

#accordion-announcements .animated-accordion__header:nth-of-type(1) {
	border-top: 0
}

#accordion-announcements .animated-accordion__header[aria-expanded='true']:before {
	content: '';
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-plus-white.svg);
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 35px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

#accordion-announcements .animated-accordion__header[aria-expanded='false']:before {
	content: '';
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-plus-white.svg);
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 35px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

@media only screen and (max-width: 800px) {

	#accordion-announcements .animated-accordion__header[aria-expanded='false']:before,
	#accordion-announcements .animated-accordion__header[aria-expanded='true']:before {
		top: 22px;
		width: 35px;
		height: 35px
	}
}

#accordion-announcements .animated-accordion__panel {
	display: block;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	-o-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	-moz-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	max-height: 100em;
	visibility: visible;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin: 0;
	padding: 0
}

#accordion-announcements .animated-accordion__title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

#accordion-announcements .animated-accordion__panel .js-accordion__content {
	padding: 0 0 40px 0
}

@media only screen and (max-width: 800px) {
	#accordion-announcements .animated-accordion__panel .js-accordion__content {
		padding: 0 0 30px 0
	}
}

#accordion-announcements .animated-accordion__panel .js-accordion__content time {
	display: block;
	margin: 0 0 30px 0;
	color: #b8b8b8
}

#accordion-announcements .animated-accordion__panel .js-accordion__content p {
	line-height: 1.4em;
	margin: 15px 0;
	padding: 0
}

main#mediaroom .page-box .page-content p {
	font-size: 1em;
	line-height: 1.4em
}

#accordion-announcements .animated-accordion__panel .js-accordion__content a {
	color: #fff;
	text-decoration: underline
}

#accordion-announcements [aria-hidden='true'].animated-accordion__panel {
	display: block;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1s, 0s, 0s;
	-moz-transition-delay: 1s, 0s, 0s;
	-o-transition-delay: 1s, 0s, 0s;
	transition-delay: 1s, 0s, 0s;
	margin: 0;
	padding: 0
}

main#mediaroom .page-box .successStories-box {
	padding: 70px 0 100px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .successStories-box {
		padding: 50px 0 70px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .successStories-box {
		padding: 30px 0 50px 0
	}
}

main#mediaroom .page-box .successStories-box .successStories-wrapper {
	max-width: 1640px
}

main#mediaroom .page-box .successStories-box .storyList-box {
	margin: 0 -20px
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .successStories-box .storyList-box {
		margin: 0 0px
	}
}

#mediaroomStory.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

#mediaroomStory.slick-dotted.slick-slider {
	margin-bottom: 50px
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box {
	width: 100%;
	height: 100%;
	left: auto !important;
	top: auto !important;
	position: relative !important
}

#mediaroomStory .slick-prev,
#mediaroomStory .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: -50px;
	display: block;
	width: 40px;
	height: 40px;
	border: 2px solid #000;
	border-radius: 50%;
	padding: 0;
	cursor: pointer;
	color: #333;
	z-index: 1001;
	background: transparent;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transition: all 0.3s
}

#mediaroomStory .slick-prev {
	right: 75px
}

@media only screen and (max-width: 1200px) {
	#mediaroomStory .slick-prev {
		right: 65px
	}
}

@media only screen and (max-width: 800px) {
	#mediaroomStory .slick-prev {
		right: 52px
	}
}

#mediaroomStory .slick-next {
	right: 25px
}

@media only screen and (max-width: 1200px) {
	#mediaroomStory .slick-next {
		right: 15px
	}
}

@media only screen and (max-width: 800px) {
	#mediaroomStory .slick-next {
		right: 2px
	}
}

#mediaroomStory .slick-prev:before,
#mediaroomStory .slick-next:before {
	content: '';
	display: block;
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 5px;
	position: relative
}

#mediaroomStory .slick-prev:before {
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	left: 3px
}

#mediaroomStory .slick-next:before {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: 3px
}

#mediaroomStory .slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

#mediaroomStory.slick-slider .slick-track,
#mediaroomStory.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#mediaroomStory .slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

#mediaroomStory.slick-slider .slick-track,
#mediaroomStory.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

#mediaroomStory .slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

#mediaroomStory.slick-initialized .slick-slide {
	display: block;
	border: 2px solid transparent;
	margin: 0
}

@media only screen and (max-width: 800px) {
	#mediaroomStory.slick-initialized .slick-slide {
		margin: 0
	}
}

#mediaroomStory.slider-box .slider-story {
	width: 100%;
	position: relative;
	float: left;
	padding: 0 20px
}

@media only screen and (max-width: 800px) {
	#mediaroomStory.slider-box .slider-story {
		padding: 0 0px
	}
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-wrapper {
	width: 100%;
	height: 100%;
	float: left;
	background-color: #000;
	color: #fff;
	position: relative
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-wrapper:hover .story-copy h4 {
	color: #db3a00
}

.storyList-box .slider-box .story-content {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 40px;
	z-index: 1000;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-content {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	padding: 40px;
	z-index: 1000;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-content {
		padding: 20px
	}
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy p {
	font-size: 1.125em;
	margin: 0 0 15px 0;
	line-height: 1.3em !important
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy p {
		font-size: 1em
	}
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy p.category {
	color: #db3a00;
	text-transform: uppercase;
	margin-bottom: 10px
}

main#mediaroom.main-box strong {
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial',
		'sans-serif'
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy h3 {
	font-size: 2em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	margin: 10px 0 25px 0;
	line-height: 1em;
	-webkit-transition: color 0.4s ease;
	-o-transition: color 0.4s ease;
	-moz-transition: color 0.4s ease;
	transition: color 0.4s ease
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy h3 {
		font-size: 1.5em;
		margin: 10px 0 10px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy h3 {
		font-size: 1.325em
	}
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-copy time {
	display: block;
	color: #b8b8b8
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-image {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-image:before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box .story-image .image-aspectRatio {
	padding-bottom: 80%;
	-webkit-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	-o-transition: opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -o-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	-moz-transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -moz-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1), -moz-transform 400ms cubic-bezier(0.4, 0, 0.25, 1), -o-transform 400ms cubic-bezier(0.4, 0, 0.25, 1);
	transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), opacity 1s cubic-bezier(0.4, 0, 0.25, 1), -webkit-transform 400ms cubic-bezier(0.4, 0, 0.25, 1)
}

main#mediaroom .page-box .successStories-box .storyList-box .slider-box a:hover .story-image .image-aspectRatio {
	-webkit-transform: scale(1.03, 1.03);
	-moz-transform: scale(1.03, 1.03);
	-ms-transform: scale(1.03, 1.03);
	-o-transform: scale(1.03, 1.03);
	transform: scale(1.03, 1.03)
}

#mediaroomStory .slick-slide img {
	display: block
}

#mediaroomStory .slick-track:after {
	clear: both
}

#mediaroomStory .slick-dots {
	position: absolute;
	bottom: -30px;
	display: block;
	width: 100%;
	padding: 0 20px;
	margin: 0;
	list-style: none;
	text-align: left
}

@media only screen and (max-width: 1200px) {
	#mediaroomStory .slick-dots {
		padding: 0 12px
	}
}

@media only screen and (max-width: 800px) {
	#mediaroomStory .slick-dots {
		padding: 0
	}
}

#mediaroomStory .slick-active {
	opacity: 1 !important
}

#mediaroomStory .slick-dots>li {
	display: inline-block
}

#mediaroomStory .slick-dots li {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 0px;
	padding: 0;
	cursor: pointer
}

#mediaroomStory .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 25px;
	height: 25px;
	cursor: pointer;
	color: transparent;
	border: 0;
	background: transparent
}

#mediaroomStory .slick-dots li button:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 10px;
	height: 10px;
	background-color: #c0c0c0;
	border-radius: 50px;
	content: '';
	color: black
}

#mediaroomStory .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: #000;
	width: 10px;
	-webkit-transition: width 0.1s, -webkit-transform 0.3s;
	transition: width 0.1s, -webkit-transform 0.3s;
	-o-transition: width 0.1s, -o-transform 0.3s;
	-moz-transition: transform 0.3s, width 0.1s, -moz-transform 0.3s;
	transition: transform 0.3s, width 0.1s;
	transition: transform 0.3s, width 0.1s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s
}

main#mediaroom .page-box .mediaKit-box {
	padding: 70px 0 100px 0;
	background-color: #f5f5f5
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .mediaKit-box {
		padding: 40px 0 80px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .mediaKit-box {
		padding: 30px 0 50px 0
	}
}

main#mediaroom .page-box .mediaKit-box .mediaKit-wrapper {
	max-width: 1640px
}

main#mediaroom .page-box .mediaKit-box .mediaKit-content h2 {
	margin-bottom: 30px
}

#switch-mediaKit.js-tabs {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 800px) {
	#switch-mediaKit.js-tabs {
		display: block
	}
}

#switch-mediaKit.js-tabs ul.js-tablist {
	margin: 0;
	padding: 0 60px 0 0;
	list-style: none;
	width: 25%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1.3em
}

@media only screen and (max-width: 800px) {
	#switch-mediaKit.js-tabs ul.js-tablist {
		width: 100%;
		padding: 15px 0;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: center;
		-moz-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-size: 1.125em;
		margin-bottom: 50px;
		background-color: #ebebeb;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media only screen and (max-width: 576px) {
	#switch-mediaKit.js-tabs ul.js-tablist {
		font-size: 1em;
		padding: 10px
	}
}

#switch-mediaKit.js-tabs ul.js-tablist li {
	display: block;
	margin: 0;
	padding: 0 3px
}

@media only screen and (max-width: 800px) {
	#switch-mediaKit.js-tabs ul.js-tablist li {
		padding: 0 0px
	}
}

#switch-mediaKit.js-tabs ul.js-tablist li a {
	display: block;
	cursor: pointer;
	overflow: auto;
	color: #000;
	padding: 20px 0;
	text-decoration: none
}

@media only screen and (max-width: 800px) {
	#switch-mediaKit.js-tabs ul.js-tablist li a {
		padding: 2px 20px
	}
}

#switch-mediaKit.js-tabs [aria-selected='true'].example-tabs-tabs__link {
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif'
}

#switch-mediaKit.js-tabs .js-tabcontent {
	width: 75%;
	border-left: 1px solid #d6d6d6;
	padding-left: 60px
}

@media only screen and (max-width: 800px) {
	#switch-mediaKit.js-tabs .js-tabcontent {
		width: 100%;
		padding: 0;
		border: 0
	}
}

#switch-mediaKit.js-tabs .js-tabcontainer {
	width: 100%
}

main#mediaroom .page-box .mediaKit-box .mediaKit-content h3 {
	font-size: 2.375em;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	margin: 0px 0 40px 0;
	line-height: 1em
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .mediaKit-box .mediaKit-content h3 {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .mediaKit-box .mediaKit-content h3 {
		font-size: 1.325em
	}
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-content ul {
	list-style: none;
	margin: 0;
	padding: 0
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-content ul li {
	margin: 40px 0 0 0;
	padding: 0
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-content ul li h4 {
	font-size: 1.125em;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	margin: 10px 0
}

main#mediaroom .page-box .mediaKit-box .sourceList-box {
	background-color: #fff;
	padding: 10px;
	font-size: 1em
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .sourceList-content {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box {
	width: 100%;
	padding: 10px
}

@media only screen and (max-width: 768px) {
	main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box {
		width: 100%
	}
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box .source-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box .source-type {
	margin: 5px 12px 0 0
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box .source-type img {
	width: 38px;
	height: auto;
	float: left
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box .source-content p {
	margin: 0 0 0px 0
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box .source-content p.fileName {
	margin: 0 0 0px 0
}

main#mediaroom .page-box .mediaKit-box .sourceList-box .source-box .source-content p.size {
	margin: 7px 0 0px 0;
	color: #666;
	font-size: 0.875em
}

#switch-mediaKit.js-tabs .js-tabcontent[aria-hidden='true'] {
	display: none
}

#switch-mediaKit.js-tabs [aria-hidden='true'].example-tabs-tabs__content {
	display: none
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-filter .filter-box .groupForm-box .groupForm-content {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-filter .filter-box .groupForm-box .form-box {
	margin: 0px;
	padding: 10px;
	width: 100%;
	float: left
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-filter .filter-box .groupForm-box .form-box .form-title {
	width: 100%;
	padding: 2px 0;
	line-height: 1.2em;
	font-size: 13px
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-filter .filter-box .groupForm-box .form-box .form-content {
	padding: 4px 0
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-filter .filter-box .groupForm-box .form-box .form-row {
	position: relative
}

.form-input {
	display: block;
	width: 100%;
	padding: 0.7rem 0.7rem;
	font-size: 15px;
	line-height: 1.25;
	color: #000;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 7px;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

select.form-input {
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-arrow-select-dark.svg) right center no-repeat #fff;
	-o-background-size: 25px;
	background-size: 25px;
	padding: 0.7rem 2rem 0.7rem 0.7rem;
	display: inline-block;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none
}

main#mediaroom .page-box .mediaKit-box .kitList-box .kit-box .kit-filter .filter-box select.form-input {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #858585;
	border-radius: 0;
	padding: 1rem 2rem 1rem 0.7rem;
	font-size: 1.125em;
	color: #000
}

#switch-mediaKit.js-tabs [aria-selected='true'].example-tabs-tabs__link:after {
	content: '';
	display: block;
	border: solid black;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	position: relative;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	margin: 0px 0 2px 10px
}

main#mediaroom .page-box nav.breadcrumbs-box {
	text-transform: uppercase;
	padding: 20px 0 10px 0
}

main#mediaroom .page-box nav.breadcrumbs-box .breadcrumbs-wrapper {
	max-width: 2040px
}

main#mediaroom .page-box nav.breadcrumbs-box .breadcrumbs-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: flex-start;
	-moz-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

main#mediaroom .page-box nav.breadcrumbs-box .breadcrumbs-content ul li {
	font-size: 1.125em;
	font-family: 'SimplonNorm-Regular'
}

main#mediaroom .page-box nav.breadcrumbs-box .breadcrumbs-content ul li a {
	color: #000;
	text-decoration: none;
	font-family: 'SimplonNorm-Bold'
}

main#mediaroom .page-box nav.breadcrumbs-box .breadcrumbs-content ul li:not(:last-child)::after {
	content: '/';
	margin: 0 5px;
	color: #000;
	font-weight: normal
}

main#mediaroom .page-box .detailStory-box {
	padding: 0px 0 100px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box {
		padding: 0px 0 30px 0
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-wrapper {
		display: block
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-content {
	width: 50%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-content {
		width: 100%
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy {
	max-width: -webkit-calc(2040px / 2);
	max-width: -moz-calc(2040px / 2);
	max-width: calc(2040px / 2);
	width: 100%;
	padding: 0px 20px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy {
		padding: 0px 15px
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy p {
	font-size: 1.125em
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy p.category {
	color: #db3a00;
	text-transform: uppercase;
	margin-bottom: 10px
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy p.category {
		font-size: 1em
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy h1 {
	font-size: 3.5em;
	line-height: 1em;
	margin: 10px 0;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy h1 {
		font-size: 2.25em
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy h1 {
		font-size: 1.8em
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-copy time {
	display: block;
	color: #666
}

main#mediaroom .page-box .detailStory-box .share-box {
	margin-top: 50px
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .share-box {
		margin: 20px 0 30px 0
	}
}

main#mediaroom .page-box .detailStory-box .share-box .share-content {
	text-align: center
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .share-box .share-content {
	text-align: left
}

main#mediaroom .page-box .detailStory-box .share-box .share-content ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

main#mediaroom .page-box .detailStory-box .share-box .share-content ul li:not(:last-child) {
	margin-right: 7px
}

main#mediaroom .page-box .detailStory-box .share-box .button-tooltip-container {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

main#mediaroom .page-box .detailStory-box .share-box .share-content ul li:not(:first-child) {
	margin-left: 7px
}

main#mediaroom .page-box .detailStory-box .share-box .share-content ul li a {
	overflow: auto;
	display: block
}

main#mediaroom .page-box .detailStory-box .share-box .share-content ul li img {
	width: 30px;
	height: 30px;
	float: left
}

main#mediaroom .page-box .detailStory-box .share-box .copybutton {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0
}

main#mediaroom .page-box .detailStory-box .share-box #custom-tooltip-1,
main#mediaroom .page-box .detailStory-box .share-box #custom-tooltip-2 {
	display: none;
	margin-left: 40px;
	padding: 5px 12px;
	background-color: #000000;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	line-height: 1.3em;
	position: absolute
}

input[type='text'],
input[type='number'],
select,
textarea {
	font-size: 15px
}

main#mediaroom .page-box .detailStory-box .share-box .visuallyhidden {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px)
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-image {
	width: 50%;
	background-color: #000;
	color: #fff
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-image {
		width: 100%
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-image figure {
	position: relative;
	width: 100%;
	height: 100%
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-image figure img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

main#mediaroom .page-box .detailStory-box .detailStory-headline .headline-box .headline-image figure:after {
	content: '';
	width: 100%;
	background-color: #000;
	height: 40%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 70%);
	background: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 70%);
	background: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 70%);
	background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0) 70%);
	z-index: 30
}

main#mediaroom .page-box .detailStory-box .detailStory-article {
	margin: 100px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-article {
		margin: 30px 0
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 20px
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-article .article-box {
		padding: 0px 15px
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-wrapper {
	font-size: 1.125em
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content p {
	font-size: 1.125em;
	line-height: 1.4em;
	max-width: 800px;
	margin: 40px auto
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content p {
		font-size: 1em
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content figure {
	margin: 80px auto 80px auto
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content figure {
		margin: 60px auto 60px auto
	}
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content figure img {
	width: 100%
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content .quote {
	font-style: italic
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content figure.image-medium {
	max-width: 800px
}

main#mediaroom .page-box .detailStory-box .detailStory-article .article-box .article-content figcaption {
	font-size: 14px;
	line-height: 1.2em;
	color: #666;
	max-width: 800px;
	margin: 0 auto;
	text-align: center
}

main#mediaroom .page-box .detailStory-box .detailStory-share {
	max-width: 800px;
	margin: 30px auto
}

main#mediaroom .page-box .detailStory-box .share-box .share-content h2 {
	font-size: 1.125em;
	text-align: center;
	margin-bottom: 15px
}

.img-grey {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

.no-top {
	padding-top: 0 !important
}

.shadow-header {
	box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.1)
}

main#mediaroom .page-box #latestList.latestNews-box {
	padding: 20px 0 80px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box #latestList.latestNews-box {
		padding: 0px 0 40px 0
	}
}

main#mediaroom .page-box #latestList.latestNews-box .latestNews-wrapper {
	max-width: 1200px
}

main#mediaroom .page-box #latestList.latestNews-box .latestNews-content h1 {
	font-size: 3.5em;
	line-height: 1em;
	margin: 10px 0 40px 0;
	text-transform: uppercase;
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box #latestList.latestNews-box .latestNews-content h1 {
		font-size: 2.25em;
		margin-bottom: 20px
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box #latestList.latestNews-box .latestNews-content h1 {
		font-size: 1.8em
	}
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-filter .groupForm-box .groupForm-content {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -10px
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-filter .groupForm-box .form-box {
	margin: 0px;
	padding: 10px;
	width: 50%;
	float: left
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-filter .groupForm-box .form-box .form-title {
	width: 100%;
	padding: 2px 0;
	line-height: 1.2em;
	font-size: 13px
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-filter .groupForm-box .form-box .form-content {
	padding: 4px 0
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-filter .groupForm-box .form-box .form-row {
	position: relative
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-filter select.form-input {
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #858585;
	border-radius: 0;
	padding: 1rem 2rem 1rem 0.7rem;
	font-size: 1.125em;
	color: #000
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-content .newsList-list {
	padding-top: 0;
	border: 0px
}

main#mediaroom .page-box .latestNews-box .newsList-box h2 {
	font-size: 1em;
	margin: 0
}

main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list .newsList-title {
	width: 100%;
	font-size: 2em;
	margin: 80px 0 20px 0
}

@media only screen and (max-width: 800px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list .newsList-title {
		font-size: 1.5em;
		margin: 40px 0 10px 0
	}
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list .newsList-title {
		margin: 20px 0 10px 0
	}
}

main#mediaroom .page-box .latestNews-box .newsList-box .newsList-content .newsList-list .newsList-title:first-of-type {
	margin-top: 50px
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .newsList-content .newsList-list .dd {
	padding: 0 0 0px 0;
	width: 100%
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .news-box .news-image {
	margin-top: 15px;
	margin-bottom: 15px
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .news-box .news-content {
	margin-top: 30px;
	margin-bottom: 15px;
	width: auto
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .news-box .news-image~.news-content {
	width: -webkit-calc(100% - 230px);
	width: -moz-calc(100% - 230px);
	width: calc(100% - 230px);
	margin-top: 15px
}

@media only screen and (max-width: 576px) {
	main#mediaroom .page-box #latestList.latestNews-box .newsList-box .news-box .news-image~.news-content {
		width: -webkit-calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		width: calc(100% - 150px)
	}
}

main#mediaroom .page-box #latestList.latestNews-box .newsList-box .news-box .news-copy h3 {
	margin: 20px auto;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: 0;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif'
}

main#salesInquiries .page-box .PKVbanner-box {
	width: 100%;
	height: -webkit-calc(100vh - 35px - 85px - 60px);
	height: -moz-calc(100vh - 35px - 85px - 60px);
	height: calc(100vh - 35px - 85px - 60px);
	min-height: 680px;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	background-color: #000
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .PKVbanner-box {
		height: auto;
		min-height: auto
	}
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-wrapper {
	width: 100%;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	overflow: hidden
}

.PKVbanner-box .PKVbanner-wrapper:before {
	content: '';
	position: absolute;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	z-index: 2;
	width: 180%;
	height: 250%;
	left: -55%;
	bottom: -150%;
	opacity: 1
}

@media only screen and (max-width: 800px) {
	.PKVbanner-box .PKVbanner-wrapper:before {
		width: 250%;
		height: 350%;
		left: -110%;
		bottom: -210%
	}
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-wrapper:before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 1000%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.35)
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content {
	color: #fff;
	margin-top: 80px;
	margin-bottom: 80px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	z-index: 100
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content {
		margin-top: 15vw;
		margin-bottom: 12vw
	}
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content h1 {
	font-size: 3.6em;
	line-height: 0.9em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	margin: 0 0 3px 0;
	color: #fff;
	text-transform: uppercase
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content h1 {
		font-size: 2.8em
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content h1 {
		font-size: 2em
	}
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content p {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0;
	color: #fff
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content p.subtitle {
	font-size: 1.8em;
	line-height: 1.4em
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content p.subtitle {
		font-size: 1.5em
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .PKVbanner-box .PKVbanner-content p.subtitle {
		font-size: 1.2em
	}
}

main#salesInquiries .page-box .page-PKVbanner .getQuote-box {
	background-color: rgba(0, 0, 0, 0.65);
	max-width: 760px;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box {
		max-width: 650px;
		margin-top: 60px
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box {
		margin-top: 40px
	}
}

main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content {
	padding: 50px
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content {
		padding: 30px
	}
}

main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content h2 {
	font-size: 2.375em;
	line-height: 0.9em;
	font-weight: normal;
	margin: 0 0 20px 0
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content h2 {
		font-size: 2.2em
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content h2 {
		font-size: 2.2em
	}
}

main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content p.subtitle {
	font-size: 1.125em;
	line-height: 1.4em
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content p.subtitle {
		font-size: 1em
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content p.subtitle {
		font-size: 1em
	}
}

main#salesInquiries.main-box strong {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif'
}

main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content ul.link-stack {
	margin: 40px 0 0 0
}

main#salesInquiries .page-box .page-PKVbanner .getQuote-box .getQuote-content ul.link-stack li {
	float: none;
	text-align: center
}

main#salesInquiries.main-box .btn {
	border-radius: 0;
	font-size: 1.125em;
	padding: 0 40px;
	height: 50px;
	line-height: 50px
}

@media only screen and (max-width: 800px) {
	main#salesInquiries.main-box .btn {
		font-size: 1em;
		height: 45px;
		line-height: 45px
	}
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-transition: 1.5s linear;
	-moz-transition: 1.5s linear;
	transition: 1.5s linear;
	-webkit-transition: 1.5s linear
}

main#salesInquiries .page-box .PKVbanner-box .PKVbanner-image img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

main#salesInquiries .page-box .page-content {
	position: relative
}

select.form-input option[value=''][disabled] {
	display: none
}

main#salesInquiries .page-box nav.anchorNav-box {
	color: #fff;
	background-color: #000;
	font-size: 1.125em;
	line-height: 1.2em;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index: 100000;
	height: 61px
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	main#salesInquiries .page-box nav.anchorNav-box {
		font-size: 1em
	}
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box nav.anchorNav-box {
		height: 50px
	}
}

main#salesInquiries .page-box nav.anchorNav-box .anchorNav-wrapper {
	max-width: 1200px;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #000
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box nav.anchorNav-box .anchorNav-wrapper {
		padding-left: 0;
		padding-right: 0
	}
}

main#salesInquiries .page-box nav.anchorNav-box .navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 37px;
	width: 100%;
	background-color: transparent;
	border: 1px solid transparent;
	cursor: pointer;
	cursor: hand
}

main#salesInquiries .page-box nav.anchorNav-box .anchorNav-content {
	background-color: #000
}

.collapse {
	display: none
}

main#salesInquiries .page-box nav.anchorNav-box ul.anchorNav-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box nav.anchorNav-box ul.anchorNav-nav {
		display: block;
		padding: 15px 0
	}
}

@media (min-width: 801px) {
	main#salesInquiries .page-box nav.anchorNav-box.navbar-expand-md .navbar-collapse {
		display: -webkit-flex !important;
		display: -moz-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
		-webkit-flex-basis: auto;
		-ms-flex-preferred-size: auto;
		flex-basis: auto
	}
}

main#salesInquiries .page-box nav.anchorNav-box.navbar-expand-md .navbar-collapse.show {
	display: block !important
}

@media (min-width: 801px) {
	main#salesInquiries .page-box nav.anchorNav-box.navbar-expand-md .navbar-toggler {
		display: none
	}
}

main#salesInquiries .page-box nav.anchorNav-box ul.anchorNav-nav li.anchorNav-item {
	text-align: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box nav.anchorNav-box ul.anchorNav-nav li.anchorNav-item {
		display: block;
		width: 100%
	}
}

main#salesInquiries .page-box nav.anchorNav-box ul.anchorNav-nav li.anchorNav-item a {
	color: #bababa;
	width: 100%;
	text-decoration: none;
	display: block;
	padding: 20px 10px
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box nav.anchorNav-box ul.anchorNav-nav li.anchorNav-item a {
		padding: 8px
	}
}

main#salesInquiries .page-box nav.anchorNav-box .navbar-toggler-icon .arrow {
	position: relative;
	top: 10px;
	width: 30px;
	height: 20px;
	display: inline-block
}

main#salesInquiries .page-box nav.anchorNav-box .navbar-toggler-icon .arrow span {
	top: 0.5rem;
	position: absolute;
	width: 18px;
	height: 2px;
	background-color: #bababa;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease
}

main#salesInquiries .page-box nav.anchorNav-box .navbar-toggler-icon .arrow span:first-of-type {
	left: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

main#salesInquiries .page-box nav.anchorNav-box .navbar-toggler-icon .arrow span:last-of-type {
	right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

main#salesInquiries .page-box .purchaseOrders-box {
	padding: 4vw 0 0vw 0
}

main#salesInquiries .page-box .purchaseOrders-intro {
	text-align: center;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -60px
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box {
	z-index: 2;
	position: relative
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-wrapper {
	position: relative;
	padding-right: 50px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	width: 100%
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-wrapper {
		padding-right: 0px;
		padding-left: 10px;
		-webkit-justify-content: flex-start;
		-moz-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-flex-direction: row;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		margin: 5vw 0 0 0
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-wrapper {
		display: block;
		padding-left: 0px
	}
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content {
	padding: 45px 50px;
	margin: 80px 0;
	position: relative
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content {
		padding: 35px 30px;
		margin: 0;
		display: inline-block
	}
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content:before {
	content: ' ';
	display: inline-block;
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/salesInquiries-quoteLeft.png);
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 100px;
	height: 70px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99
}

main#salesInquiries.main-box h1,
main#salesInquiries.main-box h2,
main#salesInquiries.main-box h3,
main#salesInquiries.main-box h4,
main#salesInquiries.main-box h5,
main#salesInquiries.main-box h6 {
	font-family: 'SimplonNorm-medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	letter-spacing: 0
}

main#salesInquiries .page-box .page-content h2 {
	font-size: 2.375em;
	line-height: 1em;
	margin: 10px 0 50px;
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .page-content h2 {
		font-size: 2.2em
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .page-content h2 {
		font-size: 1.8em
	}
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content h2 {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-size: 2.125em;
	font-weight: normal;
	line-height: 1em;
	margin: 0 0 0px 0;
	padding: 0;
	display: inline-block;
	text-align: left;
	position: relative;
	z-index: 100
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content h2 {
		font-size: 2.1em
	}
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content h2 span {
	font-size: 3.375rem;
	line-height: 1em;
	display: block;
	margin-top: 3px;
	white-space: nowrap
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content h2 span {
		font-size: 2.8rem
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content h2 span {
		white-space: normal
	}
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-content:after {
	content: ' ';
	display: inline-block;
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/salesInquiries-quoteRight.png);
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 100px;
	height: 70px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-image {
	width: 42%
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-image {
		position: absolute;
		width: 38%;
		right: 0
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-image {
		display: none
	}
}

main#salesInquiries .page-box .purchaseOrders-intro .intro-box .intro-image img {
	width: 100%
}

main#salesInquiries .page-box .purchaseOrders-info {
	background-color: #f5f5f5;
	padding: 70px 0 70px 0;
	border-radius: 60px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-info {
		padding: 60px 0 60px 0;
		margin-top: 120px
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .purchaseOrders-info {
		padding: 40px 0 40px 0
	}
}

main#salesInquiries .page-box .purchaseOrders-info .info-box .info-wrapper {
	text-align: center;
	position: relative;
	max-width: 1100px;
	padding: 0 50px
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-info .info-box .info-wrapper {
		padding: 0 20px
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .purchaseOrders-info .info-box .info-wrapper {
		padding: 0 10px
	}
}

main#salesInquiries .page-box .page-content p {
	font-size: 1em;
	line-height: 1.4em
}

main#salesInquiries .page-box .page-content p.subtitle {
	font-size: 1.125em;
	line-height: 1.4em;
	margin: 15px 0
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .page-content p.subtitle {
		font-size: 1em
	}
}

main#salesInquiries .page-box .purchaseOrders-info .contact-box {
	background-color: #fff;
	padding: 40px 0px;
	margin: 40px 0 20px 0
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-info .contact-box {
		padding: 20px 40px;
		margin: 30px 0 10px 0
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .purchaseOrders-info .contact-box {
		padding: 20px 20px
	}
}

main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-wrapper {
		display: block
	}
}

main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-content {
	padding: 0 50px;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-align-content: center;
	-ms-flex-line-pack: center;
	align-content: center
}

main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-content.col-left {
	position: relative;
	width: 100%
}

main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-content.col-left p {
	width: 100%;
	line-height: 50px;
	color: #686868;
	font-size: 1.1rem
}

main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-content.col-left p a {
	color: #41831f
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .purchaseOrders-info .contact-box .contact-content.col-left {
		padding: 0 0px;
		display: block
	}
}

main#salesInquiries .page-box .purchaseOrders-info .ps-box {
	text-align: left;
	padding: 10px 0 10px 0;
	margin: 0px 15px
}

main#salesInquiries .page-box .purchaseOrders-info .ps-box .ps-content ul {
	padding-left: 25px
}

main#salesInquiries .page-box .purchaseOrders-info .ps-box .ps-content ul li {
	line-height: 1.3em;
	list-style: disc
}

main#salesInquiries .page-box .purchaseOrders-info .ps-box .ps-content ul li span {
	color: #666
}

main#salesInquiries .page-box .purchaseOrders-info .ps-box .ps-content ul *+* {
	margin-top: 7px
}

main#salesInquiries .page-box .purchaseOrders-info .note-box {
	color: #666;
	text-align: left;
	margin: 0px 15px
}

main#salesInquiries .page-box .purchaseOrders-info .note-box .note-content {
	padding: 12px 0 0 0
}

main#salesInquiries .page-box .purchaseOrders-info .note-box .note-content .noet {
	font-size: 1em;
	font-weight: normal;
	margin: 0
}

main#salesInquiries .page-box .purchaseOrders-info .note-box .note-content ul {
	padding-left: 25px
}

main#salesInquiries .page-box .purchaseOrders-info .note-box .note-content ul *+* {
	margin-top: 5px
}

main#salesInquiries .page-box .purchaseOrders-info .note-box .note-content ul li {
	line-height: 1.2em;
	list-style: disc
}

main#salesInquiries .page-box .salesSupportRequest-box {
	width: 100%;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 6vw 0 0 0
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .salesSupportRequest-box {
		padding: 50px 0 0px 0
	}
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-wrapper {
	width: 100%;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	overflow: hidden
}

.salesSupportRequest-box .salesSupportRequest-wrapper:before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 1000%;
	left: 0;
	top: 0;
	background-color: rgba(255, 255, 255, 0.4)
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-content {
	padding: 7vw 0 6vw 0;
	text-align: center;
	z-index: 100
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-content {
		padding: 70px 0 50px 0
	}
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-content h2 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-content p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-content ul.link-stack {
	margin: 40px 0 40px
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-content ul.link-stack li {
	float: none;
	text-align: center
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-transition: 1s linear;
	-moz-transition: 1s linear;
	transition: 1s linear;
	-webkit-transition: 1s linear
}

main#salesInquiries .page-box .salesSupportRequest-box .salesSupportRequest-image img {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

main#salesInquiries .page-box .cooperativePurchase-box {
	padding: 6vw 0
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .cooperativePurchase-box {
		padding: 70px 0 60px 0
	}
}

main#salesInquiries .page-box .cooperativePurchase-box .cooperativePurchase-content {
	text-align: center;
	z-index: 100;
	max-width: 1200px
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .cooperativePurchase-box .cooperativePurchase-content {
		padding-left: 0;
		padding-right: 0
	}
}

main#salesInquiries .page-box .cooperativePurchase-box .cooperativePurchase-content h2 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

main#salesInquiries .page-box .cooperativePurchase-box .cooperativePurchase-content p {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto
}

main#salesInquiries .page-box .cooperativePurchase-box .cooperativePurchase-content figure {
	margin: 30px 0
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-content figure {
	margin: 1% 2%;
	/* display: inline-block;
	float: left;
	width: 33%; */
}

main#salesInquiries .page-box .cooperativePurchase-box .cooperativePurchase-content img {
	width: 100%
}

.light-bg::before {
	background: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/PKVbanner-halo.png) center center no-repeat
}

.sitemap-box .sitemap-wrapper {
	padding: 0
}

@media only screen and (max-width: 800px) {
	.sitemap-box .sitemap-wrapper {
		padding: 0 20px
	}
}

.sitemap-box .sitemap-category {
	padding: 50px 0
}

@media only screen and (max-width: 800px) {
	.sitemap-box .sitemap-category {
		padding: 50px 10px
	}
}

.sitemap-category .category-box {
	padding: 30px 0
}

.sitemap-category .category-box:not(:last-child) {
	border-bottom: 1px solid #999
}

.sitemap-category .category-box ul.category-wrapper {
	list-style: none;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch
}

.sitemap-category .category-box ul.category-wrapper>li {
	width: 33.3333%
}

@media only screen and (max-width: 800px) {
	.sitemap-category .category-box ul.category-wrapper>li {
		width: 100%
	}
}

.sitemap-category .category-section {
	margin: 30px 0px 0px 0
}

.sitemap-category .category-section h2 {
	font-size: 2em;
	font-weight: normal;
	margin: 45px 45px 45px 0
}

@media only screen and (max-width: 800px) {
	.sitemap-category .category-section h2 {
		font-size: 1.8em
	}
}

ul.sitemap-list {
	list-style: none;
	padding: 0px;
	margin: 0 45px 45px 0;
	line-height: 1.6em
}

ul.sitemap-list li {
	padding: 9px 0
}

#sitemap .PKVbanner-box .PKVbanner-wrapper .PKVbanner-content {
	text-align: center
}

.icon-link-sm::after {
	font-family: 'Font Awesome 5 Free';
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-left: 8px;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	color: #0272bd;
	margin-top: -7px
}

.icon-link-email::after {
	content: '\f0e0'
}

.icon-link-external+.fas::before {
	color: #0272bd;
	margin-left: 6px
}

main#legal .page-box .page-wapper {
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/legal-bg.png);
	background-repeat: no-repeat;
	-o-background-size: 640px 325px;
	background-size: 640px 325px;
	background-position: -webkit-calc(50% + 280px) top;
	background-position: -moz-calc(50% + 280px) top;
	background-position: calc(50% + 280px) top
}

@media only screen and (max-width: 800px) {
	main#legal .page-box .page-wapper {
		-o-background-size: 470px 240px;
		background-size: 470px 240px;
		background-position: -webkit-calc(100% + 60px) top;
		background-position: -moz-calc(100% + 60px) top;
		background-position: calc(100% + 60px) top
	}
}

main#legal .page-box .page-content {
	padding: 0 0 80px 0
}

@media only screen and (max-width: 576px) {
	main#legal .page-box .page-content {
		padding: 0 0 50px 0
	}
}

.legal-box .legal-title {
	text-align: center;
	padding: 8vh 0 5vh 0
}

@media only screen and (max-width: 800px) {
	.legal-box .legal-title {
		padding: 8vh 0 5vh 0
	}
}

.legal-box i {
	font-family: 'SimplonNorm-Medium'
}

.legal-box u {
	font-family: 'SimplonNorm-Bold'
}

.legal-box .legal-title h1 {
	font-size: 2.625em;
	line-height: 1.2em;
	color: #4a8404;
	margin: 0
}

@media only screen and (max-width: 800px) {
	.legal-box .legal-title h1 {
		font-size: 2em
	}
}

.legal-box .legal-time {
	color: #666;
	padding: 10px 0;
	margin-top: 10px
}

.legal-box .legal-time p {
	margin: 0
}

.legal-box .legal-content p {
	line-height: 2em;
	margin: 25px 0
}

@media only screen and (max-width: 576px) {
	.legal-box .legal-content p {
		line-height: 1.8em;
		margin: 15px 0
	}
}

dl.legal-list {
	margin: 0;
	padding: 0
}

dl.legal-list * {
	word-break: break-word
}

dl.legal-list>dt {
	font-size: 1.25rem;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	line-height: 1.3em;
	margin: 70px 0 10px 0
}

@media only screen and (max-width: 576px) {
	dl.legal-list>dt {
		line-height: 1.2em;
		margin: 40px 0 0px 0
	}
}

dl.legal-list>dd {
	margin: 0;
	padding: 0
}

ol.legal-list-multiple {
	counter-reset: num;
	padding: 15px 0px 10px 27px;
	margin: 0;
	line-height: 2em;
	list-style: none
}

@media only screen and (max-width: 576px) {
	ol.legal-list-multiple {
		line-height: 1.8em
	}
}

ol.legal-list-multiple>li {
	padding: 20px 0 10px 0;
	counter-reset: section
}

@media only screen and (max-width: 576px) {
	ol.legal-list-multiple>li {
		padding: 10px 0 10px 0
	}
}

.square-ul li {
	list-style-type: square
}

.square-ul.ul-left-padding {
	padding-left: 40px
}

table.legal-list {
	border-collapse: collapse;
	width: 100%;
	margin: 25px 0px 25px 0px
}

table.legal-list th {
	border-collapse: collapse;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	padding: 12px;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1em;
	background-color: #eaeaea;
	border: 1px solid #d2d2d2
}

table.legal-list td {
	border-collapse: collapse;
	padding: 12px;
	text-align: left;
	line-height: 1.4em;
	border: 1px solid #d2d2d2
}

main#chooseRegion .page-box .page-wapper {
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/chooseRegion-bg.png);
	background-repeat: no-repeat;
	-o-background-size: 740px 385px;
	background-size: 740px 385px;
	background-position: -webkit-calc(50% + 280px) top;
	background-position: -moz-calc(50% + 280px) top;
	background-position: calc(50% + 280px) top
}

@media only screen and (max-width: 800px) {
	main#chooseRegion .page-box .page-wapper {
		-o-background-size: 540px 280px;
		background-size: 540px 280px;
		background-position: -webkit-calc(100% + 60px) top;
		background-position: -moz-calc(100% + 60px) top;
		background-position: calc(100% + 60px) top
	}
}

@media only screen and (max-width: 576px) {
	main#chooseRegion .page-box .page-wapper {
		background-position: -webkit-calc(30% + 30px) top;
		background-position: -moz-calc(30% + 30px) top;
		background-position: calc(30% + 30px) top
	}
}

.chooseRegion-box .chooseRegion-title {
	text-align: center;
	padding: 4.5vh 0 5vh 0
}

.chooseRegion-box .chooseRegion-content {
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px 30px;
	margin-bottom: 50px
}

dl.region {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 50px
}

dl.region dd {
	margin: 0;
	padding: 20px 20px 5px 0;
	width: 25%
}

@media only screen and (max-width: 800px) {
	dl.region dd {
		width: 33%
	}
}

@media only screen and (max-width: 576px) {
	dl.region dd {
		width: 100%
	}
}

dl.region dt {
	font-size: 1.25em;
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	text-transform: uppercase;
	color: #333;
	padding: 20px 0 20px 0;
	border-bottom: 1px solid #e5e5e5;
	width: 100%
}

dl.region a {
	color: #666
}

dl.region a:hover {
	color: #4A8404
}

.missing-main {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	padding: 200px 50px
}

.missing-main .missing-wrapper {
	text-align: center;
	width: 100%
}

.missing-main .missing-wrapper .missing-icon {
	font-size: 7.5em;
	margin: 0
}

@media only screen and (max-width: 800px) {
	.missing-main .missing-wrapper .missing-icon {
		font-size: 5.5em
	}
}

@media only screen and (max-width: 576px) {
	.missing-main .missing-wrapper .missing-icon {
		font-size: 4.5em
	}
}

.missing-main .missing-wrapper .missing-title {
	font-family: 'SimplonNorm-Bold';
	font-family: 'SimplonNorm-Bold', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	font-size: 1.5em;
	letter-spacing: 1px;
	margin: 0
}

@media only screen and (max-width: 576px) {
	.missing-main .missing-wrapper .missing-title {
		font-size: 1.1em
	}
}

.missing-main .missing-wrapper .missing-desc a {
	text-decoration: none
}

@media only screen and (max-width: 576px) {
	.missing-main {
		padding: 200px 20px
	}
}

.temporarily-down {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 150px
}

.temporarily-down h1 {
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	overflow: hidden;
	position: absolute
}

.temporarily-down img {
	width: 200px;
	margin: 100px auto 50px
}

.temporarily-down h2 {
	font-size: 1.5em;
	font-weight: 600;
	line-height: 1.1em
}

.temporarily-down p {
	font-size: 1em;
	line-height: 1.5em
}

.temporarily-down a {
	color: #0272bd
}

#docam-flip .slick-dots {
	position: absolute;
	left: -webkit-calc(50% - 810px + 50px - 10px);
	left: -moz-calc(50% - 810px + 50px - 10px);
	left: calc(50% - 810px + 50px - 10px);
	bottom: 210px;
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: left
}

@media only screen and (max-width: 930px) {
	#docam-flip .slick-dots {
		bottom: 95%;
		left: 25px
	}
}

@media only screen and (max-width: 636px) {
	#docam-flip .slick-dots {
		bottom: 92%;
		left: 15px
	}
}

#docam-flip .slick-dots>li {
	display: inline-block
}

#docam-flip .slick-dots li {
	position: relative;
	display: inline-block;
	width: 55px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

#docam-flip .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 55px;
	height: 20px;
	cursor: pointer;
	color: transparent;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent
}

#docam-flip .slick-dots li button:before {
	position: absolute;
	top: 7px;
	left: 0px;
	width: 55px;
	height: 4px;
	background-color: #959595;
	content: '';
	opacity: 0.6;
	color: black;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

#docam-flip .slick-dots li.slick-active button:before {
	opacity: 1;
	border: 2px #000 solid;
	background-color: #000
}

#docam-display .slick-dots {
	position: absolute;
	top: -webkit-calc(50% + 150px - 45px);
	top: -moz-calc(50% + 150px - 45px);
	top: calc(50% + 150px - 45px);
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	bottom: 0
}

@media screen and (min-width: 1201px) and (max-width: 1680px) {
	#docam-display .slick-dots {
		top: -webkit-calc(50% + 150px - 65px);
		top: -moz-calc(50% + 150px - 65px);
		top: calc(50% + 150px - 65px)
	}
}

@media screen and (min-width: 931px) and (max-width: 1200px) {
	#docam-display .slick-dots {
		top: -webkit-calc(50% + 150px - 65px);
		top: -moz-calc(50% + 150px - 65px);
		top: calc(50% + 150px - 65px)
	}
}

@media only screen and (max-width: 930px) {
	#docam-display .slick-dots {
		position: relative;
		top: auto
	}
}

#docam-display .slick-dots>li {
	display: inline-block
}

#docam-display .slick-dots li {
	position: relative;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0px;
	padding: 0;
	cursor: pointer
}

#docam-display .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	color: transparent;
	border: 0;
	background: transparent
}

#docam-display .slick-dots li button:before {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 16px;
	height: 16px;
	background-color: #fff;
	border-radius: 50%;
	content: '';
	opacity: 0.3;
	color: black
}

@media only screen and (max-width: 930px) {
	#docam-display .slick-dots li button:before {
		background-color: #000
	}
}

#docam-display .slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: #ffcd1e
}

@media only screen and (max-width: 930px) {
	#docam-display .slick-dots li.slick-active button:before {
		background-color: #ffcd1e;
		border-color: #fff
	}
}

.breadcrumb {
	margin: 0 auto;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #b8b8b8;
	max-width: 1590px
}

.breadcrumb a {
	font-family: 'SimplonNorm-medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	display: inline-block;
	color: #b8b8b8;
	padding-right: 20px;
	margin-right: 20px;
	position: relative
}

.breadcrumb a::before {
	content: '>';
	color: #b8b8b8;
	position: absolute;
	right: 0
}

.breadcrumb a:last-child {
	margin-right: 0;
	padding-right: 0
}

.breadcrumb a:last-child::before {
	display: none
}

@media only screen and (max-width: 1600px) {
	.breadcrumb {
		padding-left: 25px;
		padding-right: 25px
	}
}

@media only screen and (max-width: 800px) {
	.breadcrumb {
		border: none;
		margin-bottom: 0;
		padding: 0 15px 10px 15px;
	}
}

.footer-box .footer-sitemap {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex
}

@media only screen and (max-width: 767px) {
	.footer-box .footer-sitemap {
		display: none !important
	}
}

#footer-announcements {
	display: none
}

@media only screen and (max-width: 767px) {
	#footer-announcements {
		display: block
	}
}

#footer-announcements.animated-accordion {
	border-bottom: 1px solid #494948
}

@media only screen and (max-width: 800px) {
	#footer-announcements.animated-accordion {
		border-top: 1px solid #494948
	}
}

#footer-announcements .animated-accordion__header {
	display: block;
	background: none;
	border: 0;
	font-size: 1em;
	font-family: 'SimplonNorm-Medium', 'droid sans', 'Helvetica', 'verdana',
		'Arial', 'sans-serif';
	font-weight: normal;
	color: #fff;
	line-height: 1.5em;
	margin: 0;
	padding: 20px 50px 20px 0;
	text-align: left;
	width: 100%;
	border-top: 1px solid #494948;
	cursor: pointer;
	position: relative
}

@media screen and (min-width: 801px) and (max-width: 1200px) {
	#footer-announcements .animated-accordion__header {
		font-size: 1.5em;
		padding: 30px 50px 30px 0
	}
}

#footer-announcements .animated-accordion__header:nth-of-type(1) {
	border-top: 0
}

#footer-announcements .animated-accordion__header[aria-expanded='true']:before {
	content: '';
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-plus-white.svg);
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 15px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

#footer-announcements .animated-accordion__header[aria-expanded='false']:before {
	content: '';
	background-image: url(https://ipevo-web-uk.s3.us-west-1.amazonaws.com/code/images/icon-plus-white.svg);
	background-repeat: no-repeat;
	-o-background-size: 100%;
	background-size: 100%;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 22.5px;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

@media only screen and (max-width: 800px) {

	#footer-announcements .animated-accordion__header[aria-expanded='false']:before,
	#footer-announcements .animated-accordion__header[aria-expanded='true']:before {
		top: 22px;
		width: 20px;
		height: 20px
	}
}

#footer-announcements .animated-accordion__panel {
	display: block;
	overflow: hidden;
	opacity: 1;
	-webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	-o-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	-moz-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
	max-height: 100em;
	visibility: visible;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	margin: 0;
	padding: 0
}

#footer-announcements .animated-accordion__title {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

#footer-announcements .animated-accordion__panel .js-accordion__content {
	padding: 0 0 40px 0
}

@media only screen and (max-width: 800px) {
	#footer-announcements .animated-accordion__panel .js-accordion__content {
		padding: 0 0 30px 0
	}
}

#footer-announcements .animated-accordion__panel .js-accordion__content time {
	display: block;
	margin: 0 0 30px 0;
	color: #b8b8b8
}

#footer-announcements .animated-accordion__panel .js-accordion__content p {
	line-height: 1.4em;
	margin: 15px 0;
	padding: 0
}

main#mediaroom .page-box .page-content p {
	font-size: 1em;
	line-height: 1.4em
}

#footer-announcements .animated-accordion__panel .js-accordion__content a {
	color: #b8b8b8
}

#footer-announcements [aria-hidden='true'].animated-accordion__panel {
	display: block;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-delay: 1s, 0s, 0s;
	-moz-transition-delay: 1s, 0s, 0s;
	-o-transition-delay: 1s, 0s, 0s;
	transition-delay: 1s, 0s, 0s;
	margin: 0;
	padding: 0
}

.go-top {
	z-index: 99999;
	width: 60px;
	height: 60px;
	background: rgba(153, 153, 153, 0.5);
	border-radius: 50%;
	position: fixed;
	right: 40px;
	cursor: pointer;
	bottom: 60px;
	display: none
}

.go-top::before {
	content: '';
	border: solid white;
	border-width: 0 4px 4px 0;
	padding: 4px;
	margin-top: 2px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	-moz-transform: translate(-50%, -50%) rotate(-135deg);
	-ms-transform: translate(-50%, -50%) rotate(-135deg);
	-o-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg);
	color: white;
	font-size: 1em
}

.modal-dialog-prodLearnMore .modal-content {
	background-color: #fff
}

.modal-dialog-prodLearnMore .modal-header {
	background-color: transparent
}

.close-button {
	position: relative;
	display: inline-block;
	width: 35px;
	height: 35px;
	overflow: hidden;
	cursor: pointer
}

.modal-dialog-prodLearnMore .modal-header .close-button {
	right: 25px;
	top: -webkit-calc((65px / 2) - 10px);
	top: -moz-calc((65px / 2) - 10px);
	top: calc((65px / 2) - 10px);
	border: 2px solid #000;
	border-radius: 50%;
	width: 45px;
	height: 45px
}

@media only screen and (max-width: 576px) {
	.modal-dialog-prodLearnMore .modal-header .close-button {
		top: -webkit-calc((65px / 2) - 20px);
		top: -moz-calc((65px / 2) - 20px);
		top: calc((65px / 2) - 20px);
		right: 15px
	}
}

.close-button::before,
.close-button::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background: #333;
	margin-top: -1px;
	border-radius: 5px;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	-webkit-transition: all 0.2s
}

.close-button::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.close-button::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.modal-header .close-button::before,
.modal-header .close-button::after {
	background: #fff
}

.modal-dialog-prodLearnMore .modal-header .close-button::before,
.modal-dialog-swfeature .modal-header .close-button::after {
	background: #000
}

.modal-dialog-prodLearnMore .modal-header .close-button::before,
.modal-dialog-prodLearnMore .modal-header .close-button::after {
	width: 65%;
	background: #000 !important;
	left: 7px
}

.close-text {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
	background-color: #000000;
	color: #fff
}

.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-wrapper {
	display: -webkit-inline-flex;
	display: -moz-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-flex-direction: row-reverse;
	-moz-box-orient: horizontal;
	-moz-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 0;
	overflow: hidden
}

@media only screen and (max-width: 930px) {
	.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-wrapper {
		display: block
	}
}

@media only screen and (max-width: 576px) {
	.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-wrapper {
		padding-top: 0
	}
}

.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-content {
	width: 50%;
	padding: 0 60px 30px 0;
	z-index: 100;
	position: relative
}

@media only screen and (max-width: 930px) {
	.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-content {
		width: 100%;
		padding: 0 50px 30px 50px
	}
}

@media only screen and (max-width: 576px) {
	.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-content {
		padding: 0 30px 30px 30px
	}
}

.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-image {
	width: 50%;
	position: relative;
	left: -60px;
	z-index: 99
}

@media only screen and (max-width: 930px) {
	.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-image {
		width: 100%;
		left: 0px
	}
}

.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-image video {
	width: 130%;
	-webkit-filter: brightness(108.5%);
	z-index: 99;
	outline: none
}

@media only screen and (max-width: 930px) {
	.modal-dialog-prodLearnMore .prodLearnMore-box .prodLearnMore-image video {
		width: 100%
	}
}

.h2-fix-block {
	font-size: 2em;
	font-weight: normal;
	margin: 57px 45px 45px 0;
	display: block
}

@media only screen and (max-width: 800px) {
	.h2-fix-block {
		margin: 0
	}
}

.underline-link-text a {
	color: white;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease
}

.underline-link-text a:hover {
	color: #74ba26
}

.btn-buy-orange:hover {
	background-color: #e84d09 !important;
	border: 1px solid #e84d09 !important
}

.note-sm {
	font-size: 0.9em !important;
	color: #717171;
	margin-top: 15px !important
}

.productHome .item-wrapper {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

@media only screen and (max-width: 600px) {
	.productHome .item-wrapper {
		min-height: 600px
	}
}

@media only screen and (max-width: 420px) {
	.productHome .item-wrapper {
		min-height: 400px
	}
}

.productHome .item-wrapper .item-photo {
	width: 100%;
	height: 100%
}

.productHome .item-wrapper .item-photo img {
	-o-object-fit: cover;
	object-fit: cover
}

.productHome .item-wrapper:hover .hover-img img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

@media only screen and (max-width: 576px) {
	.mobile-no-padding {
		padding-bottom: 0 !important
	}

	.mobile-none {
		display: none
	}

	.mobile-no-margin {
		margin-top: 0 !important
	}
}

.mfp-image-holder .mfp-close {
	left: -webkit-calc(100% - 35px);
	left: -moz-calc(100% - 35px);
	left: calc(100% - 35px)
}

.mfp-iframe-holder .mfp-close {
	position: absolute;
	bottom: -webkit-calc(100% + 35px);
	bottom: -moz-calc(100% + 35px);
	bottom: calc(100% + 35px);
	left: -webkit-calc(100% - 35px);
	left: -moz-calc(100% - 35px);
	left: calc(100% - 35px)
}

#tab1 {
	position: relative
}

#cookie-law-note {
	display: block;
	width: -webkit-calc(100% - 30px);
	width: -moz-calc(100% - 30px);
	width: calc(100% - 30px);
	margin: 15px;
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	position: fixed;
	bottom: 0px;
	z-index: 1000000000;
	padding: 20px;
	text-align: center
}

#cookie-law-note p {
	padding: 0;
	margin: 10px 0;
	display: inline-block
}

#cookie-law-note .cookie-btn-read {
	margin: 0 20px
}

#cookie-law-note ul.link-stack {
	display: inline-block;
	margin: 10px 0
}

#cookie-law-note ul.link-stack li {
	float: none
}

#cookie-law-note ul.link-stack li .btn {
	padding: 0 25px !important
}

#cookie-law-note p a {
	color: #74ba00;
	text-decoration: underline !important
}

#cookie-law-note a:focus {
	outline: #eeecab dotted 2px
}

.index-KVBanner .slick-initialized .slick-slide {
	display: block;
	border: 2px solid transparent
}

.index-KVBanner .slick-initialized .slick-slide:focus {
	border: 2px dotted #000
}

.index-KVBanner .slick-slide:focus {
	outline: none
}

.index-marketing .slick-slide>div:first-child {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.index-marketing .slider-for .slick-slide {
	padding: 0
}

@media only screen and (max-width: 568px) {
	.index-marketing .slider-nav {
		display: none
	}
}

.index-marketing .slick-slide {
	height: auto !important
}

.index-marketing .slick-slide>div:first-child {
	height: 100%
}

.index-marketing .slick-slider .slick-track,
.index-marketing .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0) !important;
	-moz-transform: translate3d(0, 0, 0) !important;
	-ms-transform: translate3d(0, 0, 0) !important;
	-o-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important
}

.product-box .list-item .content-wrapper .product-title:hover *,
.product-box .list-item .content-wrapper h3:hover * {
	text-decoration: underline
}

.product-box .list-item .item-wrapper .content-wrapper .btn-buy:hover {
	background: #000000 !important;
	color: #fff !important
}

.product-box .list-item .item-wrapper:hover .hover-img img {
	display: block;
	-o-object-position: center;
	object-position: center;
	-webkit-transition: all 2s;
	-moz-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	-o-transition: all 2s;
	-moz-transition: all 2s;
	transition: all 2s;
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}

.product-box .list-item .item-wrapper .hover-img img {
	width: 100%;
	display: block;
	-o-object-position: center;
	object-position: center;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}

.slideup {
	-webkit-animation-name: slideup;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: slideup;
	-o-animation-name: slideup;
	animation-name: slideup;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.slidedown {
	-webkit-animation-name: slidedown;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: slidedown;
	-o-animation-name: slidedown;
	animation-name: slidedown;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes slidedown {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

@-moz-keyframes slidedown {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

@-o-keyframes slidedown {
	0% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

@keyframes slidedown {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}
}

.slideup {
	-webkit-animation-name: slideup;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-name: slideup;
	-o-animation-name: slideup;
	animation-name: slideup;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@-webkit-keyframes slideup {
	0% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-moz-keyframes slideup {
	0% {
		-moz-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@-o-keyframes slideup {
	0% {
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes slideup {
	0% {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	100% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

.productBar-box {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row
}

@media only screen and (max-width: 1024px) {
	.productBar-box {
		display: block;
		margin-bottom: 50px
	}
}

.productBar-box .productBar-box-tabcontent {
	width: 100%
}

.productBar-box .productBar-buy-box {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

@media only screen and (max-width: 1024px) {
	.productBar-box .productBar-buy-box {
		display: block
	}
}

.productBar-box .productBar-box-btn {
	width: auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media only screen and (max-width: 1024px) {
	.productBar-box .productBar-box-btn {
		display: block;
		position: absolute;
		bottom: -50px
	}
}

.productBar-box .productBar-box-btn .productBar-buy-btn {
	-webkit-flex-direction: initial;
	-moz-box-orient: initial;
	-moz-box-direction: initial;
	-ms-flex-direction: initial;
	flex-direction: initial;
	padding: 0
}

.productBar-box .productBar-box-btn .productBar-buy .btn {
	font-size: 15px
}

.productBar-box .productBar-box-btn .productBar-buy-btn *+* {
	margin-left: 10px
}

.productBar-box .productBar-box-btn .productBar-box .js-tablist {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.productBar-box .productBar-box-tablist {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px
}

@media only screen and (max-width: 1024px) {
	.productBar-box .productBar-box-tablist .js-tablist {
		top: 0 !important;
		bottom: 0 !important
	}
}

#product .product-box>h1 {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0
}

#product .s1 {
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin-bottom: 60px
}

#product .s1 .s1-banner {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%
}

@media only screen and (max-width: 1200px) {
	#product .s1 .s1-banner {
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

#product .s1 .s1-banner .s1-banner-img {
	width: 100%;
	height: 100%
}

#product .s1 .s1-banner .s1-banner-img img {
	width: 100%;
	height: auto;
	display: block
}

#product .s1 .s1-text-box {
	width: 100%;
	height: 100%;
	position: absolute
}

@media only screen and (max-width: 1200px) {
	#product .s1 .s1-text-box {
		width: 100%;
		height: 100%;
		position: relative
	}
}

#product .s1 .s1-text-box .s1-text {
	position: relative;
	max-width: 1640px;
	width: 85%;
	height: 100%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: stretch;
	-moz-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	left: 0;
	right: 0
}

@media only screen and (max-width: 800px) {
	#product .s1 .s1-text-box .s1-text {
		height: 100%;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-box-orient: vertical;
		-moz-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: stretch;
		-moz-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch
	}
}

#product .s1 .s1-text-box .s1-text>div {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

@media only screen and (max-width: 1200px) {
	#product .s1 .s1-text-box .s1-text>div {
		margin-top: 40px
	}
}

@media only screen and (max-width: 960px) {
	#product .s1 .s1-text-box .s1-text>div {
		margin-top: 30px
	}
}

#product .s1 .s1-text-box .s1-text h3 {
	margin: 0
}

#product .s1 .s1-text-box .s1-text p {
	width: 48%
}

@media only screen and (max-width: 1200px) {
	#product .s1 .s1-text-box .s1-text p {
		width: 100%;
		line-height: 1.4em
	}
}

.softwareHome-box .item-image a {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

.useWithProduct-nav.slick-initialized .slick-slide {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: auto;
	margin: 2px !important
}

.useWithProduct-nav.slick-initialized .slick-slide>div {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex
}

span.free {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	vertical-align: super;
	margin-left: 5px;
	background-color: #3b74ae;
	padding: 3px 5px;
	color: #fff;
	line-height: 1em;
	border-radius: 15px;
	position: relative;
	top: 2px
}

.update-box {
	max-width: 700px
}

video::-webkit-media-controls {
	display: none
}

.content-photo figure {
	margin: 2px;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.video-icon-block {
	top: unset;
	right: .5rem;
	width: 1.5rem;
	height: 1.5rem;
	bottom: .5rem;
	max-width: unset;
	border: solid 1px #dedede;
	background-color: rgba(255, 255, 255, 0);
	position: absolute;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer
}

.video-icon-block .icon-block__icon--play {
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	display: none;
	opacity: 1;
	fill: #dedede
}

.video-icon-block .icon-block__icon--pause {
	top: 50%;
	left: 50%;
	width: 50%;
	height: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	transition: opacity .2s ease-in-out;
	display: block;
	opacity: 1;
	fill: #dedede
}

.learnMore-intro.main2 .srceen .video-icon-block {
	border: solid 1px #fff
}

.learnMore-intro.main2 .srceen .video-icon-block .icon-block__icon--play {
	fill: #fff
}

.learnMore-intro.main2 .srceen .video-icon-block .icon-block__icon--pause {
	fill: #fff
}

.whiteboard-img {
	width: 60%;
	overflow: hidden;
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #f6f3f0
}

@media only screen and (max-width: 960px) {
	.whiteboard-img {
		width: 100%
	}
}

.whiteboard-img .whiteboard-video {
	width: 100%
}

.whiteboard-img .whiteboard-video figure {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 700px;
	margin: 2px
}

.intro-end .intro-photo .fold-video {
	position: relative;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 2px;
	min-height: 430px
}

.intro-end .intro-photo .fold-video figure {
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.feature-photo-2 figure {
	position: relative
}

video.video-box {
	width: 100%;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.border-none {
	border: none !important
}

.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: .875rem;
	word-wrap: break-word;
	opacity: 0
}

.tooltip.show {
	opacity: .9
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: .8rem;
	height: .4rem
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
	bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
	top: 0;
	border-width: .4rem .4rem 0;
	border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
	left: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
	right: 0;
	border-width: .4rem .4rem .4rem 0;
	border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
	padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
	top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
	bottom: 0;
	border-width: 0 .4rem .4rem;
	border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
	padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
	right: 0;
	width: .4rem;
	height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
	left: 0;
	border-width: .4rem 0 .4rem .4rem;
	border-left-color: #000
}

.tooltip-inner {
	max-width: 200px;
	padding: .25rem .5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: .25rem
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem
}

.vis-sec1-fixed-width .ver-left {
	width: 70%
}

@media only screen and (max-width: 1366px) {
	.vis-sec1-fixed-width .ver-left {
		width: 100%
	}
}

.vis-sec1-fixed-width .ver-right {
	width: 30%
}

@media only screen and (max-width: 1366px) {
	.vis-sec1-fixed-width .ver-right {
		width: 100%
	}
}

.quality-photo {
	max-width: 500px;
	width: 100%;
	height: auto
}

/* Trusted Resellers */
main#salesInquiries .page-box .trustReseller-box {
	padding: 80px 0;
	background-color: #fff;
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-wrapper {}

main#salesInquiries .page-box .trustReseller-box .trustReseller-content {
	text-align: center;
	z-index: 100;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-content h2 {
	margin-left: auto;
	margin-right: auto;
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-classify {
	/* float: left; */
	padding: 0;
	margin: 5% auto 3% auto;
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:first-of-type {
	/* border-bottom: 1px solid #666; */
	padding-left: 0;
	width: 100%;
}
.trustResellerBox{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:last-of-type {
	padding-right: 0;
	/* width: 50%; */
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-classify h3 {
	font-family: 'SimplonNorm-Light', 'droid sans', 'Helvetica', 'verdana', 'Arial', 'sans-serif';
	font-weight: normal;
	font-size: 1.6em;
	margin: 0 0 30px 0
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:first-of-type figure {
	/* margin: 0px auto;
	display: inline-block;
	float: none;
	width: 50%; 
	text-align: center;*/
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:last-of-type figure {
	margin: 0.5% 2%;
	/* display: inline-block;
	float: left; */
	/* width: 50%; */
}


main#salesInquiries .page-box .trustReseller-box .trustReseller-content img {
	width: auto;
    max-height: 50px;
}

main#salesInquiries .page-box .trustReseller-box .trustReseller-content ul.link-stack {}

main#salesInquiries .page-box .trustReseller-box .trustReseller-content ul.link-stack li {
	float: none
}

@media screen and (min-width: 1201px) and (max-width: 1600px) {
	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify {
		padding: 0 20px;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-content h2 {
		font-size: 1.6em !important;
	}
}

@media only screen and (max-width: 800px) {
	main#salesInquiries .page-box .trustReseller-box {
		padding: 50px 0;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify {
		padding: 0 10px;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-content {
		padding-left: 0;
		padding-right: 0
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-content h2 {
		font-size: 1.6em !important;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:first-of-type {
		border-right: 0px;
		padding-left: 0;
		width: 100%;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:last-of-type {
		padding: 2em 0 0;
		width: 100%;
		border-top: 1px solid #000;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:first-of-type figure {
		width: 50%;
		float: none;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:last-of-type figure {
		width: 50%;
		float: none;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-content figure {
		max-width: 550px;
		width: 50%;
		float: none;
	}
}

@media only screen and (max-width: 576px) {
	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify {
		float: none;
		width: 100%;
		padding: 0 0;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify h3 {
		margin-bottom: 20px;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-content h2 {
		font-size: 1.5em !important;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:first-of-type {
		border-right: 0px;
		padding-left: 0;
		width: 100%;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:last-of-type {
		width: 100%;
		border-top: 1px solid #000;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:first-of-type figure {
		width: 50%;
		float: none;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-classify:last-of-type figure {
		width: 50%;
		float: none;
	}

	main#salesInquiries .page-box .trustReseller-box .trustReseller-content figure {
		max-width: 550px;
		width: 50%;
		float: n