@font-face {
    font-family: "LatoTRBold";
    src: url("../fonts/lato-tr-cufonfonts/LatoTR-Bold.ttf?v=2") format("truetype");
    font-style: normal;
    font-weight: bold;
    font-display: swap
}

@font-face {
    font-family: "LatoTRegular";
    src: url("../fonts/lato-tr-cufonfonts/LatoTR-Regular.ttf?v=2") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

html,
body {
    height: 100%;
}

* {
    font-family: 'LatoTRegular';
    letter-spacing: 0.20px;
}

header {
    padding: 10px 0;
    border-bottom: 2px solid #EE5830;

}

header .nav {
    justify-content: space-between;


}

header .logo {
    position: relative;
    z-index: 9999;
}

header .nav a {
    position: relative;
    top: -100px;
    opacity: 0;
    -moz-transition: all linear 0.2s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

header .nav a:hover {
    border-top: 4px solid #2A71B5;
    border-bottom: 4px solid #EE5830;
    padding: 6px 0;
}

header .nav a.active {
    border-top: 4px solid #2A71B5;
    border-bottom: 4px solid #EE5830;
    padding: 6px 0;
}

/*Hamburger */

.hamburger {
    width: 40px;
    z-index: 999;
    padding-top: 40px;
    display: block;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.5s !important;
    -o-transition: all 0.5s !important;
    transition: all 0.5s !important;
    position: absolute;
    right: 15px;
    top: 13px;
    display: none
}

.hamburger-box {
    position: absolute;
    display: block;
    width: 34px;
    height: 24px;
    margin: 0 auto;
    top: 0;
    left: 50%;
    margin-left: -17px;
    margin-top: -12px
}

.hamburger--spring .hamburger-inner {
    top: 22px;
    -webkit-transition: background-color 0s linear .13s;
    -o-transition: background-color 0s linear .13s;
    transition: background-color 0s linear .13s
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 0;
    background-color: #030840;
}

.hamburger--spring .hamburger-inner:before {
    top: 8px;
    -webkit-transition: top 0.1s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(.55, .055, .675, .19);
    transition: top 0.1s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top 0.1s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, transform 0.13s cubic-bezier(.55, .055, .675, .19);
    transition: top 0.1s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, transform 0.13s cubic-bezier(.55, .055, .675, .19);
    transition: top 0.1s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, transform 0.13s cubic-bezier(.55, .055, .675, .19), -webkit-transform 0.13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: ""
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 34px;
    height: 2px;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    -o-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    border-radius: 0;
    background-color: #030840;
}

.hamburger--spring .hamburger-inner:after {
    top: 17px;
    -webkit-transition: top 0.2s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(.55, .055, .675, .19);
    transition: top 0.2s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, -webkit-transform 0.13s cubic-bezier(.55, .055, .675, .19);
    -o-transition: top 0.2s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, transform 0.13s cubic-bezier(.55, .055, .675, .19);
    transition: top 0.2s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, transform 0.13s cubic-bezier(.55, .055, .675, .19);
    transition: top 0.2s cubic-bezier(.33333, .66667, .66667, 1) 0.2s, transform 0.13s cubic-bezier(.55, .055, .675, .19), -webkit-transform 0.13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner:after {
    top: 0;
    -webkit-transition: top 0.2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    transition: top 0.2s cubic-bezier(.33333, 0, .66667, .33333), -webkit-transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    -o-transition: top 0.2s cubic-bezier(.33333, 0, .66667, .33333), transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    transition: top 0.2s cubic-bezier(.33333, 0, .66667, .33333), transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    transition: top 0.2s cubic-bezier(.33333, 0, .66667, .33333), transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s, -webkit-transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
    transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring.is-active .hamburger-inner:before {
    top: 0;
    -webkit-transition: top 0.1s cubic-bezier(.33333, 0, .66667, .33333) 0.15s, -webkit-transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(.33333, 0, .66667, .33333) 0.15s, -webkit-transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    -o-transition: top 0.1s cubic-bezier(.33333, 0, .66667, .33333) 0.15s, transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(.33333, 0, .66667, .33333) 0.15s, transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    transition: top 0.1s cubic-bezier(.33333, 0, .66667, .33333) 0.15s, transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s, -webkit-transform 0.13s cubic-bezier(.215, .61, .355, 1) 0.22s;
    -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
    background-color: #030840;
}

.hamburger--spring.is-active .hamburger-inner {
    -webkit-transition-delay: .22s;
    -o-transition-delay: .22s;
    transition-delay: .22s;
    background-color: transparent !important
}

#mobileMenu {
    display: none
}

#mobileMenu .nav {
    flex-direction: column;
}

.mobileSide {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99;
    top: 0;
    opacity: 1;
    left: 0;
    overflow-x: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    padding-top: 26%;
    background: #f2f8ff;
    border-right: 2px solid #030a3d;
}

.mobileSide .bartitles .active {
    color: #fff;
    width: 100%;
}

.mobileSide .bartitles a {
    padding: 9px 0;
    color: #fff;
    display: block;
    opacity: 1;
    margin-bottom: 2%;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    letter-spacing: 1px
}

.mobileSide li {
    margin: 10px 0;
}

.add-style-mobilemenu {
    width: 79% !important;
    display: block !important;
}

.img-area {
    overflow: hidden
}

.img-area img {
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer
}

.img-area img:hover {
    -webkit-transition: all 0.6s !important;
    -moz-transition: all 0.6s !important;
    -o-transition: all 0.6s !important;
    -webkit-transform: scale(1.06) !important;
    -moz-transform: scale(1.04) !important;
    -o-transform: scale(1.06) !important;
    transform: scale(1.06) !important;
    transition: all 0.6s !important;
}

.t5 {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}


/*Normalize*/
ul,
li {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
    letter-spacing: 0.50px;
    color: #000;
    font-family: "LatoTRBold";
}

input,
button,
select:focus {
    outline: none !important;
}

p {
    font-size: 14px;
    line-height: 32px;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "LatoTRBold";
}

h3 {
    font-size: 35px;
}

h4 {
    font-size: 24px;
}

button {
    border: none;
}

a:hover {
    text-decoration: none;
    color: currentColor;
}

/*Normalize End*/
.bold-title {
    font-family: "LatoTRBold";
}

span {
    font-family: "LatoTRBold";
    font-size: 18px;
}

.menu a {
    font-size: 12px;

}

.full-slider {
    margin-top: 20px;
    position: relative;
    min-height: 300px;
}

.full-slider .owl-carousel.owl-drag .owl-item {
    overflow: hidden;
}

.full-slider .owl-carousel .owl-item img {
    object-fit: cover;
}

.full-slider .slider-content {
    position: absolute;
    right: 20%;
    top: 15px;
	display:none;
}

.full-slider .slider-content::before {
    content: '';
    background: #212121;
    position: absolute;
    left: 10%;
    height: 100%;
    transform: rotate(30deg);
    width: 8px;
    ;
}

.full-slider .slider-content img {
    height: 280px;
}

.full-slider .slider-content .text-content {
    position: absolute;
    top: 10%;
    color: #fff;
    left: 34%;
}

.full-slider h1,
.full-slider h2,
.full-slider h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin: 0;
}

.full-slider h3 {
    font-size: 16px;
}

.full-slider .slider-content .text-content span {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 22px;
}




.full-slider .c-button {
    display: inline-block;
}

.full-slider .owl-dots {
    position: absolute;
    width: 100%;
    bottom: -2%;
    text-align: center;

}

.owl-dot.active span {
    background: #212121 !important;
}

.owl-dot span {
    background: none !important;
    border: 2px solid #212121;
}

.full-slider .owl-nav button {
    width: 8px;
    height: 14px;
    font-size: 0 !important;
}

.full-slider .owl-nav span {
    font-size: 0;
}

.full-slider .owl-nav {
    width: 80%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.full-slider .owl-prev {
    background: url('../images/icon/left-arrow-full-slider.svg') no-repeat !important;
}

.full-slider .owl-next {
    background: url('../images/icon/right-arrow-full-slider.svg') no-repeat !important;
}

.main-wrapper {
    position: relative;
    min-height: 85%;

}

.c-fixed-button {
    color: #fff;
    background: #EE5830;
    border-radius: 26px;
    position: fixed;
    z-index: 999;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.c-fixed-button:hover {
    background: #2A71B5;
    color: #fff;
}

@media (min-width: 1000px) {
    .c-fixed-button {
        font-size: 14px;
        padding: 12px 8px;
    }
}

@media (min-width: 1600px) {
    .c-fixed-button {
        font-size: 18px;
        padding: 12px 15px;
    }
}

.c-fixed-button--top {
    top: 150px;
}


@media (min-width: 1000px) {
    .c-fixed-button--right {
        right: 5px;
    }
}

@media (min-width: 1600px) {
    .c-fixed-button--right {
        right: 20px;
    }
}

.c-fixed-button--left {
    left: 20px;
}

.c-fixed-button--center {
    top: 90%;
}

.c-fixed-button--whatsaap {
    background: #04C112;
}

.c-fixed-button--whatsaap img {
    margin-top: -5px;
    margin-right: 4px;
}

.c-fixed-button--destek img {
    margin-top: -5px;
}

.how-do-rent {
    margin-top: 60px;
}

.how-do-rent img {
    max-height: 110px;
}

.how-do-rent .row {
    margin-top: 37px;
}

.how-do-rent span {
    color: #2A71B5;
}

.how-do-rent .img-area {
    margin-top: 50px;
    margin-bottom: 20px;
}

.how-do-rent p {
    line-height: 17px;
}

.how-do-rent .value {
    position: relative;
    display: block;
    min-height: 30px;
}

.how-do-rent .value::after {
    content: '';
    background-color: #607D8B;
    position: absolute;
    bottom: 0;
    width: 40px;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.sss-block {
    margin-top: 30px;
}

.sss-block .item {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 270px;
    width: 100%;
    color: #fff;
    display: flex;
    padding-top: 5%;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
}


.sss-block .content {
    text-align: center;
    width: 80%;
    line-height: 3;
}

.sss-block .content p {
    line-height: 18px;
}

.sss-block span {
    display: block;
}

.sss-block .light-button {
    border: 2px solid #fff;
    border-radius: 25px;
    color: #fff;
    padding: 10px 40px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.sss-block .light-button:hover {
    background: #EE5830;
    border: none;
}

@media (max-width:768px) {
    .sss-block .item img {
        width: 40px;
        height: 40px;
    }

    .sss-block .light-button {
        padding: 5px 12px;
    }

    .sss-block span {
        font-size: 14px;
        white-space: nowrap;
    }
}

.blog-block .content {
    line-height: initial;
    z-index: 1;
}

.blog-block .item {
    padding-bottom: 7%;
    align-items: end;
}

.blog-block .item::after {
    content: "";
    height: 100px;
    width: 92%;
    position: absolute;
    bottom: 0px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    z-index: 0;
}

footer {
    width: 100%;
    margin-top: 30px;
    padding: 30px 0 15px 0;
    border-top: 2px solid #EE5830;
}

footer .left {
    width: 25%;
    padding: 0 15px;
}

footer .right {
    width: 75%;
    padding: 0 15px;
}

footer .footer-title {
    font-size: 16px;
    color: #EE5830;
    margin-bottom: 15px;
    display: block;
}

footer .menu a {

    font-size: 14px;
    font-family: "LatoTRegular";
    color: #616161;

}

footer .footer-item {
    width: 31%;
    padding: 0 15px;
}

footer input {
    width: 75%;
    font-size: 13px;
    color: #BDBDBD;
    border-radius: 6px;
    height: 36px;
    background: #fff;
    border: 2px solid #E0E0E0;
    margin-bottom: 8px;
}

input::placeholder,
textarea::placeholder {
    font-size: 11px !important;
    color: #BDBDBD;
    padding-left: 3px;
}

footer button {
    width: 36px;
    height: 36px;
    color: #fff;
    background: #EE5830;
    border: none;
    border-radius: 6px;
}

footer .social-media a {
    margin-right: 28px;
}


footer .social-media a img {
    height: 24px;
}

.cars-gallery .owl-stage-outer {
    padding: 70px 0;
}

.cars-gallery {
    margin-top: 75px;
    background: #F5F5F5;
    padding: 50px 0;
}

.cars-gallery img {
    max-height: 90px;
}

.cars-gallery .center img {
    max-height: initial;
}

.cars-gallery .item {
    text-align: center;
}

@media (min-width: 1000px) {
    .cars-gallery .owl-item.center .item {
        transform: scale(1.2);
    }

    .cars-gallery .item {
        transform: scale(1);
        position: relative;
        -webkit-transition: all 1.4s;
        -moz-transition: all 1.4s;
        -o-transition: all 1.4s;
        transition: all 1.4s;
        margin-left: 20px;
    }

    .cars-gallery img {
        margin-left: -25px;
    }
}

.cars-gallery .car-title {
    font-size: 14px;
    color: #2A71B5;
    text-align: center;
    display: block;
    margin-top: 10px;
}

.cars-gallery .car-top {
    position: relative;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    background-color: #CFD8DC;
    padding: 15px 0 0 0;


}

.cars-gallery .car-bottom {
    background: #2A71B5;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    color: #fff;
    text-align: center;
}

.cars-gallery .c-button {
    font-size: 14px;
    font-family: "LatoTRegular";
    padding: 13px 50px;
    margin-top: 20px;
}

.cars-gallery .owl-nav {
    width: 10%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding-left: 25px;
}

.cars-gallery .owl-nav button {
    width: 14px;
    height: 21px;
    font-size: 0;
}

.cars-gallery .owl-nav .owl-prev {
    background: url('../images/icon/left-arrow-gallery.svg') no-repeat !important;
}

.cars-gallery .owl-nav .owl-next {
    background: url('../images/icon/right-arrow-gallery.svg') no-repeat !important;
}

.cars-gallery .owl-nav span {
    font-size: 0;
}

.section-page-content {
    margin-top: 27px;
}

.car-select .top-title {
    width: 100%;
    display: block;
    padding: 15px 30px;
    position: relative;
    color: #fff;
    background: #333333;
}

.car-select .top-title img {
    position: absolute;
    right: 46px;
    top: 40%;
}


.filter-car-select {
    width: 23.7%;
    padding: 0 15px;
}

.filter-car-select input {
    background: #FFFEF9;
    height: 40px;
    width: 195px;
    border: 1px solid #D9D9D9;
    padding-left: 16px;
    color: #A9A9A9;
}

.filter-car-select select {
    height: 40px;
    width: 100%;
    border: 1px solid #D9D9D9;
    padding-left: 16px;
    color: #A9A9A9;
    appearance: none;
    background-image: url('../images/icon/dropdown_icon.svg');
    background-repeat: no-repeat;
    background-position-x: 88%;
    background-position-y: center;
}

.filter-car-select input[type="checkbox"] {
    width: 12px;
    height: 12px;
    border-color: #D9D9D9;

}

.filter-chech-label {
    font-size: 14px;
    color: #333333;
}

.filter-wrapper {
    padding: 10px 21px;
}

.filter-item {
    margin-top: 20px;
}

.filter-title {
    font-size: 18px;
    color: #333333;
    display: block;
    margin-bottom: 13px;
}

.fsslider>.fssel-value {
    background: #EE5830 !important;
}

.fsslider>.fscaret,
.fsslider>.fssel-left,
.fsslider>.fssel-right {
    background: #000 !important;
    color: #fff !important;
}

.filter-chech-input {
    margin-top: 7px;
}

.car-lists {
    width: 76.3%;
    padding: 0 15px;
    margin: 0 auto;
}

.car-lists .car-item {
    position: relative;
    padding: 22px 27px 25px 0;
}

.car-lists .car-item img {
    max-height: 200px;
}

.car-lists .car-wrapper {
    position: relative;
    margin-bottom: 30px;
}

.car-lists .car-wrapper::before {
    content: '';
    top: 0;
    border-radius: 15px;
    position: absolute;
    right: 0;
    height: 100%;
    width: 75%;
    background: #F5F5F5;
}

.car-lists .car-img {
    padding-top: 5%;
}

.car-lists .car-info .date {
    font-size: 18px;
    color: #EE5830;
    text-align: right;
}

.car-lists .car-info .title {
    font-size: 18px;
    color: #212121;
    text-align: right;
}



.car-lists .content {
    margin-top: 30px;
}

.car-lists .engine-types {
    text-align: right;
    width: 52%;
}

.car-lists .engine-types span {
    font-size: 16px;
}

.car-lists .engine-types .type {
    color: #455A64;
    font-family: "LatoTRegular";
}

.car-lists .engine-types .value {
    color: #2A71B5;
}

.car-lists .car-offer p {
    font-size: 17px;
    color: #2A71B5;
}

.car-lists .car-offer b {
    font-size: 24px;
    margin: 0 5px;
}

.car-lists .c-button {
    padding: 10px 45px;
}

.car-detail .top-block {
    width: 70%;
    margin: 0 auto;
}

.car-detail .group-img {
    margin-top: 48px;
}

.car-detail .share {
    margin: 25px 0;
    text-align: center;
}

.car-detail .share span {
    margin: 0 15px;
}

.car-detail .share a {
    padding: 0 10px;
}

.car-detail .car-info p {
    font-size: 19px;
    color: #2A71B5;
}

.car-detail .car-info b {
    font-size: 24px;
    margin: 0 5px;
}

.technical-information {
    margin-top: 20px;
}

.technical-item {
    margin-top: 30px;
}

.technical-information .accordion-title {
    text-align: center;
    position: relative;
}

.technical-information .accordion-title::before {
    content: '';
    position: absolute;
    left: 0;
    width: 28%;
    background: #757575;
    top: 50%;
    height: 0.5px;
}

.technical-information .accordion-title::after {
    content: '';
    position: absolute;
    right: 4%;
    width: 23%;
    background: #757575;
    top: 50%;
    height: 0.5px;
}

.technical-information .accordion-status-icon {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
}

.technical-information .status-on .on {
    opacity: 1;
}

.technical-information .status-on .off {
    opacity: 0;
}

.technical-information .accordion-content {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    height: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.technical-information .technical-item.js-active .accordion-content {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    height: auto;
}

.technical-information .accordion-content .area {
    margin-top: 35px;
}

.technical-information .accordion-item {
    width: 33.3%;
    padding: 0 15px;
    text-align: center;
}

.technical-information .accordion-item:nth-child(1) {
    border-right: 1px solid #707070;
}

.technical-information .accordion-item:nth-child(3) {
    border-left: 1px solid #707070;
}

.technical-information .types {
    margin-top: 15px;
}

.technical-information .accordion-content span {
    display: block;
}

.technical-information .accordion-content .value {
    font-size: 14px;
    color: #757575;
}

.subpage-content {
    margin-top: 27px;
}

.subpage-content h1 {
    font-size: 24px;
    color: #EE5830;
}

.subpage-content .content-text {
    padding-left: 0;
}

.accordion {
    margin-top: 48px;
}

.accordion .accordion-content {
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    height: 0;
    padding: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.accordion .accordion-top {
    text-align: center;
    position: relative;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    padding: 20px 0;
}

.accordion .accordion-top .accordion-status-icon {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.accordion .accordion-top .accordion-title {
    font-size: 18px;
    cursor: pointer;
    width: 80%;
    display: block;
    margin: 0 auto;
    color: #e0e0e0;
}

.accordion .accordion-content li {
    text-align: center;
}

.accordion .accordion-item.js-active .accordion-content {
    padding: 20px 0;
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
}

.accordion .status-on .on {
    opacity: 1;
}

.accordion .status-on .off {
    opacity: 0;
}

.contact .left-contact {
    background: #EEEEEE;
    padding: 20px 30px;
}

.contact-info p {
    margin-bottom: 2px;
}

.standart-form input {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid;
    border-color: #C6CCD2;
    height: 48px;
    border-radius: 6px;
    padding-left: 16px;
    color: #BDBDBD;
    font-size: 14px;
    margin-bottom: 10px;
}

.standart-form textarea {
    width: 100%;
    height: 144px;
    background: #FFFFFF;
    border: 1px solid;
    border-radius: 6px;
    padding-left: 16px;
    color: #BDBDBD;
    font-size: 14px;
    margin-bottom: 10px;
    border-color: #C6CCD2;
}

.c-button {
    cursor: pointer;
    padding: 13px 22px;
    color: #fff;
    border-radius: 25px;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.c-button--black {
    background: #212121;
}

.c-button--black:hover {
    background: #fff;
    border: 2px solid #212121 !important;
    color: #212121;
}

.c-button--orange {
    background: #2A71B5;
    outline: 2px solid #fff;
}

.c-button--orange:hover {
    background: #EE5830;
    color: #fff;
    outline: 2px solid #fff;

}

.c-button--orange2 {
    background: #EE5830;
    outline: 2px solid #fff;
}

ul.page-left-menu {
    float: left;
    margin-top: 45px;
    width: 100%;
}

ul.page-left-menu li {
    width: 100%;
    float: left;
    -webkit-box-shadow: 2px 4px 9px 2px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 4px 9px 2px rgba(0, 0, 0, 0.16);
    margin-bottom: 10px;
    position: relative;
}

ul.page-left-menu li a {
    font-size: 14px;
    font-family: "LatoTRegular";
    padding: 10px 20px;
    width: 100%;
    float: left;
    flex-grow: 1;
    cursor: pointer;
}

ul.page-left-menu li a:before {
    content: "";
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: calc(2px/ -1);
    left: calc(2px/ -1);
    background: linear-gradient(to right, #2a71b5 0%, #2a71b5 100%), linear-gradient(to top, #2a71b5 50%, transparent 50%), linear-gradient(to top, #2a71b5 50%, transparent 50%), linear-gradient(to right, #2a71b5 0%, #2a71b5 100%), linear-gradient(to left, #2a71b5 0%, #2a71b5 100%);
    background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
    background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
    background-repeat: no-repeat, no-repeat;
    transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
    transform: scaleX(.98) rotate(0deg);
    transition-delay: 0.6s, 0.3s, 0s;
}

ul.page-left-menu li a:hover:before,
ul.page-left-menu li.active a:before {
    background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    transform: scaleX(1) rotate(0deg);
    transition-delay: 0s, 0.3s, 0.6s;
}

.service-item {
    padding: 25px;
    border: 1px solid #2a71b5;
    border-radius: 15px;
    min-height: 260px;
    align-items: end;
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}

.service-item:after {
    content: "";
    height: 42px;
    width: 170px;
    position: absolute;
    top: -60px;
    right: 10px;
    background-image: url(https://www.nascar.com.tr/assets/front/images/logo.svg);
    background-repeat: no-repeat;
    opacity: .4;
}

.service-item h2 {
    font-size: 20px;
    color: #2a71b5;
    margin-top: 5px;
}

.service-item p {
    font-size: 13px;
    line-height: 16px;
    color: #2a71b5;
}

.service-item:hover {
    background-color: #2a71b5;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

.service-item:hover:after {
    top: 10px;
    -webkit-transition: top 220ms linear;
    -ms-transition: top 220ms linear;
    transition: top 220ms linear;
    filter: grayscale(1) invert(1) brightness(2.3);
}

.service-item:hover img {
    filter: grayscale(1) invert(1) brightness(1.7);
    -webkit-transition: -webkit-filter 100ms linear
}

.service-item:hover h2,
.service-item:hover p {
    color: #fff;
    -webkit-transition: color 100ms linear;
    -ms-transition: color 100ms linear;
    transition: color 100ms linear;
}