/* Style The Dropdown Button */
.dropbtn {
background-color: #2d3439;
color: white;
border: none;
cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #2d3439;
min-width: 110px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 3;
}

/* Links inside the dropdown */
.dropdown-content a {
color: white;
padding: 6px 16px;
text-decoration: none;
display: block;
text-align: left;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #7a7f87}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color: #2d3439;
}

/* Button Cursor Change */
#transfer-buton {
cursor: pointer;
}

/* Select2 Change Styles */
.select2 {
font-family: 'Raleway', sans-serif;
width: 100%!important;
}
.select2-selection__rendered {
line-height: 38px !important;
}
.select2-container .select2-selection--single {
height: 38px !important;
}
.select2-selection__arrow {
height: 38px !important;
}

.tel {
color: #ffffff;
text-decoration: none!important;
}

.banner-search-area {
bottom: 0;
position: absolute!important;
width: 100%;
}

.banner.dark-translucent-bg {
padding-bottom: 125px;
}

@media screen and (max-width: 992px) {
.banner-description {
    display: none;
}

.banner.dark-translucent-bg {
    padding-top: 15px;
}

.banner.dark-translucent-bg {
    padding-bottom: 275px;
}
}


/* Button Whatsapp Mobile */
@media screen and (min-width: 992px) {
.btn-whatsapp-mobile {
    display: none!important;
}
}
.btn-whatsapp-mobile {
font-size: 16px;
font-weight:300;
position: fixed;
bottom: 45px;
right: 5px;
color:#ffffff;
background-color:#25D366;
border-color:#25D366;
z-index: 999;
width: 55px;
height: 55px;
border-radius: 55px;
padding: 0;
}

.btn-whatsapp-mobile i {
font-size: 36px;
line-height: 55px;
text-align: center;
}

.btn-whatsapp-mobile:hover {
color:#ffffff;
background-color: #1fb657;
border-color: #1fb657;
}

.service-image {
width: 100%;
height: 200px;
object-fit: cover;
}

h1, h2, h3, h4, h5, h6, .navbar .navbar-nav {
font-family: 'Raleway' ,sans-serif;
}

.header .navbar-nav li .nav-link {
font-size: 16px;
font-weight: 500;
}

.header .navbar-nav li li a {
font-size: 16px;
}

body {
font-family: 'Roboto' ,sans-serif;
}

.post-content, .post-content p, .post-content span, .post-content div, .post-content ul, .post-content ul li, .post-content ul li a, .post-content a, .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    font-family: 'Roboto' ,sans-serif;
}

button, input, optgroup, select, textarea {
font-family: 'Roboto' ,sans-serif;
}

.btn-whatsapp-desktop {
font-size: 13px;
background-color: #25D366;
border-color: #25D366
}

.btn-whatsapp-desktop:hover {
background-color: #25D366;
border-color: #25D366;
}

.form-search-container {
padding: 3px;
font-family: 'Roboto', sans-serif;
font-size: 14px;
}
.form-group label {
font-weight: 400;
padding-top: 10px;
}
.search-field {
font-weight: 100!important;
}
.search-field input {
border-radius: 4px;
/*box-shadow: 0 0 3px #FF0000;*/
border: 1px solid #ccc;
height: 34px;
}
.search-field input:hover {
border: 1px solid rgba(0, 98, 255, 0.6);
}
.search-field textarea {
width: 100%;
padding-left: 10px;
padding-right: 15px;
border-radius: 4px;
/*box-shadow: 0 0 3px #FF0000;*/
border: 1px solid #ccc;
resize: none;
}
.search-field input.search-input {
width: 100%;
padding-left: 34px;
padding-right: 30px;
}
.form div.search-field {
/*display: table;*/
height: 51px;
}
.form div.search-field {
/*position: relative;*/
}
.search-field i {
position: absolute;
color: rgba(252, 203, 80, .7);;
padding: 10px 9px;
font-size: 1.2em;
z-index: 1;

}

.separator {
width: auto!important;
}

.search-field i.fa-map-marker {
padding-left: 11px;
}

.search-field i.fa-times {
padding-left: 24px; padding-top: 14px; font-weight: 100!important; font-size: 10px;
color: #ccc
}

.form-group {
margin-bottom: 10px;
}

.form-group:after {
clear: both
}

.car_container {
color: rgb(163, 163, 163);
font-family: 'Open Sans', sans-serif;
position: relative;
}

.car_container > ul >li > button.selected-car {
/*background-color: rgba(252, 203, 80, .7)!important; */
/*background-color: rgba(192, 247, 249, .3)!important;*/
margin: 0!important;
padding: 0!important;
border: 1px solid rgba(37, 211, 102, 0.6);
}
.car_container > ul >li > button.selected-car:after {
position: absolute;
font-family: "Fontawesome";
right: 0;
content: "\f0a5";
top: 50%;
transform: translateY(-50%);
color: green;
z-index: 99;
}

.car_container > ul >li > button {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
border: 1px solid #e7e7e7;
background-color: #fff;
-webkit-transition: background-color .18s ease-in-out;
-moz-transition: background-color .18s ease-in-out;
transition: background-color .18s ease-in-out;
color: inherit;
font: inherit;
text-transform: inherit;
z-index: 1;
padding: 0!important;
margin: 0!important;
cursor: pointer;
}
.car_container > ul >li > button:hover {
background-color: rgba(252, 203, 80, .1);
}
.car_container > ul {
padding: 0px;
}
.car_container > ul >li > button:focus {
outline: 0;
border: 1px solid rgba(37, 211, 102, 0.6);
}
.car_container > ul >li > button p {
font-size: 14px;
}
.car_container img {
width: 112px;
height: 50px;
}
.car_container ul li:focus {
outline: 0;
}
.car_container ul li {
display: inline-block;
width: 100%;
margin-bottom: 5px;
padding: 0!important;
/*margin: 0!important;*/
padding-left: 0px;
cursor: pointer!important;
margin-bottom: 5px!important;
border: 1px solid white;
}

.car_container button>div:first-of-type {
text-align: center;
}/*
.tarih-pick table {
font-size: 12px!important;
}
.tarih-pick table th {
padding: 4px 4px!important;
}
.tarih-pick table td {
padding: 4px 4px!important;
}*/
.bootstrap-datetimepicker-widget table td span {
width: 10px!important;
height: 10px!important;
line-height: 10px!important;
}
@media  screen and (max-width: 476px) {
.car_container li {
    width: 100%!important;
}
}

@media  screen and (max-width: 600px) {
.car_container ul > li img {
    width: 60px;
}
}
.map-detail span {
font-size: 13px;
}
.map-detail {
display: table;
margin-bottom: 20px;
width: 100%;
}
.detail-group {
display: table-cell;
vertical-align: middle;
text-align: left;
padding: 5px 8px 5px 5px;
background-color: #fedb06;
}
.detail-align {
display: table;
}
.detail-yon-ikon {
display: table-cell;
vertical-align: middle;
}
.detail-yon-text {
padding-left: 3px;
}

.checkbox-container {
display: block;
position: relative;
padding-left: 35px;
margin-top: 10px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}

/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px;
background-color: #eee;
border-radius: 5px;
}

.checkmark i {
font-size: 14px;
line-height: 20px;
padding: 0;
color: #ffffff;
display: none;
width: 20px;
text-align: center;
}

.checkbox-container input:checked ~ .checkmark i {
display: block;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkmark {
background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
left: 9px;
top: 5px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
border:none;
}

.contact-form .has-feedback label ~ .form-control-feedback {
top: 40px;
}

.submit-button {
    cursor: pointer;
}

.front-page.index .main-container {
    padding-bottom: 0;
}

.pt-20 {
padding-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.dark-translucent-bg {
overflow: inherit;
}