﻿* {
            font-family: 'Barlow', sans-serif;
            outline: 0;
            box-shadow: none !important;
        }

        @media only screen and (max-width: 992px) {
            .sticky-top {
                position: relative;
            }
        }

        header {
            font-size: 16px;
        }

        .logoimg {
            width: 175px;
        }

        @media only screen and (max-width: 992px) {
            .logoimg {
                width: 150px;
            }
        }

        .nav-link {
            color: black;
        }

            .nav-link:focus, .nav-link:hover {
                color: #ec6305;
            }

        @media only screen and (max-width: 992px) {
            .nav-link {
                padding: 0.5rem;
            }
        }

        .myres {
            color: #01b7f2;
        }

        .curr .material-icons {
            font-size: 20px;
            vertical-align: sub;
        }

        .fw-500 {
            font-weight: 500;
        }

        .bg-trnc {
            background-color: #ec6305;
        }

        .bg-mavi {
            background-color: #1865c1;
        }

        .bg-turk {
            background-color: #01b7f2;
        }

        .text-trnc {
            color: #ec6305 !important;
        }

        .border-mavi {
            border: 1px solid #1865c1;
        }

        .text-mavi {
            color: #1865c1 !important;
        }

        .text-turk {
            color: #01b7f2 !important;
        }

        .text-gri {
            color: #bdbdbd;
        }

        .cnvs i {
            font-size: 32px;
        }

        .cnvs:hover {
            /*background-color: #332483;*/
            color: #1865c1;
            -webkit-transition: .8s ease all;
            transition: .8s ease all;
        }

        .dropdown-menu {
            -webkit-box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%) !important;
            box-shadow: 0 15px 30px 0 rgb(0 0 0 / 20%) !important;
            -webkit-transition: margin-top .3s ease, opacity .3s ease;
            -o-transition: margin-top .3s ease, opacity .3s ease;
            transition: margin-top .3s ease, opacity .3s ease;
            min-width: 100px;
            border: 0px solid #F44336;
            padding: 0rem 0;
            transform: translate3d(0px, 50px, 0px) !important;
        }

        /* OFFCANVAS */
        .offcanvas-end {
            width: 320px;
        }

        .offcanvas-body .nav.cnvmenu a {
            font-size: 20px;
        }

        .offcanvas {
            -webkit-transition: .8s ease all;
            transition: .8s ease all;
        }

        .offcanvas-body .nav a {
            text-decoration: none;
            color: #FFF;
        }

            .offcanvas-body .nav a:hover {
                color: #003399;
            }

        .whap:hover {
            background-color: #198754;
        }

            .whap:hover a {
                color: white;
            }
        /*ARAMA KISMI*/
        .arama {
            background-image: linear-gradient(to bottom, rgba(17, 99, 199, 0.5), rgb(0 0 0 / 0%)), url(/images/bg2.jpg);
            /*background: url(images/bg2.jpg) rgb(0 0 0 / 50%);*/
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            /*background-blend-mode: hard-light;*/
            min-height: 600px;
        }

        section.dudp__calendar-header {
            display: none;
        }

        .dcalendarpicker .dudp__cal-container .dudp__calendar {
            transform: none;
        }

            .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__cal-month-year, .dcalendarpicker .dudp__wrapper, .dcalendarpicker .dudp__cal-container .dudp__calendar .dudp__weekdays span {
                font-family: 'Barlow', sans-serif;
                font-size: 16px;
            }

        .dcalendarpicker .dudp__cal-container .dudp__buttons .dudp__button {
            font-family: 'Barlow', sans-serif;
            font-size: 18px;
        }

        @media only screen and (min-width: 992px) {
            .dcalendarpicker .dudp__cal-container {
                width: 568px;
            }
        }

        @media only screen and (max-width: 992px) {
            .dcalendarpicker .dudp__cal-container .dudp__calendar-views {
                margin-top: -290px;
            }

            .dcalendarpicker .dudp__cal-container .dudp__calendar-views {
                width: 284px;
            }
        }

        .form-control, .chosen-container, .form-select {
            font-size: 1rem;
            font-weight: 500;
        }

        .fs-7 {
            font-size: 0.80rem !important;
        }

        .form-control, .chosen-container, .form-select {
            border: 0;
            border-bottom: 2px solid #707070;
            border-radius: 0;
        }

            .form-control:focus {
                border-color: #707070;
            }

        .chosen-container-single .chosen-single {
            border: 0 !important;
            box-shadow: none;
            height: 47px;
            line-height: 47px;
        }

        .chosen-drop {
            font-size: 1rem;
        }

        .saat .chosen-container-single .chosen-single span {
            text-align: center;
        }

        .input-group-addon {
            font-weight: 600;
        }

        .yer .chosen-single span::before {
            font-family: 'Font Awesome 6 Free';
            content: "\f3c5";
            color: #bdbdbd;
            font-size: 20px;
            margin-right: 10px;
        }

        label.chk, label.chkp {
            padding-left: 9px;
            position: absolute;
            background: white;
        }

        .btn-arama:hover, .btn-arama2:hover {
            background-color: #01b7f2;
            /*-webkit-transition: .8s ease-in-out all;
            transition: .8s ease-in-out all;*/
        }

        .btn-arama2 {
            padding-top: 20px !important;
            padding-bottom: 20px !important;
            margin: 0 !important;
        }

        .saat .form-control {
            padding: 0;
        }

        @media (min-width: 1200px) {
            .saat {
                max-width: 185px;
            }

            .drvr {
                max-width: 190px;
            }

            .srch {
                max-width: 200px;
            }

            .btn-arama {
                padding-top: 34px !important;
                padding-bottom: 34px !important;
                margin: 0 !important;
                font-weight: 500;
            }
        }

        /* ASP.Net CheckBox Control - Rendered in a SPAN */
        span.fancy-checkbox {
            position: relative;
            display: inline-block;
            padding: 0;
            cursor: pointer;
            /* Make text & control un-selectable, otherwise it will
       sometimes get selected if the user repeatedly clicks quickly */
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        /* ASP.Net CheckBoxList - Rendered in a TABLE */
        table.fancy-checkbox td {
            position: relative;
            padding-left: 20px;
            /* Make text & control un-selectable, otherwise it will
       sometimes get selected if the user repeatedly clicks quickly */
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

        .fancy-checkbox input {
            display: none;
        }

        .fancy-checkbox label {
            cursor: pointer;
            padding: 0 5px 0 22px;
        }

        .fancy-checkbox input[type="checkbox"] + label:before {
            position: absolute;
            top: 1px;
            left: 0;
            font-family: 'Font Awesome 6 Free';
            content: "\f096";
            font-size: 20px;
            line-height: 1;
            color: #aaa;
        }

        .fancy-checkbox input[type="checkbox"]:checked + label:before {
            content: "\f14a";
            color: #4285f4;
            font-size: 18px; /* Shrink checked icon slightly to match unchecked */
        }

        .fancy-checkbox input[type="checkbox"]:disabled + label:before {
            color: #ccccdd;
        }

        .fancy-checkbox.aspNetDisabled label,
        .fancy-checkbox .aspNetDisabled label {
            cursor: not-allowed;
        }

        /*FAQ*/
        .accordion-button, .accordion-body, .accordion-collapse {
            transition: 0.2s all ease-in-out;
        }

        .accordion-item {
            margin: 20px 0;
            border: 0;
        }

        .accordion-button:not(.collapsed) {
            color: #01b7f2;
            background-color: #fff;
            font-weight: 600;
            border-bottom: 2px solid #01b7f2;
            border-radius: 0;
        }

        .accordion-button {
            color: #000;
            background-color: #f1f1f1;
            font-weight: 600;
        }

            .accordion-button:hover {
                background-color: #d3d3d3;
            }

        /*FOOTER*/
        footer {
            background-color: #eef3f6;
        }

            footer .nav-link:focus, .nav-link:hover {
                color: #01b7f2;
            }

        .instagram {
            background-color: #e14b92;
        }

        .facebook {
            background-color: #4057ac;
        }

        .twitter {
            background-color: #5fb8fe;
        }

        .whatsapp {
            background-color: #198754;
        }

        footer .czg {
            width: 50px;
        }

        .poploc a:hover {
            color: #01b7f2 !important;
        }

        footer a:hover {
            opacity: 70%;
        }

        /*İÇ SAYFALAR*/

        #baslik h1 {
            display: block;
            font-size: 20px;
            font-weight: 600;
            color: #01b7f2;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        #baslik .main-title {
            position: relative;
            font-size: 50px;
            font-weight: 700;
            line-height: 60px;
            color: #1e2325;
            padding-bottom: 20px;
            margin-top: 0;
            /*margin-bottom: 50px;*/
        }

        @media (max-width: 991px) {
            #baslik .main-title {
                font-size: 40px;
            }
        }

        #baslik .main-title:after {
            content: '';
            display: block;
            position: absolute;
            left: 50%;
            bottom: 0;
            margin-left: -45px;
            width: 90px;
            height: 3px;
            background-color: #01b7f2;
        }

        #icerik {
            font-size: 18px;
        }

        /*ARAÇ LİSTESİ*/

        .arac {
        }

            .arac i {
                bottom: 10px;
                right: 15px;
            }

        /*.arac:hover img {
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            transform: scale(1.1);
        }

        .arac:hover .arackutu {
            border-bottom: 1px solid black !important;
        }

        .arac:hover .okbtn {
            color: black !important;
        }
        .ikon img {
            width: 20px;
            max-width: 20px;
            transform: scale(1)!important;
        }*/

        /*FORMLAR*/
        #stndrtfrm .form-floating>label {
            /*padding: 1.3rem 0.75rem;*/
        }
        #stndrtfrm .form-floating>.form-control, .form-floating>.form-select {
            padding-left: 0!important;
        }
        #stndrtfrm .form-floating input:focus + label, .form-floating input:not(:placeholder-shown) + label, .form-floating input:-webkit-autofill + label {
            color: #ec6305;
            font-weight: bold;
            opacity: 1 !important;
            transform: none !important;
            padding: 0px 11px;
            margin-top: -17px;
        }

        #stndrtfrm .form-floating textarea:focus + label, .form-floating textarea:not(:placeholder-shown) + label, .form-floating textarea:-webkit-autofill + label {
            color: #ec6305;
            font-weight: bold;
            opacity: 1 !important;
            transform: none !important;
            padding: 0px 11px;
            margin-top: -17px;
        }
        #stndrtfrm .form-select {
            padding: 0.375rem 1.50rem 0.375rem 0!important;
            background-position: right 0.25rem center;
        }
        #stndrtfrm .droplbl {
            color: #ec6305;
            font-weight: bold;
            position: static;
            /*transform: scale(.85) translateY(20px) translateX(-40px);*/
        }
        #stndrtfrm textarea.form-control {
            padding-left: 0;
        }

        .onay input {
            margin-right: 10px;
        }

        .onay label {
            display: inline;
        }

        @media (max-width: 991px) {
            .rptr .flex-grow-1 {
                width: 100%;
            }
        }

/*OFFER*/
        .offer {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgb(0, 0, 0, 0.3)), url(/images/AdobeStock_197194743_Preview.jpeg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        /*HİZMET*/
        .kutu1 {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0, 1)), url(/images/one-way.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .kutu2 {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0, 1)), url(/images/airport.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .kutu3 {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0, 1)), url(/images/long-term.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .kutu4 {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0, 1)), url(/images/breakdown.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .kutu5 {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0, 1)), url(/images/additional.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }
        .kutu6 {
            background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0, 1)), url(/images/chauffeur.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
        }

        .kutular .card {
            min-height: 220px;
        }