/* Üniversite Dijital Medya Planlama Aracı CSS */
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700,900');
html, body {
	margin:0;
	padding:0;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	color:#323232;
	font-weight:400;
	-webkit-font-smoothing:antialiased;
	padding-bottom:50px;
}
a {
	color:#ffa31d;
	text-decoration:underline;
}
a:hover {
	color:#f57635;
}
.turizm-planlama {
	min-height:100%;
}
.head {
	background-color:#fff6dd;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:15px;
}
.head h1 {
	font-size:18px;
	font-weight:400;
	margin-bottom:0;
	line-height:20px;
}
.head h1 a {
	display:inline-block;
	margin-right:5px;
	width:104px;
	height:20px;
}
.head h1 a img {
	width:100%;
	height:100%;
	object-fit:contain;
}
.img-splash {
	position:absolute;
	display:block;
	width:100%;
	max-width:640px;
	margin-bottom:15px;
	z-index:2;
}
.theadx-splash-logo {
	width:104px;
	height:auto;
	margin-top:30px;
	margin-bottom:15px;
}
.splash {
	padding-top:15px;
	background-color:#ffffff;
}
.splash h2 {
	font-weight:400;
	font-size:48px;
	line-height:48px;
	margin-bottom:15px;
}
.splash h2 strong {
	font-weight:900;
}
/*
.intro::after {
	content:'';
	position:absolute;
	left:0;
	bottom:-999px;
	width:100%;
	height:1000px;
	background-color:#fff6dd;
}
*/
.intro {
	border-top:1px solid #ffa31d;
	min-height:500px;
	padding-top:15px;
}
.btn {
	position:relative;
	display:inline-block;
	margin:15px;
	background-color:#ffa31d;
	border-radius:0;
	padding:8px 16px;
	color:#ffffff;
	font-weight:600;
	font-size:18px;
	border:none;
	margin:0 15px 15px 0;
	text-decoration:none;
}
.btn:hover {
	color:#ffffff;
	background-color:#ee920c;
	text-shadow:0 1px 1px rgba(0,0,0,.1);
}
.btn-right-arrow::after {
	position:absolute;
	right:-18px;
	top:3px;
	content:'';
	border:18px solid transparent;
	transition:all .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-right-arrow:hover::after {
	right:-40px;
	border-color:transparent transparent transparent #ee920c;
}
.steps {
	display:none;
}
.steps h3 {
	font-size:36px;
	font-weight:700;
	color:#ffa31d;
	text-align:center;
}
.steps p {
	text-align:center;
}
.hizmet-turu input[type="radio"] {
	display:none;
}
.hizmet-turu label {
	width:100%;
	max-width:164px;
	margin:15px;

}
.hizmet-turu label div {
	border:2px solid #e5e5e5;
	background-color:#fafafa;
	width:100%;
	-webkit-filter:saturate(0%);
	margin-bottom:10px;
}
.hizmet-turu label:hover div {
	-webkit-filter:saturate(75%);
	border-color:#d2d2d2;
}
.hizmet-turu input[type="radio"]:checked + label > div {
	-webkit-filter:none;
	border-color:#ffa31d;
	background-color:#fff6dd;
}
.hizmet-turu input[type="radio"]:checked + label > p {
	color:#ffa31d;
}
.hizmet-turu label div img {
	display:block;
	margin:auto;
	padding:25px;
}
.hizmet-turu label p {
	font-size:18px;
	font-weight:600;
}
.search-box {
	display:flex;
}
.search-box input[type="text"] {
	flex:2;
	display:block;
	border:2px solid #d2d2d2;
	background-color:#fafafa;
	background-image:url(../images/icon-search.svg);
	background-repeat:no-repeat;
	background-position:left 12px top 8px;
	background-size:24px;
	width:75;
	padding:8px 16px;
	text-indent:28px;
	border-right:none;
	height:43px;
	outline:none;
}
.search-box input[type="text"]:focus {
	border-color:#ffa31d;
}
.search-box button {
	flex:1;
	display:block;
	max-width:25%;
	background-color:#ffa31d;
	border-radius:0;
	padding:8px 16px;
	color:#ffffff;
	font-weight:600;
	font-size:18px;
	border:none;
	margin:0 15px 15px 0;
	outline:none;
}
.search-box button:hover {
	color:#ffffff;
	background-color:#ee920c;
	text-shadow:0 1px 1px rgba(0,0,0,.1);
}
.company-logos input[type="radio"] {
	display:none;
}
.company-logos label {
	width:100%;
	max-width:164px;
	margin:8px;

}
.company-logos label div {
	border:2px solid #e5e5e5;
	background-color:#fafafa;
	width:100%;
	-webkit-filter:saturate(0%);
	margin-bottom:10px;
}
.company-logos label:hover div {
	-webkit-filter:saturate(75%);
	border-color:#d2d2d2;
}
.company-logos input[type="radio"]:checked + label > div {
	-webkit-filter:none;
	border-color:#ffa31d;
	background-color:#fff6dd;
}
.company-logos input[type="radio"]:checked + label > p {
	color:#ffa31d;
}
.company-logos label div img {
	display:block;
	margin:auto;
	padding:25px;
}
.company-logos label p {
	font-size:18px;
	font-weight:600;
}
.company-fields {
	display:flex;
	width:100%;
	flex-wrap: wrap;
}
.company-fields input[type="checkbox"] {
	display:none;
}
.company-fields label {
	flex:1;
	border:2px solid #d2d2d2;
	padding:8px;
	text-align:center;
	min-width: calc(50% - 16px);
	margin:8px;
	font-weight:700;
	color:#828282;
}
.company-fields label:hover {
	border-color:#b2b2b2;
	color:#767676;
}
.company-fields input[type="checkbox"]:checked + label {
	border-color:#ffa31d;
	color:#ffa31d;
}
.company-algoritm {
	display:flex;
	width:100%;
	flex-wrap: wrap;
	margin-bottom:15px;
}
.company-algoritm input[type="radio"] {
	display:none;
}
.company-algoritm label {
	flex:1;
	border:2px solid #d2d2d2;
	padding:8px;
	text-align:center;
	min-width: 100%;
	margin:8px 0;
	font-weight:700;
	color:#828282;
}
.company-algoritm label:hover {
	border-color:#b2b2b2;
	color:#767676;
}
.company-algoritm input[type="radio"]:checked + label {
	border-color:#ffa31d;
	color:#ffa31d;
}
.ses-heading {
	width:100%;
	text-align:center;
}
.ses-setting {

}
.input-group-line {
	margin-bottom:10px;
}
.input-group-line .input-group-text,
.input-group-line .form-control {
	padding:4px;
	line-height:auto;
	height:auto;
}
.input-group-line .input-group-text {
	font-size:11px;
	font-weight:700;
	padding:4px 8px;
	border-radius:0;
}
.input-group-line .form-control {
	border-radius:0;
	max-width:42px;
	font-size:12px;
}
.input-group-line .input-group-prepend span {
	min-width:123px;
}
.results {

}
.company-logo {
	border:2px solid #ffa31d;
	width:100%;
	display:block;
	margin:auto;
	max-width:128px;
}
.company-name {
	font-size:14px;
	font-weight:900;
}
.company-name span {
	display:block;
	font-size:32px;
	font-weight:400;
}
.quick-links {
	text-align:right;
}
.quick-links a {
	display:block;
	font-size:14px;
}
.media-plan {
	display:flex;
	width: calc(100% + 2px);
	margin-left: -1px;
	margin-top: 15px;
	margin-bottom: 15px;
	flex-wrap:wrap;
	white-space:nowrap;
}
.plan-field {
	flex:1;
	margin:1px;
	padding:8px 4px;
	text-align:center;
	background-color: #fafafa;
	border:1px solid #f5f5f5;
}
.plan-field:hover {
	border-color:#e0e0e0;
}
.plan-field-heading {
	font-size:12px;
	font-weight:900;
	color:#ffa31d;
}
.plan-field-tooltip {
	display:inline-block;
	width:12px;
	height:12px;
	margin-left:5px;
	opacity:.5;
}
.plan-field-tooltip:hover {
	opacity:.75;
}
.plan-field-value {
	font-size:20px;
	font-weight:900;
	line-height:18px;
	color:#101517;
}
.sliders {
	width:100%;
	margin:auto;
}
.range-slider {
	margin-bottom:15px;
}
.range-slider-text {
	white-space:nowrap;
	font-size:12px;
}
.range-slider-value {
	font-weight:600;
}
.range-slider-input {
    -webkit-appearance: none;
    -moz-appearance:none;
    width: 100%;
    height: 16px;
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin:4px auto 0px auto;
    border-radius:8px;
    border:4px solid #e8e8e8;
}
.range-slider-input:focus {
	background:#a0a0a0;
}
.range-slider-input::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance:none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: #ffa31d;
    cursor: pointer;
    border-radius:50%;
    box-shadow:0 0 0 4px #ffffff;
}
.range-slider-input:focus::-webkit-slider-thumb {
	background:#f57635;
}
.cap-value-text::after {
	content:' KM';
}
.cpms h4 {
	font-size:18px;
}
.cpm-input-group {
	position:relative;
	background-color:#f5f5f5;
	margin-bottom:10px;
	height:32px;
	line-height:32px;
	border:2px solid #f5f5f5;
}
.cpm-input-group label {
	float:left;
	width:calc(100% - 58px);
	font-size:12px;
	padding-left:5px;
	line-height:28px;
	font-weight:600;
	margin-bottom:0;
}
.cpm-input-group input[type="text"] {
	float:left;
	width:58px;
	padding-right:24px;
	height:28px;
	outline:none;
	border:none;
	text-align:right;
}
.cpm-input-group input[type="text"]:focus {
	box-shadow:0 0 0 2px rgba(255, 163, 29, .5);
}
.cpm-input-type {
	position:absolute;
	right:5px;
	top:-2px;
	pointer-events:none;
}
.cpm-info {
	width:100%;
	font-size:12px;
}
.results-listing {
	overflow-x:auto;
}
.results-table {
	font-size:12px;
	width:100%;
	white-space:nowrap;
}
.results-table thead {
	text-align:center;
	font-weight:600;
}
.results-table thead td {
	background-color:#f0f0f0;
}
.results-table td {
	border:1px solid #d2d2d2;
	padding:4px;	
}
.results-table tbody tr:nth-child(even) td {
	background-color:#fafafa;
}
.results-table tbody tr:hover td {
	background-color:#fff5dd;
}

.map {
	width:100%;
	height:320px;
	margin-bottom:15px;
}
.map iframe {
	border:none;
	width:100%;
	height:100%;
}
#sesModal .modal-body .btn {
	display:block;
	margin-bottom:8px;
}
.interest input[type="checkbox"] {
	display:none;
}
.interest {
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width: 640px;
	margin: auto;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
}
.interest label {
	flex:1;
	white-space:nowrap;
	border:2px solid #eaeaea;
	text-align:left;
	padding:6px 12px;
	margin:4px;
	text-align:center;
	font-weight:500;
	color:#525252;
	background-color: #fafafa;
	box-sizing:border-box;
}
.interest input[type="checkbox"]:checked + label {
	border-color:#ffa31d;
	background-color:#fff5dd;
	color:#3a3a3a;
	transition:all ease-in-out .1s;
}
.banner {
	width: 100%;
	height: 420px;
	background-color:#fcfcfc;
	border-top:2px solid #ffffff;
}
.banner iframe {
	width:100%;
	height:100%;
	border:none;
}
.banner-preview {
	cursor:pointer;
	color:#1f93ff;
	font-weight:500;
}
.banner-preview:hover {
	text-decoration:underline;
}
.banner-preview::before {
	content:'';
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	background:url(../images/icon-preview.svg) center center no-repeat;
	background-size:contain;
	vertical-align:text-bottom;
	opacity:.25;
}
.banner-preview:hover:before {
	opacity:.5;
}
@media (max-width:991px) {
	.cpm-input-group {
		height:auto;
	}
	.cpm-input-group label,
	.cpm-input-group input[type="text"] {
		float:none;
		display:block;
		text-align:center;
		width:100%;
	}
	.cpm-input-group input[type="text"] {
		padding:0 5px;
	}
	.cpm-input-type {
		top:28px;
	}
}
@media (max-width:767px) {
	.img-splash {
		position:relative;
	}
	.company-name {
		text-align:center;
	}
	.quick-links {
		text-align:center;
	}
	.quick-links a {
		display:inline-block;
		margin:5px;
	}
}
@media (max-width:530px) {
	.head {
		text-align:center;
	}
	.head h1 a {
		display:block;
		margin:0 auto 10px auto;
	}
}