@font-face {
	font-family: 'Avenir-Light';
	src: url("../fonts/Avenir-Light.eot");
	src: url("../fonts/Avenir-Light-.eot#iefix") format("embedded-opentype"), url("../fonts/Avenir-Light.woff") format("woff"), url("../fonts/Avenir-Light.ttf") format("truetype"), url("../fonts/Avenir-Light.svg#Avenir-Light") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Avenir-Medium';
	src: url("../fonts/Avenir-Medium.eot");
	src: url("../fonts/Avenir-Medium-.eot#iefix") format("embedded-opentype"), url("../fonts/Avenir-Medium.woff") format("woff"), url("../fonts/Avenir-Medium.ttf") format("truetype"), url("../fonts/Avenir-Medium.svg#Avenir-Medium") format("svg");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'AvenirNext-Regular';
	src: url("../fonts/AvenirNext-Regular.eot");
	src: url("../fonts/AvenirNext-Regular-.eot#iefix") format("embedded-opentype"), url("../fonts/AvenirNext-Regular.woff") format("woff"), url("../fonts/AvenirNext-Regular.ttf") format("truetype"), url("../fonts/AvenirNext-Regular.svg#AvenirNext-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}
.cleardiv:after {
	content: "";
	display: table;
	clear: both;
}
::selection {
	background: #4e4e4e;
	color: white;
}
html, body {
	margin: 0;
	padding: 0;
	font-family: 'Avenir-Light', 'sans-serif';
	font-size: 1.1em;
	background: #f8f8f8;
	color: #6d7383;
	overflow-x: hidden;
}
div {
	position: relative;
}
.cutter-area {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	background: white;
	min-height: 500px;
}
.page-body {
	position: relative;
}
.state-hidden {
	display: none !important;
}
a {
	text-decoration: none;
	color: #4e4e4e;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ie-transition: all 200ms ease;
	transition: all 200ms ease;
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
	color: #4e4e4e;
}
a.nav-link {
	color: #4e4e4e;
	padding: 0.5em 0 0.5em 0;
	border: 2px solid transparent;
}
a.nav-link:hover {
	border-bottom: 2px solid #000000;
	color: #000000;
}
li.active a.nav-link {
	border-bottom: 2px solid #4e4e4e;
}
a.nav-link:focus {
	text-decoration: none;
}
a.darker-link {
	color: #0092b8;
}
a.darker-link:hover {
	color: #007d9f;
}
.btn-outline {
	border: 2px solid #4e4e4e !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 0.5em 1em 0.5em 1em !important;
}
.btn-outline:hover {
	border: 2px solid #000000 !important;
}
.btn-highlight {
	border-color: #ffbc00 !important;
	color: #ffbc00 !important;
}
.btn-highlight:hover {
	border: 2px solid #ffbd04 !important;
	color: #191919 !important;
}
.btn-trial {
	background: #ffbc00;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 0.8em 1.8em 0.8em 1.8em;
	display: inline-block;
	color: white;
	margin: 1.5em auto 1em auto;
	cursor: pointer;
}
.btn-trial:hover {
	background: #dc403a;
	color: white;
}
.btn-trial:active {
	margin-top: 1.6em;
	margin-bottom: 0.9em;
}
.btn-trial:focus {
	color: white !important;
	text-decoration: none !important;
}
div.bg-hero {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 520px;
	overflow: hidden;
	background: white;
}
.no-photo {
	height: 720px;
	background: white !important;
}
.hero-display {
	background: #dfdfdf;
	width: 75%;
	float: left;
}
.hero-display img {
	width: 100%;
}
.hero-text {
	background: linear-gradient(0deg, #000000 0%, #4e4e4e 100%);
	margin-top: 50px;
	color: white;
	width: 260px;
	height: 350px;
	margin-left: -70px;
	float: left;
}
div.bg-half {
	background: linear-gradient(0deg, #56e4d5 0%, turquoise 100%);
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
div.bg-half-br {
	background: linear-gradient(0deg, #000000 0%, #4e4e4e 100%);
	position: absolute;
	width: 50%;
	height: 70px;
	position: absolute;
	bottom: 0;
	left: 50%;
}
div.bg-half-bl {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 50%;
	background: linear-gradient(0deg, #39d6ff 0%, #52dbff 100%);
	z-index: 1;
	height: 70px;
}
.bg-img {
	width: 100%;
	height: 100%;
}
div.bg-large {
	min-height: 850px;
	height: 100vh;
	max-height: 1100px;
}
div.bg-md {
	height: 850px;
}
div.container-content {
	position: relative;
	z-index: 2;
	width: 100%;
	background: white;
}
.anim-block {
	opacity: 0;
}
header {
	position: relative;
	width: 100%;
	height: 120px;
	margin: 0 0 5em 0;
	background: white;
	z-index: 100;
}
div.logo-area {
	position: absolute;
	overflow: hidden;
	width: 180px;
	height: 80px;
	top: 40px;
	left: 50px;
	z-index: 55;
}
.logo {
	width: 180px;
	transition: all 0.2s ease;
}
.logo:hover {
	opacity: 0.75;
}
div.mobil-nav-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 120vh;
	background: #ffffff;
	background-size: container;
	opacity: 1;
	z-index: 50;
	display: none;
}
div.nav-area {
	position: absolute;
	right: 50px;
	top: 40px;
	width: 100%;
	height: 35px;
	display: inline-block;
	text-align: right;
	z-index: 950;
	opacity: 1;
}
ul.nav-top {
	display: block;
	list-style: none;
	color: white;
	font-size: 0.85em;
	margin: 8px 0 0 0;
	padding: 0;
}
ul.nav-top li {
	display: inline-block;
	margin: 0 1em;
}
ul.nav-top li:first-child {
	margin-left: 0;
}
ul.nav-top li:last-child {
	margin: 0;
}
img.nav-icon {
	position: absolute;
	right: 15px;
	top: 25px;
	opacity: 0.75;
	z-index: 55;
	opacity: 0;
	display: none;
	-webkit-transition: all 400 ease;
	-moz-transition: all 400 ease;
	-ie-transition: all 400 ease;
	transition: all 400 ease;
	width: 28px;
}
img.kapat-icon {
	position: absolute;
	right: 15px;
	top: 20px;
	opacity: 0.75;
	-webkit-transition: all 400 ease;
	-moz-transition: all 400 ease;
	-ie-transition: all 400 ease;
	transition: all 400 ease;
}
.content-area {
	padding-top: 50px;
}
.xx-title {
	font-size: 3.8em;
	color: white;
	text-shadow: 0 0 20px rgba(78, 77, 77, 0);
}
h1 {
	display: block;
	font-size: 3.5em;
	color: white;
	font-weight: 100;
	margin: 0.1em auto;
	font-family: 'Avenir-Light';
	line-height: 1.1em;
}
h2 {
	display: block;
	font-size: 2.2em;
	width: 100%;
	font-weight: 100;
	margin: 0.1em auto;
	line-height: 1.2em;
	font-family: 'Avenir-Light';
}
h3 {
	display: block;
	font-size: 1.3em;
	width: 100%;
	font-weight: 100;
	margin: 0.1em auto 2.5em auto;
	color: white;
	font-family: 'Avenir-Light';
	line-height: 1.2em;
}
h4 {
	display: block;
	font-size: 1em;
	width: 100%;
	font-weight: 100;
	margin: 0.8em auto;
	color: #565b67;
	line-height: 1.2em;
}
h5 {
	font-size: 1.1em;
	display: block;
	width: 100%;
	margin: 0.5em auto;
	line-height: 1.2em;
	color: #b1b5be;
	font-weight: 100;
}
h2.lc {
	font-size: 3em;
	margin: 0 auto 0 auto;
}
.subtitles {
	max-width: 600px;
	margin: 4em auto 0 auto;
	font-family: 'Avenir-Light';
	color: #4e4d4d;
}
.sml {
	font-size: 0.6em;
}
span.dot {
	display: inline-block;
	font-size: 0.5em;
	margin: -1.2em 0.5em 0 0.5em;
}
.grey {
	color: #b7c0c6;
}
div.page-title {
	color: #aaaabe;
	margin: 0 0 40px 0;
	text-align: center;
	z-index: 100;
	text-shadow: 0 0 20px rgba(195, 150, 240, 0.5);
}
div.page-title-dark {
	color: #c9c9de;
	margin-top: -50px;
	padding: 0 5%;
}
div.page-title span.title-intro {
	font-size: 1em;
	display: block;
	margin: 10px auto;
}
.anim1, .anim2, .anim3 {
	-webkit-transform: perspective(800px) rotateX(-60deg) translateY(50px);
	transform: perspective(800px) rotateX(-60deg) translateY(50px);
	opacity: 0;
	-webkit-animation-name: anim;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-timing-function: ease-out;
	animation-name: anim;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.anim1 {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	color: #4e4d4d;
}
.anim2 {
	-webkit-animation-delay: 1.15s;
	animation-delay: 1.15s;
	color: #4e4d4d;
}
.anim3 {
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
}
div.page-title h3 {
	color: #c3c3c3;
	text-shadow: 0 0 10px rgba(0, 0, 5, 0.1);
}
div.page-title-dark h1 {
	color: #5b5b71;
	text-shadow: none;
}
div.page-title-dark h3 {
	color: #c9c9de;
	text-shadow: none;
}
span.small-text {
	font-size: 14px;
}
.block {
	display: block;
}
.dark-text {
	color: #6d7383 !important;
	text-shadow: none !important;
	margin-top: -50px;
}
.mobile-only {
	display: none !important;
}
div.bg-small {
	height: 120px !important;
}
small {
	font-size: 65%;
}
.arrow-drawn {
	max-width: 100px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
}
.comparison-container {
	margin-top: -20px;
}
.slider-container {
	margin-bottom: 100px;
	padding: 0 2%;
}
.row.calendar-titles {
	margin: 30px auto 20px auto !important;
}
.calendar-bg {
	background: white;
	width: 104%;
	height: 104%;
	position: absolute;
	top: -2%;
	left: -2%;
	z-index: -1;
}
.calendar-shadow {
	background: white;
	box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.2);
	z-index: -2;
	position: absolute;
	top: 5%;
	left: 2%;
	width: 96%;
	height: 92%;
}
.tilt-left {
	-webkit-transform: rotate(-1deg);
	transform: rotate(-1deg);
}
.tilt-right {
	-webkit-transform: rotate(1deg);
	transform: rotate(1deg);
}
.comparison-container .row {
	color: #ababbf;
	font-size: 0.9em;
	max-width: 1800px;
	margin: 0 auto;
	padding: 0 5%;
}
.vert-center-outer {
	height: 100%;
	position: relative;
}
.comparison-container img {
	width: 100%;
}
.tasks-container {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.task-old {
	width: 100%;
	height: 20%;
	margin: 0 1px 1px 0;
	display: none;
}
.project1 {
	background-color: rgba(197, 135, 215, 0.9);
}
.project2 {
	background-color: rgba(70, 205, 240, 0.9);
}
.project3 {
	background-color: rgba(250, 160, 240, 0.9);
}
.day-container {
	position: absolute;
	overflow: visible;
	width: 29%;
	height: 38%;
}
.day1 {
	top: 35%;
	left: 3%;
}
.day2 {
	top: 35%;
	left: 35.3%;
}
.day3 {
	top: 35%;
	left: 67.7%;
}
.task-counter {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 18%;
	width: 100%;
	font-size: 14px;
	color: grey;
	text-align: left;
	display: block;
	padding: 4px 0 0 4px;
}
.wsday-container {
	position: absolute;
	overflow: hidden;
	width: 26%;
	height: 79.1%;
}
.wsday1 {
	top: 16.8%;
	left: 13.6%;
}
.wsday2 {
	top: 16.8%;
	left: 42.2%;
}
.wsday3 {
	top: 16.8%;
	left: 70.9%;
}
.calendar-container {
	position: relative;
}
.wstask {
	position: absolute;
	width: 100%;
	height: 33%;
	margin: 0 1px 1px 0;
	transition: all 0.2s ease;
}
#ws1, #ws3, #ws7 {
	top: 0;
	height: 33%;
}
#ws2 {
	top: calc(33% + 1px);
	height: 33%;
}
#ws4 {
	top: calc(33% + 1px);
	height: 33%;
}
#ws5 {
	top: calc(66% + 2px);
	height: calc(16.5% - 1px);
}
#ws6 {
	top: calc(82.5% + 2px);
	height: 16.5%;
}
#ws8 {
	top: calc(49.5% + 1px);
	height: calc(16.5% - 1px);
}
#ws9 {
	top: 0;
	height: calc(16.5% - 1px);
}
#ws10 {
	top: calc(66% + 1px);
	height: 16.5%;
}
#ws11 {
	top: calc(82.5% + 2px);
	height: 16.5%;
}
#ws12 {
	top: calc(66% + 1px);
	height: 16.5%;
}
#ws13 {
	top: 16.5%;
	height: 16.5%;
}
.pos-left {
	left: 0;
	width: calc(50% - 1px);
}
.pos-right {
	left: 50%;
	width: 50%;
}
.pos-xleft {
	width: 33%;
	left: 0;
}
.pos-xcenter {
	width: 33%;
	left: calc(33% + 1px);
}
.pos-xright {
	width: 33%;
	left: calc(66% + 2px);
}
.two-days {
	height: calc(66% + 1px) !important;
}
.three-days {
	height: calc(99% + 2px) !important;
}
.time-off {
	position: absolute;
	top: calc(33% + 1px);
	left: 0;
	width: 100%;
	height: 16.5%;
	background-image: url("data:image/svg+xml,%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%20%20%20%20%20fill%3D%27rgb(150,150,155)%27%20fill-opacity%3D%271%27%20width%3D%2710px%27%20height%3D%2710px%27%20viewBox%3D%276.375%206.375%2012%2012%27%20enable-background%3D%27new%206.375%206.375%2012%2012%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cpath%20d%3D%27M7.082%2C18.375H6.375v-0.707L17.668%2C6.375h0.707v0.707L7.082%2C18.375z%20M18.375%2C18.375v-0.707l-0.707%2C0.707H18.375z%0A%20%20%20%20%20M7.082%2C6.375H6.375v0.707L7.082%2C6.375z%27/%3E%0A%3C/svg%3E");
}
.avatar1::before {
	content: '';
	position: absolute;
	top: 12%;
	left: 2%;
	height: 72%;
	width: 14.2%;
	border-radius: 50%;
	background: url(../assets/img/avatar-female.html);
	background-size: container;
}
.avatar2::before {
	content: '';
	position: absolute;
	top: 14%;
	left: 2%;
	height: 72%;
	width: 14.2%;
	border-radius: 50%;
	background: url(../assets/img/avatar-yh.html) no-repeat center rgba(0, 0, 0, 0.25);
	background-size: 80% 80%;
}
.avatar3::before {
	content: '';
	position: absolute;
	top: 14%;
	left: 2%;
	height: 72%;
	width: 14.2%;
	border-radius: 50%;
	background: url(../assets/img/avatar-bf.html) no-repeat center rgba(0, 0, 0, 0.25);
	background-size: 80% 80%;
}
#acquiroCRMDemoB, #acquiroCRMFeaturesB {
	display: none;
}
.screenshot-container {
	background-image: url(../assets/img/color-splash.html);
	background-size: cover;
	margin-top: -510px;
	background-position: top;
}
.screenshot-container-inner {
	background-image: url(../assets/img/bg-lines-pattern-faded.html), url(../assets/img/bg-grid-faded.html);
	margin-top: -450px;
	padding-top: 410px;
}
.screenshot-container-features {
	background-image: url(../assets/img/color-splash.html);
	background-size: container;
	margin-top: -400px;
	background-position: top;
}
.screenshot-container-inner-features {
	background-image: url(../assets/img/bg-lines-pattern-faded.html), url(../assets/img/bg-grid-faded.html);
	margin-top: -400px;
	padding-top: 320px;
}
div.screenshot {
	position: relative;
	width: 100%;
	max-width: 1240px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	display: block;
	margin: 4.5em auto 1.5em auto;
	padding: 3% 3% 3.4% 3%;
	padding: 40px;
	background: linear-gradient(45deg, #0a0a0a 0%, #323232 100%);
	border: 4px solid #464749;
	box-shadow: 0 0 0 2px #88898b;
	overflow: visible;
	z-index: 100;
}
div.screenshot-keyboard {
	width: 118%;
	height: 3%;
	background: linear-gradient(90deg, #27282c 0%, #a9aaae 1%, #3e3f43 4%, #8e8f93 15%, #8e8f93 85%, #3e3f43 96%, #a9aaae 99%, #27282c 100%);
	margin-top: 2%;
	margin-left: -12.3%;
	position: absolute;
	z-index: 2;
	display: block;
	text-align: center;
}
div.screenshot-keyboard::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-image: url(data:image/png;base64,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);
}
div.screenshot-keyboard-base {
	width: 118%;
	height: 4.5%;
	background: linear-gradient(180deg, #bbbcc0 0%, #d1d3d8 100%);
	margin-top: 2%;
	margin-left: -12.3%;
	position: absolute;
	z-index: 1;
	display: block;
	border-bottom-left-radius: 30%;
	border-bottom-right-radius: 30%;
	text-align: center;
	overflow: hidden;
}
div.screenshot-groove {
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	background: linear-gradient(90deg, #2d3134 0%, #747579 20%, #747579 80%, #2d3134 100%);
	width: 18%;
	height: 70%;
	margin: 0 auto 0 auto;
}
.screen {
	width: 100%;
	box-shadow: inset 0 0 5px 5px #888;
}
.screen-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 500;
	opacity: 1;
	-webkit-animation-name: fadeout;
	-webkit-animation-delay: 1.6s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-transition-timing-function: ease;
	animation-name: fadeout;
	animation-delay: 1.6s;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	transition-timing-function: ease;
}
.video-area {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	background: url(../assets/img/screen-still.html) no-repeat center;
	background-size: container;
}
.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.video-features-poster {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../assets/img/getting-started-video-poster.html) no-repeat;
	background-size: container;
	z-index: 600;
}
.video-fade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(37, 30, 33, 0.5);
	background-size: container;
	z-index: 650;
}
.video-area iframe, .video-area object, .video-area embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
}
.play-link {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	border: 3px solid white;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	text-align: center;
	background: url(../assets/img/play-arrow.html) no-repeat center rgba(0, 0, 0, 0.2);
	background-size: 50% 50%;
	background-position-x: 60%;
	cursor: pointer;
	z-index: 1000;
}
.play-link:hover {
	background: url(../assets/img/play-arrow.html) no-repeat center rgba(0, 0, 0, 0.5);
	background-size: 50% 50%;
	background-position-x: 60%;
}
.play-link {
	display: none;
}
.touchevents .screen-container, .touchevents .video-container, .touchevents .play-video {
	display: none;
}
.touchevents .play-link {
	display: block;
}
.no-touchevents .play-link {
	display: none;
}
.inner-glow {
	position: relative;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
div.browser-bar {
	background-color: #eceaeb, url(../assets/img/bg-pattern.html);
	background: -moz-linear-gradient(45deg, #eceaeb 0%, #cbc8ce 100%);
	background: -webkit-linear-gradient(45deg, #eceaeb 0%, #cbc8ce 100%);
	background: -ms-linear-gradient(45deg, #eceaeb 0%, #cbc8ce 100%);
	background: linear-gradient(60deg, #eceaeb 0%, #cbc8ce 100%);
	height: 50px;
	width: 100%;
	position: relative;
	text-align: center;
}
div.browser-dots {
	position: absolute;
	left: 18px;
	top: 14px;
}
div.browser-dot {
	width: 14px;
	height: 14px;
	display: inline-block;
	margin: 0 4px 0 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #b7c0c6;
}
div.browser-dot:first-child {
	background: #fa5d52;
}
div.browser-dot:nth-child(2) {
	background: #f9be05;
}
div.browser-dot:nth-child(3) {
	background: #35ca35;
}
div.browser-address {
	position: relative;
	display: inline-block;
	width: 30%;
	min-width: 200px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 0.8em;
	color: #b7c0c6;
	text-align: center;
	background: white;
	margin: 10px auto 0 auto;
	padding: 0.3em 0 0.4em 0;
}
.play-video {
	display: block;
	width: 100%;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
	color: white;
	z-index: 700;
	cursor: pointer;
	opacity: 0.55;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.play-video:hover {
	opacity: 1;
}
.play-video-btn {
	width: 100px;
	margin: 10px auto;
}
.video-title {
	font-size: 1.75em;
	display: block;
}
.video-subtitle {
	font-size: 0.7em;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}
.video-pp-area {
	position: fixed;
	display: none;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh + 45px);
	z-index: 40;
	text-align: center;
}
.pp-video-container {
	position: relative;
	display: none;
	width: 100%;
	padding: 0 20px;
	vertical-align: middle;
}
.popup-video {
	max-width: 1280px;
	margin: -20px auto 0 auto;
}
.closepp {
	position: absolute;
	z-index: 1;
	top: -40px;
	left: 10px;
	width: 30px;
	height: 30px;
	opacity: 0.9;
	cursor: pointer;
}
.closepp:hover {
	opacity: 0.7;
}
.popup-show {
	display: block;
	opacity: 1;
}
.kapat-btn {
	padding: 8px;
}
.ppembed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: visible;
	max-width: 100%;
	height: auto;
}
.ppembed iframe, .ppembed object, .ppembed embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.features {
	max-width: 1240px;
	margin: 0 auto;
}
div.feature {
	background: white;
	color: #b7c0c6;
	margin: 10px 10px;
	padding: 1.5em 1em 2.2em 1em;
	text-align: center;
	opacity: 0;
	min-height: 360px;
}
div.feature-icon-container {
	width: 110px;
	height: 110px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	box-shadow: inset 0 2px 0px 2px rgba(0, 0, 10, 0.06);
	background: white;
	text-align: center;
	padding: 20px;
	margin: 10px auto;
}
.feature-icon {
	display: block;
	opacity: 1;
}
hr.feature-line {
	width: 50%;
	background: #b7c0c6;
	border: none;
	display: block;
	margin: 10px auto 20px auto;
	height: 1px;
}
p.feature-desc {
	width: 80%;
	margin: 10px auto;
	line-height: 1.4em;
	font-size: 0.8em;
}
img.coming-soon {
	position: absolute;
	top: -40px;
	right: -40px;
	z-index: 2;
	width: 90px;
}
.feature-img {
	width: 90%;
	max-width: 500px;
}
.margin-lg {
	margin: 80px 0;
}
.margin-md {
	margin: 40px 0;
}
.margin-sm {
	margin: 25px 0;
}
div.timeline {
	width: 100%;
	margin: 4em auto 0px auto;
	text-align: center;
	display: block;
}
span.feature-section-title {
	font-size: 1.6em;
	color: #4e4d4d;
	letter-spacing: 0em;
	display: block;
	font-family: 'Avenir-Light';
	margin: 100px auto 20px auto;
	padding: 0 10px;
}
ul.section-nav {
	display: block;
	margin: 10px auto;
	text-transform: uppercase;
	font-size: 14px;
	padding: 0;
	list-style: none;
	font-family: 'Avenir-Medium';
}
ul.section-nav li {
	display: inline-block;
	margin-right: 30px;
	line-height: 42px;
}
ul.section-nav li:last-child {
	margin-right: 0;
}
ul.section-nav li a {
	color: #4e4e4e;
	padding: 0.5em 0;
	border-bottom: 2px solid transparent;
}
ul.section-nav li a:hover {
	color: #000000;
	border-bottom: 2px solid #000000;
}
ul.section-nav a.link-active {
	border-bottom: 2px solid #4e4e4e;
}
section.feature-section {
	display: block;
	margin: 20px auto;
	min-height: 500px;
	background-image: url(../assets/img/grey-splash1.html);
	background-size: 100% 100%;
	background-position: top;
	padding: 30px 0;
	position: relative;
	overflow: hidden;
}
section.feature-section.alt {
	background-image: url(../assets/img/grey-splash2.html);
}
div.feature-inner {
	background-image: url(../assets/img/bg-lines-pattern.html), url(../assets/img/bg-grid.html);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 0.75;
}
span.feature-list-title {
	text-transform: capitalize;
	font-size: 1.2em;
	letter-spacing: 0em;
	margin: 2em auto 0 auto;
	display: block;
}
hr.ara-bolucu {
	width: 30%;
	border: none;
	background: #b7c0c6;
	height: 1px;
}
ul.feature-list {
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
	font-size: 0.9em;
}
ul.feature-list li {
	width: 100%;
	max-width: 200px;
	display: inline-block;
	margin: 0.2em 1em;
}
span.footnote {
	font-size: 0.7em;
}
 @keyframes spin {
 from {
 transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
}
}
#launch-milestone {
	/* with animation properties */
	margin-top: -3px;
	/* microsoft ie */
	animation-name: spin;
	animation-duration: 40000ms;
	/* 40 seconds */
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
.rounded-corners {
	border-radius: 3px;
}
.shadow {
	box-shadow: 0 0 10px 0 rgba(0, 0, 20, 0.1);
}
section.feature-section h3 {
	font-size: 1.4em;
	color: #3f424b;
	margin-bottom: 1.4em;
}
section.feature-section p {
	line-height: 1.5em;
}
.feature-info {
	text-align: left;
	font-size: 0.9em;
	max-width: 380px;
	width: 90%;
	margin: 0 auto;
	display: table;
	height: 100%;
	position: relative;
}
.feature-info ol, .feature-info ul {
	margin-left: 10px;
	padding-left: 10px;
}
.feature-info ol li, .feature-list ul li {
	position: relative;
	list-style: none;
	margin: 2px 0;
}
.feature-info ol li::before {
	content: '';
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	height: 10px;
	width: 12px;
	position: absolute;
	left: -15px;
	top: 2px;
}
strong {
	background: rgba(0, 165, 245, 0.5);
	color: white;
	padding: 3px 5px;
	font-weight: 300;
}
.vert-center {
	display: table-cell;
	vertical-align: middle;
	float: none;
	position: relative;
}
.apps {
	max-width: 450px;
	margin: 0 auto;
}
.app-icon {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background: white;
	padding: 20px;
	display: inline-block;
	margin: 12px 10px;
}
.app-icon img {
	width: 60px;
	height: 60px;
}
.slider {
	position: relative;
}
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > .slide {
	float: left;
	width: 100%;
	position: relative;
	padding: 0 10px;
}
.slide {
	position: relative;
	display: block;
	width: 100%;
	background-size: container;
	background-position: center;
}
.arrow-left, .arrow-right {
	position: absolute;
	z-index: 10;
	width: 15px;
	top: 80px;
}
.arrow-left {
	left: -10px;
}
.arrow-right {
	right: -10px;
}
div.fiyatlar {
	margin: 1em 0;
	display: block;
	text-align: center;
	padding: 400px 40px 100px 40px !important;
	background-image: url(../assets/img/bg-lines-pattern.html), url(../assets/img/bg-grid.html), linear-gradient(45deg, #f3c08e 0%, #e098a9 25%, #c073d7 50%, #8d93d2 75%, #3bcbd2 100%);
	background-image: url(../assets/img/color-splash.html);
	background-size: container;
	margin-top: -375px;
	background-position: top;
}
.fiyatlar-area {
	z-index: 100;
	text-align: center;
	max-width: 1500px;
	margin: 0 auto;
}
.fiyatlar-alttan {
	background-image: url(../assets/img/bg-lines-pattern-faded.html), url(../assets/img/bg-grid-faded.html);
	margin-top: -450px;
	padding-top: 450px;
	margin-left: -40px;
	margin-right: -40px;
}
div.fiyat-kutusu {
	width: 19%;
	padding-left: 0;
	padding-right: 0;
	display: inline-block;
	margin: 0;
}
div.fiyat {
	background: white;
	text-align: center;
	display: inline-block;
	padding: 0 0 1.75em 0;
	width: 96%;
	max-width: 290px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 6px 2px rgba(0, 0, 20, 0.15);
}
span.urun-adi {
	background: #4e4e4e;
	width: 100%;
	display: block;
	padding: 1em 0;
	text-align: center;
	color: white;
	font-size: 1.3em;
	text-transform: capitalize;
	letter-spacing: 0em;
	overflow: hidden;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}
span.fiyat-price {
	font-size: 2.2em;
	display: block;
	margin: 0.1em auto 0 auto;
	color: #4e4e4e;
	font-family: 'Avenir-Medium';
	line-height: 1em;
}
span.satinalma-donemi {
	font-size: 0.8em;
	display: inline-block;
	margin: 1em 1em 0 1em;
	opacity: 0.5;
	border-bottom: 4px solid transparent;
}
ul.fiyat-urun {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 0.5em auto 0.5em auto;
}
ul.fiyat-urun li {
	margin: 0.1em auto;
}
.fiyat-annual-text, .fiyat-annual-text-sml {
	text-align: center;
	display: block;
	font-size: 0.8em;
	margin-bottom: 0;
	padding: 0;
	opacity: 0.5;
}
.fiyat-annual-text {
	line-height: 1.25em;
}
.fiyat-annual-text-sml {
	font-size: 0.7em;
}
.fiyat-trial-btn {
	display: block;
	text-align: center;
}
.fiyat small {
	font-size: 0.7em;
	text-align: center;
	margin: 0;
	padding: 0;
}
a.btn-trial.pricing-trial-btn {
	margin-top: 0;
}
a.btn-trial.pricing-trial-btn:active {
	margin-top: 2px;
}
.fiyat-beginner .urun-adi {
	background-image: linear-gradient(0deg, #f4c88d 0%, #ffab60 100%);
}
.fiyat-beginner .fiyat-price {
	color: #f4c88d;
}
.fiyat-beginner span.satinalma-donemi-month {
	border-bottom-color: #f4c88d;
}
.fiyat-light .urun-adi {
	background-image: linear-gradient(0deg, #ffab60 0%, #ff6960 100%);
}
.fiyat-light .fiyat-price {
	color: #ffab60;
}
.fiyat-light span.satinalma-donemi-month {
	border-bottom-color: #ffab60;
}
.fiyat-plus .urun-adi {
	background-image: linear-gradient(0deg, #ff8571 0%, #ef3574 100%);
}
.fiyat-plus .fiyat-price {
	color: #ff757a;
}
.fiyat-plus span.satinalma-donemi-month {
	border-bottom-color: #ff757a;
}
.fiyat-premium .urun-adi {
	background-image: linear-gradient(0deg, #ef3574 0%, #b233ab 100%);
}
.fiyat-premium .fiyat-price {
	color: #ff4281;
}
.fiyat-premium span.satinalma-donemi-month {
	border-bottom-color: #ff4281;
}
.fiyat-enterprise .urun-adi {
	background-image: linear-gradient(0deg, #b233ab 0%, #752da8 100%);
}
.fiyat-enterprise .fiyat-price {
	color: #b233ab;
}
.fiyat-enterprise span.satinalma-donemi-month {
	border-bottom-color: #b233ab;
}
a.fiyat-btn-trial {
	background: transparent;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 0.7em 1.2em 0.7em 1.2em;
	display: inline-block;
	color: #4e4e4e;
	margin: 0.3em auto 0.8em auto;
	font-size: 0.9em;
	border: 2px solid #4e4e4e;
}
a.fiyat-btn-trial:hover {
	background: #4e4e4e;
	border: 2px solid #4e4e4e;
	color: white;
}
span.fiyat-text {
	display: block;
	margin: 1em auto 3em auto;
	text-align: center;
	font-size: 1em;
	color: #b7c0c6;
}
span.altbaslik {
	font-size: 2em;
	font-family: 'Avenir-Light';
	color: #6d7383;
	display: block;
	text-align: center;
	margin: 0 auto 1em auto;
}
div.farkimiz {
	margin: 5em auto 3em auto;
	max-width: 1100px;
}
span.fark {
	display: block;
	font-size: 1.1em;
	font-family: 'AvenirNext-Regular';
	margin: 3em auto 0.5em auto;
}
span.fark_detay {
	display: block;
	font-size: 0.8em;
	color: #b7c0c6;
	font-weight: 100;
	margin-bottom: 4em;
}
div.farkimiz-areai {
	padding: 0 2em !important;
}
div.form-container {
	display: block;
	margin: 80px auto;
	width: 100%;
	max-width: 1000px;
	color: white;
	width: 100%;
	background: white;
	padding: 2em !important;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 20, 0.1);
}
div.bg-splash {
	background-image: url(../assets/img/color-splash.html);
	background-size: container;
	height: 800px;
	width: 100%;
	background-position: top;
	position: absolute;
	top: -155px;
}
div.bg-splash-inner {
	background-image: url(../assets/img/bg-lines-pattern-faded.html), url(../assets/img/bg-grid-faded.html);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
form {
	padding: 0;
	margin: 0;
}
form.contact-form {
	display: block;
	font-size: 0.8em;
}
input[type=text], input[type=email], textarea {
	background: #f8f8f8;
	padding: 0.5em 1em;
	text-align: left;
	display: block;
	border: none;
	margin: 0.3em 0 1.2em 0;
	width: 100%;
	border-radius: 0;
}
textarea {
	height: 240px;
	resize: vertical;
}
a.btn-primary {
	background: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0.8em 2.5em 0.8em 2.5em;
	display: inline-block;
	color: #4e4e4e;
	margin: 1.5em 1em 1em auto;
	border: 2px solid #4e4e4e;
}
a.btn-primary:hover {
	background: #4e4e4e;
	border: 2px solid #4e4e4e;
	color: white;
}
a.btn-secondary {
	background: transparent;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 0.8em 2.5em 0.8em 2.5em;
	display: inline-block;
	color: #a1a0b4;
	margin: 1.5em auto 1em auto;
	border: 2px solid white;
}
a.btn-secondary:hover {
	background: #b1afc4;
	border: 2px solid #4e4e4e;
	color: white;
}
div.form-info {
	display: block;
	padding: 0 0 0 20%;
}
span.form-info-title {
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.08em;
	line-height: 1px;
}
span.altbaslik-sm {
	font-size: 20px;
	font-family: 'Avenir-Light';
	color: #6d7383;
	display: block;
}
hr.info {
	background: #6d7383;
	border: none;
	height: 1px;
}
span.info {
	font-size: 0.75em;
	color: #B2B7C3;
}
span.form-header {
	font-size: 20px;
	font-family: 'Avenir-Light';
	color: #6d7383;
	display: block;
}
span.response {
	color: green;
	display: block;
	text-align: left;
	width: 100%;
	padding: 0 10px;
	line-height: 40px;
	opacity: 0;
	background: #c8f7b0;
	transition: all 0.3s ease;
}
span.error {
	color: red;
	background: #ffcfcf;
}
#submit-btn:focus {
	background: #4e4e4e;
	border: 2px solid #4e4e4e;
}
#submit-btn:active {
	margin-top: 1.6em;
	margin-bottom: 0.9em;
}
div.clients {
	position: relative;
	color: white;
	height: 200px;
	width: 100%;
	margin: 0 0 0 0;
	text-align: center;
	font-size: 0.9em;
	overflow: hidden;
}
div.clients-outer {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
}
div.client-logos {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
}
div.clients-inner {
	display: block;
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
div.clients-inner h2 {
	font-size: 2.5em;
}
.clients-img {
	width: 100%;
	height: 600px;
	top: 0;
	left: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}
.container-reveal {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: white;
	transition: all 0.7s ease;
	transition-delay: 0.75s;
}
.swipe-right {
	width: 0;
}
.triangle-topleft {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 99;
	border-top: 150px solid white;
	border-right: 100vw solid transparent;
}
.triangle-bottomright {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	z-index: 99;
	border-bottom: 150px solid white;
	border-left: 100vw solid transparent;
}
.triangle-topright {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 99;
	border-top: 150px solid white;
	border-left: 100vw solid transparent;
}
.triangle-bottomleft {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	z-index: 99;
	border-bottom: 150px solid white;
	border-right: 100vw solid transparent;
}
.triangle-topright-shallow {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 99;
	border-top: 50px solid white;
	border-left: 100vw solid transparent;
}
.triangle-footer-top {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	z-index: 99;
	border-bottom: 50px solid #2f2e3d;
	border-right: 100vw solid transparent;
}
footer {
	position: relative;
	background: #ffbc00;
	width: 100%;
	display: block;
	padding: 4em 0 1em 0;
	color: #000000;
	margin-top: -100px;
}
footer a.nav-link {
	color: white;
	font-size: 0.9em;
}
footer a.nav-link:hover {
	color: white;
}
ul.nav-footer {
	list-style: none;
	color: #b7c0c6;
	font-size: 0.9em;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
}
ul.nav-footer li {
	display: inline-block;
	margin: 0 1em;
}
span.footer-strapline {
	font-size: 1.8em;
	opacity: 0.1;
	display: block;
	text-align: center;
	margin: 0.6em 1em 5em 1em;
}
span.copyright {
	position: absolute;
	line-height: 1.4em;
	font-size: 0.7em;
	display: inline-block;
	bottom: 20px;
	left: 25px;
	color: white;
}
span.indirin {
	position: absolute;
	line-height: 1.4em;
	font-size: 0.7em;
	display: inline-block;
	bottom: 100px;
	right: 40px;
	color: white;
	width: 300px;
}
span.social {
	position: absolute;
	text-align: right;
	line-height: 1.2em;
	font-size: 0.7em;
	display: inline-block;
	width: 100%;
	bottom: 20px;
	right: 25px;
}
ul.nav-social {
	list-style: none;
	color: #b7c0c6;
	margin: 0;
	padding: 0;
	color: white;
}
ul.nav-social li {
	display: inline-block;
	margin: 0 1em;
}
a.social-link {
	color: white;
}
hr.footer-line {
	width: 30%;
	background: white;
	opacity: 0.06;
	border: none;
	display: block;
	margin: 35px auto 20px auto;
	height: 1px;
}
span.dot {
	font-size: 10px;
	vertical-align: middle;
	padding-top: 12px;
}
.clients h3 {
	font-size: 1.1em;
}
div.terms {
	max-width: 1000px;
	margin: 6em auto 7em auto;
}
ol.list-headers {
	margin: 0 0.4em 0 0.4em;
}
ol.list-headers li {
	font-size: 1.2rem;
	line-height: 1.5rem;
	color: #4e4d4d;
	font-family: 'Avenir-Light', sans-serif;
}
ol.list-items {
	margin: 1rem 0 3rem 0;
	padding: 0;
}
ol.list-items li {
	font-size: 0.85em;
	line-height: 1.4em;
	font-family: 'Avenir-Light', sans-serif;
	margin: 1rem 0;
	padding: 0;
	color: #9da2ae;
}
.loadie {
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(90deg, #56e4d5 0%, #4e4e4e 100%);
	background: #e578ef;
	background: white;
	width: 0;
	height: 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ie-transition: all 500ms ease;
	transition: all 500ms ease;
}
.container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../assets/img/bg-grid-faded.html);
	background-color: white;
	z-index: 980;
}
.acquiro-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -80px;
	margin-top: -80px;
	width: 160px;
	height: 160px;
	background: url(../assets/img/logo-load-color.html) center no-repeat;
	background-size: 160px;
}
div.yukleyici {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 999;
}
div.slider {
	display: block;
	margin: 40px auto;
	max-width: 1200px;
	position: relative;
}
 @-webkit-keyframes anim {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
 -webkit-transform: perspective(800px) rotateX(0deg) translateY(0);
 transform: perspective(800px) rotateX(0deg) translateY(0);
}
}
@keyframes anim {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
 -webkit-transform: perspective(800px) rotateX(0deg) translateY(0);
 transform: perspective(800px) rotateX(0deg) translateY(0);
}
}
@-webkit-keyframes pop {
 60% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@keyframes pop {
 60% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-webkit-keyframes grow {
 100% {
 height: 100%;
}
}
@keyframes grow {
 100% {
 height: 100%;
}
}
@-webkit-keyframes fadein {
 100% {
 opacity: 1;
}
}
@keyframes fadein {
 100% {
 opacity: 1;
}
}
@-webkit-keyframes fadeout {
 100% {
 opacity: 0;
}
}
@keyframes fadeout {
 100% {
 opacity: 0;
}
}
div.row {
	padding: 0;
}
div[class^="col"] {
	margin: 0;
	padding: 0;
}
.row.eq-height {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.old-ws-container {
	position: absolute;
	height: 100vh;
	left: 0;
	top: 0;
}
div.old-workstack {
	width: 136px;
	height: 136px;
	background: #a187d4;
	color: white;
	font-size: 15px;
	padding: 1em;
	border-radius: 50%;
	position: fixed;
	left: 10px;
	bottom: 10px;
	z-index: 450;
	text-align: center;
	font-weight: 500;
	font-family: 'Avenir-medium';
	line-height: 1.15em;
	transition: all 0.2s ease;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	transition: all 0.4s ease, transform 0.05s ease;
	transform-origin: center;
}
span.ws-kapat {
	background: url(../assets/img/icon-kapat-white.html) no-repeat center;
	background-size: 15px 15px;
	height: 18px;
	width: 18px;
	display: inline-block;
}
div.old-ws-kapatd {
	width: 46px;
	height: 46px;
	left: 10px;
	bottom: 10px;
	background: url(../assets/img/icon-basecamp-sml.html) no-repeat center #a187d4;
	background-size: auto;
}
div.old-workstack:hover {
	background-color: #a187d4;
	color: white;
}
div.old-workstack:active {
	transform: scale(0.95);
}
div.old-workstack:hover a {
	color: white;
}
div.old-workstack div.content {
	display: table;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: opacity 0.2s ease;
}
div.old-workstack div.content span {
	display: table-cell;
	vertical-align: middle;
}
div.old-workstack a {
	color: white;
}
div.old-workstack a:hover {
	color: white;
}
div.old-workstack a:active {
	color: white;
	margin-top: 2px;
	transform: scale(0.95);
}
.hide {
	display: none;
	opacity: 0;
}

@media screen and (min-width: 1240px) {
div.form-container {
	max-width: 1200px;
}
div.fiyatlar {
	background-size: 100% 100%;
	background-position: top;
}
div.bg-splash {
	background-size: 100% 100%;
	background-position: top;
}
div.screenshot-container, div.screenshot-container-features {
	background-size: 100% 90%;
	background-position: top;
	background-repeat: no-repeat;
}
}

@media screen and (max-width: 1239px) {
div.fiyat-kutusu {
	width: 30%;
	margin-bottom: 30px;
}
}

@media screen and (min-device-width: 768px) and (max-width: 1024px) {
.not-tablet {
	display: none;
}
span.copyright {
	margin: 11em 0 0 2em;
}
.bg-hero {
	height: 700px !important;
}
h1 {
	font-size: 3.4em;
}
h2 {
	font-size: 2.2em;
}
h2.lc {
	font-size: 2.6em;
}
.bg-hero {
	max-height: 500px;
}
span.fiyat-text {
	font-size: 0.8em;
	color: #b7c0c6;
}
div.fiyatlar {
	padding: 100px 0;
}
div.screenshot {
	padding: 30px;
}
}

@media screen and (max-width: 950px) {
.logo {
	width: 250px;
}
div.logo-area {
	height: 40px;
	top: 20px;
	left: 15px;
}
div.nav-area {
	top: 100px;
	left: 20px;
	width: 100% !important;
	height: 100vh !important;
	text-align: left;
}
ul.nav-top li {
	display: block;
	margin: 1em auto;
	width: 100%;
	font-size: 1.6em;
}
.nav-top .btn-outline {
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 0 !important;
}
.nav-top .btn-outline:hover {
	border-bottom: 2px solid !important;
}
img.nav-icon {
	opacity: 0.75;
	display: inline-block;
}
a.nav-link {
	padding: 0.5em 0 0 0;
}
.btn-outline {
	padding: 0.5em 1em 0 1em !important;
}
}

@media screen and (max-width: 840px) {
h1 {
	font-size: 3.2em !important;
}
div.fiyat-kutusu {
	width: 49%;
	margin-bottom: 30px;
}
div.nav-area {
	top: 100px;
	left: 20px;
	width: 100% !important;
	height: 100vh !important;
	text-align: left;
}
ul.nav-top li {
	display: block;
	margin: 1em auto;
	width: 100%;
	font-size: 1.6em;
}
.nav-top .btn-outline {
	border: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border-radius: 0 !important;
}
.nav-top .btn-outline:hover {
	border-bottom: 2px solid #4e4e4e !important;
}
.btn-highlight {
	color: #4e4e4e !important;
	border-color: #4e4e4e !important;
}
.nav-top .btn-highlight:hover {
	color: #4e4e4e !important;
	border-bottom: 2px solid #4e4e4e !important;
}
img.nav-icon {
	opacity: 0.75;
	display: inline-block;
}
}

@media screen and (max-width: 768px) {
.not-mobile {
	display: none !important;
}
header {
	margin-bottom: 5em;
	background: transparent;
}
.logo {
	width: 130px;
}
div.logo-area {
	width: 230px;
	height: 55px;
	top: 20px;
	left: 12px;
}
h1 {
	font-size: 1.8em;
	padding: 0 !important;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.1em;
}
div.container-content {
	margin-top: 100px !important;
}
span.social {
	text-align: center;
	line-height: 1.4em;
	font-size: 0.7em;
	display: block;
	right: 0;
}
.btn-trial {
	padding: 0.5em 1.8em 0.6em 1.8em;
}
div.bg-large {
	min-height: 500px !important;
}
form.contact-form {
	padding: 25px;
}
div.form-info {
	padding: 25px;
}
div.farkimiz-areai {
	padding: 0 1em !important;
}
div.bg-small {
	height: 65px !important;
}
div.terms {
	margin: 4em auto 5em auto;
}
div.screenshot {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding: 20px;
}
span.fiyat-text {
	font-size: 0.8em;
	color: #b7c0c6;
}
h2.lc {
	font-size: 2em !important;
}
.subtitles {
	margin: 2em auto 0 auto;
	line-height: 1.1em;
	font-size: 1.3em;
	letter-spacing: 0em !important;
}
.sml {
	line-height: 0.5em !important;
}
.clients-img {
	-webkit-transform: scale(1);
	transform: scale(1);
	height: 400px;
}
div.screenshot {
	position: relative;
	width: 95%;
	max-width: 1240px;
	display: block;
	margin: 4.5em auto 1.5em auto;
	overflow: visible;
	border-width: 2px;
}
div.screenshot-keyboard {
	width: 108%;
	margin-left: -7.6% !important;
	height: 4.5%;
	margin-top: 3.2%;
}
div.screenshot-keyboard-base {
	margin-top: 4%;
}
div.screenshot-groove {
	width: 20%;
}
div.fiyatlar {
	margin: 0 -1em;
	margin-top: -450px;
	padding-top: 450px !important;
}
.loadie {
	display: none;
}
.screenshot-container {
	margin-top: -280px;
}
.screenshot-container-inner {
	margin-top: -530px;
}
.page-title {
	padding: 0 3em;
}
.row.eq-height {
	display: inline-block;
	padding: 0 10px;
}
.feature-info {
	padding: 40px 0;
}
.margin-lg, .margin-md, .margin-sm {
	margin: 0;
}
.comparison-container .btn-trial {
	margin-top: 50px;
}
}

@media screen and (max-width: 600px) {
.mobile-only {
	display: inline-block !important;
}
}

@media screen and (max-width: 500px) {
div.container-content {
	margin-top: 0px !important;
}
h1 {
	font-size: 2em !important;
}
h3 {
	font-size: 0.9em;
}
header {
	margin-bottom: 3em !important;
}
div.screenshot {
	margin-top: 1.5em;
	padding: 15px;
}
div.fiyat {
	width: 100%;
	margin: 1em 0 !important;
}
div.screenshot-keyboard {
	width: 108%;
	margin-left: -7.4% !important;
	height: 5%;
	margin-top: 3.5%;
}
div.screenshot-keyboard-base {
	margin-top: 5%;
}
div.fiyatlar {
	padding: 100px 20px !important;
	padding-top: 280px !important;
	background-size: 180% 25%;
	background-position: top;
	background-repeat: no-repeat;
	margin-top: -275px;
}
form.contact-form {
	padding: 10px 0;
}
div.form-container {
	padding: 1.5em !important;
}
div.form-info {
	padding: 60px 0;
}
div.fiyat-kutusu {
	width: 100%;
}
.content-area {
	padding-top: 0;
}
.screenshot-container {
	margin-top: -420px;
}
.screenshot-container-inner {
	margin-top: -350px;
	padding-top: 350px;
}
.screenshot-container-features {
	margin-top: -320px;
}
.screenshot-container-inner-features {
	margin-top: -350px;
	padding-top: 320px;
}
div.bg-splash {
	top: -125px;
}
div.clients {
	background-size: 250% 120%;
	background-position: 50% 0%;
}
.clients h3 {
	font-size: 0.9em;
}
ul.section-nav li {
	display: block;
	margin: 0px 0;
}
}