/* ### Fonts ### */

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* #############

### GENERAL ### 

################ */
body {
    font-family: "Lato", Arial, sans serif;
	font-size:18px;
	font-weight:400;
	line-height:28px;
	color:#1C1C1C;
}

h1, h2, h3, h4, h5, h6 {
	color:#1C1C1C;
	font-weight:700;
	margin-bottom:24px;
}

h1 {
	font-size: 54px;
	line-height:66px;
}

h2 {
	font-size: 43px;
	line-height:53px;
}

h3 {
	font-size: 35px;
	line-height:40px;
}

h4 {
	font-size: 28px;
	line-height:36px;
}

#clouds h2,
h2.mb-2 {
	margin-bottom:82px !important;
}

#weteam h2 {
	margin-bottom:75px !important;
}

a {
	color:#00C5E7;
}

a:hover,
a:focus,
a:active {
	color:#00465C;
}

main {
    flex: 1;
}

::-moz-selection {
  color: #fff; background: #00465C;
}

::-webkit-selection {
  color: #fff; background: #00465C;
}

::selection {
  color: #fff; background: #00465C;
}

/* Button Styles */

.btn {
	font-size:22px;
	font-weight:700;
	border-radius:50px;
	padding: 12px 37px 13px;
}

.btn-primary {
	color:#fff;
	background:#00AE31;
	border:1px solid #00AE31;
	outline:0 !important;
	box-shadow:0 4px 6px rgba(0,0,0,.2) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color:#fff;
	background:#00701F !important;
	border:1px solid #00701F;
}

.btn-secondary {
	color:#00465C;
	background:transparent;
	border:1px solid #00465C !important;
	outline:0 !important;
	box-shadow:none !important;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	color:#fff;
	background:#00465C !important;
}

.btn .arrow{
	display: inline-block;
    margin-left: 22px;
	margin-top:-1px;
}

.btn:hover .arrow svg,
.btn:focus .arrow svg,
.btn:active .arrow svg{
	ms-fill:#00465C;
	fill:#00465C;
}

.btn-dropdown {
	display:inline-block;
	color:#1C1C1C !important;
	font-size:24px;
	line-height:34px;
	font-weight:900;
	text-decoration:none !important;
	padding-bottom:4px;
	padding-right:34px;
	margin:0 auto;
	background:url("../images/arrow-dropdown.svg")no-repeat right 9px;
	border-bottom:2px solid #1C1C1C;
	-o-transition: -o-transform .4s ease-out;
    -ms-transition: -ms-transform .4s ease-out;
    -moz-transition: -moz-transform .4s ease-out;
    -webkit-transition: -webkit-transform .4s ease-out;
    transition: transform .4s ease-out;
}

.btn-dropdown[aria-expanded="true"] {
	background:url("../images/arrow-dropdown-flip.svg")no-repeat right 9px;
}

.bg-gradient {	
	background: rgb(0,81,126);
	background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
}

.bg-gradient h2,
.bg-gradient h3,
.bg-gradient h4,
.bg-gradient h5,
.bg-gradient h6,
.bg-gradient p {
	color:#fff;
}

.no-padd {
	padding:0 !important;
}

.no-padd-top {
	padding-top:0 !important;
}

.no-padd-bottom {
	padding-bottom:0 !important;
}

.padd-bottom {
	padding-bottom:95px;
}

.img-round {
    border-radius:100%;
}

hr {
    margin-top:66px;
    margin-bottom:66px;
  	background:#989898;
}
/* ###########

### HEADER ### 

############## */

#header {
	position:fixed;
	top:0;
	width:100%;
	background:#fff;
    background: rgba(255,255,255,.0);
	-o-transition:background .6s ease-out;
	-ms-transition:background .6s ease-out;
	-moz-transition:background .6s ease-out;
	-webkit-transition:background .6s ease-out;
	transition:background .6s ease-out;
	z-index:999;
}

#header.nav-open,
#header.sticky {
    background: rgba(255,255,255,1);
	box-shadow: 0 4px 15px rgba(0,0,0,.1);
}

/* ###############

### NAVIGATION ### 

################## */

#header .navbar-expand-lg .navbar-collapse {
    justify-content: center;
    justify-content: flex-end;
}

.navbar {
    position: initial;
    padding: 13px 15px;
}

.navbar-logo {
	margin-top:-5px;
}

#header .navbar-toggler {
	outline:0;
	border:0;
}

#header .navbar-toggler .icon-bar{
	display:block;
	width:30px;
	height:2px;
	background:#fff;
	margin:0 0 6px;
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
}

#header .navbar-toggler .icon-bar:last-child{
	margin:0;
}

#header.nav-open .navbar-toggler .icon-bar,
#header.sticky .navbar-toggler .icon-bar{
	background:#1C1C1C;
}

#header.nav-open .navbar-toggler .icon-bar:nth-child(2) {
	width:0;
}

#header.nav-open .navbar-toggler .icon-bar:first-child {
	-ms-transform:translate(0px, 8px) rotate(45deg);
	-moz-transform:translate(0px, 8px) rotate(45deg);
	-webkit-transform:translate(0px, 8px) rotate(45deg);
	transform:translate(0px, 8px) rotate(45deg);
}

#header.nav-open .navbar-toggler .icon-bar:last-child {
	-ms-transform:translate(0px, -8px) rotate(-45deg);
	-moz-transform:translate(0px, -8px) rotate(-45deg);
	-webkit-transform:translate(0px, -8px) rotate(-45deg);
	transform:translate(0px, -8px) rotate(-45deg);
}

#header .navbar-logo #logo {
	height: 66px;
	width:auto;
	margin-left:-16px;
}
	
#header.nav-open #logo,
#header.sticky #logo {
	fill:#1C1C1C;
}

#header .navbar-logo {
	font-size:33px;
	line-height:33px;
	font-weight:700;
	text-decoration:none !important;
	color:#fff;
	-o-transition:color .4s ease-out;
	-ms-transition:color .4s ease-out;
	-moz-transition:color .4s ease-out;
	-webkit-transition:color .4s ease-out;
	transition:color .4s ease-out;
}

#header.nav-open .navbar-logo,
#header.sticky .navbar-logo {
	color:#1C1C1C;
}

.nav-item {
	margin:0 11px;
}

.nav-item:last-child {
	margin-right:0;
}

#header .main-menu-link {
    font-size: 18px;
    color: #fff !important;
	padding-left:0;
	padding-right:0;
}

#header .main-menu-link.active {
    font-weight:700;
	text-decoration:none;
}

.main-menu {
	margin-right:40px;
}

#header .main-menu-link.active:hover,
#header .main-menu-link.active:focus,
#header .main-menu-link.active:active,
#header .main-menu-link:hover,
#header .main-menu-link:focus,
#header .main-menu-link:active {
	text-decoration:underline;
}

#header.nav-open .main-menu-link,
#header.sticky .main-menu-link{
    color: #1C1C1C !important;
}

#header .right-menu{
	list-style:none;
	padding:0;
	margin:0;
	align-items:baseline;
	margin-top:3px;
}

#header .right-menu li{
	display:inline-block;
}

#header .right-menu a {
	color:#fff;
}
#header .right-menu .border-link {
	position:relative;
	font-size:17px;
	color: #fff;
	font-weight:700;
	text-decoration:none;
	margin-right:23px;
}

#header .right-menu .border-link:after {
	position:absolute;
	bottom:-2px;
	left:0;
	width:100%;
	height:1px;
	content:" ";
	background:#fff;
}

#header.nav-open .right-menu .border-link,
#header.sticky .right-menu .border-link {
	color: #1C1C1C;
}

#header.nav-open .right-menu .border-link:after,
#header.sticky .right-menu .border-link:after {
	background:#1C1C1C;
}

#header .right-menu .btn {
	font-size:18px;
	padding: 6px 22px 6px;
	margin-top:-1px;
}

.scroller img {
	-o-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-webkit-transition:all .4s ease-out;
	transition:all .4s ease-out;
}

.scroller img:hover,
.scroller img:focus,
.scroller img:active {
	-o-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}

/* #############

### CONTENTS ### 

################ */

main {
}


@keyframes word-slide {
	0% {
		margin-top:0;
	}
	
	10% {
		margin-top:0;
	}
	
	20% {
		margin-top:-34px;
	}
	
	30% {
		margin-top:-34px;
	}
	
	40% {
		margin-top:-68px;
	}
	
	50% {
		margin-top:-68px;
	}
	
	60% {
		margin-top:-102px;
	}
	
	70% {
		margin-top:-102px;
	}
	
	80% {
		margin-top:-136px;
	}
	
	90% {
		margin-top:-136px;
	}
	
	90% {
		margin-top:-136px;
	}
	
	99% {
	}

	100% {
		margin-top:0;
	}
}

@-moz-keyframes word-slide {
	0% {
		margin-top:0;
	}
	
	10% {
		margin-top:0;
	}
	
	20% {
		margin-top:-34px;
	}
	
	30% {
		margin-top:-34px;
	}
	
	40% {
		margin-top:-68px;
	}
	
	50% {
		margin-top:-68px;
	}
	
	60% {
		opacity:1;
		margin-top:-102px;
	}
	
	70% {
		opacity:1;
		margin-top:-102px;
	}
	
	80% {
		opacity:1;
		margin-top:-136px;
	}
	
	90% {
		opacity:1;
		margin-top:-136px;
	}
	
	90% {
		opacity:1;
		margin-top:-136px;
	}
	
	99% {
		margin-top:-136px;
	}

	100% {
		opacity:1;
	}
}

@-webkit-keyframes word-slide {
	0% {
		margin-top:0;
	}
	
	10% {
		margin-top:0;
	}
	
	20% {
		margin-top:-34px;
	}
	
	30% {
		margin-top:-34px;
	}
	
	40% {
		margin-top:-68px;
	}
	
	50% {
		margin-top:-68px;
	}
	
	60% {
		opacity:1;
		margin-top:-102px;
	}
	
	70% {
		opacity:1;
		margin-top:-102px;
	}
	
	80% {
		opacity:1;
		margin-top:-136px;
	}
	
	90% {
		opacity:1;
		margin-top:-136px;
	}
	
	90% {
		opacity:1;
		margin-top:-136px;
	}
	
	99% {
		margin-top:-136px;
	}

	100% {
		opacity:1;
	}
}

#hero-stage .btn {
	margin-top:42px;
}

#hero-stage section {
	position:relative;
	margin:0 auto;
	padding:86px 0 94px;
	background-size:100% 911px;
}


main #hero-stage .intro-start .img-fullwidth {
	padding-top:92px;
}

main #hero-stage .intro-start .hero-graphic {
	position:relative;
}

main #hero-stage .intro-start .background-ani {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	z-index:0;
}

main #hero-stage .intro-start .background-ani .cloud-ani-left {
	top:308px;
	left:19px;
	-moz-animation:cloud-ani-left 10s ease-out infinite;
	-webkit-animation:cloud-ani-left 10s ease-out infinite;
	animation:cloud-ani-left 10s ease-out infinite;
}

main #hero-stage .intro-start .background-ani .cloud-ani-right {
	top:105px;
	right:-21px;
	-moz-animation:cloud-ani-right 12s ease-out infinite;
	-webkit-animation:cloud-ani-right 12s ease-out infinite;
	animation:cloud-ani-right 12s ease-out infinite;
}

main #hero-stage .intro-start .background-ani img{
	position:absolute;
	width:auto;
	height:105px;
}

main #hero-stage .intro-start .background {
	position:relative;
	z-index:1;
}

main #hero-stage .intro-start .foreground-ani {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}

main #hero-stage .intro-start .foreground-ani img{
	position:absolute;
	width:70px;
	height:auto;
}

main #hero-stage .intro-start .foreground-ani .logo-ani-one {
	top: 166px;
    left: 30px;
	top: 158px;
    left: 44px;
	-moz-animation:logo-ani-one 3s ease-out infinite;
	-webkit-animation:logo-ani-one 3s ease-out infinite;
	animation:logo-ani-one 3s ease-out infinite;
}

main #hero-stage .intro-start .foreground-ani .logo-ani-two {
	top: 0px;
    right: 116px;
	top: 8px;
    right: 98px;
	-moz-animation:logo-ani-two 4s ease-out infinite;
	-webkit-animation:logo-ani-two 4s ease-out infinite;
	animation:logo-ani-two 4s ease-out infinite;
}

main #hero-stage .intro-start .foreground-ani .logo-ani-three {
	bottom: 162px;
    right: 19px;
	bottom: 165px;
    right: -3px;
	-moz-animation:logo-ani-three 5s ease-out infinite;
	-webkit-animation:logo-ani-three 5s ease-out infinite;
	animation:logo-ani-three 5s ease-out infinite;
}

@keyframes cloud-ani-left{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes cloud-ani-left{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-webkit-keyframes cloud-ani-left{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@keyframes cloud-ani-right{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(25px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes cloud-ani-right{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(25px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes cloud-ani-right{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(25px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

@keyframes logo-ani-one{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(10px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes logo-ani-one{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(10px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes logo-ani-one{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(10px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

@keyframes logo-ani-two{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(-10px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes logo-ani-two{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(-10px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes logo-ani-two{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(-10px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

@keyframes logo-ani-three{
	0% {
		transform:translateY(0px);
	}
	
	50% {
		transform:translateY(10px);
	}
	
	100% {
		transform:translateY(0px);
	}
}

@-moz-keyframes logo-ani-three{
	0% {
		-moz-transform:translateY(0px);
	}
	
	50% {
		-moz-transform:translateY(10px);
	}
	
	100% {
		-moz-transform:translateY(0px);
	}
}

@-webkit-keyframes logo-ani-three{
	0% {
		-webkit-transform:translateY(0px);
	}
	
	50% {
		-webkit-transform:translateY(10px);
	}
	
	100% {
		-webkit-transform:translateY(0px);
	}
}

main #hero-stage #hero-intro .scroller{
	position:absolute;
	width:74px;
	height:74px;
	bottom:-41px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
}

main #hero-stage #hero-intro .scroller img{
	width:74px;
	height:auto;
}

#hero-stage #weteam {
	padding-top:0;
    padding-bottom:104px;
}

section .container{
  position:relative;
}

section .scroller{
	position:absolute;
	width:74px;
	height:74px;
	top:-33px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:3;
}

.content {
	border-radius:15px;
}

.benefits {
	margin-bottom:104px;
}

.benefits .content{
	padding:96px 0 43px;
}

.benefit-teaser {
	margin-bottom:55px;
	margin-bottom:66px;
}

.benefit-teaser .heading {
	display:flex;
}

.benefit-teaser .heading .icon-col{
	padding:0 27px 0 10px;
}

.benefit-teaser .heading h3{
	font-size:22px;
	line-height:30px;
	margin-bottom:14px;
}

#hero-stage .benefit-teaser p {
	font-size:18px;
	line-height:28px;
}

#clouds {
	padding-top:152px;
	padding-bottom:140px;
}

/* SLICK SLIDER */

.carousel-item {
	font-size:14px;
	color:#8d8d8d;
	text-align:center;
}

.slick-slide img {
    margin: 0 auto 14px;
}

.slick-arrow {
	position:absolute;
	top:50%;
	top:18px;
	-webkit-appearance:none;
	width:88px;
	height:88px;
	font-size:0;
	background:transparent;
	border:0 !important;
	outline:0 !important;
	background-size:100% auto;
	background-position:center center;
	background-repeat:no-repeat;
	-o-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.slick-arrow:hover {
	-o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.slick-next {
	right:-126px;
	background-image:url("../images/slick-next.svg");
}

.slick-prev {
	left:-126px;
	background-image:url("../images/slick-prev.svg");
}

#cta-box {
	align-items:center;
	padding-bottom:43px;
}

#cta-box .content{
	background: rgb(0,81,126);
	background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
}

#cta-box.dir-r-l .content{
	background: rgb(0,81,126);
	background: -moz-linear-gradient(270deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: -webkit-linear-gradient(270deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	background: linear-gradient(270deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
}

#cta-box .content .text-col {
	color:#fff;
	padding:0 87px;
}

#cta-box .content .text-col h2{
	color:#fff;
	margin-bottom:42px;
}

#cta-box img{
	border-radius:15px;
}

#cta-box .btn-secondary{
	color:#fff;
	border:1px solid #fff !important;
}

#cta-box .btn-secondary:hover,
#cta-box .btn-secondary:focus,
#cta-box .btn-secondary:active{
	color:#00465C;
	background:#fff !important;
}

.v-center {
	align-items:center;
}

.img-col .ce-gallery,
.img-col .ce-gallery .ce-column,
.img-col .ce-gallery figure,
.img-fullwidth .ce-gallery,
.img-fullwidth .ce-gallery .ce-column,
.img-fullwidth .ce-gallery figure {
	width:100%;
}

.img-col .ce-gallery img,
.img-fullwidth .ce-gallery img {
	width:100%;
	height:auto;
}

#weteam-functions .row {
	padding:35px 0;
}

#weteam-functions .first .text-col {
	padding-left:7px;
}

#testimonials {
	padding-top:116px;
	padding-bottom:112px;
}

#testimonials h2 {
	margin-bottom:70px;
}

.testimonial-col {
	border-radius:15px;
	font-style:italic;
	box-shadow:10px 10px 30px rgba(0,0,0,.1);
	background:url("../images/quote.svg")no-repeat top left #fff;
	background-position:50px 48px;
	padding:124px 30px 43px 50px;
}

.testimonial-col .author {
	display:flex;
	margin-top:89px;
}

.testimonial-col .author p {
	line-height:28px;
	margin:0;
}

.testimonial-col .author-pic{
	width:74px;
	height:74px;
	border-radius:74px;
	margin-right:28px;
	overflow:hidden;
}

.testimonial-col .author-info{
	font-style:normal;
}

#cta-start-bottom {
	padding:186px 0 194px;
	background:url("../images/nutze-weteam-unverbindlich.jpg")no-repeat center center #fff;
	background-size:1440px auto;
}

#cta-start-bottom h2 {
	margin-bottom:27px;
}

#cta-start-bottom p {
	font-size:22px;
	line-height: 34px;
	margin-bottom:43px;
}

#cta-start-bottom .btn {
	display:inline-block;
	margin:0 auto;
}

/* ### PRICING PAGE ### */

#hero-stage #hero-pricing {
	position:relative;
	margin:0 auto;
	padding:100px 0 83px;
	background-size:100% 911px;
}

/*
#hero-pricing * {
	margin-bottom:0 !important;
	margin-top:0 !important;
}*/

#hero-pricing .container{
	position:relative;
	max-width:1102px;
	margin:0 auto;
	/*padding:100px 0;*/
	z-index:1;
}

#hero-pricing:after {
	position:absolute;
	width:100%;
	height:100%;
	top:824px;
	left:0;
	content:" ";
	background:#fff;
	z-index:0;
}

#hero-pricing h1{
	margin-bottom:29px;
}

#hero-pricing p{
	font-size:22px;
	line-height:34px;
	margin-bottom:51px;
}

#hero-pricing .pricing-switch {
	position:relative;
	display:inline-block;
	color:#fff;
	border:1px solid #fff;
	border-radius:50px;
	height:50px;
	margin-bottom:64px;
	overflow:hidden;
}

#hero-pricing .pricing-switch:after{
	display:inline-block;
	position:absolute;
	top:0;
	content:" ";
	background:#fff;
	width:248px;
	height:50px;
	border-radius:50px;
	-o-transition: left .4s ease-out;
    -ms-transition: left .4s ease-out;
    -moz-transition: left .4s ease-out;
    -webkit-transition: left .4s ease-out;
    transition: left .4s ease-out;
	z-index:1;
}

#hero-pricing .pricing-switch.show-yearly:after{
	left:252px
}

#hero-pricing .pricing-switch.show-monthly:after{
	left:0;
}

#hero-pricing .pricing-switch span{
	display:inline-block;
	position:relative;
	padding:10px 26px;
	border-radius:50px;
	font-weight:700;
	cursor:pointer;
	width:248px;
	-o-transition: color .4s ease-out;
    -ms-transition: color .4s ease-out;
    -moz-transition: color .4s ease-out;
    -webkit-transition: color .4s ease-out;
    transition: color .4s ease-out;
	z-index:2;
}

#hero-pricing .pricing-switch:hover{
	background:rgba(255,255,255,.2);
}

#hero-pricing .pricing-switch span.active{
	color:#00465C;
}

#hero-pricing .pricing-col {
	border-radius:15px;
	background:#fff;
	height:calc(100%);
	box-shadow: 10px 10px 30px rgb(0, 0, 0, .1);
	padding:31px 31px 39px;
	border:3px solid #fff;
}

#hero-pricing .plus .pricing-col {
	border:3px solid #24dfff;
}

#hero-pricing .pricing-col h2 {
	text-transform:uppercase;
	font-size:22px;
	font-weight:900;
	color:#1C1C1C;
	margin-bottom:3px;
}

#hero-pricing .pricing-col h3 {
	font-size:78px;
	line-height:78px;
	margin-bottom:31px;
}

.monthly, .yearly {
	display:none;
	font-weight:900;
}

.monthly.active, .yearly.active {
	display:inline-block;
}

#hero-pricing .pricing-col p {
	margin-bottom:24px;
}

#hero-pricing .pricing-col p em{
	display:block;
	font-size:12px;
	line-height:16px;
	font-style:normal;
	color:#8d8d8d;
	margin-bottom:-40px;
}
main #hero-pricing .btn {
    margin-top: 49px;
}

#hero-pricing .pricing-left .btn {
	min-width:270px;
	margin-bottom:19px;
}

#hero-pricing .pricing-right .btn {
	/*min-width:307px;*/
	margin-bottom:22px;
}

#hero-pricing .pricing-col h4 {
	display:inline-block;
	max-width:315px;
	min-height:46px;
	font-size:16px;
	font-weight:400;
	line-height:23px;
	text-align:left;
	padding-left:20px;
	margin-bottom:40px;
	background:url("../images/info-icon.png")no-repeat left 4px;
	background-size:17px auto;
}

#hero-pricing .pricing-col ul{
	max-width:310px;
	list-style:none;
	font-size:16px;
	line-height:22px;
	padding-left:0;
	text-align:left;
	margin:0 auto;
}

#hero-pricing .pricing-col ul li{
	padding-left:64px;
	background:url("../images/checkmark-blue.svg")no-repeat left center;
	margin-bottom:21px;
}

/* Plans Overview */

#plans-table {
	text-align:center;
	padding-bottom:95px;
}

#plans-table .content{
	border-bottom:1px solid #ccc;
	border-radius:0;
}

#plans-table .btn-dropdown {
	position:relative;
	margin-bottom:94px;
}

#plans-table #plans-overview {
	position:relative;
	text-align:left;
}

#plans-table.open .content{
	border-bottom:0;
}

#plans-table #plans-overview .row {
	margin-left:0;
	margin-right:0;
}

#plans-table #plans-overview .row .col-md-5 {
	-ms-flex: 0 0 38.4%;
    flex: 0 0 38.4%;
    max-width: 38.4%;
}

#plans-table #plans-overview .row .col-md-7 {
	-ms-flex: 0 0 61.6%;
    flex: 0 0 61.6%;
    max-width: 61.6%;
}

#plans-table #plans-overview .table-head{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	text-align:center;
	z-index:998;
}

#plans-table #plans-overview .table-head div[class^="col"]{
	padding-left:0;
	padding-right:0;
}

#plans-table #plans-overview .table-head.sticky {
	position:fixed;
	top:87px;
	max-width:1234px;
	/*left:50%;
	transform:translateX(-50%);*/
}

#plans-table #plans-overview .table-head.sticky .col-md-7 .row{
	box-shadow: 10px 10px 30px rgba(0, 0, 0, .1);
}

#plans-table #plans-overview .table-head h2{
	font-size:28px;
	line-height:34px;
	text-transform:uppercase;
	margin-bottom:8px;
}

#plans-table #plans-overview .table-head h2 strong{
	font-weight:900;
}

#plans-table #plans-overview .table-head p{
	font-size:16px;
	color:#9C9C9C;
}

#plans-table #plans-overview .row .table-col-left,
#plans-table #plans-overview .row .table-col-right {
	border-left:1px solid #cccccc;
	text-align:center;
}

#plans-table #plans-overview .row.table-head .table-col-left,
#plans-table #plans-overview .row.table-head .table-col-right {
	padding:33px 0 15px;
	background:#fff;
}

#plans-table #plans-overview .table-head.sticky .col-md-7 .row {
	-o-transition: box-shadow .4s ease-out;
    -ms-transition: box-shadow .4s ease-out;
    -moz-transition: box-shadow .4s ease-out;
    -webkit-transition: box-shadow .4s ease-out;
    transition: box-shadow .4s ease-out;
}
/*
#plans-table #plans-overview .table-head.sticky .table-col-left,
#plans-table #plans-overview .table-head.sticky .table-col-right{
	border-bottom:1px solid #cccccc;
}*/

#plans-table #plans-overview .table-row {
	align-items:center;
}

#plans-table #plans-overview .table-row.first{
	border-top:1px solid #cccccc;
}

#plans-table #plans-overview .table-head div[class^="col"],
#plans-table #plans-overview .table-row div[class^="col"] {
	padding-left:30px;
	padding-right:30px;
}

#plans-table #plans-overview  div[class^="col-md-7"] {
	padding-right:0 !important;
}

#plans-table #plans-overview .table-row div[class^="row"],
#plans-table #plans-overview .table-row div[class^="col-md-7"] {
	height:calc(100%);
}

#plans-table #plans-overview .table-row div[class^="col-md-6"] {
	width:50%;
	display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

#plans-table #plans-overview .table-row .row {
	height:63px;
}

#plans-table #plans-overview .table-row.first.headline{
	background:none !important;
	border-radius:0 !important;
	height:93px;
}

#plans-table #plans-overview .table-row.headline.first h3{
	padding-top:37px;
}

#plans-table #plans-overview .table-row.headline {
	background:none !important;
	border-radius:0 !important;
	height:68px;
}

#plans-table #plans-overview .table-row {
	height:63px;
}

#plans-table #plans-overview .table-row:hover {
	background:#f2f6f7;
	border-radius:63px;
}

#plans-table #plans-overview .table-row:last-child {
	height:96px;
}

#plans-table #plans-overview .table-row:last-child:hover {
	background:none;
}

#plans-table #plans-overview .table-row h3 {
	font-size:17px;
	color:#9C9C9C;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-bottom:0;
}

#plans-table #plans-overview .table-row p {
	font-size:16px;
	margin-bottom:0;
}

#plans-table #plans-overview .table-head-spacer{
	height:134px;
}

#plans-table #plans-overview .table-row .checked {
	background:url("../images/checkmark-grey.svg")no-repeat center center;
}

#plans-table #plans-overview .btn {
	width:100%;
	margin-top:33px;
}

#plans-table #plans-overview:after {
	position:relative;
	display:block;
	width:100%;
	height:95px;
	content:" ";
}

#plans-table.open #plans-overview:after {
    height: 65px;
}

#cta-box.pricing h2{
	
}

#cta-box .content .text-col h2 {
    margin-bottom: 26px;
}

#cta-box.pricing p{
	font-size:22px;
	line-height:34px;
	margin-bottom:46px;
}

#cta-box.pricing .content .text-col {
    padding: 0 87px 0 98px;
}

#faq {
	padding-top:119px;
    padding-top:165px;
	padding-bottom:182px;
}

#faq h2{
	margin-bottom:45px;
}

div[id^="acco"] .card {
    border: 0 !important;
    border-radius: 0 !important;
	margin-bottom:17px;
}

div[id^="acco"] .card:last-child {
	margin-bottom:0px;
}

div[id^="acco"] .card-header {
    padding: 0 !important;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid #bababa;
}

div[id^="acco"] .card-header .btn {
	position:relative;
	display:block;
	width:100%;
    color:#1C1C1C !important;
	padding:17px 0;
	border-radius:0;
	box-shadow:none !important;
	text-decoration:none !important;
	text-align:left;
    padding-right: 40px;
}

div[id^="acco"] .card-header .btn:after {
	position:absolute;
	top:0;
	right:0;
	content:" ";
	width:26px;
	height:100%;
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
	background:url("../images/arrow-acc-down.svg")no-repeat right center;
}

div[id^="acco"] .card-header .btn.collapsed:after {
	-o-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);
}

div[id^="acco"] .card-body {
	padding:29px 0 6px;
}

div[id^="acco"] .card-body header{
	display:none;
}

/* USE CASES */

#hero-usecases-intro h1 {
   /* margin-bottom: 23px;*/
}

#hero-usecases-intro .btn {
    margin-top: 32px;
}

#hero-stage #hero-usecases-intro h1 {
  	margin-bottom:24px;
}

#hero-stage #hero-usecases-intro p {
  font-size:22px;
  line-height:34px;
}

#hero-stage #hero-usecases-intro .scroller{
	position:absolute;
	width:74px;
	height:74px;
	bottom:-119px;
	left:0;
	right:0;
	margin:0 auto;
	z-index:1;
}

main #hero-stage #hero-intro .scroller img{
	width:74px;
	height:auto;
}

#hero-stage #hero-usecases-box {
	padding-top:74px;
	padding-bottom:22px;
}

#hero-stage #hero-usecases-box .content {
	overflow:hidden;
}

#hero-stage #hero-usecases-box .content .text-col {
	padding:64px 64px 44px;
    -ms-flex: 0 0 39.5%;
    flex: 0 0 39.5%;
    max-width: 39.5%;
}

#hero-stage #hero-usecases-box .content .text-col p{
	font-size:18px;
	line-height:28px;
}

#hero-stage #hero-usecases-box .content .img-col {
    -ms-flex: 0 0 60.5%;
    flex: 0 0 60.5%;
    max-width: 60.5%;
}

#hero-stage #hero-usecases-circle {
	position:relative;
}

#hero-stage #hero-usecases-circle .fade-in{
	position:absolute;
	width:358px;
	height:auto;
	top:123px;
	right:-54px;
	opacity:.0;
	-o-transition: opacity .4s ease-out;
    -ms-transition: opacity .4s ease-out;
    -moz-transition: opacity .4s ease-out;
    -webkit-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out;
}

#hero-stage #hero-usecases-circle.visible .fade-in{
	opacity:1;
}

#hero-stage #hero-usecases-circle h2 {
   font-size:34px;
   line-height:40px;
   margin-bottom:33px;
}

#hero-stage #hero-usecases-circle .img-col img{
	max-width:553px;
	/*margin-left:-15px;*/
}

#hero-stage #hero-usecases-circle .text-col {
	padding-left:76px;
}

#hero-stage #hero-usecases-circle .text-col p {
    display: block;
    font-size: 18px;
    line-height: 28px;
}

#hero-stage #testimonials {
	position:relative;
	padding-top:89px;
}

#hero-stage #testimonials .container{
	position:relative;
	z-index:1;
}

#hero-stage #testimonials:after {
	display:block;
	position:absolute;
	width:100%;
	height:266px;
	bottom:0;
	content:" ";
	background:#fff;
	z-index:0;
}

#hero-stage .testimonial-col {
	background-position:center 60px;
	padding: 138px 70px 65px 70px;
}

#hero-stage .testimonial-col p {
	font-size:22px;
    line-height: 37px;
}

#hero-stage .testimonial-col .author {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
	text-align:left;
	margin-top:41px;
}

#hero-stage .testimonial-col .author p {
	font-size:18px;
	line-height:28px;
}

#info-box {
	padding-top:83px;
	padding-bottom:91px;
}

#info-box .content {
	overflow:hidden;
}

#info-box h2 {
	font-size:36px;
	line-height:40px;
	margin-bottom:29px;
}

#info-box img {
	border-radius:15px;
}

#info-box.dir-l-r .img-fullwidth{
	padding-right:44px;
}

#info-box.dir-l-r .text-col {
	padding-left:72px;
}

/* ###########

### FOOTER ### 

############## */

#footer {
	font-size:18px;
	line-height:28px;
	background:#f5f5f5;
}

#footer .footer-top{
	background:#f5f5f5;
	padding:69px 5px 84px;
	border-bottom:1px solid #dadada;
}

#footer .footer-bottom{
	background:#f5f5f5;
	padding:46px 9px 47px 5px;
	border-top:1px solid #6d6d6d;
}

#footer .footer-top .img-logo {
	width:auto;
	height:90px;
	margin-left:-25px;
    margin-bottom: 7px;
}

#footer .footer-top .first-col p{
	font-size:16px;
	line-height:22px;
	margin-bottom:0;
}

#footer .footer-top h4{
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:22px;
}

#footer .footer-top ul,
#footer .footer-top .footer-links {
	padding-left:0;
	list-style:none;
	margin-bottom:0;
}

#footer .footer-top ul a,
#footer .footer-top .footer-links a{
	color:#1C1C1C;
	line-height:33px;
}

#footer .footer-top ul a:hover,
#footer .footer-top ul a:focus,
#footer .footer-top ul a:active,
#footer .footer-top .footer-links a:hover,
#footer .footer-top .footer-links a:focus,
#footer .footer-top .footer-links a:active{
	text-decoration:underline;
}

#footer .footer-bottom {
	display:flex;
	justify-content:space-between;
}

#footer .footer-bottom p {
	margin-bottom:0;
}

#footer .footer-bottom .imp-link{
	margin-right:31px;
	color:#1C1C1C;
	text-decoration:underline;
}

#footer .footer-bottom .imp-link:hover,
#footer .footer-bottom .imp-link:focus,
#footer .footer-bottom .imp-link:active{
	color:#1C1C1C;
	text-decoration:none;
}

#footer .footer-bottom .social-links{
	padding-left:0;
	list-style:none;
	margin-bottom:0;
}

#footer .footer-bottom .social-links li{
	display:inline-block;
	text-transform:uppercase;
	font-size:15px;
	height:29px;
	font-weight:700;
	margin:-4px 3px 0;
}

#footer .footer-bottom .social-links li a{
	font-weight:700;
}

#footer .footer-bottom .social-links li a img{
	height:22px;
	width:auto;
	margin-top:-6px;
}

#footer .footer-bottom .social-links li:first-child{
	margin-top:0;
	margin-left:0;
	margin-right:20px;
}

#footer .footer-bottom .social-links li:last-child{
	margin-top:0;
	margin-right:0;
}

/* additional styles */

.box {
    background:#fff;
    border-radius: 15px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%);
    padding: 31px 31px 39px;
}

#hero-stage .box p {
  color:#1C1C1C;
}

#kontakt .box {
    padding: 19px 67px 88px;
}

/* Powermail */
.tx-powermail {
  	background:#fff;
    border-radius: 15px;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 10%);
    padding: 19px 67px 88px;
}

.tx-powermail .container-fluid {
	padding:0;
}

.tx-powermail label {
	color: #606060;
    margin: 45px auto 0 4px;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 12px 0 7px;
}

.tx-powermail label .mandatory{
	display:none;
}

.tx-powermail input[type="email"],
.tx-powermail input[type="text"],
.tx-powermail select,
.tx-powermail textarea {
	width:100%;
	padding-left:15px;
	padding-right:15px;
    height:69px;
	outline:0;
	box-shadow:none !important;
    margin-top:-13px;
	/*margin-bottom:45px;*/
    border:1px solid #C7C7C7;
  	border-radius:5px;
}

.tx-powermail textarea {
	padding:10px 15px;
	min-height:275px;
    /*margin-bottom:32px;*/
}

.tx-powermail input[type="checkbox"] {
	width:22px;
	height:22px;
	margin-bottom:0;
	padding:0;
	-webkit-appearance:checkbox;
    border:1px solid #C7C7C7;
}

.tx-powermail .checkbox label {
	font-size:0;
    padding:0;
    margin:0;
    margin-top:32px;
}

#hero-stage .powermail_field .frame-type-text p{
    color:#1C1C1C;
	font-size:18px;
	line-height:28px;
    margin:-40px auto 45px 43px;
}

.tx-powermail input[type="submit"] {
	width:100%;
	height:60px;
    font-weight: 700;
    border-radius: 50px;
    font-size:22px;
    color: #00465C;
    background: transparent;
    border: 1px solid #00465C !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.tx-powermail input[type="submit"]:hover,
.tx-powermail input[type="submit"]:focus,
.tx-powermail input[type="submit"]:active {
  	color:#fff;
	background:#00465C;
}

ul.parsley-errors-list {
	list-style:none;
	padding-left:0;
}

li.parsley-required {
	color:red;
	margin-top:-15px;
}

.img-box-dots {
  margin-bottom:17px;
}

.img-box-dots.img-right {
  text-align:right;
}

.img-box-dots .img-box-wrap {
  position:relative;
  display:inline-block;
}

.img-box-dots .img-round {
  position:relative;
  max-width:342px;
  height:auto;
  z-index:2;
}

.img-box-dots.img-big .img-round {
  max-width:424px;
}

.img-box-dots .dots {
  position:absolute;
  top:52px;
  right:-76px;
}

.img-box-dots.img-right .dots {
  left:-76px;
  right:auto;
}

.img-box-dots.img-big .dots {
  top:128px;
  right:-101px;
}

.img-box-dots.img-big.img-right .dots {
  left:-101px;
}

#kontakt .form-col {
  position:relative;
  z-index:3;
}

#hero-stage p {
    font-size: 22px;
    line-height: 34px;
}

#hero-stage #download-intro h1 {
	max-width: 810px;
    max-width: 73%;
	margin: 0 auto;
}

#hero-stage #download-content {
  	padding-top:99px;
  	padding-bottom:106px;
}

#hero-stage #download-content .logo-col img {
	width:auto;
	height:51px;
}

#hero-stage #download-content.padded .content {
    position:relative;
  	z-index:2;
}

#hero-stage #download-content.padded .container:before {
    position:absolute;
  	display:block;
    content:" ";
  	top:-93px;
    right:0px;
    width:170px;
	height:192px;
    background:url("../images/dots.svg")no-repeat center;
    background-size:100% auto;
  	z-index:1;
}

/* ########################################
#                                         #
###          RESPONSIV STYLES           ### 
#                                        #
########################################## */

@media only screen and (min-width: 1400px) {
	.container {
		max-width:1264px;
	}
	
	#hero-stage .container {
		max-width:1234px;
	}
}

@media (min-width:1200px) and (max-width:1399px) {
	main #hero-stage .intro-start .background-ani img {
		height: 95px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 258px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 100px;
		right: 0;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 60px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 149px;
		left: 28px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 0px;
		right: 105px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 147px;
		right: 17px;
	}
	
	#cta-start-bottom {
		background: url(../images/nutze-weteam-unverbindlich.jpg)no-repeat center center #fff;
		background-size: 1200px auto;
	}
  
    #plans-table #plans-overview .table-head.sticky {
    	max-width: 1110px;
	}
  
    #plans-table #plans-overview .table-row h3 {
        font-size: 16px;
        letter-spacing: 1px;
    }
  
  	#hero-stage #download-content .logo-col img {
    	width: auto;
    	height: 49px;
	}
}

@media (min-width:1200px) {
	.main-menu {
		margin-right:120px;
	}
		
	.padded .content {
		padding-left:130px !important;
		padding-right:130px !important;
	}
	
	#weteam.padded .content {
		padding-left:145px !important;
		padding-right:145px !important;
	}
	
	#clouds.padded .content {
		padding-left: 158px !important;
		padding-right: 158px !important;
	}
	
	#weteam-functions .img-fullwidth,
	#weteam-functions .img-col {
		-ms-flex: 0 0 55%;
		flex: 0 0 55%;
		max-width: 55%;
	}
/*
	#weteam-functions .first .img-fullwidth img,
	#weteam-functions .first .img-col img {
		margin-left:-29px;
	}

	#weteam-functions .second .img-fullwidth img,
	#weteam-functions .second .img-col img {
		margin-right:-47px;
	}
	
	#weteam-functions .third .img-fullwidth img,
	#weteam-functions .third .img-col img {
		margin-left:-36px;
	}*/

	#weteam-functions .text-col {
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 45%;
	}
	
	#testimonials.padded .content {
		padding-left: 169px !important;
		padding-right: 169px !important;
	}
	
	#faq.padded .content {
		padding-left: 218px !important;
		padding-right: 218px !important;
	}
	
	#footer .footer-top .first-col {
		padding-right:106px;
	}
  
     #hero-stage #download-content.padded .content {
        padding:106px 117px 110px !important;
  	}
}

@media (min-width:992px) and (max-width: 1199px) {

	#header .main-menu {
		margin-right:30px;
	}
	
	#header .right-menu .border-link {
		margin-right: 23px;
	}
	
	main #hero-stage h1 {
		font-size:44px;
		line-height:56px;
	}
	
	main #hero-stage .intro-start .background-ani img {
		height: 79px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 215px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 83px;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 48px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 124px;
		left: 22px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 1px;
		right: 89px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 123px;
		right: 16px;
	}
	
	.padded .content {
		padding-left:80px !important;
		padding-right:80px !important;
	}
	
	#clouds.padded .content {
		padding-left: 80px !important;
		padding-right: 80px !important;
	}
	
	#cta-box.pricing .content .text-col h2{
		font-size: 32px;
		line-height: 40px;
	}
	
	#cta-box.pricing p {
		font-size: 18px;
		line-height: 28px;
	}
	
	#cta-box.pricing .content .text-col {
		padding: 0 30px;
	}
	
	#hero-stage #hero-usecases-box .content .text-col {
		padding: 64px 45px 44px;
	}
	
	#hero-stage #hero-usecases-circle .fade-in {
		width: 273px;
		top: 111px;
		right: -76px;
	}
	
	#cta-start-bottom {
		background: url(../images/nutze-weteam-unverbindlich.jpg)no-repeat center center #fff;
		background-size: 109% auto;
	}
  
    #plans-table #plans-overview .table-head.sticky {
    	max-width: 930px;
	}
  
    #plans-table #plans-overview .table-head p {
        font-size: 14px;
    }
  
    #plans-table #plans-overview .table-row h3 {
        font-size: 14px;
        letter-spacing: 0px;
    }
    
    #plans-table .btn {
         font-size: 20px;
         padding: 12px 25px 13px;
    }
  
  	.tx-powermail {
   	 padding: 0px 37px 88px;
	}
  
  	#hero-stage #download-content.padded .content {
    	padding: 106px 50px 110px !important;
	}
  
  	#hero-stage #download-content .logo-col img {
    	width: auto;
    	height: 40px;
	}
}

@media (max-width: 1199px) {
	.slick-prev {
		left: -78px;
	}
	
	.slick-next {
		right: -78px;
	}
}

@media (min-width:992px) {
    #hero-stage h1 {
      margin-bottom:36px;
	}
  
   /* #hero-stage p {
    	font-size: 22px;
    	line-height: 34px;
	}*/
  
  
	#hero-stage .container{
		padding:0;
	}
  
    #hero-stage section.padded-top .content{
    	padding-top:98px !important; 
    }
  
    #hero-stage section.padded-top .content{
    	padding-bottom:98px !important; 
    }
  
	main #hero-stage .intro-start .text-col {
		-ms-flex: 0 0 44.79%;
		flex: 0 0 44.79%;
		max-width: 44.79%;
		padding-left:0;
	}
	
	main #hero-stage .text-col p {
		display:inline;
	}
	
	main #hero-stage .intro-start .img-col {
		-ms-flex: 0 0 55.21%;
		flex: 0 0 55.21%;
		max-width: 55.21%;
		padding-left:0;
		padding-right:0;
	}
	
	main #hero-stage .intro-start .img-col .background img{
		margin-left:19px;
	}

	#cta-box .content {
		overflow:hidden;
	}
	
	.testimonial-col p {
		line-height:37px;
	}	

	#testimonials .left-col {
		padding-right:26px;
	}

	#testimonials .right-col {
		padding-left:26px;
	}
	
	#footer .footer-bottom p br{
		display:none;
	}
	
	.btn-dropdown:hover {
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}

	#hero-pricing .pricing-left {
		padding-right: 21px;
	}
	
	#hero-pricing .pricing-right {
		padding-left: 21px;
	}
  
    #hero-pricing .pricing-right:before {
		position:absolute;
        top:-114px;
        right:99px;
        width:171px;
        height:192px;
        content:" ";
        background:url("../images/dots.svg")no-repeat top center;
        background-size:100% auto;
        z-index:1;
	}
  
	 #hero-pricing .pricing-right .pricing-col {
		position:relative;
        z-index:2;
	}
  
	.show-on-mobile {
		display:none !important;
	}
  
  	#hero-stage #hero-usecases-circle .img-col {
    	padding-left:0;
  	}
  
    #hero-usecases-box h2 {
    	font-size: 34px;
    	line-height: 40px;
    	margin-bottom: 33px;
	}
  
    #hero-stage section#kontakt {
    	padding-bottom:147px;
    }
  
    #kontakt .form-col {
  		padding-left:19px;
  		padding-right:0px;
	}
  
	#kontakt .img-col {
        padding-top:40px;
  		padding-left:0px;
  		padding-right:31px;
	}
  
  	#kontakt .form-col .tx-powermail{
  		-o-transform:translateX(29px);
  		-ms-transform:translateX(29px);
  		-moz-transform:translateX(29px);
  		-webkit-transform:translateX(29px);
  		transform:translateX(29px);
	}
  
    #kontakt .img-col .img-box-dots.img-big{
  		-o-transform:translateX(-41px);
  		-ms-transform:translateX(-41px);
  		-moz-transform:translateX(-41px);
  		-webkit-transform:translateX(-41px);
  		transform:translateX(-41px);
	}
  
  	#kontakt .row {
    	position:relative;
        z-index:1;
  	}
  
  	#kontakt:after {
    	display:block;
        position:absolute;
        content:" ";
        width:100%;
        height:74.5%;
        bottom:0;
        left:0;
        background:#fff;
      	z-index:0;
  	}
  
  	#hero-stage section .container.container-padded,
  	#hero-stage #download-content .container {
    	padding:0 58px;
  	}
  
  	#hero-stage #hero-pricing .container.container-padded {
    	padding: 0 66px;
	}
  
  	#hero-stage #download-content .row:first-child .img-col {
        padding-right:25px;
  	}
  
  	#hero-stage #download-content .text-col {
        padding-left:67px;
  	}
  
    #hero-stage #download-content h2 {
    	margin-bottom:47px;
    }
  
  	#hero-stage #meet-free-content.padded .content {
    	padding-left: 110px !important;
    	padding-right: 110px !important;
	}
  
  	#hero-stage #meet-free-content h2 {
    	margin-bottom:41px;
    }
  
}

@media only screen and (max-width: 991px) {
	h1 {
		font-size: 36px;
		line-height:45px;
	}

	h2 {
		font-size: 28px;
		line-height:35px;
	}
	
	hr {
  	  	margin-top:52px;
  	 	margin-bottom:52px;
	}  
  
    #clouds h2,
    #weteam h2,
	h2.mb-2 {
		margin-bottom: 39px !important;
	}
	h2.ce-headline-center,
	h2.text-center {
		text-align:left !important;
	}

	h3 {
		font-size: 22px;
		line-height:29px;
	}

	h4 {
		font-size: 18px;
		line-height:28px;
	}
	
    #hero-stage section.padded-top .content {
    	padding-top:62px !important; 
    }
 
    #hero-stage section.padded-top .content {
    	padding-bottom:62px !important; 
    }
  
	.btn {
		font-size:18px;
		padding-top:8px;
		padding-bottom:8px;
	}
	
	.navbar {
		position:relative;
		padding: 12px 15px 9px;
	}
	
	.navbar-toggler {
		position:absolute;
		top:22px;
		right:5px;
	}
	
	#header .navbar-logo #logo {
		height: 50px;
		margin-top:3px;
		margin-left: -10px;
	}
	
	.nav-item {
		margin: 5px 0;
	}
	
	.main-menu {
		margin-top:15px;
		margin-right: 0px;
	}
	
	#header .main-menu-link {
		font-size: 22px;
	}
  
    #header .right-menu {
        margin-top: 16px;
    }
  
	#header .right-menu .border-link {
		font-size: 22px;
		margin-right: 0px;
	}
	
	#header .right-menu .btn {
		font-size: 22px;
		width:100%;
		margin-top: 40px;
		margin-bottom: 30px;
	}
	
	main #hero-stage{	
		padding-top:57px;
		background: rgb(0,81,126);
		background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
		min-height:600px;
	}
	
	main #hero-stage .intro-start .text-col {
		padding-top:91px;
	}

	#hero-stage .btn {
		margin-top: 46px;
	}
	
	main #hero-stage h1, main #hero-stage h2 {
		margin-bottom:27px;
	}
  
  	#hero-stage #hero-intro .text-col p {
        display:inline;
    	margin-bottom:0;
  	}
	
	main #hero-stage .intro-start .img-col {
		padding-top: 56px;
	}
	
	main #hero-stage .intro-start .background-ani img {
		height: 109px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 297px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 114px;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 65px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 172px;
		left: 32px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 4px;
		right: 124px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 171px;
		right: 23px;
	}
	
	main #hero-stage #hero-intro {
		padding-bottom: 81px;
	}
	
	.padded .content {
		padding-left:15px !important;
		padding-right:15px !important;
	}
  
    #weteam.padded .content {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	
	#clouds.padded .content {
		padding-left: 55px !important;
		padding-right: 55px !important;
	}
	
	.slick-arrow {
		top:23px;
		width:55px;
		height:55px;
		background-position:center center;
	}
	
	.slick-prev {
		left: -52px;
		background-image:url("../images/slick-prev-mobile.svg");
	}
		
	.slick-next {
		right: -52px;
		background-image:url("../images/slick-next-mobile.svg");
	}	
	.benefit-teaser .heading .icon-col {
		padding: 0 26px 0 0;
	}
	
	.testimonial-col p {
		line-height:32px;
	}
	
	#cta-box .content .text-col {
		padding: 0 60px;
	}
	
	#cta-start-bottom {
		padding-top: 122px;
		background: url(../images/nutze-weteam-unverbindlich-mobile.png)no-repeat top center #fff;
		background-size: 260px auto;
	}
	
	#hero-stage #hero-pricing {
		padding: 92px 0 83px;
	}
	
	#cta-box .content .text-col h2 {
		margin-bottom: 24px;
	}
	
	#cta-box.pricing .content .text-col {
		text-align: left;
		padding: 39px 35px 56px;
	}
	
	#cta-box.pricing p {
		font-size:18px;
		line-height:28px;
		margin-bottom: 39px;
	}
	#cta-box.pricing .content .text-col .btn{
		display:block;
	}
	
	.btn .arrow {
		margin-left: 8px;
	}
	
	#cta-box .content,
	#cta-box.dir-r-l .content {
		background: rgb(0,81,126);
		background: -moz-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: -webkit-linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		background: linear-gradient(90deg, rgba(0,81,126,1) 0%, rgba(0,167,196,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00517e",endColorstr="#00a7c4",GradientType=1);
	}
	
	#hero-pricing .container {
		max-width: 720px;
	}
	
	#plans-table {
		display:none;
	}
	
	#hero-pricing h1 {
		text-align: left;
	}
	
	#hero-pricing p {
		text-align: left;
        margin-bottom:85px;
	}
  
    #hero-pricing:after {
	    top: 694px;
	}
	
	#hero-pricing .pricing-switch {
		display: none !important;
	}
	
	#hero-stage #hero-pricing {
		padding-bottom: 63px;
	}
	
	#hero-pricing .pricing-left {
		margin-bottom:64px;
	}
	
	#hero-pricing .pricing-col {
		padding:45px 27px;
	}
	
	#hero-pricing .pricing-col-header {
		position:relative;
		border-bottom:1px solid #e1e1e1;
		margin-bottom:32px;
	}
	
	#hero-pricing .pricing-col-header h2,
	#hero-pricing .pricing-col-header h3 {
		display:inline-block;
		font-size:28px;
		line-height:38px;
		margin-bottom:8px;
	}
  
	#hero-pricing .pricing-col-header h2 {
		margin-right:15px;
	}
	
	#hero-pricing .pricing-col-header h4 {
		display:block;
		text-align:center !important;
		padding-left: 0px;
		background: none;
		margin:0 auto 8px;
	}
	
	#hero-pricing .pricing-col-header .btn {
		display:none !important;
	}
	
	#hero-pricing .pricing-col ul li {
		padding-left: 50px;
		margin-bottom: 26px;
	}
	
	main #hero-pricing .pricing-col .btn {
		display:block;
		max-width:310px;
		margin:24px auto 36px;
	}
	
	#hero-pricing .pricing-col .btn-dropdown {
		font-size:17px;
		padding-bottom:0;
	}
	
	#pricing-col-add-info-left ul,
	#pricing-col-add-info-right ul {
		padding-top:39px;
		padding-bottom:0px;
	}
	
	#hero-pricing  #pricing-col-add-info-left .btn {
		margin:47px auto 0;
	}
	
	#hero-pricing .plus .pricing-col .pricing-col-header {
		padding-bottom:64px;
	}
	
	#hero-pricing .plus .pricing-col .pricing-col-header p {
		position:absolute;
		max-width:350px;
		bottom:40px;
		left:0;
		right:0;
		margin:0 auto;
	}
	
	#hero-stage #hero-usecases-intro {
		padding-top:91px;
		padding-bottom:30px;
	}
	
	#hero-stage #hero-usecases-intro .btn {
		margin-top:26px;
        margin-top:39px;
	}
  
    #hero-stage #hero-usecases-circle {
       padding-top:15px;
       padding-bottom:84px;
    }
	
	#hero-stage #hero-usecases-box .content .text-col {
		padding:30px;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#hero-stage #hero-usecases-box .content .img-col {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	
	#hero-stage #hero-usecases-circle .img-col img {
		max-width: 100%;
        max-width:73.6%;
        height:auto;
		margin-left: 0px;
	}
	
	#hero-stage #hero-usecases-circle h2 {
		font-size: 28px;
		line-height: 35px;
		margin-bottom: 22px;
	}
	
	#hero-stage #hero-usecases-circle .text-col {
		padding-top:27px;
	}
	
	#hero-stage #testimonials {
		position: relative;
		padding-top: 29px;
        padding-bottom:36px;
	}
	
	#hero-stage .testimonial-col {
		background-position: 39px 48px;
		padding: 125px 39px 44px 39px;
        margin-bottom:0;
	}
	
	#hero-stage .testimonial-col p {
		font-size: 18px;
		line-height: 28px;
		text-align:left;
	}
  
  	#info-box {
    	padding-top: 49px;
	}
	
	#info-box.dir-l-r .img-fullwidth {
		padding-right: 15px;
	}
	
	#info-box.dir-l-r .text-col {
		padding-left: 15px;
	}
	
	#info-box h2 {
		font-size: 26px;
		line-height: 33px;
		margin-bottom: 20px;
	}
	
	#info-box p {
		font-size: 16px;
		line-height: 26px;
	}
  
  	#hero-stage #hero-usecases-circle .text-col {
    	padding-left: 15px;
	}
	
	#footer {
		font-size:18px;
	}
	
	#footer .footer-top {
		padding: 27px 12px 51px;
	}
	
	#footer .footer-top .img-logo {
		height: 90px;
		margin-bottom: 14px;
	}
	
	#footer .footer-top .first-col {
		line-height:26px;
		margin-bottom:60px;
	}
	
	#footer .footer-top h4 {
		font-size:15px;
		margin-top: 0px;
		margin-bottom: 19px;
	}
	
	#footer .footer-top ul li a,
	#footer .footer-top .footer-links li a{
		line-height:32px;
	}
	
	#footer .footer-top ul,
	#footer .footer-top .footer-links{
		margin-bottom:55px;
	}
	
	#footer .footer-top  .footer-menu-col:last-child ul,
	#footer .footer-top  .footer-menu-col:last-child .footer-links{
		margin-bottom:36px;
	}
	
	#footer .footer-bottom {
		display:block;
		padding: 45px 12px;
	}
	
	#footer .footer-bottom .imp-link {
		display:block;
		margin-right: 0px;
		margin-bottom:8px;
	}
	
	#footer .footer-bottom p{
		margin-bottom:45px;
	}
	
	#footer .footer-bottom .social-links li {
		margin: -4px 3px 0;
	}
	
	#footer .footer-bottom .social-links li a img {
		width:22px;
		height:22px;
	}
  
    #hero-stage section#kontakt {
    	padding-bottom:24px;
    }
  
    .tx-powermail input[type="submit"] {
    	font-size:18px;
		height:45px;
	}
  
    .img-col .img-box-dots {
        margin-right:8.533333333333333%;
  	}
  
  	.img-col .img-box-dots.img-big {
 	 	position: absolute;
    	top: 21.06666666666667%;
        left:8.533333333333333%;
        margin-right:0;
  	}
  
  	.tx-powermail {
    	padding: 19px 24px 40px;
	}
  
 	.tx-powermail label {
    	margin: 31px auto 0 4px;
    	padding: 0 12px 0 7px;
	}
  
  	#hero-stage .powermail_field .frame-type-text p {
    	font-size: 15px;
    	line-height: 25px;
    	margin: -38px auto 45px 43px;
	}
  
  	.img-col .img-box-dots.img-big .dots {
 	 	display:none;
  	}
  
  	.img-box-dots .img-round {
    	z-index: 3;
	}
  
  	.img-box-dots.img-big .img-round {
    	z-index: 2;
	}
  
    #hero-stage .ce-headline-center {
    	text-align:left !important;
    }
  
  	#hero-stage p.text-center {
    	text-align:left !important;
    }
  
  	#hero-stage section#kontakt {
    	padding-top:0;
  	}
  
	#cta-start-bottom:first-child {
    	margin-top:65px;
    }
  
  	#hero-stage #download-intro .ce-headline-center {
    	text-align: center !important;
      	max-width: 76%;
	}
  
  	#hero-stage #download-content .img-col img {
    	margin-bottom:36px;
	}
  
  	#hero-stage #download-content .img-col.logo-col img {
    	margin-bottom: 0px;
	}
  
  	#hero-stage #download-content.padded .content {
    	padding: 83px 24px 36px !important;
	}
  	#hero-stage #download-content.padded .container:before {
      display: none;
	}
}

@media (max-width:991px) and  (min-width:768px) {
    #hero-stage #hero-intro .text-col .btn {
        display:block;
    	max-width:270px;
  	}
}

@media (max-width:991px) and (min-width:576px) {
     .img-box-dots .img-box-wrap {
   	 	max-width: 46.93333333333333%;
	}
  
  	.img-box-dots .img-round {
   	 	max-width: 100%;
	}
  
  	.img-box-dots.img-big .img-box-wrap {
   	 	max-width: 48.53333333333333%;
	}
  
  	.img-col .img-box-dots.img-big {
	    width: 100%;
	}
  
  	.img-box-dots.img-big .img-round {
   	 	max-width: 100%;
	}
  
  	.img-box-dots {
    	margin-bottom: 63px;
	}
  
    .img-box-dots .dots {
    	max-width:45.8%;
        height:auto;
    	top: 11%;
    }
  
    .img-box-dots.img-right .dots {
	    left: -25%;
    }

}

@media only screen and (max-width: 767px) {
	html, body {
		overflow-x:hidden;
	}
	
	main #hero-stage .intro-start .background-ani img {
		height: 80px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 220px;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 86px;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 48px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 127px;
		left: 24px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 3px;
		right: 92px;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 126px;
		right: 17px;
	}
	
	main #hero-stage #hero-intro .scroller {
		width: 60px;
		height:auto;
		bottom: -33px;
	}
	
	main #hero-stage #hero-intro .scroller img {
		width: 60px;
	}
	
	#hero-stage #weteam {
		padding-bottom: 0;
	}
	
	.benefits {
		background:#fff;
		border-radius:15px 15px 0 0;
		margin-bottom:0;
	}
	
	.benefits .content {
		padding: 82px 0 0;
	}
	
	.benefits h2.mb-2 {
		margin-bottom: 47px !important;
	}
	
	.benefit-teaser {
		margin-bottom: 62px;
	}
	
	.benefit-teaser .heading .icon-col {
		padding: 0 24px 0 0;
	}
	
	#clouds {
		padding-top: 11px;
		padding-bottom: 140px;
	}
	
	#clouds.padded .content {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	#clouds.padded .content .carousel{
		padding-left: 33px !important;
		padding-right: 33px !important;
	}
	
	.slick-arrow {
		top:17px;
		width:60px;
		height:60px;
		background-size:100% auto;
	}
	
	.slick-prev {
		left: -7px;
	}
		
	.slick-next {
		right: -17px;
	}
	
	.slick-slide img {
		width:12.43vw;
		height:auto;
		margin-bottom:12px;
	}
	
	#cta-box {
		padding-bottom: 47px;
	}
	
	#cta-box .content .text-col {
		text-align:center;
		padding-top:112px;
		padding-bottom:65px;
	}
	
	#cta-box .content .text-col h2 {
		margin-bottom: 34px;
	}
	
	#cta-box .content {
		position:relative;
	}
	
	#cta-box.layout-2 .container {
		padding:0;
	}
	
	#cta-box.layout-2 .content .img-fullwidth {
		position: absolute;
		top:0;
		left:0;
		right:0;
		width: 159px;
		height:159px;
		padding:0;
		margin:-78px auto 0;
		text-align:center;
	}
  
    #cta-box.layout-2 .content .img-fullwidth .ce-gallery {
        border-radius: 159px;
		overflow:hidden;
    }
  
  #cta-box.layout-2 .content .img-fullwidth:before {
		position: absolute;
        content:" ";
        top:6px;
        left:119px;
        width:115px;
        height:130px;
        background:url("../images/dots.svg")no-repeat center;
        background-size:100% auto;
        z-index:2;
	}
	
	#cta-box.layout-2 .content .img-fullwidth img{
        position:relative;
		width: auto;
		height: 159px;
		border-radius: 100%;
		padding:0;
		overflow: hidden;
        z-index:3;
	}
	
	#weteam-functions .row {
		padding: 35px 0 47px;
	}
	
	#testimonials {
		padding-top: 53px;
		padding-bottom: 70px;
	}
	
	#testimonials .container {
		padding:0;
	}
	
	#testimonials h2{
		text-align:center !important;
		margin-bottom:40px;
	}
	
	.testimonial-col {
		background-position: 40px 46px;
		padding: 124px 38px 43px 38px;
		margin-bottom:32px;
	}
	
	.testimonial-col .author-pic {
		width: 97px;
		height: 97px;
		border-radius: 97px;
		margin-right: 30px;
	}
	
	.testimonial-col .author {
		margin-top: 25px;
	}
	
	#cta-start-bottom {
		padding-top: 93px;
		padding-bottom:89px;
		background-size: 194px auto;
	}
	
	#cta-start-bottom p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 28px;
	}
	
	#hero-pricing .container {
		max-width: 540px;
	}

	#faq {
		padding-top: 60px;
		padding-bottom: 110px;
	}
	
	div[id^="acco"] .card {
		margin-bottom: 8px;
	}
	
	div[id^="acco"] .card-header .btn {
		padding: 22px 40px 24px 0;
	}

	#info-box h2 {
		font-size: 28px;
		line-height: 35px;
		margin-top:46px;
		margin-bottom: 23px;
	}
	
	#info-box p {
		font-size: 18px;
		line-height: 28px;
	}
	
	#info-box {
		padding-bottom: 75px;
	}
  
  	#weteam-functions .first .text-col {
    	padding-left: 15px;
	}
  
  	#hero-stage #download-intro .ce-headline-center {
    	max-width: 340px;
	}
  
  #weteam-functions .img-fullwidth {
    padding:0;
  }
	
}
@media (min-width:576px) {
	#hero-pricing .pricing-right .btn {
    	min-width: 307px;
	}
}

@media (max-width:575px) {
	#hero-stage .btn {
		margin-top: 46px;
		display: block;
	}
	
	main #hero-stage .container {
		padding: 0 15px;
	}
	
	main #hero-stage .intro-start .background-ani img {
		width:27vw;
		height: auto;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-left {
		top: 59%;
	}
	
	main #hero-stage .intro-start .background-ani .cloud-ani-right {
		top: 23%;
	}
	
	main #hero-stage .intro-start .foreground-ani img {
		width: 10vw;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-one {
		top: 33.5%;
		left: 4%;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-two {
		top: 0%;
		right: 17%;
	}
	
	main #hero-stage .intro-start .foreground-ani .logo-ani-three {
		bottom: 33%;
		right: 3%;
	}
	
	#cta-box .content .text-col {
		padding-left:41px;
		padding-right:41px;
	}
  
  #cta-box .content .text-col br {
    display:none;
  }
  
    #cta-box .content .text-col .btn {
      display:block;
 	}
  
  	#hero-stage #hero-usecases-intro.text-center {
        text-align:left !important;
	}
  
  	#hero-stage #hero-usecases-circle .fade-in {
		width: 45vw;
    	top: 23vw;
    	right: -2vw;
	}
  
  	section .scroller {
    	width: 60px;
    	height: 60px;
      	top:-26px;
	}
    section .scroller img{
    	width: 100%;
      	height:auto;
	}
  
    .img-box-dots .img-round {
   	 	max-width: 46.93333333333333vw;
	}
  
  	.img-box-dots.img-big .img-round {
   	 	max-width: 48.53333333333333vw;
	}
  
  	.tx-powermail {
    	padding: 19px 24px 40px;
	}
  
    .img-col .img-box-dots {
        margin-right:4.5vw;
  	}
  
  	.img-col .img-box-dots.img-big {
 	 	position: absolute;
    	top: 21.06666666666667vw;
        left:8.533333333333333vw;
        margin-right:0;
  	}
  
    .img-box-dots {
    	margin-bottom: 16.8vw;
	}
  
    .img-box-dots .dots {
    	max-width:20.8vw;
      	top:8vw;
        height:auto;
    }
  
    .img-box-dots.img-right .dots {
	    left: -15vw;
    }
  
  	#hero-stage #download-content {
    	padding-top: 84px;
    	padding-bottom: 22px;
	}
  
  	#hero-stage #download-content .logo-col img {
    	width: auto;
    	height: 40px;
	}
  
  	#hero-stage #download-content .logo-col:first-child {
    	padding-right:7.5px;
	}
  
  	#hero-stage #download-content .logo-col:last-child {
    	padding-left:7.5px;
        padding-right:0;
	}
  
}