@font-face {font-family:"stolzl";
src:url("https://use.typekit.net/af/148b9c/00000000000000007735affe/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/148b9c/00000000000000007735affe/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/148b9c/00000000000000007735affe/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}
.tk-stolzl { font-family: "stolzl",sans-serif; }

label {
	font-size: 14px;
	line-height: 24px;
}

.rating {
	font-size: 13px;
	display: inline-block;
}
	.rating i {
		margin-right: 3px;
		color: #FF93B9;
	}
	.rating > span {
		margin-left: 11px;
	}

.underline {
	position :relative;
	z-index: 0;
}
	.underline:after {
		content: '';
		width: 104%;
		background-color: #E1567C;
		opacity: .7;
		height: 8px;
		position: absolute;
		left: -2%;
		bottom: 5px;
		border-radius: 6.5px;
		z-index: -1;
	}

	p .underline:after {
		height: 5px;
		bottom: 2px;
		opacity: 0.9;
	}

.hero-content .underline:after {
	background-color: #FF93B9;
}
.hero-content h1 {
	line-height: 1.3em;
}
.hero-content .tagline {
	line-height: 1.3em; font-family: stolzl,sans-serif;
}
.display-4 .underline:after {
	height: 13px;
	bottom: 10px;
}
.display-4 {
	font-size: calc(1.475rem + 2.7vw);
}

.lh-1 {
	line-height: 1.2em;
}

@media (min-width: 1300px) {
	.display-4 {
		font-size: 60px;
	}
}

.ctitle {
	color: #E1567C;
	letter-spacing: 4px;
	text-transform: uppercase;
}

.devices img {
	height: 32px;
	width: 28px;
	margin: 12px;
}
.devices img:first-child {
	height: 28px;
	width: 32px;
}

#trusted-by {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
#owl-clients {
	padding: 35px 15px;
}

#owl-clients .item img {
	max-width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
}
#owl-clients .item:hover img {
	max-width: 100%;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.clients img {
	max-height:80px;
	max-width:100%;
	margin-bottom: 30px;
}

#branding {
	max-height: 1020px;
	margin-bottom: 200px;
}
#branding, #pricing {
	background-repeat: no-repeat;
	background-position: right top;
}
.no-webp #branding, #pricing {
	background-image: url(../images/bg/waves2b.png);
}
.webp #branding, #pricing {
	background-image: url(../images/bg/waves2b.webp);
}

#footer {
	font-family: "roboto";
	font-size: 14px;
	line-height: 1.5;
	background-repeat: no-repeat;
	background-position: left top;
}
	#footer a {
		color: #757575;
	}
	#footer ul {
		text-align:right;
	}
	#footer li {
		display: inline-block;
		margin-left: 20px;
	}
	#footer .copy {
		float:right;
		line-height:32px;
	}
	#footer .heading {
		line-height: 1.4;
		font-family: stolzl,sans-serif;
	}
.no-webp #footer {
	background-image: url(../images/bg/wavesb.png);
}
.webp #footer {
	background-image: url(../images/bg/wavesb.webp);
}

#pricing hr {border-top: 1px solid #ccc; }

.social-link {
	display: inline-block;
	margin-right: 14px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	text-align: center;
	line-height: 32px;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.social-link:hover {
	color: #fff!important;
}

.tiles .col {
	border-right: 1px solid #F0F0F0;
}

.tiles .col:last-child, .tiles .row:first-child {
	border:none;
}

.tiles .row {
	border-top: 1px solid #F0F0F0;
}

.feature-box-1 i {
	font-size: 60px;
	color: #f3dce8;
}

.feature-box-1 h3 {
	text-transform: uppercase;
}

.image-fluid .position-right {
	direction: rtl;
}
.browser {
	max-width: 550px;
	box-shadow: 0 6px 18px 0 rgb(0 0 0 / 12%);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	position: relative;
}

.browser .chrome {
	height: 30px;
	line-height: 30px;
	background-color: #e8e8e8;
	color: #737373;
	padding: 0 10px;
	font-size: 10px;
	overflow: hidden;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.browser .navbar {
	border-radius: 0!important;
	border-top: 1px solid #e0e0e0;
}

.browser .url {
	border-radius: 3px;
	background: #fff;
	width: 100%;
	line-height: 20px;
	padding: 0 10px;
	direction: ltr;
	overflow: hidden;
	white-space: nowrap;
}

.browser .scroll {
	overflow-y: scroll;
}

.browser .browser-content {
	padding-top: 66%;
	position: relative;
	direction: ltr;
	background: #e9e9e9;
}

.browser .browser-content::-webkit-scrollbar {
	width: 19px;
	background: #fff;
}

.browser .browser-content::-webkit-scrollbar-track {
	background-color: transparent;
}

.browser .browser-content::-webkit-scrollbar-thumb {
	background-color: #ddd;
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}

.browser:hover .browser-content::-webkit-scrollbar-thumb:hover {
	background-color: #E1567C;
}

.browser:hover .browser-content::-webkit-scrollbar-thumb {
	background-color: rgba(225, 86, 124, 0.6);
}

.browser .browser-content img, .browser .browser-content video {
	width: 100%;
	position: absolute;
	top: 0;
}

.browser .scroll-down {
	position:absolute;
	bottom: 0px;
	right: 1px;
	color: #ec9ab0;
	overflow: hidden;
	padding-top: 30px;
}

	.browser .scroll-down i {
		-webkit-transition: all .2s ease-out;
		-o-transition: all .2s ease-out;
		transition: all .2s ease-out;
		opacity: 1;
		font-size: 18px;
	}
		.browser:hover .scroll-down i {
			opacity: 0;
			transform: translate(0px, 30px);
		}

.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}

@keyframes bounce {
	0%, 10%, 25%, 35%, 45%, 100% {
		transform: translateY(0);
	}
	20% {
		transform: translateY(-30px);
	}
	30% {
		transform: translateY(-15px);
	}
	40% {
		transform: translateY(-5px);
	}
}

.list-check {
	padding: 16px 0 0 0;
	color: #171717;
	font-family: stolzl,sans-serif;
	font-weight: 500;
}
	.list-check li {
		list-style: none;
		padding-left: 35px;
		background-image: url(../images/check-icon.svg);
		background-repeat: no-repeat;
		background-position: left top 4px;
		margin-bottom: 20px;
		min-height: 21px;
		vertical-align: top;
		letter-spacing: -.4px;
	}

		.list-check li:last-child {
			margin-bottom: 0px;
		}

.classic-blog .post .date-wrapper {
	text-align: center;
	display: table;
	float: left;
	margin-right: 20px;
}
.classic-blog .post .date {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
	width: 61px;
	height: 61px;
	border: 1px solid #f2aa48;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	font-weight: bold;
	color: #f2aa48;
	line-height: 1;
	text-transform: uppercase;
}
.classic-blog .post a.date:hover {
	background-color: #f2aa48;
	color: #FFF;
}
.classic-blog .post .date .day {
	font-size: 20px;
	margin-bottom: 1px;
	display: block;
}
.classic-blog .post .date .month {
	font-size: 12px;
	display: block;
}
.classic-blog .posts .format-wrapper {
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #e1567c;
	text-align: center;
	color: #FFF;
	display: table;
}
.posts .format-wrapper i {
	display: table-cell;
	vertical-align: middle;
	line-height: 1;
}
.classic-blog .posts {
	border-left: 2px solid #e1567c;
	padding-left: 59px;
	margin-left: 30px;
}
.classic-blog .post {
	position: relative;
	padding-bottom: 80px;
}
.classic-blog.single .post {
	padding: 0;
	margin-bottom: 80px;
}
.posts .date-wrapper {
	position: absolute;
	top: 0;
	left: -90px;
}
.posts .format-wrapper {
	position: absolute;
	top: 0;
	font-size: 38px;
	left: -90px;
}

#careers div.nav-link.disabled {
	font-size: 14px;
	color: #ccc;
}
#careers .tab-pills {
	background:#f5f5f5;
	border-bottom: 1px solid #e3e3e3;
	margin-right: -1px;
}
	#careers .tab-pills .nav-link {
		border: 1px solid #e3e3e3;
		border-radius: 0;
		border-bottom: none;
		border-right: 1px solid #e3e3e3;
		padding: 16px;
	}

	#careers .tab-pills a.nav-link {
		margin: 0;
		font-weight: 700;
	}
		#careers .tab-pills a.nav-link.active {
			background: #fff!important;
			color: #e1567c;
			border-right: 1px solid #fff;
		}
		#careers .tab-pills a.nav-link:hover {
			color: #e1567c;
			background:inherit;
		}

#careers .sidebar {
	padding-top: 50px;
	padding-right: 0;
	border-right: 1px solid #e3e3e3;
}

.security img {
	max-width: 180px;
	margin-bottom: 25px;
}

.triangle {
	border-color: #1c1c1c transparent transparent;
	border-style: solid;
	border-width: 18px 20px 2px;
	height: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 0;
}

.customer_card {
	text-align: center;
	color: #aaa;
}
	.customer_card .icon-wrap {
		font-size:80px;
		color: #f3dce8;
	}

	.customer_card h6 {
		font-size: 13px;
		margin: 20px 0 50px 0;
	}

	.customer_card .avatar {
		float: left;
		margin-right: 20px;
	}

		.customer_card .avatar img {
			border-radius: 100px;
			max-width: 100px;
		}

	.customer_card .quotebox {
		overflow: hidden;
	}

.quotebox {
	text-align:center;
	margin-bottom:30px;
}
	.quotebox img {
		max-height:80px;
		max-width:100%;
		margin-bottom:10px;
	}
	.quotebox p {
		font-style: italic;
		text-align: left;
		color: #aaa;
	}
	.quotebox .signature {
		font-size: 12px;
		color: #333;
		line-height:20px;
		text-align:left;
	}
	.quotebox .signature strong {
		font-size: 14px;
	}

section h3 {
	font-size: 1rem;
}

section h2.fs125 {
	font-size: 1.25rem;
}

.header .dropdown-menu li a {white-space: nowrap}
.header .dropdown-menu {width: auto!important}
.header .dropdown-submenu {
	position: relative;
}
.header .dropdown-submenu > a:after {
	content: "\25B8";
	position: absolute;
	right: 0;
}
.header .dropdown-submenu > .dropdown-menu {
	top: -10px;
	left: 100%;
	margin-top: 0px;
	margin-left: 20px;
}
.header .dropdown-submenu:hover > .dropdown-menu {
	display: block;
	visibility: visible!important;
	opacity:1!important;
}
.header .dropdown-submenu > .dropdown-menu {
	display:block;
}

.header .navbar {
	background: #350e42;
}
	.header .navbar .navbar-toggler {
		color: rgb(255 255 255 / .7);
	}

.header .navbar .md-btn-theme {
	background: #8ec543!important;
	border-color: #8ec543!important;
	color: #fff!important;
}

.navbar-light .navbar-nav .nav-link {
	color: #fff!important;
}

.hero-banner .btn-white-outline {
	background: #FF93B9!important;
	border: 2px solid #FF93B9!important;
	color: #fff;
	border-radius: 44px;
}

@media (max-width: 991px) {
	.header .dropdown-menu {
		background: #350e42;
	}
	.header .dropdown-menu li a {
		color: rgb(255 255 255 / .7);
	}
}

@media (min-width: 992px) {
	body {
		font-size: 18px;
	}
	.header .navbar.navbar-expand-lg.nav-stick-top.navbar-light.bg-faded {
		background: #350e42;
	}

	.header .navbar .dropdown:hover > .dropdown-menu {
		display: block;
		visibility: visible!important;
		opacity:1!important;
	}
}
.bigger_text {
	color: #171717;
	font-family: stolzl,sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
}
.bigger_text2 {
	font-size: 36px;
	font-family: stolzl,sans-serif;
	line-height: 1.2em
}
.no-webp .confetti {
	background-image: url(/home_v2/images/bg/giveffect_confetti.png);
}
.webp .confetti {
	background-image: url(/home_v2/images/bg/giveffect_confetti.webp);
}
.no-webp .bokeh {
	background-image: url(/home_v2/images/bg/bokeh.jpg);
}
.webp .bokeh {
	background-image: url(/home_v2/images/bg/bokeh.webp);
}
.no-webp #home.jarallax {
	background-image: url(/home_v2/images/bg/giveffect_hero.jpg);
}
.webp #home.jarallax {
	background-image: url(/home_v2/images/bg/giveffect_hero.webp);
}