@import url("css/icomoon.css"); @import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,700&display=swap"); @font-face {
    font-family: RageItalic;
    src: url("fonts/RageItalic.woff2") format("woff2"), url("fonts/RageItalic.woff") format("woff"), url("fonts/RageItalic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@media (min-width: 1351px) {
    .container {
        max-width: 1350px;
        position: relative;
    }
}

body {
    background: rgb(255, 255, 255);
    font-size: 15px;
    font-family: Poppins, Tahoma;
    color: rgb(0, 0, 0);
    scroll-behavior: smooth;
}

a {
    color: rgb(0, 0, 0);
    outline: 0px;
}

:focus {
    outline: none !important;
}

a:hover, a:focus {
    color: rgb(0, 0, 0);
    text-decoration: none;
}

.news .devami {
    transition: 0.5s;
    color: rgb(255, 255, 255);
    font-weight: bold;
    width: 191px;
    line-height: 55px;
    background: rgb(47, 48, 53);
    display: table-row-group;
    text-align: center;
    position: unset;
    bottom: auto;
    left: auto;
    right: auto;
    margin: auto;
}

.news .devami:hover {
    background: rgb(21, 57, 93);
    color: rgb(255, 255, 255);
}

.mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 10;
}

p {
    margin: 30px 0px;
    line-height: 25px;
}

b, strong {
    font-weight: bold;
}

h1 {
    font-size: 47px;
    font-weight: bold;
    margin-top: 50px;
}

h2 {
    font-size: 46px;
    font-weight: normal;
}

@media (max-width: 767px) {
    h1 {
        font-size: 30px;
        line-height: 45px;
        font-weight: bold;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    h2 {
        font-size: 28px !important;
        line-height: 45px !important;
        margin-bottom: 10px !important;
        font-weight: bold !important;
        margin-top: 40px !important;
    }
}

a.scroll-btn {
    position: relative;
    display: inherit;
    border: 2px solid rgb(129, 130, 133);
    width: 26px;
    height: 42px;
    border-radius: 30px;
    margin: 10px 0px 20px;
}

a.scroll-btn::before {
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 6px;
    background: rgb(129, 130, 133);
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    animation: 2.5s linear 0s infinite normal none running rev-ani-mouse;
}

a.scroll-btn::after {
    font-family: icomoon;
    content: "";
    font-size: 15px;
    color: rgb(129, 130, 133);
    display: block;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 12%;
    }

    15% {
        opacity: 1;
        top: 88%;
    }

    50% {
        opacity: 0;
        top: 88%;
    }

    100% {
        opacity: 0;
        top: 12%;
    }
}

div.wpcf7-response-output {
    color: rgb(255, 255, 255);
    font-weight: 550;
    font-size: 14px;
    border-radius: 5px;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-image: initial !important;
    border-left: 3px solid transparent !important;
    padding: 20px !important;
    margin: 10px 0px !important;
}

div.wpcf7-validation-errors {
    background: rgba(255, 0, 0, 0.15);
    border-color: rgb(255, 0, 0) !important;
}

div.wpcf7-mail-sent-ok {
    background: rgba(57, 143, 20, 0.15);
    border-color: rgb(57, 143, 20) !important;
}

header {
    border-top: 7px solid rgb(133, 134, 135);
}

header {
    height: 125px;
    background: rgb(255, 255, 255);
    transition: 0.3s;
    z-index: 9999 !important;
}

header.shrink {
}

header.shrink .navbar {
    padding: 0px;
}

header.shrink .navbar .navbar-brand span {
    top: -20px;
}

body:not(.sub) header {
    height: 125px;
    float: left;
}

body:not(.sub) header.shrink {}

header .navbar {
    padding: 0px;
    transition: 0.3s;
    height: 118px;
}

header .navbar .navbar-brand {
    position: relative;
    padding: 0px;
    margin: 0px 40px;
    z-index: 9999;
    width: 177px;
}

header .navbar .navbar-brand img {
    max-width: 100%;
    height: auto;
}

header .navbar .navbar-brand span {
    position: absolute;
    top: 10px;
    left: 83%;
    color: rgb(0, 66, 108);
    font-size: 24px;
    font-family: RageItalic;
    transition: 0.3s;
}

header .navbar #navbar {
    margin: 50px auto 0px;
}

header .navbar #navbar > ul {
    margin-top: 0px;
}

header .navbar #navbar > ul > li {
}

header .navbar #navbar > ul > li > a {
    transition: 0.3s;
    padding: 0px 0px 2px;
    color: rgb(0, 0, 0);
    font-size: 15px;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    background: none !important;
}

header .navbar #navbar > ul > li + li {
    margin-left: 35px;
}

header .navbar #navbar > ul > li.megamenu {
    position: static !important;
}

header .navbar #navbar > ul > li.megamenu > .dropdown-menu {
    width: 100%;
    border-radius: 0px;
    margin: 7px 0px 0px;
    padding: 0px;
    transform: scale(1, 0);
    border: none;
    opacity: 0;
    height: 0px;
    visibility: hidden;
    transition: 0.3s;
    display: block !important;
}

header .navbar #navbar > ul > li.megamenu.open > .dropdown-menu {
    z-index: 9999;
    transform: scale(1, 1);
    opacity: 1;
    visibility: visible;
    background-color: transparent !important;
    display: block !important;
}

header .navbar .navbar-toggler {
    outline: 0px;
    background: none;
    border: none;
    border-radius: 0px;
    margin: 0px;
    padding: 0px;
    transition: 0.3s;
    width: auto !important;
}

header .navbar .navbar-toggler:hover, header .navbar .navbar-toggler:focus, header .navbar .navbar-toggler[aria-expanded="true"] {
    width: 26px;
    height: 26px;
    text-align: center;
    background-color: transparent !important;
}

header .navbar .navbar-toggler:focus {
    background: none !important;
}

header .navbar .navbar-toggler .icon-bar {
    height: 3px;
    width: 32px;
    display: block;
    background: rgb(204, 204, 204) !important;
}

header .navbar .navbar-toggler .icon-bar + .icon-bar {
    margin-top: 6px;
}

header .navbar .navbar-toggler.collapsed .icon-bar.top-bar {
    transform: rotate(0deg);
}

header .navbar .navbar-toggler.collapsed .icon-bar.middle-bar {
    opacity: 1;
}

header .navbar .navbar-toggler.collapsed .icon-bar.bottom-bar {
    transform: rotate(0deg);
}

header .navbar .navbar-toggler .icon-bar {
    transition: 0.3s;
}

header .navbar .navbar-toggler .icon-bar.top-bar {
    transform: rotate(45deg);
    transform-origin: 6px 0px;
}

header .navbar .navbar-toggler {
    margin-right: -8px;
}

header .navbar .navbar-toggler .icon-bar.middle-bar {
    opacity: 0;
}

header .navbar .navbar-toggler .icon-bar.bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 0px 0px;
}

.fwContent {
    min-height: 606px;
    max-height: 606px;
    background: rgb(255, 255, 255);
    border-bottom: 8px solid rgb(255, 255, 255);
    overflow-y: auto;
    margin-top: -3px;
    padding: 25px;
    border-top: 3px solid rgb(0, 66, 108);
    box-shadow: rgba(0, 0, 0, 0.11) 0px 20px 20px;
    border-radius: 0px 0px 5px 5px;
}

body:not(.sub) .fwContent {
}

header.shrink .fwContent {
    margin-top: -22px;
}

.fwContent .ntabs {
    width: 100%;
    display: none;
}

.fwContent .ntabs .nlink {
    display: table-cell;
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    margin: 0px;
    position: relative;
    padding: 15px 10px 20px;
    border-bottom: 5px solid rgb(222, 226, 230);
    transition: 0.3s;
}

.fwContent .ntabs .nlink span {
    display: block;
    height: 65px;
    line-height: 65px;
    text-align: center;
}

.fwContent .ntabs .nlink span img {
    max-width: 130px;
    max-height: 50px;
    width: auto;
    height: auto;
    vertical-align: middle;
}

.fwContent .ntabs .nlink.active {
    border-color: rgb(0, 66, 108);
}

.fwContent .tacontent {
    float: left;
    width: 100%;
}

.fwContent .tacontent .tapane {
    transition: opacity 0.3s;
    overflow: hidden;
}

.fwContent .tacontent .tapane.active {
    opacity: 1;
    height: auto;
}

.fwContent .tacontent .tapane {
}

.fwContent::-webkit-scrollbar {
    width: 7px;
}

.fwContent::-webkit-scrollbar-track {
    background: rgb(188, 188, 188);
}

.fwContent::-webkit-scrollbar-thumb {
    background: rgb(6, 62, 106);
}

.fwContent::-webkit-scrollbar-thumb:hover {
    background: rgb(6, 62, 106);
}

.ptabs {
    display: flex;
    flex-wrap: wrap;
}

.fwContent .tacontent .tapane .ptab {
    margin: 7px 0px;
    padding: 0px 7px;
}

.fwContent .tacontent .tapane .ptab a {
    display: block;
    position: relative;
    border-radius: 13px;
    transition: 0.5s;
    border: 0px solid transparent;
    overflow: hidden;
    background: rgb(0, 0, 0);
}

.fwContent .tacontent .tapane .ptab a:hover {
    border: 0px solid rgb(0, 255, 255);
}

.fwContent .tacontent .tapane .ptab a > img {
    width: 100%;
    max-height: 218px;
    object-fit: cover;
    border-radius: 7px;
    opacity: 0.7;
    transition: 0.5s;
}

.fwContent .tacontent .tapane .ptab a:hover img {
    opacity: 1;
}

.fwContent .tacontent .tapane .ptab a span img {
    border-radius: 0px;
    filter: grayscale(1);
    width: 100%;
    height: auto;
    max-width: 130px;
    display: block;
    margin-bottom: 15px;
}

.fwContent .tacontent .tapane .ptab a .ptwrap {
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: block;
    left: 0px;
    top: 0px;
    border-radius: 7px;
}

.fwContent .tacontent .tapane .ptab a .ptwrap span {
    position: absolute;
    left: 0px;
    display: none;
    top: 50%;
    transform: translateY(-50%);
    color: rgb(255, 255, 255);
    font-size: 24px;
    padding: 10px 20px;
}

.fwContent .tacontent .tapane .ptab a .ptwrap span strong {
    display: block;
}

.fwContent .tacontent .tapane .ptab a:hover .ptwrap {
    opacity: 0;
    display: none;
}

body.dd {
    overflow: hidden;
}

.ddbg {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1350px) {
    .fwContent .nav-tabs .nav-link:nth-last-child(1) {
        display: none;
    }
}

@media (max-width: 1200px) {
    .fwContent .nav-tabs .nav-link:nth-last-child(2) {
        display: none;
    }
}

#myMenu {
}

#myMenu .modal-dialog {
    background: rgb(255, 255, 255);
    margin: 0px;
    min-height: 100%;
    max-width: 100%;
}

#myMenu .modal-content {
    background: transparent;
    border: 0px;
    border-radius: 0px;
    text-align: right;
}

#myMenu .modal-content .head {
    height: 114px;
}

body.bhrink #myMenu .modal-content .head {
    height: 70px;
}

body:not(.sub) #myMenu .modal-content .head {
    height: 114px;
}

body.bhrink #myMenu .modal-content .head {
    height: 115px;
}

#myMenu .modal-content .body {
    margin: 10px 0px;
}

#myMenu .modal-content .body .menu {
    margin-bottom: 30px;
    margin-right: 10px;
}

#myMenu .modal-content .body .menu > ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#myMenu .modal-content .body .menu > ul > li {
    float: left;
    width: 100%;
}

#myMenu .modal-content .body .menu > ul > li + li {
    margin-top: 10px;
}

#myMenu .modal-content .body .menu > ul > li > a {
    font-size: 24px;
    color: rgb(129, 130, 133);
    font-weight: 300;
    border-bottom: 2px solid transparent;
}

#myMenu .modal-content .body .social > span {
    font-weight: normal;
    font-size: 16px;
    color: rgb(154, 154, 154);
    margin-bottom: 10px;
    display: block;
}

#myMenu .modal-content .body .social > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#myMenu .modal-content .body .social > ul > li {
    display: inline-block;
}

#myMenu .modal-content .body .social > ul > li + li {
    margin-left: 20px;
}

#myMenu .modal-content .body .social > ul > li > a {
    color: rgb(73, 80, 87);
    font-size: 18px;
}

#myMenu .modal-content .body .social > ul > li > a:hover {
    color: rgb(61, 62, 61);
}

#myMenu .modal-content .bot {
    font-size: 12px;
    color: rgb(129, 130, 133);
}

#myMenu .modal-content .bot a {
    color: rgb(129, 130, 133);
    font-weight: bold;
}

@media (min-width: 768px) and (max-width: 992px) {
    header .navbar .navbar-brand {
        margin: 0px;
    }
}

@media (max-width: 767px) {
    header .navbar .navbar-brand {
        margin: 0px;
    }
}

#breadcrumbs {
    margin-top: 124px;
    background: rgb(246, 246, 246);
    padding: 10px 0px;
}

#breadcrumbs .seperator {
    font-size: 14px;
    color: rgb(209, 211, 218);
    margin: 0px 5px;
}

#breadcrumbs a, #breadcrumbs .breadcrumb_last {
    font-size: 14px;
    color: rgb(129, 130, 133);
}

.banner {
    margin-top: 125px;
}

.banner .rev-scroll-btn span {
    width: 2px;
    height: 6px;
    background: rgb(0, 255, 255);
    margin: -1px 0px 0px -1px;
}

.banner .rev-scroll-btn::after {
    font-family: icomoon;
    content: "";
    font-size: 15px;
    color: rgb(0, 255, 255);
    display: block;
    position: absolute;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
}

.subbanner.no {
    min-height: 90px;
    padding: 0px;
}

.subbanner {
    position: relative;
    padding: 150px 0px 50px;
    text-align: center;
    min-height: 290px;
    display: none;
    background: center center / cover no-repeat;
}

.subbanner .container {
    position: relative;
    z-index: 2;
}

.subbanner::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(47, 47, 47, 0.7);
}

.subbanner h1 {
    font-size: 72px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    margin: 0px;
}

.subbanner hr {
    background: rgb(0, 255, 255);
    width: 64px;
    height: 4px;
    border-radius: 30px;
}

.subbanner span {
    font-size: 30px;
    font-weight: bold;
    color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
    .subbanner h1 {
        font-size: 37px;
    }
}

.welcome {
    margin: 70px 0px 50px;
    text-align: left;
    display: none;
}

.welcome .container {
}

.welcome h1 {
    margin-bottom: 40px;
    text-align: left;
}

.welcome p {
    font-size: 18px;
    line-height: 30px;
}

.welcome blockquote {
    margin: 50px 0px;
}

.welcome blockquote p {
    margin: 0px;
    padding: 0px;
    font-family: RageItalic;
    font-size: 42px;
    color: rgb(0, 0, 0);
}

.welcome a.scroll-btn {
    margin: 0px auto;
}

@media (max-width: 767px) {
    .welcome p {
        font-size: 15px;
        line-height: 25px;
    }

    .welcome blockquote p {
        line-height: 55px;
    }
}

.services {
    margin: 70px 0px;
    text-align: left;
}

.services h2 {
    margin: 0px 0px 50px;
    text-align: left;
    font-size: 47px;
    font-weight: bold;
}

.services .sBox {
}

.services .sBox .sbWrap {
    border: 5px solid transparent;
    transition: 0.3s;
}

.services .sBox .sbWrap .sbImg {
    background: rgb(0, 66, 108);
    transition: 0.3s;
}

.services .sBox .sbWrap .sbImg img {
    width: 100%;
    height: auto;
    transition: 0.3s;
}

.services .sBox .sbWrap .sbImg video {
    width: 100%;
    height: auto;
    margin-bottom: -6px;
}

.services .sBox .sbWrap .sbInfo {
    background: rgb(246, 246, 246);
    padding: 30px;
    transition: 0.3s;
}

.services .sBox .sbWrap .sbInfo h3 {
    margin: 0px;
    font-size: 18px;
    line-height: 30px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.services .sBox .sbWrap .sbInfo p {
    margin: 20px 0px;
    font-size: 16px;
    color: rgb(129, 130, 133);
}

.services .sBox .sbWrap .sbInfo a {
    margin: 0px 0px 0px 20px;
    color: rgb(0, 66, 108);
    font-size: 16px;
    border-bottom: 2px solid rgb(0, 66, 108);
    padding-bottom: 2px;
    opacity: 0;
    transition: 0.3s;
}

.services .sBox .sbWrap:hover {
    border-color: rgb(0, 66, 108);
    border-radius: 20px;
}

.services .sBox .sbWrap:hover .sbImg {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

.services .sBox .sbWrap:hover .sbImg img {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    opacity: 0.3;
}

.services .sBox .sbWrap:hover .sbImg video {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    opacity: 0.3;
}

.services .sBox .sbWrap:hover .sbInfo {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.services .sBox .sbWrap:hover .sbInfo a {
    opacity: 1;
    margin: 0px;
}

.brands {
    margin: 80px 0px 0px;
}

.brands h2 {
    text-align: center;
    margin: 0px 0px 20px;
    font-weight: normal;
}

.brands p {
    text-align: center;
    margin: 0px;
    color: rgb(129, 130, 133);
    font-size: 16px;
}

.brands .brCar {
    position: relative;
    margin-top: 100px;
    background: rgb(246, 246, 246);
    padding: 60px 0px;
}

.brands .brCar::before {
    content: "";
    font-family: icomoon;
    font-size: 26px;
    color: rgb(255, 255, 255);
    padding: 17px 22px;
    border-radius: 40px;
    background: rgb(0, 66, 108);
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.brands .brCar .brSlide {
    padding: 0px 30px;
}

.brands .brCar .brSlide .brItem {
    text-align: center;
    outline: 0px;
    line-height: 105px;
}

.brands .brCar .brSlide .brItem img {
    display: inline-block;
    transition: 0.3s;
}

.brands .brCar .brSlide .brItem img:hover {
    transform: scale(1.1);
}

.brands .brCar .container {
    position: relative;
}

.brands .brCar .control {
}

.brands .brCar .control .sarrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    color: rgb(179, 179, 179);
    cursor: pointer;
    transition: 0.3s;
}

.brands .brCar .control .sarrow:hover {
    color: rgb(110, 111, 113);
}

.brands .brCar .control .sarrow.prev {
    left: 15px;
    transform: translateY(-50%) rotate(180deg);
}

.brands .brCar .control .sarrow.next {
    right: 15px;
}

@media (max-width: 767px) {
    .brands p {
        font-size: 15px;
    }
}

.page {
    margin: 70px 0px 0px;
}

.page .container {
}

.page h1 {
}

.page p {
    font-size: 18px;
    line-height: 30px;
}

.page blockquote {
    margin: 50px 0px;
}

.page blockquote p {
    margin: 0px;
    padding: 0px;
    font-family: RageItalic;
    font-size: 47px;
    color: rgb(0, 0, 0);
}

@media (max-width: 767px) {
    .page {
        margin: 0px !important;
    }
}

.page.service {
}

.page.service .sEnter {
    max-width: 890px;
}

.page.service .sEnter h1 {
    font-size: 47px;
    font-weight: bold;
    padding-right: 50px;
    margin-top: 40px;
}

.page.service .sEnter p {
    font-size: 18px;
}

.page.service .sGallery {
    margin: 40px 0px;
}

.page.service .sGallery .gitem {
    padding-bottom: 28px;
}

.page.service .sGallery .gitem img {
    width: 100%;
    height: auto;
}

.page.service .call {
    margin: 120px 0px;
    border: 2px solid rgb(0, 66, 108);
    border-radius: 15px;
    display: none;
}

.page.service .call .info {
}

.page.service .call .info .iWrap {
    padding: 28px 20px 28px 40px;
    font-size: 22px;
}

.page.service .call .info .iWrap a {
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 5px 5px 30px;
    display: inline-block;
    margin-left: 30px;
    transition: 0.3s;
}

.page.service .call .info .iWrap a::after {
    font-family: icomoon;
    content: "";
    font-size: 18px;
    background: rgb(255, 255, 255);
    color: rgb(0, 66, 108);
    padding: 15px 22px 15px 25px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}

.page.service .call .info .iWrap a:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

.page.service .call .car {
    text-align: right;
}

.page.service .call .car img {
    max-width: 100%;
    margin-top: -30px;
    margin-bottom: -30px;
    margin-right: 50px;
}

@media (min-width: 768px) and (max-width: 992px) {
    .page.service .call .info .iWrap a {
        margin: 20px 0px 0px;
    }

    .page.service .call .car img {
        margin-top: 15px;
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .page.service .sEnter h1 {
        font-size: 27px;
        margin-bottom: -20px;
        line-height: normal;
    }

    .page.service .sGallery .gitem {
        padding: 5px;
    }

    .page.service .call .info .iWrap a {
        margin: 20px 0px 0px;
    }

    .page.service .call .car img {
        margin-top: 10px;
    }
}

.page.products {
}

.page.products .products-content {
    margin: 40px 0px 0px;
}

.page.products .products-content .products-wrap-info {
    text-align: center;
    line-height: 105px;
    margin: 20px 0px;
}

.page.products .products-content .products-wrap-info img {
    max-width: 100%;
    height: auto;
}

.page.products .wrap-content {
}

.page.products .wrap-content img {
    max-width: 100%;
    height: auto;
}

.page.products .wrap-content h5 {
    margin-top: 10px;
}

.page.product {
    margin-top: 0px;
}

.page.product .pImg {
    margin-bottom: 90px;
}

.page.product .pInfo {
    text-align: left;
    padding-left: 50px;
}

.page.product .pInfo h1 {
    font-size: 30px;
}

.page.product .pInfo h1 span {
    font-size: 24px;
    font-weight: normal;
}

.page.product .pInfo .brand {
    margin-right: 45px;
    margin-bottom: 40px;
    margin-top: 100px;
}

.page.product .pInfo a.icon {
    margin: 30px 0px 0px;
    background: transparent;
    transition: 0.3s;
    color: rgb(129, 130, 133);
    border: 2px solid rgb(129, 130, 133);
    padding: 12px;
    font-size: 37px;
    line-height: 0;
    display: inline-block;
}

.page.product .pInfo p {
    margin: 30px 0px 0px;
    font-size: 16px;
    color: rgb(0, 0, 0);
}

.page.product .pInfo p + p {
    margin-top: 25px;
}

.page.product .pInfo a.icon:hover {
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    border-color: rgb(0, 66, 108);
}

.page.product .pInfo a.button {
    margin-top: 48px;
    margin-bottom: 50px;
    border-radius: 5px;
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    float: left;
    border: 0px;
    cursor: pointer;
    padding: 11.5px 55px;
    transition: 0.3s;
}

.page.product .pInfo a.button:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

.page.product .prWrap {
    position: relative;
    margin-bottom: -89px;
}

.page.product .prSlide {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 50px;
}

.page.product .prSlide .prItem {
    outline: 0px;
}

.page.product .prSlide .prItem img {
    width: 100%;
    height: auto;
}

.page.product .pImg .control {
}

.page.product .pImg .control .sarrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 35px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    transition: 0.3s;
    font-weight: bold !important;
}

.page.product .pImg .control .sarrow:hover {
    color: rgb(110, 111, 113);
}

.page.product .pImg .control .sarrow.prev {
    left: 15px;
    transform: translateY(-50%) rotate(180deg);
}

.page.product .pImg .control .sarrow.next {
    right: 15px;
}

@media (max-width: 1500px) {
    .page.product .prSlide {
    }

    .page.product .pImg .control .sarrow.prev {
        left: 10px;
    }

    .page.product .pImg .control .sarrow.next {
        right: 10px;
    }
}

.uSubPost {
    padding: 32px 0px 34px;
}

.uSubPost .row {
}

.uSubPost .usub {
    padding: 13.5px;
    width: auto;
    float: left;
}

.uSubPost .usub a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: auto;
}

.uSubPost .usub a img {
    width: 100%;
    height: 100%;
    transition: 0.5s;
}

.uSubPost .usub a:hover img {
}

.uSubPost .usub a .uwrap {
    transition: 0.3s;
    position: absolute;
    width: 100%;
    height: 110px;
    display: block;
    left: 0px;
    bottom: 0px;
}

.uSubPost .usub a .uwrap span {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    color: rgb(255, 255, 255);
    font-size: 18px;
    background: rgb(47, 48, 53);
    line-height: 54px;
    padding: 0px 10px 0px 30px;
    display: block;
}

.uSubPost .usub a .uwrap span strong {
    width: 335px;
    display: block;
    font-size: 22px;
    padding-left: 30px;
    background: rgb(47, 48, 53);
    line-height: 54px;
    font-weight: 500;
    position: absolute;
    margin-top: -55px;
    border-bottom: 2.5px solid rgb(79, 78, 78);
    left: 0px;
}

.uSubPost .usub a:hover .uwrap {
    opacity: 1;
}

.uSubPost .usubContainer {
    margin: 0px;
    width: 100%;
}

.uSubPost .container {
    position: relative;
}

.uSubPost .control .sarrow {
    position: absolute;
    top: 46%;
    font-size: 26px;
    color: rgb(179, 179, 179);
    cursor: pointer;
    transition: 0.3s;
}

.uSubPost .control .sarrow:hover {
    color: rgb(110, 111, 113);
}

.uSubPost .control .sarrow.prev {
    left: -30px;
}

.uSubPost .control .sarrow.next {
    right: -30px;
}

.uSubPost .control .slick-arrow.slick-hidden {
    display: block;
    opacity: 0.3;
}

.uSubPost .control .sarrow i {
}

@media (max-width: 767px) {
    .uSubPost .usub a .uwrap span {
        font-size: 16px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        color: rgb(255, 255, 255);
        background: rgb(47, 48, 53);
        line-height: 37px;
        padding: 0px 10px 0px 30px;
        display: block;
    }
}

.specs {
}

.specs .stable {
    margin: 0px auto;
    padding: 90px 0px;
}

.specs .stable h2 {
    font-size: 24px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    margin: 0px 0px 30px;
}

.specs .stable table {
    width: 100%;
    border: 1px solid rgb(232, 232, 232);
}

.specs .stable table thead {
    margin-bottom: 10px;
    background: rgb(0, 66, 108);
    text-align: center;
}

.specs .stable table thead tr th {
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding: 20px 10px;
    font-weight: bold;
}

.specs .stable table tbody {
    text-align: center;
}

.specs .stable table tbody tr {
    border-top: 1px solid rgb(232, 232, 232);
}

.specs .stable table tbody tr:nth-child(2n) {
    background-color: rgb(251, 251, 251);
}

.specs .stable table tbody tr td {
    font-size: 17px;
    font-weight: 300;
    color: rgb(129, 130, 133);
    transition: 0.3s;
    cursor: pointer;
    padding: 20px 10px;
}

.specs .stable table tbody tr td[colspan="3"] {
    color: rgb(98, 99, 101);
}

.specs .stable table tbody tr:hover td {
    color: rgb(0, 66, 108);
}

.uGallery {
    border: 10px solid rgb(204, 204, 204);
    padding: 40px 70px;
    max-width: 1450px;
    margin: 0px auto 100px;
}

.uGallery .row {
    margin: 0px -2.5px;
}

.uGallery .row > div {
    padding: 2.5px;
}

.uGallery .galItem {
}

.uGallery .galItem img {
    width: 100%;
    height: auto;
}

.uGallery .galItem a {
    display: block;
    position: relative;
}

.uGallery .galItem a .galMask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    color: rgb(255, 255, 255);
    left: 0px;
    top: 0px;
    opacity: 0;
    transition: 0.3s;
}

.uGallery .galItem a:hover .galMask {
    opacity: 1;
}

.uGallery .galItem a .galMask .maskWrap {
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 15px;
    font-weight: 500;
}

.uGallery .galItem a .galMask .maskWrap i {
    margin-left: 5px;
}

.bAbout {
    background: rgb(238, 238, 238);
    margin-bottom: 100px;
}

.bAbout .bainfo {
}

.bAbout .bainfo img {
    transform: translateY(80%);
}

.bAbout .bainfo h3 {
    margin: 25px 0px;
    font-size: 30px;
    font-weight: 300;
    color: rgb(0, 0, 0);
}

.bAbout .bainfo p {
    font-size: 16px;
    line-height: 35px;
    margin-top: 100px;
}

.bAbout .baimg {
}

.bAbout .baimg img, .bAbout .baimg video {
    margin: 80px 0px -30px;
    width: 100%;
    height: auto;
}

@media (min-width: 1499px) {
    .bAbout .row {
        margin: 0px -60px;
    }

    .bAbout .row > [class*="col-"] {
        padding: 0px 60px;
    }
}

.page.contact {
    margin: 70px 0px;
    text-align: left;
}

.page.contact .c2map h3 {
    font-size: 18px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    margin: 40px 0px 20px;
    padding-left: 0px;
}

.page.contact h3 {
    font-size: 24px;
    font-weight: normal;
    color: rgb(0, 0, 0);
    margin: 40px 0px 20px;
    padding-left: 0px;
    line-height: 35px !important;
}

@media (max-width: 768px) {
    .page.contact h3 {
        padding: 0px;
        margin: 30px 0px 0px;
    }
}

.page.contact h4 {
    font-size: 19px;
    font-weight: bold;
    color: rgb(0, 0, 0);
    margin: 10px 0px;
}

.page.contact p {
    font-size: 18px;
    line-height: 35px !important;
}

.page.contact p a {
    color: rgb(65, 71, 73);
    text-decoration: underline;
}

.page.contact p strong {
    font-size: 15px;
}

.page.contact .c2info {
}

.page.contact .c2form {
}

.page.contact .c2form::before {
    content: "";
    width: 1px;
    height: 100%;
    background: rgb(221, 221, 221);
    position: absolute;
    left: -60px;
    display: none;
}

.page.contact .c2form .row {
    margin: 30px -10px 0px;
}

.page.contact .c2form .row > div[class*="col-"] {
    padding: 0px 10px;
}

.page.contact .c2form input[type="text"], .page.contact .c2form input[type="email"], .page.contact .c2form input[type="tel"], .page.contact .c2form textarea {
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    color: rgb(0, 0, 0);
    padding: 25px 20px;
    background: rgb(235, 235, 235);
    margin-bottom: 20px;
    border: 1px solid rgb(235, 235, 235);
    transition: 0.3s;
    border-radius: 0px;
    box-shadow: 0px 0px inset;
}

.page.contact .c2form textarea {
    height: 240px;
}

.page.contact .c2form input[type="text"]::placeholder, .page.contact .c2form input[type="email"]::placeholder, .page.contact .c2form input[type="tel"]::placeholder, .page.contact .c2form textarea::placeholder {
    color: rgb(0, 0, 0);
}

.page.contact .c2form input[type="text"]:hover, .page.contact .c2form input[type="email"]:hover, .page.contact .c2form input[type="tel"]:hover, .page.contact .c2form textarea:hover, .page.contact .c2form input[type="text"]:focus, .page.contact .c2form input[type="email"]:focus, .page.contact .c2form input[type="tel"]:focus, .page.contact .c2form textarea:focus {
    border-color: rgb(221, 221, 221);
    background: rgb(255, 255, 255);
    box-shadow: rgba(1, 1, 1, 0.1) 0px 0px 30px 0px;
}

.page.contact .c2form input[type="text"].wpcf7-not-valid, .page.contact .c2form input[type="email"].wpcf7-not-valid, .page.contact .c2form input[type="tel"].wpcf7-not-valid, .page.contact .c2form textarea.wpcf7-not-valid {
    border-color: rgb(255, 51, 51);
    background: rgb(255, 51, 51);
    color: rgb(255, 255, 255);
}

.page.contact .c2form input[type="text"].wpcf7-not-valid::placeholder, .page.contact .c2form input[type="email"].wpcf7-not-valid::placeholder, .page.contact .c2form input[type="tel"].wpcf7-not-valid::placeholder, .page.contact .c2form textarea.wpcf7-not-valid::placeholder {
    color: rgb(255, 255, 255);
}

.page.contact .c2form span.wpcf7-not-valid-tip {
    display: none;
}

.page.contact .c2form input[type="submit"] {
}

.page.contact .c2form input[type="submit"]:hover {
}

.page.contact .c2form span.wpcf7-not-valid-tip {
    display: none !important;
}

.page.contact .c2map {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0px;
}

.page.contact .c2map ul {
    list-style: none;
    margin: 0px 0px 25px;
    float: left;
    padding: 0px;
}

.page.contact .c2map ul li {
    display: inline-block;
    padding: 15px 30px 15px 0px;
}

.page.contact .c2map ul li + li {
    border-left: 1px solid rgb(221, 221, 221);
    background: none;
    padding: 140px;
}

.page.contact .c2map ul li a {
    text-decoration: none;
    color: rgb(0, 0, 0);
    float: left;
    width: 100%;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.page.contact .c2map ul li a strong {
    font-weight: 500;
}

.page.contact .c2map iframe {
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    height: 409px;
    border-left: 7px solid rgb(0, 66, 108) !important;
}

@media (min-width: 1490px) {
    .page.contact .container > .row {
        margin: 0px -40px;
    }

    .page.contact .container > .row > div {
        padding: 0px 40px;
    }
}

@media (max-width: 767px) {
    .page.contact .c2map ul li {
        display: block;
        padding: 10px 0px !important;
    }

    .page.contact .c2map ul li + li {
        border-left: none;
        padding-left: 0px;
    }

    .page.contact .c2map ul li:nth-child(2) a {
        padding-left: 0px;
    }

    .page.contact .c2map ul li:nth-child(2) a::before {
        display: none;
    }

    .page.contact .c2form .g-recaptcha {
        float: right;
        margin-bottom: 20px;
    }
}

footer {
}

footer .fTop {
    background: rgb(110, 111, 113);
    padding: 30px 0px;
}

footer .fTop p {
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 18px;
    margin: 20px 0px 0px;
}

footer .fTop .menus {
    text-align: right;
}

footer .fTop .menus ul {
    list-style: none;
    text-align: left;
    padding: 20px 0px;
    margin: 0px;
    display: inline-block;
    vertical-align: top;
}

footer .fTop .menus ul li {
}

footer .fTop .menus ul li + li {
    margin-top: 15px;
}

footer .fTop .menus ul li a {
    font-size: 14px;
    color: rgb(255, 255, 255);
    transition: 0.3s;
}

footer .fTop .menus ul li a:hover {
    color: rgb(0, 255, 255);
}

footer .fTop .menus .social {
}

footer .fTop .menus .quick {
}

footer .fTop .menus ul + ul {
    border-left: 1px solid rgb(129, 130, 133);
    margin-left: 30px;
    padding-left: 30px;
}

footer .fBot {
    background: rgb(62, 63, 64);
    padding: 30px 0px 25px;
}

footer .fBot h5 {
    font-size: 14px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    margin: 0px 0px 20px;
}

footer .fBot .finfo {
    font-size: 14px;
    color: rgb(255, 255, 255);
}

footer .fBot .wbjns {
    text-align: right;
}

@media (max-width: 767px) {
    footer .fTop .menus {
        text-align: left;
        padding-top: 30px;
    }

    footer .fBot .wbjns {
        margin-top: 15px;
    }

    footer .fBot .wbjns {
        text-align: left;
    }

    footer .fBot .finfo a {
        color: rgb(255, 255, 255);
    }

    footer .fBot .finfo + .finfo {
        margin-top: 20px;
    }
}

.modal-backdrop {
    background: rgb(0, 0, 0);
}

.modal-backdrop.show {
    opacity: 0.9;
}

#callus {
    z-index: 2147483647;
    background: rgba(0, 0, 0, 0.67);
}

#callus .modal-dialog {
    max-width: 1080px;
}

#callus .modal-content {
    position: initial;
    background: transparent;
    border: 0px;
    border-radius: 0px;
    padding: 0px;
}

#callus .modal-content .modal-body {
    position: initial;
}

#callus .modal-content .modal-body .closed {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    width: 100px;
    height: 100px;
}

#callus .modal-content .modal-body .closed::before, #callus .modal-content .modal-body .closed::after {
    content: "";
    position: absolute;
    left: 50px;
    height: 100px;
    width: 1px;
    background-color: rgb(255, 255, 255);
}

#callus .modal-content .modal-body .closed::before {
    transform: rotate(45deg);
}

#callus .modal-content .modal-body .closed::after {
    transform: rotate(-45deg);
}

#callus .modal-content .modal-body .wpform {
    margin: 50px 0px 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(255, 255, 255);
}

#callus .modal-content .modal-body .wpform input[type="tel"] {
    background: transparent;
    border: 0px;
    font-size: 99px;
    color: rgb(255, 255, 255);
    font-weight: 300;
    width: 100%;
    outline: 0px;
    padding-right: 30px;
    height: 90px;
}

#callus .modal-content .modal-body .wpform input[type="tel"]::placeholder {
    color: rgb(255, 255, 255);
    margin-bottom: 20px !important;
}

#callus .modal-content .modal-body .wpform input[type="submit"] {
    background: rgb(110, 112, 118);
    cursor: pointer;
    font-size: 30px;
    padding: 26px 40px;
    color: rgb(255, 255, 255);
    width: 100%;
    border: 0px;
    margin-top: 6px;
    border-radius: 50px;
    outline: 0px;
    transition: 0.3s;
}

#callus .modal-content .modal-body .wpform input[type="submit"]:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

#callus .modal-content .modal-body .wpform span.ajax-loader {
    display: none;
}

#callus .modal-content .modal-body .wpform span.wpcf7-not-valid-tip {
    display: none;
}

#callus .modal-content .modal-body .wpform div.wpcf7-response-output {
    color: rgb(255, 255, 255);
    margin-bottom: 20px !important;
}

#callus .modal-content .modal-body .wpform div.wpcf7-validation-errors {
    background: rgba(255, 0, 0, 0.8);
    border-color: rgb(255, 0, 0) !important;
}

#callus .modal-content .modal-body .wpform div.wpcf7-mail-sent-ok {
    background: rgba(57, 143, 20, 0.8);
    border-color: rgb(57, 143, 20) !important;
}

#callus .modal-content .modal-body .notice {
    font-size: 24px;
    color: rgb(255, 255, 255);
}

@media (min-width: 768px) and (max-width: 992px) {
    #callus .modal-content .modal-body .wpform input[type="tel"] {
        font-size: 50px;
    }
}

@media (max-width: 767px) {
    #callus .modal-content .modal-body img {
        display: none;
    }

    #callus .modal-content .modal-body .wpform input[type="tel"] {
        font-size: 55px;
        margin-bottom: 50px;
        margin-top: 70px;
    }
}

#offer {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

#offer .modal-content .close-modal {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-color: rgb(0, 0, 0);
    z-index: 999;
}

#offer .modal-content .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 55px;
    margin-left: 28px;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}

#offer .modal-content .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 55px;
    background-color: rgb(255, 255, 255);
    transform: rotate(90deg);
}

#offer .modal-content .close-modal:hover .lr, #offer .modal-content .close-modal:hover .rl {
    background: rgb(204, 204, 204);
}

#offer .modal-content {
    margin: 150px auto 50px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    max-width: 420px;
    background: rgb(255, 255, 255);
    position: relative;
}

#offer .modal-content h2 {
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-size: 35px;
    font-weight: bold;
}

#offer .modal-content p {
    font-size: 11px;
    color: rgb(0, 0, 0);
    margin: 0px;
}

#offer .modal-content p + p {
    margin-top: 10px;
}

@media (max-width: 767px) {
    #offer .modal-content {
        margin: 70px auto 0px;
    }
}

#offer input[type="text"], #offer input[type="tel"], #offer input[type="email"], #offer textarea, #offer select {
    font-weight: 400;
    font-size: 13px;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(194, 194, 194);
    background: rgb(255, 255, 255);
    height: 38px;
    padding: 0px 15px;
    border-radius: 0px;
    width: 100%;
}

#offer textarea {
    height: auto;
    padding: 10px 15px;
}

#offer input[type="text"]:hover, #offer input[type="tel"]:hover, #offer input[type="email"]:hover, #offer textarea:hover, #offer select:hover, #offer input[type="text"]:focus, #offer input[type="tel"]:focus, #offer input[type="email"]:focus, #offer textarea:focus, #offer select:focus {
    border-color: rgb(0, 0, 0);
}

.bbbas {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 25px;
    font-weight: 700;
    border-bottom: 2px solid rgb(47, 48, 53);
    margin-top: 90px !important;
}

#offer textarea {
    height: auto;
    padding: 10px 15px;
}

#offer select option {
}

#offer input[type="submit"] {
    outline: 0px;
    color: rgb(255, 255, 255);
    padding: 15px 40px;
    cursor: pointer;
    font-weight: bold;
    background-color: rgb(0, 66, 108);
    border: none;
    border-radius: 50px;
    font-size: 15px;
    transition: 0.3s;
}

#offer input[type="submit"]:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

#offer .wpcf7-not-valid {
    border-color: rgb(193, 39, 40) !important;
}

#offer span.wpcf7-not-valid-tip {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .visible-xs {
        display: none;
    }
}

.products-title {
    margin: 30px 0px 0px;
}

@media (max-width: 768px) {
    .products-title {
        margin: 0px;
    }
}

.pcBrands {
    background: rgb(250, 250, 250);
    text-align: center;
    margin-top: -25px;
    padding: 45px 0px;
}

.pcBrands img {
    max-width: 100%;
}

.pcProducts .scroll {
    margin: 60px 0px 20px;
}

.sposts {
    padding-top: 30px;
    width: 1170px;
    margin: auto;
}

.sposts .spost {
    margin-bottom: 30px;
}

.sposts .spost .pWrap {
    position: relative;
    height: 100%;
}

.sposts .spost .pWrap img {
    width: 100%;
    height: 475px;
    object-fit: cover;
    border-radius: 30px;
}

.sposts .spost .pWrap .pInfo {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    padding: 30px;
    border-radius: 30px;
    transition: 0.3s;
    border: 10px solid transparent;
}

.sposts .spost .pWrap .pInfo .detail {
    position: absolute;
    bottom: 35px;
    left: 25px;
    right: 25px;
}

.sposts .spost .pWrap .pInfo .detail h4 {
    margin: 0px 0px 30px;
    font-size: 24px;
    font-weight: 700;
    color: rgb(255, 255, 255);
}

.sposts .spost .pWrap .pInfo .detail p {
    margin: 0px;
    font-size: 16px;
    font-weight: 400;
    color: rgb(255, 255, 255);
}

.sposts .spost .pWrap .pInfo .go {
    display: inline-block;
    margin-top: 25px;
    color: rgb(0, 255, 255);
    font-size: 15px;
    font-weight: 500;
    background: url("img/ok-kat.html") right center no-repeat;
    padding-right: 35px;
}

.sposts .spost .pWrap:hover .pInfo {
    background: rgba(0, 0, 0, 0.7);
    border-color: rgb(0, 255, 255);
}

.sposts .spost.sold .pWrap img {
    filter: grayscale(1);
}

.sposts .spost.sold .pWrap .pInfo {
    border-color: rgb(175, 175, 175);
}

.sposts .spost.sold .pWrap:hover .pInfo {
    border-color: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
}

.sposts .spost.sold .pWrap .sold {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 45px;
    background: rgb(175, 175, 175);
    z-index: 11;
    text-align: center;
    color: rgb(0, 0, 0);
    line-height: 45px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 10px;
    transition: 0.3s;
}

.sposts .spost.sold .pWrap:hover .sold {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.showmore {
    text-align: center;
    margin-top: 30px;
}

.showmore a {
    display: inline-block;
    background: rgb(206, 173, 79);
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: bold;
    border-radius: 30px;
    padding: 20px 30px;
    width: 285px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .pcBrands {
        padding: 45px 0px;
    }

    .sposts .spost .pWrap img {
        height: 500px;
    }
}

body.used {
    overflow-x: hidden;
}

.used-detail .uInfo {
    margin-top: -30px;
}

.used-detail h1 {
    margin: 35px 0px;
    font-weight: bold;
    color: rgb(110, 112, 118);
    font-size: 30px;
}

.used-detail .sold {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: bold;
    background: rgb(0, 0, 0);
    padding: 10px 25px;
    margin-top: 20px;
}

.used-detail .uImg {
}

.used-detail .uImg .uBig {
}

.used-detail .uImg .uBig img {
    width: 100%;
    height: auto;
}

.used-detail .uImg .uThumb {
    margin: 10px -5px 0px;
}

.used-detail .uImg .uThumb .utImg {
    padding: 0px 5px;
    cursor: pointer;
}

.used-detail .uImg .uThumb .utImg img {
    width: 100%;
    height: auto;
}

.used-detail .uInfo {
}

.used-detail .uInfo .uiWrap {
    background: rgb(242, 242, 242);
    padding: 35px;
}

.used-detail .uInfo .uiWrap .brand {
    margin-bottom: 60px;
}

.used-detail .uInfo .uiWrap ul {
    margin: 60px 0px 86px;
    padding: 0px;
    list-style: none;
}

.used-detail .uInfo .uiWrap ul li {
    font-size: 18px;
    color: rgb(110, 112, 118);
    line-height: 30px;
}

.used-detail .uInfo .uiWrap ul li + li {
    border-top: 3px solid rgb(206, 173, 79);
    padding-top: 15px;
    margin-top: 15px;
}

.used-detail .uInfo .uiWrap ul li strong {
    float: right;
    font-size: 30px;
}

.used-stick {
    margin-top: 100px;
}

.used-stick h2 {
    display: inline-block;
    margin: 0px 0px 50px;
    font-weight: bold;
    color: rgb(110, 112, 118);
    font-size: 30px;
}

.used-stick .sposts .spost {
    margin: 0px 13px;
    float: left;
    width: 100%;
    height: auto;
}

.used-stick .control {
    float: right;
}

.used-stick .control .sarrow {
    height: 40px;
    padding: 10px 20px;
    transition: 0.3s;
    cursor: pointer;
    display: inline-block !important;
}

.used-stick .control .sarrow span {
    background: url("img/s-arrow.html") center center no-repeat;
    display: inline-block;
    width: 11px;
    height: 20px;
    cursor: pointer;
}

.used-stick .control .sarrow + .sarrow {
    border-left: 1px solid rgb(210, 210, 210);
}

.used-stick .control .sarrow.prev span {
    transform: rotate(180deg);
}

.used-stick .control .sarrow.prev:hover {
    padding-left: 10px;
    padding-right: 30px;
}

.used-stick .control .sarrow.next:hover {
    padding-left: 30px;
    padding-right: 10px;
}

@media (min-width: 1200px) {
    .sposts .slick-list {
        overflow: inherit !important;
    }
}

@media (max-width: 767px) {
    .used-stick .control {
        float: inherit;
        text-align: right;
    }

    .used-detail .uImg {
        margin-bottom: 30px;
    }
}

#myMenu .nav-pills li {
    width: 50%;
    float: left;
    background: transparent;
    line-height: 50px;
    border-width: 1px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-image: initial;
    border-right-style: initial;
    border-right-color: initial;
    border-left-style: initial;
    border-left-color: initial;
}

#myMenu .nav-pills li a {
    text-align: center;
    width: 100%;
    float: left;
    background: transparent;
    color: rgb(0, 0, 0);
    font-size: 15px;
    text-transform: uppercase;
}

#myMenu .nav-pills li .active svg {
    fill: rgb(255, 255, 255);
    transform: rotate(180deg);
}

#myMenu .nav-pills li svg {
    width: 15px;
    top: -1px;
    position: relative;
    fill: rgb(5, 62, 106);
}

#myMenu .nav-pills li a svg patch {
    fill: rgb(255, 255, 255);
}

#myMenu .nav-pills .active {
    background: rgb(5, 62, 106);
    color: rgb(255, 255, 255);
}

#myMenu .tab-content .ptab a img {
    float: left;
    width: 100% !important;
    height: auto !important;
}

#myMenu .tab-content .ptab {
    width: 50%;
    float: left;
    margin: 0px !important;
    padding: 2px !important;
}

#myMenu .tab-content .fwContent {
    min-height: 100%;
    max-height: 100%;
    padding: 10px 0px;
    margin-top: 0px;
}

#myMenu .tab-content {
    padding: 10px 15px 15px;
    float: left;
    width: 100%;
}

#myMenu .social {
    padding: 50px 25px 15px;
    float: left;
    width: 100%;
}

#myMenu .bot {
    width: 100%;
    padding: 10px 15px 15px;
    float: left;
}

#myMenu .nav-pills {
    float: left;
    width: 100%;
}

#myMenu .tab-pane {
    float: left;
}

.mmenu {
    position: fixed;
    bottom: 0px;
    width: 100%;
    background: rgb(255, 255, 255);
    display: none;
    z-index: 9999999;
}

@media (max-width: 767px) {
    .mmenu {
        display: block;
    }
}

.mmenu .nav-pills li {
    width: 100%;
    float: left;
    background: transparent;
    line-height: 50px;
    border: 0.5px solid rgb(0, 0, 0);
}

.mmenu .nav-pills li a {
    text-align: center;
    width: 100%;
    float: left;
    font-weight: bold;
    background: rgb(5, 62, 106);
    color: rgb(255, 255, 255);
    font-size: 18px;
    text-transform: uppercase;
    transition: 0.4s;
}

.mmenu .nav-pills li a:hover {
    color: rgb(204, 204, 204);
}

.mmenu .nav-pills li .collapsed svg {
    fill: rgb(5, 62, 106);
    transform: rotate(180deg);
}

.mmenu .nav-pills li .collapsed {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

.mmenu .nav-pills li .active svg {
    fill: rgb(255, 255, 255);
    transform: rotate(180deg);
}

.mmenu .nav-pills li svg {
    width: 15px;
    top: -1px;
    position: relative;
    transform: rotate(0deg);
    fill: rgb(255, 255, 255);
    transition: 1s;
}

.mmenu .nav-pills li a svg patch {
    fill: rgb(255, 255, 255);
}

.mmenu .nav-pills .active {
    background: rgb(5, 62, 106);
    color: rgb(255, 255, 255);
}

.mmenu .tab-content .ptab a img {
    float: left;
    width: 100% !important;
    height: auto !important;
}

.mmenu .tab-content .ptab {
    width: 50%;
    float: left;
    margin: 0px !important;
    padding: 2px !important;
}

.mmenu .tab-content .fwContent {
    padding: 10px 0px;
    margin-top: 0px;
    float: left;
    min-height: 100%;
    max-height: 100%;
    bottom: 60px;
}

.mmenu .tab-content {
    float: left;
    width: 100%;
}

.mmenu .social {
    padding: 10px 20px 15px;
    float: left;
    width: 100%;
    text-align: right;
}

.mmenu .bot {
    width: 100%;
    padding: 10px 0px;
    float: left;
}

.mmenu .nav-pills {
    float: left;
    width: 100%;
    position: fixed;
    z-index: 99;
    bottom: 0px;
}

.mmenu .tab-pane {
    float: left;
}

#offer2 {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

#offer2 .model-content .close-modal {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-color: rgb(0, 0, 0);
    z-index: 999;
}

#offer2 .model-content .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 55px;
    margin-left: 28px;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}

#offer2 .model-content .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 55px;
    background-color: rgb(255, 255, 255);
    transform: rotate(90deg);
}

#offer2 .model-content .close-modal:hover .lr, #offer2 .model-content .close-modal:hover .rl {
    background: rgb(204, 204, 204);
}

#offer2 .model-content {
    margin: 150px auto 50px;
    padding: 25px 35px;
    width: 100%;
    max-width: 420px;
    background: rgb(255, 255, 255);
    position: relative;
}

#offer2 .model-content h2 {
    margin: 0px 0px 20px;
    color: rgb(133, 134, 135);
}

#offer2 .model-content p {
    font-size: 11px;
    color: rgb(133, 134, 135);
}

#offer2 .model-content p strong {
}

.grecaptcha-badge {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: rgb(70, 180, 80);
    color: rgb(255, 255, 255);
    background: rgb(70, 180, 80) !important;
}

.page.product .uInfo .brand {
}

.page.product .uInfo a.ubutton {
    margin-top: 50px;
    margin-bottom: 50px;
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    border-radius: 50px;
    padding: 20px 55px;
    transition: 0.3s;
}

.brands .brCar .brSlide .brItem img {
    width: 100% !important;
    object-fit: contain;
}

#offer2 {
    padding-left: 17px !important;
    padding-right: 17px !important;
}

#offer2 .modal-content .close-modal {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background-color: rgb(0, 0, 0);
    z-index: 999;
}

#offer2 .modal-content .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 55px;
    margin-left: 28px;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
}

#offer2 .modal-content .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 55px;
    background-color: rgb(255, 255, 255);
    transform: rotate(90deg);
}

#offer2 .modal-content .close-modal:hover .lr, #offer2 .modal-content .close-modal:hover .rl {
    background: rgb(204, 204, 204);
}

#offer2 .modal-content {
    margin: 150px auto 50px;
    border: 0px;
    border-radius: 0px;
    width: 100%;
    max-width: 420px;
    background: rgb(255, 255, 255);
    position: relative;
}

#offer2 .modal-content h2 {
    margin: 0px 0px 20px;
    color: rgb(0, 0, 0);
    font-size: 35px;
    font-weight: bold;
}

#offer2 .modal-content p {
    font-size: 11px;
    color: rgb(0, 0, 0);
    margin: 0px;
}

#offer2 .modal-content p + p {
    margin-top: 10px;
}

@media (max-width: 767px) {
    #offer2 .modal-content {
        margin: 70px auto 0px;
    }
}

#offer2 input[type="text"], #offer2 input[type="tel"], #offer2 input[type="email"], #offer2 textarea, #offer2 select {
    font-weight: 400;
    font-size: 13px;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(194, 194, 194);
    background: rgb(255, 255, 255);
    height: 38px;
    padding: 0px 15px;
    border-radius: 0px;
    width: 100%;
}

#offer2 textarea {
    height: auto;
    padding: 10px 15px;
}

#offer2 input[type="text"]:hover, #offer2 input[type="tel"]:hover, #offer2 input[type="email"]:hover, #offer2 textarea:hover, #offer2 select:hover, #offer2 input[type="text"]:focus, #offer2 input[type="tel"]:focus, #offer2 input[type="email"]:focus, #offer2 textarea:focus, #offer2 select:focus {
    border-color: rgb(0, 0, 0);
}

#offer2 textarea {
    height: auto;
    padding: 10px 15px;
}

#offer2 select option {
}

#offer2 input[type="submit"] {
    outline: 0px;
    color: rgb(255, 255, 255);
    padding: 15px 40px;
    cursor: pointer;
    font-weight: bold;
    background-color: rgb(0, 66, 108);
    border: none;
    border-radius: 50px;
    font-size: 15px;
    transition: 0.3s;
}

#offer2 input[type="submit"]:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

#offer2 .wpcf7-not-valid {
    border-color: rgb(193, 39, 40) !important;
}

#offer2 span.wpcf7-not-valid-tip {
    display: none !important;
}

.sold {
    position: absolute;
    top: 70px;
    width: calc(100% - 40px);
    height: 45px;
    background: rgb(175, 175, 175);
    z-index: 11;
    text-align: center;
    color: rgb(0, 0, 0);
    line-height: 45px;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 10px;
    transition: 0.3s;
}

.sold {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
}

.sarrow.prev {
    transform: translateY(-5%) rotate(180deg);
}

.el2 {
    text-align: center;
    padding: 45px 0px;
}

.main-urun-buton {
    position: absolute;
    left: calc(50% - 100px);
    width: 200px;
    background: rgb(250, 250, 250);
    line-height: 40px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 20px;
    transition: 0.5s;
}

.main-urun-buton a {
    width: 100%;
    position: relative;
    float: left;
    z-index: 99;
    transition: 0.5s;
}

.main-urun-buton:hover {
    background: rgb(0, 66, 108);
}

.main-urun-buton:hover a {
    color: rgb(255, 255, 255);
}

.mmenu {
    background: rgb(255, 255, 255);
    margin: 0px;
    float: left;
    z-index: 100;
}

body.bhrink .mmenu .modal-content .head {
    height: 70px;
}

body:not(.sub) .mmenu .modal-content .head {
    height: 99px;
}

body.bhrink .mmenu .modal-content .head {
    height: 70px;
}

.mmenu .menu {
    float: left;
    padding: 10px 15px;
}

.mmenu .menu > ul {
    list-style: none;
    padding: 40px 0px 0px;
    margin: 0px;
    float: left;
    width: 100%;
}

.mmenu .menu > ul > li {
    float: left;
    width: 100%;
}

.mmenu .menu > ul > li + li {
    margin-top: 10px;
}

.mmenu .menu > ul > li > a {
    font-size: 24px;
    color: rgb(129, 130, 133);
    font-weight: 300;
    border-bottom: 2px solid transparent;
}

.mmenu .social > span {
    font-weight: normal;
    font-size: 16px;
    color: rgb(154, 154, 154);
    margin-bottom: 10px;
    display: block;
}

.mmenu .social > ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.mmenu .social > ul > li {
    display: inline-block;
}

.mmenu .social > ul > li + li {
    margin-left: 20px;
}

.mmenu .social > ul > li > a {
    color: rgb(195, 195, 195);
    font-size: 16px;
}

.mmenu .social > ul > li > a:hover {
    color: rgb(61, 62, 61);
}

.mmenu .bot {
    font-size: 12px;
    color: rgb(129, 130, 133);
    margin-bottom: 22px;
}

.mmenu .bot a {
    color: rgb(129, 130, 133);
    font-weight: bold;
}

#menu3 {
    float: left;
    text-align: right;
    width: 100%;
}

#menu4 {
    float: left;
    text-align: right;
    width: 100%;
}

#mmenu .show {
    display: block !important;
}

.panel-body {
    display: none;
}

.show .panel-body {
    display: block;
}

.full {
    float: left;
    width: 100%;
    padding: 10px 15px 53px;
    height: -webkit-fill-available;
}

.collapse {
}

.show {
}

#wpadminbar {
    z-index: 2147483647 !important;
}

.mmenu .fwContent::-webkit-scrollbar {
    display: none;
}

.urunler .fwContent {
    max-height: none;
    border-top: 0px;
    box-shadow: none;
    padding: 0px;
}

.urunler .ptab a > img {
    object-fit: cover;
    object-position: center center;
    border-radius: 7px;
    image-rendering: -webkit-optimize-contrast;
    width: 100% !important;
    height: auto !important;
}

.sdown {
    float: left;
    width: 100%;
    height: 100px;
    text-align: center;
    padding: 30px;
}

.sdown span {
    margin-bottom: 10px;
}

.sdown img {
    width: 25px;
    height: 25px;
}

.black {
    filter: grayscale(1);
}

.used-detail .solde {
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-weight: bold;
    background: rgb(0, 0, 0);
    padding: 10px 25px;
    margin-top: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .page.product .pInfo a.icon {
        margin-top: 10px;
    }

    .iWrap a {
        margin-top: 20px;
        margin-left: 0px !important;
    }
}

@media (max-width: 767px) {
    .banner {
        margin-top: 110px;
    }
}

header .head-info {
    float: right;
    display: flex;
    justify-content: flex-end;
    min-width: 500px;
    position: absolute;
    top: 15px;
    right: 15px;
}

header .head-info > ul {
    line-height: 44px;
    margin-right: 15px;
    margin-top: 0px !important;
}

header .head-info > ul > li {
    display: inline-block;
}

header .head-info > ul > li:first-child i {
    font-size: 18px;
    margin-right: 5px;
}

header .head-info > ul > li a {
    font-size: 13px;
    color: rgb(110, 112, 118);
}

header .head-info > ul > li + li + li {
    margin-left: 10px;
}

header .head-info > ul > li + li::before {
    display: inline-block;
    content: "";
    width: 1px;
    margin-right: 12px;
    height: 10px;
    background-color: rgb(110, 112, 118);
}

header .head-info ul > li > ul {
    display: inline-block;
}

header .head-info ul > li > ul > li {
    display: inline-block;
}

.modal-backdrop.in {
    opacity: 0.9;
}

.search-modal {
    z-index: 2147483647;
    top: -30px;
    padding-right: 0px !important;
}

.search-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    background-color: transparent;
    cursor: pointer;
}

.search-modal .close-modal .lr {
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    background-color: rgb(255, 255, 255);
    transform: rotate(45deg);
    transition: 0.3s;
}

.search-modal .close-modal .lr .rl {
    z-index: 1052;
    width: 1px;
    height: 75px;
    background-color: rgb(255, 255, 255);
    transform: rotate(90deg);
    transition: 0.3s;
}

.search-modal .close-modal:hover .lr, .search-modal .close-modal:hover .rl {
    background: rgb(0, 0, 0);
}

.search-modal .modal-content {
    padding: 0px;
    border-width: 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-radius: 0px;
    box-shadow: none;
    background: rgb(11, 57, 92);
    border-top-style: solid;
    border-top-color: rgb(186, 177, 154);
}

.search-modal .modal-content .modal-body {
    margin: 0px;
    padding: 35px 0px 40px;
}

.search-modal .modal-content .modal-body label {
    color: rgb(255, 255, 255);
    font-size: 22px;
}

.search-modal .modal-content .modal-body input.sbox {
    display: block;
    padding: 0px;
    width: 100%;
    max-width: 750px;
    margin: 100px auto;
    font-size: 60px;
    font-weight: bold;
    color: rgb(255, 255, 255);
    background: none;
    letter-spacing: 1px;
    border: none;
}

.search-modal .modal-content .modal-body input.sbox::placeholder {
    color: rgb(255, 255, 255);
}

.search-modal .modal-content .modal-body input[type="submit"] {
    padding: 0px;
    background: none;
    border: none;
    color: rgb(255, 255, 255);
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .search-modal .modal-content .modal-body input.sbox {
        font-size: 25px;
    }
}

.panel-group {
    margin: 0px;
}

.panel-group .panel + .panel {
    margin-top: 0px !important;
}

.panel-title {
    margin-bottom: 0px !important;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border: none;
}

.panel {
    box-shadow: 0px 0px;
    background-color: transparent;
}

.panel .card-header {
    padding: 0px;
}

.card-header button {
    position: relative;
    padding: 25px 50px 25px 0px;
    display: block;
    font-weight: 400;
    cursor: pointer;
    font-size: 18px;
    color: rgb(0, 66, 108);
}

.card-header .arti {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.card-header .arti button {
}

.card-header .arti .dik {
    width: 2px;
    height: 30px;
    background: rgb(0, 66, 108);
    display: block;
    margin: 0px auto;
    transform: rotate(90deg);
    transition: 0.3s;
}

.card-header .arti .duz {
    width: 30px;
    height: 2px;
    background: rgb(0, 66, 108);
    display: block;
    margin-bottom: -16px;
    margin-top: 12px;
    transition: 0.3s;
    transform: rotate(180deg);
}

.card-header .collapsed .arti .dik {
    transform: rotate(0deg);
}

.card-header .collapsed .arti .duz {
    transform: rotate(0deg);
}

.card-header {
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

.card-header p {
    font-size: 15px;
    font-weight: 300;
    color: rgb(133, 134, 135);
}

.card-header .panel {
    border-bottom: 1px solid rgb(194, 194, 194);
    border-radius: initial;
}

.table h2, .SSS h2, .ik-content .career h2 {
    font-size: 29px;
    border-bottom: 1px solid rgb(194, 194, 194);
    color: rgb(133, 134, 135);
    padding-bottom: 30px;
    font-weight: 200;
}

.card {
    border-width: 1px 0px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(0, 0, 0, 0.125);
    border-bottom-color: rgba(0, 0, 0, 0.125);
    border-image: initial;
    border-left-style: initial;
    border-left-color: initial;
    border-right-style: initial;
    border-right-color: initial;
}

.card-header button {
    width: 100%;
    text-align: left;
    position: relative;
    padding: 25px 50px 25px 0px;
    display: block;
    font-weight: 400;
    cursor: pointer;
    font-size: 18px;
    text-decoration: none !important;
    color: rgb(0, 66, 108) !important;
}

.card-body p {
    margin: 0px;
}

.card-body {
    padding: 0px;
    margin-bottom: 25px;
}

@media (min-width: 1500px) {
    .SSS .container {
    }
}

@media (max-width: 767px) {
    .card-header button {
        font-size: 16px;
    }

    .panel-body p {
        font-size: 14px;
    }

    .SSS .content div + h1 + p {
        font-size: 19px !important;
    }

    .panel-group {
        margin: 0px;
    }
}

.banks {
}

.banks .container {
}

.banks .bank {
    max-width: 100%;
    background: rgb(250, 250, 250);
    padding: 15px 0px;
    margin: 0px 0px 30px;
    transition: 0.3s;
}

.banks .bank:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}

.banks .bank .logo {
    text-align: center;
}

.banks .bank .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banks .bank .info {
}

.banks .bank .info p {
}

.banks .bank .info p.name {
    font-weight: bold;
    margin: 15px 0px 20px;
}

.custom .tp-bullet::before {
    content: "";
    display: block;
    background: rgb(229, 229, 229) !important;
    height: 1px !important;
}

.custom .tp-bullet.selected::before {
    height: 2px !important;
}

.custom .tp-bullet {
    float: left;
    cursor: pointer;
    transition: 0.5s;
    box-sizing: content-box;
    width: 40px !important;
    margin-left: 7px !important;
    height: 1px !important;
    padding: 9px 0px !important;
    left: unset !important;
    top: auto !important;
    position: relative !important;
    background: transparent !important;
}

rs-bullet.tp-bullet.selected {
}

.custom.tp-bullets {
    float: left;
    position: absolute;
    bottom: 20px;
    top: unset;
    left: unset;
    right: 560px;
    width: 350px !important;
}

.tp-bullet.selected, .tp-bullet.rs-touchhover {
    height: 2px !important;
    padding: 9px 0px !important;
}

.markacon {
    margin-top: 0px;
}

.markalar {
    background: rgb(246, 246, 246);
    padding: 50px;
}

.markacon .baslik {
    height: 30px;
    text-align: right;
    font-size: 47px;
    font-weight: bold;
    line-height: 70px;
}

.markacon .icerik {
    height: 30px;
    text-align: left;
    font-weight: bold;
    line-height: 70px;
    position: absolute;
    margin-top: -52px;
}

.marka {
    border: 1px solid rgb(226, 226, 226);
    filter: grayscale(1);
    transition: 0.5s;
}

.marka:hover {
    filter: grayscale(0);
    transition: 0.5s;
}

.marka img {
    width: 100%;
    height: 121px;
    object-fit: none;
}

.markalar .marka:nth-child(1) {
    border-left: 0px solid rgb(226, 226, 226);
    border-top: 0px solid rgb(226, 226, 226);
}

.markalar .marka:nth-child(2) {
    border-top: 0px solid rgb(226, 226, 226);
}

.markalar .marka:nth-child(3) {
    border-top: 0px solid rgb(226, 226, 226);
}

.markalar .marka:nth-child(4) {
    border-top: 0px solid rgb(226, 226, 226);
    border-right: 0px solid rgb(226, 226, 226) !important;
}

.markalar .marka:nth-child(5) {
    border-left: 0px solid rgb(226, 226, 226);
    border-top: 0px solid rgb(226, 226, 226);
    border-bottom: 0px solid rgb(226, 226, 226);
}

.markalar .marka:nth-child(6) {
    border-top: 1px solid rgb(226, 226, 226);
    border-bottom: 0px solid rgb(226, 226, 226);
}

.markalar .marka:nth-child(7) {
    border-top: 1px solid rgb(226, 226, 226);
    border-bottom: 0px solid rgb(226, 226, 226) !important;
}

.markalar .marka:nth-child(8) {
    border-right: 0px solid rgb(226, 226, 226);
    border-top: 1px solid rgb(226, 226, 226);
    border-bottom: 0px solid rgb(226, 226, 226) !important;
}

.brands {
    display: none;
}

footer .fTop .menus {
}

.contact-p {
}

.contact-p h2 {
    margin: 0px;
    text-align: left;
    font-size: 47px;
    line-height: 70px;
    font-weight: bold;
}

.contact-p h3 {
}

.c2map {
}

.c2map h3 {
}

.c2map ul {
}

.c2map ul.sube li:nth-child(2n)::before {
    background: rgb(242, 242, 242);
    content: "";
    position: absolute;
    left: 0px;
    width: 100%;
    height: 100%;
}

.c2map ul.konum li:nth-child(2n)::before {
    background: none;
}

.c2map ul.yoltarif li:nth-child(2n)::before {
    background: none;
}

.c2map ul li {
    background: none;
    width: 100%;
    position: relative;
    border-left: 0px solid rgb(221, 221, 221) !important;
    padding: 15px 40px !important;
}

.c2map ul li h3 {
    padding: 0px 10px;
}

.c2map ul li ul {
}

.c2map .konum {
    border: 0px solid;
}

.c2map .yoltarif {
}

.c2map ul li ul li {
    border-left: 0px solid transparent !important;
    padding: 0px 0px 15px !important;
}

.c2map ul li ul li a {
}

.c2map ul li ul li a img {
    width: 28px;
    height: 28px;
    object-fit: none;
}

.c2map iframe {
}

footer .telefon {
    color: rgb(255, 255, 255);
    font-weight: bold;
    font-size: 30px;
    line-height: 46px;
}

.sosyaltable {
    width: 300px;
    color: rgb(255, 255, 255);
    float: right;
}

.sosyaltable div {
    border: 0.5px solid rgb(204, 204, 204);
    text-align: center;
}

.sosyaltable tr td {
}

.sosyaltable a {
    float: left;
    width: 100%;
    color: rgb(255, 255, 255);
    line-height: 60px;
    font-weight: bold;
}

.sosyaltable i {
    width: 57px;
    line-height: 57px;
    text-align: center;
    color: rgb(255, 255, 255);
    float: left;
}

.pdfkatalog {
    width: 300px;
    text-align: center;
    float: right;
    margin-bottom: 15px;
}

.pdfkatalog a {
    color: rgb(255, 255, 255);
    font-size: 20px;
}

.pdfkatalog a i {
    width: 22px;
}

.pdfkatalog span {
    color: rgb(170, 170, 170);
    font-size: 14px;
    float: left;
    text-align: center;
    width: 100%;
}

.panel-collapse {
    height: 0px;
    transition: 0.35s;
}

.panel-collapse.show {
    height: 300px;
    overflow: hidden;
}

.collapsing {
    position: relative;
    height: 0px;
    overflow: hidden;
    transition: 0.35s;
}

.services-form {
    margin: 60px 0px 0px;
}

.pInfo a.button {
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: 20px 55px;
    transition: 0.3s;
}

.pInfo a.button:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

.hak-top {
    margin-top: 70px;
    margin-bottom: 150px;
}

.hak-top h2 {
    font-size: 47px;
    line-height: 70px;
    margin-bottom: 70px;
    font-weight: bold;
}

.hak-top h3 {
    font-size: 36px;
    line-height: 55px;
    width: 100%;
    margin-bottom: 50px;
    font-weight: bold;
}

.hak-top h4 {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
}

.hak-top p {
    font-size: 24px;
    line-height: 35px;
}

.hak-tarih {
}

.hak-tarih h2 {
    width: 100%;
    font-size: 47px;
    text-align: center;
    line-height: 70px;
    font-weight: bold;
    margin-bottom: 70px;
}

.hak-tarih h3 {
    text-align: right;
    font-size: 47px;
    font-weight: bold;
    line-height: 70px;
}

.hak-tarih p {
    text-align: right;
    font-size: 24px;
    line-height: 35px;
    margin-bottom: 110px;
}

.hak-tarih .botimg {
    height: 200px;
    text-align: left;
    float: left;
}

.hak-tarih .lefts img {
    margin-bottom: 180px;
}

.hak-testere {
    overflow: hidden;
    margin-bottom: 160px;
}

.hak-testere h2 {
    color: rgb(0, 0, 0);
    font-size: 110px;
    text-align: center;
    float: left;
    width: 100%;
    text-decoration: underline 5px;
    font-weight: bold;
    text-underline-offset: 10px;
}

.hak-testere h3 {
    width: 100%;
    text-align: center;
    font-size: 40px;
    line-height: 65px;
    margin-bottom: 80px;
}

.hak-testere .tirnakli {
    font-size: 36px;
    position: relative;
    line-height: 55px;
    width: 100%;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 219px;
}

.hak-testere .tirnakli::before {
    content: "";
    font-size: 300px;
    font-family: sans-serif;
    position: absolute;
    left: 0px;
    top: 0px;
    color: rgb(0, 66, 108);
    display: none;
}

.page-info h1 {
    margin-bottom: 50px;
}

.cf-iletisim {
}

.cf-iletisim p {
    margin: 0px;
}

.cf-iletisim .ad-soyad {
}

.cf-iletisim label {
    width: 100%;
    margin-bottom: 46px;
    padding-bottom: 0px;
    float: left;
}

.cf-iletisim label span {
    float: left;
    width: 100%;
}

.cf-iletisim label span input, .cf-iletisim label span select {
    background-color: rgb(252, 252, 252);
    width: 100%;
    float: left;
    line-height: 85px;
    padding: 0px 40px;
    font-size: 18px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    position: relative;
    margin-bottom: 0px;
    height: 85px;
    color: rgb(117, 117, 117);
}

.cf-iletisim label span::after {
    content: "";
    right: 37px;
    top: 28px;
    width: 30px;
    height: 30px;
    position: absolute;
}

.cf-iletisim label span textarea {
    background-color: rgb(252, 252, 252);
    width: 100%;
    float: left;
    line-height: normal;
    padding: 31px 40px 0px;
    font-size: 18px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    position: relative;
    margin-bottom: 0px;
}

.cf-iletisim .wpcf7-submit {
}

.cf-iletisim .wpcf7-submit {
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    float: right;
    border: 0px;
    cursor: pointer;
    line-height: 50px;
    transition: 0.3s;
    border-radius: 5px;
    padding: 0px 55px !important;
}

.cf-iletisim .wpcf7-submit:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

.cf-iletisim .ad-soyad label span::after {
    background: url("img/icons/user.png") center center / contain no-repeat;
    width: 21px;
}

.cf-iletisim .eposta label span::after {
    content: url("img/icons/envelope.png");
}

.cf-iletisim .konu label span::after {
    background: url("img/icons/align-right.png") center center / contain no-repeat;
    width: 25px;
}

.cf-iletisim .telefon label span::after {
    content: url("img/icons/phone.png");
}

.cf-iletisim .ref label span::after {
    background: url("img/icons/person.svg") center center / contain no-repeat;
}

.cf-iletisim .cv label span::after {
    background: url("img/icons/cv.svg") center center / contain no-repeat;
}

.cf-iletisim .pos label span::after {
    background: url("img/icons/down.svg") center center / contain no-repeat;
}

.cf-iletisim .mesaj label span::after {
    content: url("img/icons/msg.svg");
}

.cf-iletisim .chkbox span {
    width: 100%;
    float: left;
}

.cf-iletisim .chkbox label span {
    float: initial;
    width: 100%;
}

.cf-iletisim .chkbox label {
    margin-bottom: 8px;
    font-size: 12px;
    color: rgb(0, 0, 0);
}

.cf-iletisim .submit label span {
}

.cf-iletisim .chkbox label span::after {
    display: none;
}

.cf-iletisim .submit label span::after {
    display: none;
}

.cf-iletisim .cv label span.wpcf7-form-control-wrap {
    background-color: rgb(252, 252, 252);
    width: 100%;
    float: left;
    height: 87px;
    font-size: 18px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    position: relative;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.cf-iletisim .cv label span input {
    opacity: 0;
    width: 100%;
    float: left;
}

.cf-iletisim .cv label span.wpcf7-form-control-wrap::before {
    content: "CV";
    position: absolute;
    line-height: 93px;
    color: rgb(129, 129, 129);
    padding: 0px 40px;
}

.news {
    padding: 120px 0px;
}

.news .container {
    max-width: 1440px;
}

.news .nenter {
    margin: 0px auto 89px;
    text-align: center;
    position: relative;
}

.news .nenter h3 {
    font-size: 47px;
    color: rgb(0, 0, 0);
    text-align: left;
    font-weight: bold;
}

.news .nenter p {
    font-size: 18px;
    color: rgb(0, 0, 0);
    margin-top: 30px;
}

.news .sNew {
    margin-top: 50px;
}

.news .new > img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.news .new .nWrap {
    max-width: 1225px;
    margin: -72px auto 0px;
}

.news .nWrap .nTop {
    background: rgb(255, 255, 255);
    padding: 25px 55px;
    position: relative;
    z-index: 2;
}

.news .nWrap .nTop h6 {
    margin: 0px;
    font-size: 16px;
    color: rgb(0, 0, 0);
    font-weight: 500;
    display: inline-block;
}

.news .nWrap .nTop .control {
    float: right;
    margin-top: -7px;
}

.news .nWrap .nTop .control .sarrow {
    float: left;
    cursor: pointer;
}

.news .nWrap .nTop .control .sarrow i {
    font-size: 8px;
    color: rgb(149, 149, 149);
}

.news .nWrap .nTop .control .sarrow + .sarrow {
    margin-left: 100px;
}

.news .nWrap .nTop .control .sarrow.prev i {
    display: inline-block;
    transform: rotate(180deg);
    margin-top: 1px;
}

.news .nWrap .nBot {
    background: rgb(25, 25, 25);
    padding: 40px 55px;
}

.news .nWrap .nBot h6 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    font-weight: 400;
}

.news .nWrap .nBot p {
    font-size: 16px;
    color: rgb(136, 136, 136);
    font-weight: 300;
    margin: 0px;
    max-width: 650px;
}

.news .nWrap .nBot a {
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-color: rgb(149, 149, 149);
}

.news .nWrap .nBot .right {
    text-align: right;
}

.news img {
    width: 100%;
    height: auto;
}

@media (min-width: 768px) and (max-width: 992px) {
    .news .new .nWrap {
        margin-top: 0px;
    }

    .news .nWrap .nBot .right {
        margin-top: 20px;
    }
}

@media (max-width: 767px) {
    .news.main {
        margin-top: 70px;
    }

    .news .new .nWrap {
        margin-top: 0px;
    }

    .news .nWrap .nTop {
        padding: 20px;
    }

    .news .nWrap .nTop h6 {
        font-size: 15px;
    }

    .news .nWrap .nTop .control {
        width: 180px;
        margin: 10px auto 40px;
        float: none;
    }

    .news .nWrap .nBot {
        padding: 20px;
    }

    .news .nWrap .nBot .right {
        margin-top: 20px;
    }
}

.news .sNew-uclu {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.news .new-uclu {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

.news .new-uclu:hover {
    background: rgb(11, 57, 92);
}

.news .new-uclu .baslik {
    color: rgb(255, 255, 255);
    position: absolute;
    bottom: 127px;
    left: 74px;
    font-size: 30px;
    max-width: 446px;
    line-height: 46px;
}

.news .new-uclu .tarih {
    display: none;
    color: rgb(255, 255, 255);
}

.news .new-uclu .aciklama {
    color: rgb(255, 255, 255);
    position: absolute;
    bottom: 64px;
    left: 74px;
    display: none;
}

.news .new-uclu .devami {
    transition: 0.5s;
    color: rgb(255, 255, 255);
    font-weight: bold;
    width: 191px;
    border-radius: 5px;
    line-height: 50px;
    background: rgb(47, 48, 53);
    display: block;
    text-align: center;
    position: absolute;
    bottom: 64px;
    left: 74px;
    z-index: 999;
}

.news .new-uclu:hover .devami {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
}

.news .new-uclu .devami span {
    display: none;
    transition: 0.3s;
}

.news .new-uclu:hover .devami span {
    position: absolute;
    right: 30px;
    display: none;
}

@media (max-width: 767px) {
    .hak-testere h2 {
        font-size: 55px;
    }

    .hak-testere h3 {
        font-size: 21px;
        line-height: initial;
        padding: 0px 30px;
        margin-bottom: 30px;
        margin-top: 15px;
    }

    .hak-top {
        margin-top: 40px;
        margin-bottom: 0px;
        padding: 0px 14px;
    }

    .hak-top h2 {
        font-size: 30px;
        line-height: 45px;
        margin-bottom: 10px;
        font-weight: bold;
    }

    .hak-top h3 {
        font-size: 18px;
        line-height: normal;
        width: 100%;
        margin-bottom: 30px;
        font-weight: bold;
    }

    .hak-top h4 {
        font-size: 15px;
        line-height: normal;
        font-weight: bold;
    }

    .hak-top p {
        font-size: 15px;
        line-height: normal;
    }

    .hak-tarih {
    }

    .hak-tarih h2 {
        width: 100%;
        font-size: 37px;
        text-align: center;
        line-height: 70px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .hak-tarih h3 {
        text-align: right;
        font-size: 35px;
        font-weight: bold;
        line-height: 70px;
    }

    .hak-tarih p {
        text-align: right;
        font-size: 16px;
        line-height: 35px;
        margin: 0px;
    }

    .hak-tarih .botimg {
        height: 200px;
        text-align: left;
        float: left;
        width: 100%;
        object-fit: contain;
        padding: 15px;
    }

    .hak-tarih .lefts img {
        margin-bottom: 30px;
    }

    .markacon .baslik {
        height: 30px;
        text-align: right;
        font-size: 29px;
        font-weight: bold;
        line-height: 70px;
    }

    .hak-testere .tirnakli {
        line-height: normal;
        font-size: 18px;
        padding: 30px;
        margin-top: 70px;
    }

    .hak-testere .tirnakli::before {
        margin-top: -80px;
        font-size: 150px;
    }

    .hak-testere {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .collest {
        padding-left: 0px;
        height: 200px;
    }

    .markalar .marka {
        padding: 0px;
        border-width: 0px 0px 1px !important;
        border-style: solid !important;
        border-color: rgb(226, 226, 226) !important;
    }

    .news .sNew-uclu {
        border-radius: 20px;
        overflow: hidden;
        position: relative;
        margin-bottom: 15px;
    }

    .news .new-uclu {
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        transition: 0.5s;
    }

    .news .new-uclu:hover {
        background: rgba(0, 0, 0, 0.5);
    }

    .news .new-uclu .baslik {
        color: rgb(255, 255, 255);
        position: absolute;
        bottom: 77px;
        left: 14px;
        font-size: 18px;
        max-width: 446px;
        line-height: 26px;
    }

    .news .new-uclu .tarih {
        display: none;
        color: rgb(255, 255, 255);
    }

    .news .new-uclu .aciklama {
        color: rgb(255, 255, 255);
        position: absolute;
        bottom: 64px;
        left: 74px;
        display: none;
    }

    .news .new-uclu .devami {
        transition: 0.5s;
        color: rgb(255, 255, 255);
        font-weight: bold;
        width: 191px;
        background: rgb(47, 48, 53);
        display: block;
        text-align: center;
        position: absolute;
        bottom: 14px;
        line-height: 50px;
        border-radius: 5px;
        left: 15px;
    }

    .news .new-uclu:hover .devami {
        background: rgb(255, 255, 255);
        color: rgb(0, 0, 0);
    }

    .markacon .icerik {
        height: 30px;
        text-align: right;
        font-weight: bold;
        line-height: 70px;
        font-size: 12px;
        position: relative;
        margin-top: 0px;
    }
}

.kariyersss h2 {
    font-size: 36px;
    line-height: 70px;
    margin-bottom: 30px;
    margin-top: 30px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    border-bottom: 0px;
    padding-bottom: 0px;
}

.kariyersss .panel-title a {
    font-size: 18px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}

.kariyersss .card-body {
    float: left;
}

.kariyersss .card-body ul {
    float: left;
    padding-bottom: 0px;
    width: 100%;
    margin-bottom: 0px;
    padding-left: 20px;
}

.kariyersss .card-body ul li {
    width: 50%;
    float: left;
    font-size: 16px;
    padding-right: 26px;
    line-height: 33px;
}

.hak-testere h2::after {
    content: "+";
}

.search-modal .modal-dialog {
    width: 100%;
    max-width: none;
}

.news-wrap img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.services-form {
    margin: 60px 0px 140px;
}

.services-form .services-form-info h2 {
    font-weight: 300;
    font-size: 41px;
    color: rgb(133, 134, 135);
}

.services-form .services-form-info p {
    font-weight: 300;
    font-size: 17px;
    color: rgb(133, 134, 135);
    max-width: 780px;
    margin-top: 25px;
}

.services-form .services-form-info .form-tel {
    color: rgb(133, 134, 135);
    font-weight: bold;
    font-size: 25px;
    margin-top: 30px;
    display: inline-block;
}

.services-form .services-form-info .form-tel::before {
    content: "";
    display: inline-block;
    width: 62px;
    height: 2px;
    background-color: rgb(206, 173, 79);
    vertical-align: middle;
    margin-right: 15px;
}

.services-form .form-content {
    margin-top: 40px;
    background-color: rgb(246, 246, 246);
}

.services-form .form-content .container {
    padding: 50px 15px;
}

.services-form .form-content span.wpcf7-not-valid-tip {
    display: none;
}

.services-form a {
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    float: right;
    border: 0px;
    cursor: pointer;
    padding: 0px 55px;
    transition: 0.3s;
    line-height: 50px;
    border-radius: 5px;
}

.services-form a:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

div.wpcf7-response-output {
    border: none;
    color: rgb(255, 255, 255);
    background-color: rgb(70, 180, 80);
    font-weight: bold;
    font-size: 15px;
    padding: 10px 20px !important;
    margin: 0px 0px 30px !important;
}

div.wpcf7-validation-errors {
    background: rgb(206, 173, 119);
    border-color: rgb(206, 173, 119) !important;
}

div.wpcf7-spam-blocked {
    background: rgb(255, 165, 0);
}

div.wpcf7-mail-sent-ng {
    background: rgb(255, 0, 0);
}

div.wpcf7-mail-sent-ok {
    background: rgb(57, 143, 20);
}

.services-form .form-content input[type="text"], .services-form .form-content input[type="tel"], .services-form .form-content input[type="email"] {
    width: 100%;
    padding: 10px;
    border: 1px solid rgb(194, 194, 194);
}

.services-form .form-content textarea {
    width: 100%;
    resize: none;
    height: 226px;
    padding: 10px;
    border: 1px solid rgb(194, 194, 194);
}

.services-form .form-content input[type="text"]:focus, .services-form .form-content input[type="tel"]:focus, .services-form .form-content input[type="email"]:focus, .services-form .form-content textarea:focus {
    border: 1px solid rgb(206, 173, 79);
}

.services-form .form-content input[type="text"].wpcf7-not-valid, .services-form .form-content input[type="tel"].wpcf7-not-valid, .services-form .form-content input[type="email"].wpcf7-not-valid, .services-form .form-content textarea.wpcf7-not-valid {
    border-color: rgb(255, 0, 0);
}

.services-form .form-content .form-element-info:not(:first-child) {
    margin-top: 10px;
}

.services-form .form-content input[type="submit"] {
    float: left;
    margin-top: 20px;
    color: rgb(255, 255, 255);
    padding: 12px 60px;
    background-color: rgb(0, 147, 255);
    border: none;
    border-radius: 50px;
    font-size: 15px;
}

.markasayfa {
    margin: 0px;
}

.markasayfa .markabaslik {
    font-size: 47px;
    line-height: 70px;
    color: rgb(0, 0, 0);
    font-weight: bold;
    margin-top: 45px;
    margin-bottom: 30px;
    margin-left: 107px;
}

.markasayfa .markabaslik span {
    font-size: 14px;
    line-height: 33px;
    font-weight: normal;
}

.markasayfa .markabaslik span img {
}

.markasayfa .markacont {
    background: 0% 0% no-repeat padding-box padding-box rgb(248, 248, 248);
    border: 1px solid rgb(162, 162, 162);
    border-radius: 108px 0px 0px;
    padding: 40px 107px;
    font-size: 16px;
    line-height: 30px;
}

.markasayfa .markacont p {
    font-size: 16px;
    line-height: 30px;
}

.markasayfa .marka-pro-baslik {
}

.markasayfa .marka-pro-baslik h3 {
    font-size: 15px;
    line-height: 23px;
    font-weight: bold;
    text-align: right;
    margin-top: 30px;
    margin-right: 107px;
}

.markasayfa .marka-pro-baslik h2 {
    font-size: 47px;
    line-height: 70px;
    font-weight: bold;
    margin-top: 85px;
    margin-bottom: 68px;
    margin-left: 107px;
}

@media (max-width: 767px) {
    .markasayfa {
        margin: 0px;
    }

    .markasayfa .markabaslik {
        font-size: 30px;
        line-height: normal;
        color: rgb(0, 0, 0);
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 30px;
        margin-left: 0px;
    }

    .markasayfa .markabaslik span {
        font-size: 11px;
        line-height: normal;
        font-weight: normal;
        position: relative;
        top: 10px;
    }

    .markasayfa .markabaslik br {
        line-height: normal;
        font-size: 15px;
    }

    .markasayfa .markabaslik span img {
    }

    .markasayfa .markacont {
        background: 0% 0% no-repeat padding-box padding-box rgb(248, 248, 248);
        border: 1px solid rgb(162, 162, 162);
        border-radius: 0px;
        padding: 0px 15px;
        font-size: 16px;
        line-height: 30px;
    }

    .markasayfa .markacont p {
        font-size: 14px;
        line-height: 30px;
    }

    .markasayfa .marka-pro-baslik {
    }

    .markasayfa .marka-pro-baslik h3 {
        font-size: 12px;
        line-height: normal;
        font-weight: bold;
        margin-top: 30px;
        margin-right: 0px;
        text-align: left;
    }

    .markasayfa .marka-pro-baslik h2 {
        font-size: 33px;
        line-height: normal;
        font-weight: bold;
        margin-top: 25px;
        margin-bottom: 18px;
        margin-left: 0px;
        text-align: left;
    }
}

h3.elyazisi {
    font-family: RageItalic;
    font-size: 60px;
    color: rgb(21, 57, 93);
}

select {
    appearance: none;
}

.sosyaltable a:hover {
    background: rgb(21, 57, 93);
    color: rgb(255, 255, 255);
    transition: 0.5s;
}

.kariyersss {
    margin-bottom: 150px;
}

.pdff {
    width: 93px;
    display: block;
    height: 93px;
    float: left;
    margin: -30px 15px -30px 5px;
    text-align: center;
    border: 1px solid rgb(112, 112, 112);
    transition: 0.5s;
}

.pdff svg {
    width: 100%;
    height: 30px;
    display: block;
    margin-top: 12px;
    margin-bottom: 8px;
}

.pdff::after {
    content: "Katalog";
    font-size: 12px;
    text-align: center;
    width: 100%;
    height: auto;
    line-height: 15px;
    padding-bottom: 15px;
    display: none;
}

.pdff:hover {
    background: rgb(21, 57, 93);
    color: rgb(255, 255, 255);
}

.pdff:hover svg {
    fill: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.pdff:hover svg path {
}

.pdff:hover svg path {
    fill: rgb(255, 255, 255);
}

.pdff:hover::after {
    content: "Katalog";
    font-size: 12px;
    text-align: center;
    width: 100%;
    height: auto;
    line-height: 15px;
    display: none;
    padding-bottom: 15px;
}

.pdff span {
    display: inline-block;
    font-size: 12px;
    line-height: 15px;
}

.katalogpdf {
    float: right;
    width: auto;
}

.markabaslik .katalogpdf .pdff span {
    line-height: normal;
    font-size: 12px;
    text-align: center;
    width: 100%;
    display: block;
}

@media (max-width: 767px) {
    .pdff {
        width: 93px;
        float: right;
        display: inline-table;
        margin: -107px 5px 15px;
        text-align: center;
        border: 1px solid rgb(112, 112, 112);
        transition: 0.5s;
    }

    .pdff svg {
        width: 94px;
        height: 30px;
    }

    .pdff::after {
        content: "Katalog";
        font-size: 12px;
        text-align: center;
        width: 100%;
        height: auto;
        display: none;
        line-height: 15px;
        padding-bottom: 15px;
    }

    .pdff:hover {
        background: rgb(21, 57, 93);
        color: rgb(255, 255, 255);
    }

    .pdff:hover svg {
        fill: rgb(255, 255, 255);
        color: rgb(255, 255, 255);
    }

    .pdff:hover svg path {
    }

    .pdff:hover svg path {
        fill: rgb(255, 255, 255);
    }

    .pdff:hover::after {
        content: "Katalog";
        font-size: 12px;
        text-align: center;
        width: 100%;
        height: auto;
        line-height: 15px;
        display: none;
        padding-bottom: 15px;
    }

    .katalogpdf {
        width: 100%;
        padding-top: 15px;
        padding-left: 15px;
    }

    .markabaslik .katalogpdf .pdff span {
        line-height: normal;
        font-size: 12px;
        text-align: center;
        width: 100%;
        display: block;
        position: relative;
        top: 0px;
    }
}

.hidem {
    display: block;
}

.hidepc {
    display: none;
}

.vvbg::before {
    background: url("../../uploads/2024/05/Hizmetler-Background2.png") 0% 0% / cover no-repeat local;
    width: 100%;
    content: "";
    position: absolute;
    top: 50%;
    height: 100%;
    display: none;
}

@media (max-width: 767px) {
    .hidem {
        display: none;
    }

    .hidepc {
        display: block;
    }

    .markabaslik .pdff {
        width: 100%;
        flex: 0 0 25%;
        max-width: 25%;
        float: right;
        display: inline-block;
        margin: -107px 5px 15px;
        text-align: center;
        border: 1px solid rgb(112, 112, 112);
        transition: 0.5s;
    }

    .markabaslik .pdff svg {
        width: 100%;
        height: 30px;
    }

    .markabaslik .pdff::after {
        content: "Katalog";
        font-size: 12px;
        text-align: center;
        width: 100%;
        height: auto;
        display: none;
        line-height: 15px;
        padding-bottom: 15px;
    }

    .markabaslik .pdff:hover {
        background: rgb(21, 57, 93);
        color: rgb(255, 255, 255);
    }

    .markabaslik .pdff:hover svg {
        fill: rgb(255, 255, 255);
        color: rgb(255, 255, 255);
    }

    .markabaslik .pdff:hover svg path {
    }

    .markabaslik .pdff:hover svg path {
        fill: rgb(255, 255, 255);
    }

    .markabaslik .pdff:hover::after {
        content: "Katalog";
        font-size: 12px;
        text-align: center;
        width: 100%;
        height: auto;
        line-height: 15px;
        display: none;
        padding-bottom: 15px;
    }

    .markabaslik .katalogpdf {
        width: 100%;
        padding-top: 15px;
        padding-left: 15px;
    }

    .markabaslik .katalogpdf .pdff span {
        line-height: normal;
        font-size: 12px;
        text-align: center;
        width: 100%;
        display: block;
        position: relative;
        top: 0px;
    }
}

.asagikay {
    float: right;
    font-size: 14px;
    margin-bottom: 70px;
}

.asagikay img {
    margin-left: 13px;
    margin-top: -5px;
}

.specs .stable p svg {
    margin-right: 15px;
    fill: rgb(102, 102, 102);
}

.pagination {
}

.pagination {
}

.pagination .screen-reader-text {
    display: none;
    color: transparent;
    height: 0px;
    margin-bottom: 30px;
}

.pagination .nav-links::before {
    content: "HABERLER";
    font-size: 12px;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 15px;
    font-weight: normal;
    line-height: 18px;
    color: rgb(0, 0, 0);
}

.pagination .nav-links .page-numbers {
    display: inline-block;
    width: 37px;
    margin: 4px;
    line-height: 35px;
    border: 1px solid rgb(204, 204, 204);
}

.pagination .nav-links .page-numbers.current {
    border: 1px solid rgb(0, 0, 0);
}

.pagination {
    text-align: center;
    width: auto;
    margin: 120px auto auto;
    display: none !important;
}

.pagination .nav-links .page-numbers.next {
    content: ">";
    border: 1px solid transparent;
    color: transparent;
    position: absolute;
    margin-left: 0px;
}

.pagination .nav-links .page-numbers.next::before {
    content: ">";
    color: black;
    font-size: 30px;
    font-weight: 100;
    width: 100%;
    line-height: 37px;
    position: absolute;
}

.pagination .nav-links .page-numbers.prev {
    content: ">";
    border: 1px solid transparent;
    color: transparent;
    position: absolute;
    margin-left: -41px;
}

.pagination .nav-links .page-numbers.prev::before {
    content: "<";
    color: black;
    font-size: 30px;
    font-weight: 100;
    width: 100%;
    line-height: 37px;
    position: absolute;
}

.procc .katalogpdf {
    float: right;
    width: auto;
    position: absolute;
    right: 0px;
    margin-top: -100px;
}

.search-modal .close-modal:hover .lr, .search-modal .close-modal:hover .lr .rl {
    background-color: rgb(255, 255, 255) !important;
}

.tumhaber {
    background: rgb(0, 66, 108);
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: bold;
    display: block;
    float: right;
    border-radius: 5px;
    border: 0px;
    cursor: pointer;
    padding: 12px 55px;
    transition: 0.3s;
    margin: auto;
}

.tumhaber:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
}

.hizmetfooter {
    background: url("../../uploads/2024/05/Kronberg-Testere-Arkaplan3.jpg") center bottom / cover repeat-x;
    height: 316px;
    position: relative;
    margin-top: 350px;
}

.hizmetfooter .basc {
    position: absolute;
    top: -235px;
}

.hizmetfooter .basc h2 {
    font-size: 34px;
    font-weight: 500;
    font-family: Poppins;
}

.hizmetfooter .basc p {
    font-size: 16px;
    line-height: 21px;
    color: rgb(0, 0, 0);
    font-family: Poppins;
}

.hizmetfooter a.imgxc {
    position: relative;
    top: -120px;
}

.hizmetfooter a.imgxc img {
    max-width: 100%;
    height: 399px;
    margin-bottom: -170px;
    object-fit: contain;
}

.hizmetfooter .tumurunler {
    border: 1px solid rgb(255, 255, 255);
    line-height: 48px;
    margin: auto;
    display: block;
    width: 200px;
    text-align: center;
    color: rgb(255, 255, 255);
    background: transparent;
    transition: 0.3s;
    border-radius: 5px;
}

.hizmetfooter .tumurunler:hover {
    background: rgb(0, 255, 255);
    color: rgb(0, 0, 0);
    border-color: transparent;
}

.madeintr {
    text-align: right;
    margin-top: -30px;
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.madeintr img {
    margin: 7px;
}

.madeinde {
    position: absolute;
    right: 15px;
    bottom: 20px;
    color: rgb(255, 255, 255);
}

.madeinde img {
    margin: 7px;
}

.banprod {
    background: url("../../uploads/2024/01/tum-urunler-arkaplany.png") 0% 0% / cover;
    margin-top: 150px;
    margin-bottom: 70px;
}

.banprod .banprodlogo {
    position: absolute;
    top: -60px;
}

.banprod .aciklama {
}

.banprod .aciklama h2 {
    font-size: 34px;
    color: rgb(255, 255, 255);
    margin-top: 40px;
    margin-bottom: 12px;
    line-height: 51px;
}

.banprod .aciklama p {
    margin: 0px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    line-height: 21px;
}

.banprod .aciklama a {
    border: 1px solid rgb(255, 255, 255);
    width: 204px;
    display: block;
    text-align: center;
    line-height: 48px;
    margin-top: 20px;
    margin-bottom: 40px;
    color: rgb(255, 255, 255);
    border-radius: 5px;
}

.banprod .gorseller .row {
    flex-wrap: nowrap;
}

.banprod .gorseller {
    padding: 0px 15px;
}

.banprod .gorseller img {
    margin-top: -75px;
    transition: 0.5s;
    transform: rotate(0deg);
    padding: 15px;
    width: 100%;
    display: inline-block;
    image-rendering: -webkit-optimize-contrast;
}

.banprod .gorseller img:hover {
    margin-top: -75px;
    transition: 0.3s;
    transform: rotate(-360deg);
    animation: 0.5s linear 0s infinite normal none running testere;
}

@-webkit-keyframes testere {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mobilex {
    display: none;
}

.denden {
    clear: both;
    display: block;
    margin-bottom: 50px;
}

.elyazisipng {
    display: none;
}

@media (max-width: 767px) {
    .elyazisi {
        display: none;
    }

    .elyazisipng {
        display: block;
        max-width: 250px;
        image-rendering: -webkit-optimize-contrast;
        margin-top: -15px;
    }

    .markacon {
        display: none;
    }

    .mobilex {
        display: block;
    }

    h3.elyazisi {
        font-family: RageItalic;
        font-size: 34px;
        color: rgb(21, 57, 93);
    }

    .kariyersss .card-body ul li {
        width: 100%;
        padding-right: 0px;
        font-size: 14px;
    }

    .denden {
        clear: both;
        display: block;
        width: 35px;
        margin-bottom: 15px;
    }

    .asagikay {
        float: right;
        font-size: 14px;
        margin-top: 35px;
        margin-bottom: 70px;
    }

    .asagikay img {
        margin-left: 13px;
        margin-top: -5px;
    }

    .specs .stable p svg {
        margin-right: 15px;
    }

    .pagination {
    }

    .pagination {
        display: none !important;
    }

    .pagination .screen-reader-text {
        display: none;
        color: transparent;
        height: 0px;
        margin-bottom: 30px;
    }

    .pagination .nav-links::before {
        content: "Haberler";
        font-size: 12px;
        text-align: center;
        width: 100%;
        display: block;
        margin-bottom: 15px;
        font-weight: normal;
        line-height: 18px;
        color: rgb(0, 0, 0);
    }

    .pagination .nav-links .page-numbers {
        display: inline-block;
        width: 37px;
        margin: 4px;
        line-height: 35px;
        border: 1px solid rgb(204, 204, 204);
    }

    .pagination .nav-links .page-numbers.current {
        border: 1px solid rgb(0, 0, 0);
    }

    .pagination {
        text-align: center;
        width: auto;
        margin: 120px auto auto;
        display: block;
    }

    .pagination .nav-links .page-numbers.next {
        content: ">";
        border: 1px solid transparent;
        color: transparent;
        position: absolute;
        margin-left: 0px;
    }

    .pagination .nav-links .page-numbers.next::before {
        content: ">";
        color: black;
        font-size: 30px;
        font-weight: 100;
        width: 100%;
        line-height: 37px;
        position: absolute;
    }

    .pagination .nav-links .page-numbers.prev {
        content: ">";
        border: 1px solid transparent;
        color: transparent;
        position: absolute;
        margin-left: -41px;
    }

    .pagination .nav-links .page-numbers.prev::before {
        content: "<";
        color: black;
        font-size: 30px;
        font-weight: 100;
        width: 100%;
        line-height: 37px;
        position: absolute;
    }

    .procc .katalogpdf {
        float: right;
        width: auto;
        position: relative;
        right: 0px;
        display: inline-block;
        margin-top: -50px;
    }

    .search-modal .close-modal:hover .lr, .search-modal .close-modal:hover .lr .rl {
        background-color: rgb(255, 255, 255) !important;
    }

    .tumhaber {
        background: rgb(0, 66, 108);
        color: rgb(255, 255, 255);
        font-size: 18px;
        float: right;
        border: 0px;
        cursor: pointer;
        margin-right: auto;
        margin-bottom: auto;
        margin-left: auto;
        transition: 0.5s;
        font-weight: bold;
        line-height: 50px;
        border-radius: 5px;
        width: 191px;
        display: block;
        text-align: center;
        padding: 0px;
        margin-top: 30px !important;
    }

    .tumhaber:hover {
        background: rgb(0, 255, 255);
        color: rgb(0, 0, 0);
    }

    .hizmetfooter {
        background: url("../../uploads/2024/01/kronberg-urunler-arkaplany.png") left center / cover repeat-x;
        height: auto;
        position: relative;
        margin-top: 160px;
    }

    .hizmetfooter .basc {
        position: absolute;
        top: -175px;
    }

    .hizmetfooter .basc h2 {
        font-size: 24px;
        font-weight: 500;
        font-family: Poppins;
    }

    .hizmetfooter .basc p {
        font-size: 13px;
        line-height: 21px;
        color: rgb(0, 0, 0);
        margin: 0px;
        font-family: Poppins;
    }

    .hizmetfooter a.imgxc {
        position: relative;
        top: -58px;
    }

    .hizmetfooter a.imgxc img {
        max-width: 100%;
        height: 300px;
        margin-bottom: 30px;
        object-fit: contain;
    }

    .hizmetfooter .tumurunler {
        border: 1px solid rgb(255, 255, 255);
        line-height: 49px;
        margin: -130px auto auto;
        display: block;
        width: 200px;
        text-align: center;
        color: rgb(255, 255, 255);
        background: transparent;
        transition: 0.3s;
    }

    .hizmetfooter .tumurunler:hover {
    }

    .madeintr {
        text-align: center;
        margin-top: 30px;
        color: rgb(255, 255, 255);
        font-size: 14px;
    }

    .madeintr img {
        margin: 7px;
    }

    .madeinde {
        position: absolute;
        right: 15px;
        bottom: 20px;
        color: rgb(255, 255, 255);
        display: none;
    }

    .madeinde img {
        margin: 7px;
    }

    .banprod {
        background: url("../../uploads/2024/01/tum-urunler-arkaplany.png") 0% 0% / cover;
        margin-top: 180px;
    }

    .banprod .banprodlogo {
        position: relative;
        top: -210px;
    }

    .banprod .aciklama {
        order: 1;
    }

    .banprod .aciklama h2 {
        color: rgb(255, 255, 255);
        font-size: 27px !important;
        margin-top: -20px !important;
        font-weight: normal !important;
        margin-bottom: 13px !important;
        line-height: 36px !important;
    }

    .banprod .aciklama p {
        margin: 0px;
        color: rgb(255, 255, 255);
        font-size: 14px;
        line-height: 21px;
    }

    .banprod .aciklama a {
        border: 1px solid rgb(255, 255, 255);
        width: 204px;
        display: block;
        text-align: center;
        line-height: 48px;
        border-radius: 5px;
        margin-top: 20px;
        margin-bottom: 40px;
        color: rgb(255, 255, 255);
    }

    .banprod .gorseller .row {
        flex-wrap: nowrap;
    }

    .banprod .gorseller {
        padding: 0px 15px;
        height: 70px;
        order: 0;
    }

    .banprod .gorseller img {
        transition: 0.5s;
        transform: rotate(0deg);
        padding: 1px;
        width: 80%;
        display: inline-block;
        margin: -75px 10% 0%;
        image-rendering: -webkit-optimize-contrast;
    }

    .banprod .gorseller img:hover {
        margin-top: -75px;
        transition: 0.3s;
        transform: rotate(-360deg);
        animation: 0.5s linear 0s infinite normal none running testere;
    }

    @-webkit-keyframes testere {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .news {
        padding: 70px 0px;
    }

    .news .nenter {
        margin-bottom: 30px;
    }

    .marka img {
        object-fit: contain;
        width: 100%;
        height: 121px;
    }

    .cf-iletisim {
    }

    .cf-iletisim p {
        margin: 0px;
    }

    .cf-iletisim .ad-soyad {
    }

    .cf-iletisim label {
        width: 100%;
        margin-bottom: 16px;
        padding-bottom: 0px;
        float: left;
    }

    .cf-iletisim label span {
        float: left;
        width: 100%;
    }

    .cf-iletisim label span input, .cf-iletisim label span select {
        background-color: rgb(252, 252, 252);
        width: 100%;
        float: left;
        line-height: 30px;
        padding: 0px 59px 0px 19px;
        font-size: 18px;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 5px;
        position: relative;
        margin-bottom: 0px;
        height: 55px;
        color: rgb(117, 117, 117);
    }

    .cf-iletisim label span::after {
        content: "";
        right: 17px;
        top: 15px;
        width: 30px;
        height: 30px;
        position: absolute;
    }

    .cf-iletisim label span textarea {
        background-color: rgb(252, 252, 252);
        width: 100%;
        float: left;
        line-height: normal;
        padding: 20px 59px 0px 19px;
        font-size: 18px;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 5px;
        position: relative;
        margin-bottom: 0px;
    }

    .cf-iletisim .wpcf7-submit {
    }

    #callus .wpcf7-spinner {
        display: none;
    }

    #callus .modal-content .modal-body .wpform {
        margin: 0px;
        padding-bottom: 40px;
    }

    .cf-iletisim .wpcf7-submit {
        background: rgb(0, 66, 108);
        color: rgb(255, 255, 255);
        font-size: 18px;
        font-weight: bold;
        display: inline-block;
        margin-top: 35px;
        float: left;
        border: 0px;
        width: 100%;
        cursor: pointer;
        padding: 20px 55px;
        transition: 0.3s;
    }

    .cf-iletisim .wpcf7-submit:hover {
        background: rgb(0, 255, 255);
        color: rgb(0, 0, 0);
    }

    .cf-iletisim .ad-soyad label span::after {
        background: url("img/icons/user.png") center center / contain no-repeat;
        width: 21px;
    }

    .cf-iletisim .eposta label span::after {
        content: url("img/icons/envelope.png");
    }

    .cf-iletisim .konu label span::after {
        background: url("img/icons/align-right.png") center center / contain no-repeat;
        width: 25px;
    }

    .cf-iletisim .telefon label span::after {
        content: url("img/icons/phone.png");
    }

    .cf-iletisim .ref label span::after {
        background: url("img/icons/person.svg") center center / contain no-repeat;
    }

    .cf-iletisim .cv label span::after {
        background: url("img/icons/cv.svg") center center / contain no-repeat;
    }

    .cf-iletisim .pos label span::after {
        background: url("img/icons/down.svg") center center / contain no-repeat;
    }

    .cf-iletisim .mesaj label span::after {
        content: url("img/icons/msg.svg");
    }

    .cf-iletisim .chkbox span {
        width: 100%;
        float: left;
        margin-left: 0px;
    }

    .cf-iletisim .chkbox label span {
        float: initial;
        width: 100%;
    }

    .cf-iletisim .chkbox label {
        margin-bottom: 8px;
        font-size: 12px;
        color: rgb(0, 0, 0);
    }

    .cf-iletisim .submit label span {
    }

    .cf-iletisim .chkbox label span::after {
        display: none;
    }

    .cf-iletisim .submit label span::after {
        display: none;
    }

    .cf-iletisim .cv label span.wpcf7-form-control-wrap {
        background-color: rgb(252, 252, 252);
        width: 100%;
        float: left;
        height: 55px;
        font-size: 18px;
        border: 1px solid rgb(204, 204, 204);
        border-radius: 5px;
        position: relative;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .cf-iletisim .cv label span input {
        opacity: 0;
        width: 100%;
        float: left;
    }

    .cf-iletisim .cv label span.wpcf7-form-control-wrap::before {
        content: "CV";
        position: relative;
        line-height: 55px;
        color: rgb(129, 129, 129);
        padding: 0px 40px 0px 19px;
    }

    .tes1 {
        padding: 5px;
        margin-top: -18px;
    }

    .tes2 {
        padding: 5px;
        margin-top: -18px;
    }

    .tes3 {
        padding: 5px;
        display: none;
    }

    .services-form .services-form-info h2 {
        font-weight: 400;
        font-size: 30px;
        color: rgb(133, 134, 135);
    }

    .custom.tp-bullets {
        transform: translate(-165px, -50px) !important;
    }

    .page-info h1 {
        font-size: 30px;
    }

    .services .sBox .sbWrap .sbInfo {
        background: rgb(246, 246, 246);
        padding: 20px;
        transition: 0.3s;
    }

    .services {
        margin: 0px 0px 70px;
        text-align: left;
    }

    .contact-p h2 {
        margin: 0px 0px 10px;
        text-align: left;
        font-size: 30px;
        font-weight: bold;
    }

    .markalar .marka:nth-child(1) {
        border-top: 0px solid rgb(226, 226, 226);
        border-right: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(2) {
        border-top: 0px solid rgb(226, 226, 226);
        border-left: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(3) {
        border-top: 0px solid rgb(226, 226, 226);
        border-right: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(4) {
        border-top: 0px solid rgb(226, 226, 226);
        border-left: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(5) {
        border-top: 0px solid rgb(226, 226, 226);
        border-right: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(6) {
        border-top: 0px solid rgb(226, 226, 226);
        border-left: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(7) {
        border-top: 0px solid rgb(226, 226, 226);
        border-right: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar .marka:nth-child(8) {
        border-top: 0px solid rgb(226, 226, 226);
        border-left: 1px solid rgb(226, 226, 226) !important;
    }

    .markalar {
        background: rgb(246, 246, 246);
        padding: 25px;
    }

    .uSubPost .control .sarrow.prev {
        left: 30px;
    }

    .uSubPost .control .sarrow.next {
        display: none;
        right: 30px;
    }

    .msd {
        padding-left: 10px;
    }

    .page.contact .c2map .row {
        padding: 0px 15px;
    }

    .page.contact {
        padding: 15px;
    }

    .marka {
        filter: none;
    }

    #callus p {
        margin: 0px;
    }

    .vvbg {
        background: none !important;
    }

    #callus .modal-content .modal-body .notice {
        margin-top: 30px;
    }

    .wpcf7 .screen-reader-response {
        display: none;
    }

    #callus .modal-content .modal-body .wpform input[type="submit"] {
        background: rgb(110, 112, 118);
        cursor: pointer;
        font-size: 27px;
        padding: 15px 31px;
        color: rgb(255, 255, 255);
        width: 100%;
        border: 0px;
        margin-top: 6px;
        border-radius: 50px;
        outline: 0px;
        transition: 0.3s;
    }
}

.page-content {
    margin-top: 90px;
}

.card {
    background: transparent;
}

.SSS.kariyersss.mobilex {
    display: none;
}

.SSS.kariyersss.pcx {
    display: block;
}

.collest2 {
    display: none;
}

.hsb p {
    font-size: 18px;
    line-height: 35px !important;
}

.ssss p {
    font-size: 18px;
    line-height: 35px !important;
}

@media (max-width: 767px) {
    .vvbg {
        background: none !important;
    }

    .collest2 {
        display: block;
    }

    .collest {
        display: none;
    }

    .toggler {
        margin-right: 10px;
    }

    .SSS.kariyersss.mobilex {
        display: block;
    }

    .SSS.kariyersss.pcx {
        display: none;
    }

    .uSubPost .usub a .uwrap span strong {
        width: 275px;
        display: block;
        font-size: 18px;
        padding-left: 30px;
        background: rgb(47, 48, 53);
        line-height: 41px;
        font-weight: 500;
        position: absolute;
        margin-top: -43px;
        border-bottom: 2.5px solid rgb(79, 78, 78);
        left: 0px;
    }

    .gizm {
        display: none;
    }

    .specs .stable table thead tr th {
        font-size: 15px;
    }

    .specs .stable table tbody tr td {
        font-size: 14px;
    }
}

.SSS {
    margin-bottom: 90px;
}

.collest {
}

.collest2 {
    height: 185px;
    position: relative;
    animation: 80s linear 0s infinite alternate none running myfirst;
}

@keyframes myfirst {
    0% {
        left: 0%;
        top: 0px;
    }

    50% {
        left: -3500px;
        top: 0px;
    }

    100% {
        left: 0%;
        top: 0px;
    }
}

::selection {
    color: rgb(255, 255, 255);
    background: rgb(21, 57, 93);
}

.stable i {
    margin-right: 15px;
    color: rgb(102, 102, 102);
    font-size: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
}

.wbjns {
    position: relative;
}

.wbjns:hover {
    position: relative;
}

.wbjns a.wbjns-white {
    position: absolute;
    opacity: 1;
    transition: 0.4s;
    right: 0;
}

.wbjns a.wbjns-hover {
    position: absolute;
    opacity: 0;
    transition: 0.4s;
    right: 0;
}

.wbjns:hover a.wbjns-white {
    opacity: 0;
    transition: 0.4s;
}

.wbjns:hover a.wbjns-hover {
    opacity: 1;
    transition: 0.4s;
}

.wbjns a.wbjns-white img {
}

.wbjns a.wbjns-hover img {
}

@media screen and (max-width: 1000px) and (min-width: 600px) {
    .banprod {
    }

    .banprod .row {
        position: relative;
    }

    .tes1 {
        display: none;
    }

    .tes2 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .tes3 {
        display: none;
    }

    .markacon .baslik {
        margin-bottom: 70px;
    }
}

.language-bar {
    width: 47px;
    height: 50px;
    overflow: hidden;
    transition: 0.5s;
    margin-top: -5px;
}
.toggler .language-bar {
    width: 47px;
    height: 50px;
    overflow: hidden;
    display: none;
    transition: 0.5s;
}

.language-bar ul {
    list-style: none;
    padding: 3px 0px;
    margin: 0px;
    overflow: hidden;
    display: grid;
    background: #fff;
    display: block;
}

.language-bar:hover {
    width: 219px;
    height: 50px;
    transition: 0.5s;
}

.language-bar li {
    display: inline-block;
    margin: 2px 3px;
    order: 1;
}
.language-bar li.active {order:0;}
.language-option {
    text-decoration: none;
    font-weight: bold;
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    display: block;
    width: 44px;
    line-height: 42px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid rgb(204, 204, 204);
    transition: background-color 0.3s;
}

.language-option:hover {
    background-color: rgb(133, 134, 135);
    color: white;
}

.language-option.active{
    order:1;
}

@media (max-width: 767px) {
    .language-bar:hover {
        width: 58px !important;
        height: 200px !important;
        transition: 0.5s;
    }
   .language-bar:hover .active a {
background-color: rgb(133, 134, 135);
    color: white;
    }
    .toggler .language-bar {
        position: absolute;
        right: 45px;
        top: 35px;
        display: block !important;
        width: 58px;
        height: 51px;
    }

    
.language-bar ul {
    list-style: none;
    padding: 3px 3px;
    margin: 0px;
    overflow: hidden;
    display: grid;
    border: 1px solid transparent;
    background: #fff;
    width: 58px;
}.language-bar:hover ul {border: 1px solid #333;}

    .language-bar ul li{}
}
















.language-switcher {
  position: relative;
  display: inline-block;
  font-family: inherit;
}

/* Üst yuvarlak TR butonu */
.lang-trigger {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Dropdown kutu */
.lang-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff;
  border-radius: 18px;
  padding: 45px 20px 0px 51px;
  box-shadow: 0px 15px 15px #00000029;
  border: 1px solid #DDDDDD;
  min-width: 264px;
  z-index: 999;
  min-height: 330px;
  display: none;
  border-radius: 30px;
}

/* Açık olduğunda görünür */
.lang-menu.open {
  display: block;
}

/* Başlık */
.lang-menu-header {
  margin-bottom: 36px;
  font: menu;
  font-size: 29px;
  line-height: 30px;
  font-family: 'Poppins';
  font-weight: 700;
  color: #00426C;
}

.lang-menu-header span {
  color: #707070;
  width: 100%;
  display: block;
}

/* Diller listesi */
.lang-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.lang-item {
  padding: 0px 0;
  font-size: 18px;
  line-height: 44px;
}

/* Link */
.lang-link {
  text-decoration: none;
  color: #4b5563;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  line-height: 33px;
}

.lang-link:hover .lang-name {
  color: #111827;
}

/* Aktif dil */
.lang-item.active {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.lang-item.active .lang-name {
  font-weight: 600;
  color: #16a34a;
  padding-right: 10px;
}

/* Yeşil nokta */
.lang-dot {
  width: 8px;
  height: 8px;
  background: #16a34a;
  border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1351px) {
   header .container{max-width: 100%;}
}