/* İşletmem Nette CSS Styles */

/* Common Classes */
.affix {
    top: 89px;
    width: 100%;
    z-index: 9999 !important;
    box-shadow:0 2px 2px rgba(0,0,0,.1);
  }
.isletmem-nette {
	font-family: 'Montserrat', sans-serif;
	font-size:18px;
	font-weight:300;
	color:#3a3a3a;
	-webkit-font-smoothing:antialiased;
}
.isletmem-nette h2 {
	font-weight:300;
	font-size:36px;
	margin-bottom:30px;
}
.isletmem-nette h3 {
	font-size:24px;
	font-weight:500;
	margin-bottom:30px;
}
.isletmem-nette .hr-half {
	display:block;
	border:none;
	width:50%;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	background-color:#e0e0e0;
}
.in-img-responsive {
	width:100%;
	max-width:640px;
	display:block;
	margin:15px auto;
}
.in-masthead {
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	color:#ffffff;
	background-color:#3495d7;
	background-image:url(../images/bg-dot-pattern.png);
}
.in-masthead h1 {
	font-size:48px;
	font-weight:400;
}
.in-masthead p {
	font-size:24px;
}
.in-img-masthead {
	position:absolute;
	right:0;
	top:50px;
	display:block;
	margin:auto;
	width:100%;
	max-width:556px;
	z-index:2;
}
.in-masthead-thin {
	padding-top:30px;
	padding-bottom:30px;
}
.in-masthead-thin h1 {
	font-size:18px;
	font-weight:300;
	margin:0;
	padding:0;
}
.in-masthead-thin h1 strong {
	font-size:36px;
	font-weight:700;
}
.in-masthead-thin h1 strong::before {
	content:'';
	font-size:18px;
	font-weight:300;
}
.in-menu {
	font-size:14px;
	font-weight:300;
	background-color:#f0f0f0;
	z-index:1;
	padding:12px 0;
	transition:all ease-in-out .1s;
}
.in-menu a {
	color:#828282;
	transition:all ease-in-out .1s;
}
.in-menu a:hover {
	color:#525252;
}
.in-menu a.in-active {
	color:#3a3a3a;
}
.in-menu a + a {
	margin-left:15px;
}
.in-section {
	padding-top:100px;
	padding-bottom:100px;
}
.in-section-light-gray {
	background-color:#f0f0f0;
}
.in-center {
	text-align:center;
}
.in-big-text {
	font-size:24px;
}
.in-light-text {
	font-weight:300;
}
.in-actions {
	margin-top:15px;
	margin-bottom:15px;
}
.in-btn {
	display:inline-block;
	font-size:18px;
	font-weight:500;
	margin-right:5px;
	margin-bottom:5px;
	padding:15px 25px;
	color:#ffffff;
	background-color:#24639c;
	border:1px solid #24639c;
	border-radius:2px;
}
.in-btn:hover {
	color:#ffffff;
	background-color:#3574ad;
	border-color:#3574ad;
}
.in-btn-long {
	padding:4px 40px;
	border-color:#ffffff;
}
.in-section-half-img {
	position:relative;
}
.in-section-half-img::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	background-position:right center;
	background-size:cover;
	background-repeat:no-repeat;
	background-image:url(../images/img-isletmem-nette-sayfa-mockup.jpg);
}
.in-step-img {
	width:60%;
	max-width:320px;
	display:block;
	margin:30px auto;
}
.in-step-heading {
	font-size:18px;
	padding:15px;
	background-color:#fafafa;
	text-align:center;
	margin-bottom:30px;
}
.in-step-text {
	color:#8a8a8a;
	text-align:center;
}
.in-pack {
	color:#ffffff;
	background-color:#24639c;
	margin-bottom:30px;
	text-align:center;
	max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.in-pack-2 {
	background-color:#24989c;
}
.in-pack-3 {
	background-color:#249c8c;
}
.in-pack-heading {
	padding:15px 0;
	background-color:rgba(0,0,0,.1);
}
.in-pack-heading strong {
	display:block;
	font-size:36px;
	line-height:36px;
	font-weight:700;
}
.in-pack-bonus::before {
	content:'';
	width:12px;
	height:12px;
	display:block;
	position:absolute;
	left:calc(50% - 6px);
	top:-6px;
	background:url(../images/icon-plus-white.svg) center center no-repeat;
	background-size:contain;
}
.in-pack-bonus {
	position:relative;
	padding:25px 0;
	font-size:18px;
	font-weight:500;
	background-color:rgba(0,0,0,.2);
}
.in-pack-old-price {
	font-size:36px;
	text-decoration:line-through;
	opacity:.5;
	margin-top:15px;
}
.in-pack-new-price {
	font-size:36px;
	font-weight:500;
	margin-top:-12px;
}
.in-pack .in-btn {
	background-color:transparent;
	border-color:#ffffff;
	margin:20px auto;
	border-radius:0;
	max-width: calc(100% - 50px);
}
.in-pack .in-btn:hover {
	box-shadow:0 0 0 4px rgba(255,255,255,.35);
}
.in-pack-text h2 span {
	font-weight:500;
}
.in-pack-sub-heading {
	font-size:24px;
}
.in-pack-text h3 {
	font-size:20px;
}
.ul-plus {
	margin:0 0 30px 0;
	padding:0;
	list-style:none;
	font-size:14px;
}
.ul-plus li {
	padding:10px 0;
}
.ul-plus li::before {
	content:'';
	display:inline-block;
	width:12px;
	height:12px;
	background:url(../images/icon-plus.svg);
	background-size:contain;
	margin-right:10px;
}
.in-ad-sample {
	position:absolute;
	top:-280px;
	right:0;
	width:355px;
	height:598px;
	background:url(../images/img-phone-mockup.png) center center no-repeat;
}
.in-ad-sample iframe {
	position:absolute;
	left:17px;
	top:17px;
	width:320px;
	height:480px;
	overflow:hidden;
	border:none;
	margin:0;
	padding:0;
	background-color:#ffffff;
}
.in-ad-sample-tooltip {
	position:absolute;
	right:calc(100% + 30px);
	top:0;
	display:block;
	min-width:320px;
	padding:15px;
	font-size:16px;
	font-weight:400;
	color:#6a6a6a;
	background-color:#ffffff;
	box-shadow:4px 4px 4px rgba(0,0,0,.16);
}
.in-ad-sample-tooltip::after {
	content:'';
	width:20px;
	height:20px;
	background-color:#ffffff;
	border-radius:4px;
	position:absolute;
	right:-10px;
	top:calc(50% - 10px);
	transform:rotate(45deg);
	box-shadow:4px -4px 4px rgba(0,0,0,.16);
}
 .in-section-img-overflow {
 	margin-bottom:300px;
 }
.in-basvuru {
	position:relative;
	padding-top:50px;
	padding-bottom:50px;
	color:#ffffff;
	background-color:#25619a;
}
.in-basvuru h2 {
	margin-bottom:15px;
}
.in-basvuru p {
	font-size:14px;
	line-height:20px;
}
.in-basvuru::after {
	content:'';
	display:block;
	width:50%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	background-image:url(../images/img-basvuru-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
}
.in-pharagraph-form {
	font-size:16px;
	font-weight:400;
	line-height:40px;
}
.in-pharagraph-form input[type="text"],
.in-pharagraph-form input[type="email"] {
	-webkit-appearance:none;
	border: none !important;
	background-color:transparent;
	border-bottom: 1px dotted #72a9dd !important;
	font-size:16px;
	line-height:18px;
	font-weight:400;
	max-width:200px;
}
.in-pharagraph-form input[type="text"]::placeholder,
.in-pharagraph-form input[type="email"]::placeholder {
	color:#72a9dd;
}
/* Media Queries */
@media (max-width:991px) {
	.affix {
    	top: 65px;
    }
    .isletmem-nette {
		padding-top:66px;
	}
	.in-section-half-img::before {
		width:100%;
		opacity:.25;
		background-attachment:fixed;
	}
	.in-img-responsive,
	.in-img-masthead,
	.in-ad-sample {
		position:relative !important;
		left:auto !important;
		top:auto !important;
		right:auto !important;
		bottom:auto !important;
	}
	.in-pack-text {
		text-align:center;
	}
	.ul-plus {
		text-align:left;
	}
	.in-ad-sample {
		margin:30px auto;
	}
	.in-ad-sample-tooltip {
		display:none;
	}
	.in-section-img-overflow {
		margin-bottom:0;
	}
	.in-basvuru::after {
		display:none;
	}
}
@media (max-width:640px) {
	.in-masthead h1 strong {
		display:block;
		font-size:24px;
	}
	.in-masthead h1 strong::before {
		content:none;
	}
	.in-menu {
		font-size:12px;
		font-weight:500;
		text-align:center;
	}
	.in-menu a + a {
		margin-left:10px;
	}
}
/* Margins */ 
.mt-1 {margin-top:1em;}.mt-2 {margin-top:2em;}.mt-3 {margin-top:3em;}.mt-4 {margin-top:4em;}.mt-5 {margin-top:5em;}.mb-1 {margin-bottom:1em;}.mb-2 {margin-bottom:2em;}.mb-3 {margin-bottom:3em;}.mb-4 {margin-bottom:4em;}.mb-5 {margin-bottom:5em;}