.block .banner-section .product-logo {
    display: none;
}

.sec-desc p {
	margin: 0;
}
.banner-section p {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
video {
	width: 100%;
	height: auto;
}
/*.easeOfUse video {
  clip-path: url(#easeOfUse-svgPath);
  -webkit-clip-path: url(#easeOfUse-svgPath);
}
.hereForYou video {
  clip-path: url(#hereForYou-svgPath);
  -webkit-clip-path: url(#hereForYou-svgPath);
  width:170%;
}
.noHiddenCosts video {
  clip-path: url(#noHiddenCosts-svgPath);
  -webkit-clip-path: url(#noHiddenCosts-svgPath);
  width:130%;
}
.moreThanDataStorage video {
  clip-path: url(#moreThanDataStorage-svgPath);
  -webkit-clip-path: url(#moreThanDataStorage-svgPath);
  width:170%;
}
.makeIt video {
  clip-path: url(#makeIt-svgPath);
  -webkit-clip-path: url(#makeIt-svgPath);
  width:130%;
}
.dataSafe video {
  clip-path: url(#dataSafe-svgPath);
  -webkit-clip-path: url(#dataSafe-svgPath);
  width:170%;
}
.inOnePlace video {
  clip-path: url(#inOnePlace-svgPath);
  -webkit-clip-path: url(#inOnePlace-svgPath);
  width:120%;
}
.muchInfo video {
  clip-path: url(#muchInfo-svgPath);
  -webkit-clip-path: url(#muchInfo-svgPath);
  width:170%;
}
.liveOn video {
  clip-path: url(#liveOn-svgPath);
  -webkit-clip-path: url(#liveOn-svgPath);
}
.trustUs video {
  clip-path: url(#trustUs-svgPath);
  -webkit-clip-path: url(#trustUs-svgPath);
}*/





svg {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.videoText img {
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
body {
	font-family: var(--zf-primary-regular);
	font-size: 16px;
	line-height: 1.4;
	color: #666;
}
.main {
	text-align: center;
	overflow: hidden;
}
.zw-template-inner .content-wrap {
	max-width: 900px;
	margin: 0 auto;
	width: 80%;
}
.sec {
	padding: 100px 0;
	position: relative;
}
.videoText, .sec-desc, .cust-desc {
	position: absolute;
	box-sizing: border-box;
}
.sec-desc {
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
}
.cust-desc {
	color: #333;
	font-family: "Roboto Slab", serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	text-align: left;
}
.cust-desc p {
	margin-top: 0;
}
.videoText {
	font-size: 140px;
	font-weight: 400;
	text-transform: uppercase;
	z-index: -1;
	font-family: var(--zf-primary-extrabold);
	overflow: hidden;
}
.sec-desc, .cust-desc {
	z-index: 2;
	opacity: 1;
	transition: all 1s ease;
}
.easeOfUse {
	height: 650px;
}
.easeOfUse .videoText {
	width: 60%;
	left: 40%;
	height: 246px;
}
.easeOfUse .sec-desc {
	left: 40%;
	top: 375px;
	width: 56%;
}
.easeOfUse .cust-desc {
	width: 35%;
	left: 0%;
	border-right: 2px solid #71b1ff;
	padding-right: 15px;
}
.hereForYou {
	height: 810px;
}
.hereForYou video {
	width: 136%;
}
.hereForYou .videoText {
	height: 536px;
	left: 0;
	width: 78%;
}
.hereForYou .sec-desc {
	left: 43%;
	top: 533px;
	width: 32%;
}
.hereForYou .cust-desc {
	border-left: 2px solid #71b1ff;
	left: 66%;
	padding-left: 15px;
	top: 23%;
	width: 27%;
}
.noHiddenCosts {
	height: 825px;
}
.noHiddenCosts video {
	width: 130%;
        max-width : unset;

}
.noHiddenCosts .videoText {
	height: 390px;
	left: 36%;
	width: 60%;
}
.noHiddenCosts .sec-desc {
	left: 50%;
	top: 520px;
	width: 44.5%;
}
.noHiddenCosts .cust-desc {
	border-right: 2px solid #71b1ff;
	left: 1%;
	padding-right: 15px;
	width: 30%;
}
.moreThanDataStorage {
	height: 680px;
}
.moreThanDataStorage video {
	width: 140%;
}
.moreThanDataStorage .videoText {
	height: 530px;
	left: 0;
	width: 84%;
}
.moreThanDataStorage .sec-desc {
	left: 0;
	top: 655px;
	width: 70%;
}
.moreThanDataStorage .cust-desc {
	border-left: 2px solid #71b1ff;
	left: 50%;
	padding-left: 15px;
	width: 38%;
}
.makeIt {
	height: 740px;
}
.makeIt video {
	width: 125%;
        max-width : unset;
}
.makeIt .videoText {
	width: 60%;
	left: 36%;
	height: 375px;
}
.makeIt .sec-desc {
	left: 52%;
	top: 510px;
	width: 46%;
}
.makeIt .cust-desc {
	border-right: 2px solid #71b1ff;
	left: 14%;
	padding-right: 15px;
	top: 32.5%;
	width: 35%;
}
.dataSafe {
	height: 910px;
}
.dataSafe video {
	width: 150%;
}
.dataSafe .videoText {
	width: 70%;
	left: 0%;
	height: 525px;
}
.dataSafe .sec-desc {
	left: 0;
	top: 660px;
	width: 60%;
}
.dataSafe .cust-desc {
	border-left: 2px solid #71b1ff;
	left: 48%;
	padding-left: 15px;
	width: 32%;
}
.inOnePlace {
	height: 750px;
}
.inOnePlace .videoText {
	height: 380px;
	left: 2%;
	width: 96%;
}
.inOnePlace .sec-desc {
	left: 46.5%;
	top: 520px;
	width: 50%;
}
.inOnePlace .cust-desc {
	border-right: 2px solid #71b1ff;
	left: 13%;
	padding-right: 15px;
	top: 32.5%;
	width: 28%;
}
.muchInfo {
	height: 775px;
}
.muchInfo .videoText {
	height: 485px;
	left: 0;
	width: 100%;
}
.muchInfo .sec-desc {
	left: 0;
	top: 620px;
	width: 45%;
}
.muchInfo .cust-desc {
	border-left: 2px solid #71b1ff;
	left: 57%;
	padding-left: 15px;
	top: 42.5%;
	width: 32%;
}
.muchInfo .videoText {
	font-size: 125px;
}
.liveOn {
	height: 610px;
}
.liveOn .videoText {
	height: 250px;
	left: 38%;
	width: 63%;
}
.liveOn .sec-desc {
	left: 38.5%;
	top: 385px;
	width: 53%;
}
.liveOn .cust-desc {
	border-right: 2px solid #71b1ff;
	left: 3%;
	padding-right: 15px;
	width: 30%;
}
.trustUs {
	height: 480px;
}
.trustUs video {
	left: 0;
	position: absolute;
	top: -100px;
}
.trustUs .videoText {
	height: 220px;
	left: 0;
	top: 200px;
	width: 70%;
}
.trustUs .sec-desc {
	left: 0%;
	top: 455px;
	width: 67%;
}
.trustUs .cust-desc {
	border-left: 2px solid #71b1ff;
	left: 67%;
	padding-left: 15px;
	width: 35%;
}
.customer-details {
	margin-top: 20px;
	width: 100%;
	max-width: 300px;
}
.customer-details .customers-img {
	display: inline-block;
	vertical-align: top;
	line-height: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: 513px 42px;
}
.customer-details .customers-img.cust-icon1 {
	background-position: -412px -1px;
}
.customer-details .customers-img.cust-icon2 {
	background-position: -62px -1px;
}
.customer-details .customers-img.cust-icon3 {
	background-position: -461px -1px;
}
.customer-details .customers-img.cust-icon4 {
	background-position: -261px -1px;
}
.customer-details .customers-img.cust-icon5 {
	background-position: -311px -1px;
}
.customer-details .customers-img.cust-icon6 {
	background-position: -361px -1px;
}
.customer-details .customers-img.cust-icon7 {
	background-position: -161px -1px;
}
.customer-details .customers-img.cust-icon8 {
	background-position: -211px -1px;
}
.customer-details .customers-img.cust-icon9 {
	background-position: -11px -1px;
}
.customer-details .customers-img.cust-icon10 {
	background-position: -111px -1px;
}
.customer-details .customers-desc {
	box-sizing: border-box;
	display: inline-block;
	padding-left: 5px;
	vertical-align: top;
	width: 70%;
}
.customer-details .customers-desc span {
	color: #333;
	display: block;
	font-size: 16px;
	font-weight: 600;
	margin-top: 3px;
}
.banner-section .product-logo {
	background: rgba(0, 0, 0, 0) url("/sites/zweb/images/productlogos/desk.svg") no-repeat scroll left top / 105px auto;
	color: #333;
	display: inline-block;
	font-size: 34px;
	font-weight: 600;
	height: 50px;
	line-height: 43px;
	margin: 0 0 12px;
	padding-left: 115px;
	position: relative;
	text-decoration: none;
	width: auto;
	display: block-inline;
	text-transform: none;
}
.banner-section {
	padding: 100px 0;
	position: relative;
	width: 100%;
	text-align: center;
}
.banner-section h1 {
	color: #333;
	font-size: 80px;
	font-weight: 300;
	line-height: 1;
	margin: 25px auto;
	max-width: 580px;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
}
.down-arrow-container {
	border: 2px solid #333;
	border-radius: 100%;
	bottom: 30px;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	position: absolute;
	width: 50px;
	margin-left: -2.5%;
}
.down-arrow-container .left {
	background: #333 none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	left: 17px;
	min-height: 15px;
	min-width: 2px;
	position: absolute;
	top: 18px;
	transform: rotate(135deg);
}
.down-arrow-container .right {
	background: #333 none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	left: 27px;
	min-height: 15px;
	min-width: 2px;
	position: absolute;
	top: 18px;
	transform: rotate(45deg);
}
.up-arrow-container {
	border: 2px solid #333;
	border-radius: 100%;
	bottom: 20px;
	cursor: pointer;
	display: inline-block;
	height: 50px;
	position: absolute;
	width: 50px;
	margin-left: -2.5%;
	position: fixed;
	right: 15px;
	bottom: 15px;
	opacity: 0.2;
	transition: opacity 0.5s ease;
	display: none;
}
.up-arrow-container:hover {
	opacity: 1;
}
.up-arrow-container .left {
	background: #333 none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	left: 17px;
	min-height: 15px;
	min-width: 2px;
	position: absolute;
	top: 14px;
	transform: rotate(-135deg);
}
.up-arrow-container .right {
	background: #333 none repeat scroll 0 0;
	color: #333;
	display: inline-block;
	left: 27px;
	min-height: 15px;
	min-width: 2px;
	position: absolute;
	top: 14px;
	transform: rotate(-45deg);
}
.sec .for-mobile {
	display: none;
}
.sec h2 {
	display: none;
}
.easeOfUse .cust-desc-animate {
	left: -8%;
	opacity: 0;
}
.moreThanDataStorage .cust-desc-animate {
	left: 58%;
	opacity: 0;
}
.inOnePlace .cust-desc-animate {
	left: 6%;
	opacity: 0;
}
.muchInfo .cust-desc-animate {
	left: 65%;
	opacity: 0;
}
.dataSafe .cust-desc-animate {
	left: 56%;
	opacity: 0;
}
.liveOn .cust-desc-animate {
	left: -5%;
	opacity: 0;
}
.trustUs .cust-desc-animate {
	left: 75%;
	opacity: 0;
}
.hereForYou .cust-desc-animate {
	left: 74%;
	opacity: 0;
}
.noHiddenCosts .cust-desc-animate {
	left: -7%;
	opacity: 0;
}
.makeIt .cust-desc-animate {
	left: 7%;
	opacity: 0;
}
.learn-more {
	color: #00aeef;
	display: inline-block;
}

@media screen and (min-width: 1500px) {
.sec {
	margin: 50px 0;
}
}

@media screen and (max-width: 1150px) {
.content-wrap {
	max-width: 700px;
	margin: 0 auto;
}
.banner-section h1 {
	font-size: 50px;
	line-height: 1.2;
	max-width: 360px;
	margin-top: 10px;
}
.cust-desc, .sec-desc {
	font-size: 14px;
}
.videoText, .muchInfo .videoText, .trustUs .videoText {
	font-size: 95px;
}
.easeOfUse {
	height: 390px;
}
.easeOfUse .videoText {
	height: 190px;
}
.easeOfUse .sec-desc {
	top: 315px;
}
.hereForYou {
	height: 445px;
}
.hereForYou .videoText {
	height: 418px;
}
.hereForYou .sec-desc {
	left: 45%;
	top: 435px;
	width: 50%;
}
.hereForYou .cust-desc {
	left: 66%;
	top: 22%;
	width: 34%;
}
.noHiddenCosts {
	height: 470px;
}
.noHiddenCosts .videoText {
	height: 304px;
}
.noHiddenCosts .sec-desc {
	left: 36%;
	top: 425px;
	width: 60%;
}
.moreThanDataStorage {
	height: 550px;
}
.moreThanDataStorage video {
	width: 125%;
}
.moreThanDataStorage .videoText {
	height: 415px;
}
.moreThanDataStorage .cust-desc {
	left: 50%;
	width: 45%;
}
.moreThanDataStorage .sec-desc {
	top: 535px;
}
.makeIt {
	height: 445px;
}
.makeIt .cust-desc {
	top: 32%;
}
.makeIt .videoText {
	height: 290px;
}
.makeIt .sec-desc {
	top: 410px;
}
.dataSafe {
	height: 560px;
}
.dataSafe .videoText {
	height: 410px;
}
.dataSafe .cust-desc {
	width: 52%;
}
.dataSafe .sec-desc {
	top: 530px;
}
.inOnePlace {
	height: 430px;
}
.inOnePlace .videoText {
	height: 295px;
}
.inOnePlace .sec-desc {
	top: 420px;
}
.inOnePlace .cust-desc {
	left: 10%;
	top: 33%;
	width: 30%;
}
.muchInfo {
	height: 555px;
}
.muchInfo .videoText {
	height: 375px;
}
.muchInfo .cust-desc {
	top: 41%;
	width: 38%;
}
.muchInfo .sec-desc {
	top: 510px;
}
.liveOn {
	height: 330px;
}
.liveOn .videoText {
	height: 195px;
}
.liveOn .sec-desc {
	top: 320px;
}
.trustUs {
	height: 435px;
}
.trustUs .videoText {
	height: 170px;
}
.trustUs .sec-desc {
	top: 400px;
}
}

@media screen and (max-width: 900px) {
.down-arrow-container, .up-arrow-container {
	display: none;
}
.videoText {
	display: none;
}
.sec {
	height: auto !important;
	padding: 50px 0;
}
.sec .for-mobile {
	display: block;
	max-width: 400px;
	width: 100%;
	margin-bottom: 25px;
}
.easeOfUse .for-mobile, .trustUs .for-mobile, .noHiddenCosts .for-mobile {
	max-width: 320px;
	width: 80%;
}
.sec-desc {
	position: relative !important;
	width: 100% !important;
	left: auto !important;
	top: auto !important;
}
.sec .cust-desc {
	position: relative;
	width: 100%;
	left: auto;
	top: auto;
	border-left: 2px solid #71b1ff;
	padding-left: 15px;
	padding-right: 0;
	border-right: 0;
	margin-top: 25px;
}
}