/* Dijital İşyeri 365 CSS */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
.clearfix {
	clear:both;
}
.di365-content {
	font-family:Open Sans, Arial, sans-serif;
	font-size:18px;
	color:black;
	font-weight:200;
}
/* Dijital İşyeri 365 - Hero */
.di365-hero {
	padding:100px 0;
	background:url(../images/img-dijital-isyeri-365-hero.jpg) center center no-repeat;
	background-size:cover;
	text-align:center;
}
.di365-hero h2 {
	font-size:46px;
	font-weight:400;
	margin-bottom:15px;
}
.di365-hero p {
	margin-bottom:15px;
}
.btn-blue, .btn-blue-hollow {
	display:inline-block;
	padding:10px 20px;
	font-size:15px;
	font-weight:600;
	text-decoration:none;

}
/* Dijital İşyeri 365 - Buttons */
.btn-blue {
	color:#ffffff;
	background-color:#0177d7;
	border:1px solid #0177d7;
}
.btn-blue:hover {
	background-color:#1288e8;
	color:white;
	text-decoration:none;
}
.btn-blue-hollow {
	color:#0177d7;
	background-color:rgba(255,255,255,.75);
	border:1px solid #0177d7;
}
.btn-blue-hollow:hover {
	color:#0177d7;
	background-color:white;
	text-decoration:none;
}
.btn-blue::after, .btn-blue-hollow::after {
	display:inline-block;
	content:'';
	width:12px;
	height:12px;
	margin-left:8px;
	border-size:1px;
	border-style:inset;
	transform:rotate(-45deg);
}
.btn-blue::after {
	border-color:transparent white white transparent;
}
.btn-blue-hollow::after {
	border-color:transparent #0177d7 #0177d7 transparent;
}
.btn-blue + .btn-blue-hollow {
	margin-left:15px;
}
/* Dijital İşyeri 365 - Specs */
.di365-specs {
	padding:30px 0;
	text-align:center;
}
.di365-specs-main-text {
	padding:30px;
}
.di365-specs h2 {
	font-size:32px;
	color:#0177d7;
	font-weight:400;
	margin-bottom:30px;
}
.di365-spec img {
	display:inline-block;
	margin-bottom:15px;
}
.di365-spec strong {
	font-weight:600;
}
/* Dijital İşyeri 365 - Domain Sorgulama */
.di365-domain-search {
	padding:30px 0;
	text-align:center;
}
.di365-domain-search h2 {
	font-size:32px;
	color:#0177d7;
	font-weight:400;
	margin-bottom:30px;
}
.di365-search input[type="search"] {
	min-width:360px;
	font-family:Open Sans, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
	height:48px;
	border:none;
	border-bottom:1px solid #d2d2d2;
	text-indent:35px;
	padding:10px;
	background:url(../images/icon-search.svg) left 12px bottom 12px no-repeat;
	background-size:24px;
	box-sizing:border-box;
	outline:none;
}
.di365-search-extentions {
	display:inline-block;
	color:#0177d7;
	font-family:Open Sans, Arial, sans-serif;
	font-size:16px;
	font-weight:500;
	height:48px;
	line-height:48px;
	margin-right:5px;
	border-bottom:1px solid #d2d2d2;
}
.di365-search button {
	display:inline-block;
	padding:10px 20px;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	color:#ffffff;
	background-color:#0177d7;
	border:1px solid #0177d7;
}
.di365-search button:hover {
	background:#1288e8;
}
.di365-results {
	max-width:100%;
	margin:30px auto;
	padding:0;
	text-align:left;
	list-style:none;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
}
.di365-results li {
	height:55px;
	transition:all ease-in-out .1s;
}
.di365-results li:nth-child(odd) {
	background-color:rgba(1,119,215,.1);
}
.di365-results li:hover {
	background-color:rgba(1,119,215,.3);
}
.di365-results li span {
	display:inline-block;
	line-height:55px;
	font-size:18px;
	font-weight:500;
	text-indent:15px;
}
.di365-results .btn-blue {
	float:right;
	margin:5px;
}
/* Dijital İşyeri 365 - Paket Özellikleri */
.di365-packs {
	padding:30px 0 60px 0;
}
.di365-packs h2 {
	font-size:32px;
	color:#0177d7;
	font-weight:400;
	text-align:center;
}
.di365-price {
	display:block;
	text-align:center;
	font-size:48px;
	font-weight:700;
	margin-bottom:15px;
}
.di365-price span {
	font-size:24px;
	font-weight:200;
}
.di365-pack {
	width:100%;
	padding:30px;
	box-sizing:border-box;
	border:1px solid #d2d2d2;
	background:#f5f5f5;
	margin-bottom:30px;
	font-size:14px;
}
.di365-pack-domains {
	font-weight:600;
	font-size:18px;
}
.di365-pack-domains span {
	color:#0177d7;
}
.di365-pack h3 {
	font-size:18px;
	font-weight:600;
	padding-bottom:20px;
	border-bottom:1px solid #d2d2d2;
	margin-bottom:20px;
	margin-top:0;
}
.di365-pack ul {
	list-style:none;
	margin:0;
	padding:0;
}
.di365-pack ul li {
	width:50%;
	float:left;
	border-bottom:1px dashed #d2d2d2;
	padding:12px 0;
}
.di365-pack ul li img {
	display:inline-block;
	width:32px;
	margin-right:10px;
}
@media (max-width:995px) {
	.di365-pack ul li {
		width:100%;
	}
}
@media (max-width:500px) {
	.di365-results li {
		height:auto;
	}
	.di365-results li span {
		display:block;
		text-align:center;
		text-indent:0;
	}
	.btn-blue, .btn-blue-hollow {
		display:block;
		width:calc(100% - 10px);
		margin:10px auto;
		text-align:center;
		float:none !important;
	}
	.btn-blue + .btn-blue-hollow {
		margin-left:5px;
	}
}