/**************************** GENEL ***************************/
.block-views-blockvip-uyeler3-block-vip3 .slick-initialized .slick-slide {position: relative;margin: 5px;}
.block-views-blockvip-uyeler3-block-vip3 .views-field.views-field-totalcount {text-align: center;top: 176px;}
.block-views-blockvip-uyeler3-block-vip3 .img-fluid {height: 200px;width: 100%;}
.block-views-blockvip-uyeler3-block-vip3 .views-field.views-field-title {background: rgb(46 46 46);font-size: 0.75em;text-transform: uppercase;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100%;padding: 2px 7px;}
.block-views-blockvip-uyeler3-block-vip3 .views-field.views-field-title a {color: #fff;}
.block-views-blockvip-uyeler-block-vip-uyeler h2, #block-bugunun-trendleri h2, #block-views-block-firmalar-block-2 h2, .view-vipler h2 {
    font-size: 1.2em;
    text-align: center;
    color: #4d5054;
    padding: 6px;
    background: url(https://img.freepik.com/free-vector/white-background-with-shiny-lines-design_1017-28446.jpg?uid=R40236846&ga=GA1.1.1339010906.1713445108&semt=ais_hybrid);
    font-weight: 800;
    background-size: 100%;
    background-position: 100% 48%;
    text-transform: uppercase;
    border-radius: 7px;
}
/*body {
    background: url(/sites/default/files/bgnew5.png);
    background-attachment: fixed;
    border-top: 5px solid #16add1;
    background-size: 100% 100%;
}*/
body {
    background: url(/sites/default/files/bgdotted.png);
    background-attachment: fixed;
}
.path-frontpage ul.links.inline li:nth-child(2) {
    display: none;
}
.h-100 {
    height: auto !important;
}
#edit_tid_chosen, #edit_tid_1_chosen, #edit_tid_3_chosen, #edit_tid_4_chosen, #edit_tid_2_chosen {
    border: 1px solid #ddd;
    height: 37px;
}
.view-vipler ul li {
    margin: 5px;
}
.view-vipler ul li img {
    border: 1px solid #ddd;
    padding: 3px;
    border-radius: 10px !important;
    height: 200px;
    width: 325px;
}
.chosen-container-single .chosen-single {
    background: transparent;
    border: 1px solid #ddd;
}
.view-id-anasayfailanlar .view-filters {
    background: linear-gradient(0deg, rgb(59 219 251 / 26%) 0%, rgb(36 102 141) 50%, rgb(31 83 126) 100%);
    background: url(https://img.freepik.com/free-photo/rough-gray-wooden-textured-background_53876-102583.jpg?ga=GA1.1.212309846.1739536902&semt=ais_hybrid);
    background-size: cover;
    background-position: 100% 100%;
}
a#logobaslik {
    background: url('https://img.freepik.com/free-photo/grey-cement-wall-texture_53876-90826.jpg?uid=R40236846&ga=GA1.1.1339010906.1713445108&semt=ais_hybrid');
    background-size: 100%;
    -webkit-background-clip: text !important;
    background-position: 100% 48px !important;
    background-clip: text !important;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff00;
    text-shadow: 5px 5px 4px rgb(22 21 21 / 18%);
    font-size: 32px;
    font-weight: 800;
}
a#logoacklma {
    font-size: 1.07em;
    color: #565656;
}
        /* Logo Stilleri */
        .logom {
            position: relative;
            display: inline-block;
            overflow: hidden;
            padding: 10px;
        }



        a#logoacklma {
            font-size: 1.07em;
            color: #565656;
        }

            /* Logo Konteyner */
        .logom {
            position: relative;
            display: inline-block;
            padding: 10px;
            overflow: hidden;
        }



        a#logoacklma {
            font-size: 1.4em;
            color: #888;
            position: relative;
            z-index: 2;
            text-shadow: 1px 1px 1px #888888;
        }

        /* Işık Efekti */
        .light-effect {
            position: absolute;
            top: 0;
            left: -150%;
            width: 120%;
            height: 100%;
            background: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 90%);
            transform: skewX(-30deg);
            z-index: 9;
        }

        /* Işık Geçişi Animasyonu */
        @keyframes lightPass {
            0% { left: -150%; }
            100% { left: 150%; }
        }

        .light-pass .light-effect {
            animation: lightPass 1.5s ease-out;
        }

#uk-slideshow-1 {
    aspect-ratio: 16 / 5 !important;
}
#block-views-block-firmalar-block-2 {
    margin-top: 30px;
}
input#edit-submit-anasayfailanlar {
    width: 100%;
    margin-top: 13px;
}
.form--inline.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view-video-galeri .view-content {
    display: flex;
    flex-wrap: wrap;
}
.view-urunler .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view-urunler .view-content .views-row {
    width: 32%;
    background: #f7f7f7;
    padding: 5px;
    border: 1px solid #ddd;
}
.view-urunler .view-content .views-row img {height: 200px;}
.page-node-346 .header4 h1, .page-node-683 .header4 h1 {
    display: none;
}
.path-frontpage .header4 h1 {font-size: 1.5em;color: #ddd;display: none;}
.path-frontpage .menu-divider {height: 0px;}

.slick.blazy {width: 100%;}


.deprem {position: absolute;left: -97px;top: 45px;}
#block-banneraciklama {position: relative;}
/*.logom {width: 227px!important;}
.block-system-main-block {background: rgb(255 255 255);padding: 20px;}
*/
.node__content a {color: #404040;}
.path-frontpage .block-system-main-block {background: transparent;}
.view-id-siteciler_yeni_urunler {background: white;padding: 10px;}
.node__content {color: #545454;}
.path-frontpage .node__content a {color: white;}
.path-frontpage .node__content {color: #ffffff;background: transparent;}
iframe#dsq-app868 {display: none!important;}
.view-id-firmalar .views-field-field-puanlama:before {
    content: '';
    background: url(/sites/default/files/vida.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
}
.view-id-firmalar .views-field-field-puanlama:after {
    content: '';
    background: url(/sites/default/files/vida.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
}
.view-id-firmalar .views-field-field-sitesine-git:before {
    content: '';
    background: url(/sites/default/files/vida.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 33px;
}
.view-id-firmalar .views-field-field-sitesine-git:after {
    content: '';
    background: url(/sites/default/files/vida.png);
    background-size: cover;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 33px;
}
.page-node-412 .header4 h1, .page-node-402 .header4 h1, .page-node-445 h1, .page-node-465 h1 {display: none;}
.mforum {display:none;}
.header-container .menu li a::before, .menu li span::before {top: 20px;}
.yorm {
    position: absolute;
    left: 0;
    top: 132px;
    z-index: 9;
}
#block-konfetii canvas {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: -999;
}
span.views-label.views-label-field-urun-kodu {
    float: left;
    margin-right: 4px;
    font-size: .9em;
    font-weight: 700;
}
.slick--field-manset-resim-otoservis img {
    width: 100%;
}
.yorm img {
    width: 44px !important;
    height: auto !important;
}
/*.field.field--name-field-disqus-comment.field--type-disqus-comment.field--label-above .field__label {
    display: none;
}*/

.view-display-id-page_video_galeri .view-content .clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view-id-blog .views-field-created {
    float: left;
    margin-right: 10px;
}
.view-id-blog .views-field-title {
    background: #607d8b;
    padding: 0 6px;
}

.view-id-blog .views-field-title a {
    font-size: 1.3em;
    color: #fff;
}
.view-id-blog .grid {
    background: rgb(255 255 255 / 58%);
    border: 1px solid #607d8b;
    padding: 10px !important;
}
.node--type-blog .field--name-field-icerik-manset-resim .field__item {
    width: 23%;
    margin: 1%;
}
.view-anasayfailanlar .btn-primary {
    color: #032332;
    font-weight: 600;
    background: linear-gradient(167deg, #787878 0%, #ffffffde 50%, #212121 100%);
    border-color: transparent;
}

.views-field.views-field-totalcount .field-content:before {
    content: '';
    background: url(/sites/default/files/goz2.png);
    background-size: 100% 100%;
    width: 22px;
    height: 13px;
    display: inline-block;
    margin-right: 5px;
}
.field--name-field-calisma-saatleri .field__items .field__item {
    float: left;
    margin: 4px;
    background: #383838;
    padding: 0 9px;
}
#sitecilermanset .views-field.views-field-title a {color: #fff;}
#sitecilermanset .slides {width: 100% !important;}
#sitecilermanset .views-field.views-field-title {
    position: absolute;
    background: rgb(0 0 0 / 60%);
    width: 100%;
}
.view-siteciler-yeni-urunler .views-field-field-image {
    width: 100px;
    float: left;
    margin-right: 10px;
}
#sitecilermanset .slides img {height: 600px;}
.view-siteciler-yeni-urunler .views-field-field-image img {height: 90px;}
.view-siteciler-yeni-urunler .views-row {
    padding: 10px 0;
    border-bottom: 1px dotted #afaeae;
    display: flow-root;
}
.view-display-id-page_video_galeri .view-content .views-row iframe {width: 100%;}
.view-display-id-page_video_galeri .view-content .views-row {width: 49%;margin: .5%;}
.page-node-type-oro-servis .field--name-body p {font-size: 1.4em;}
#block-duyuru .field--name-body p {font-size: 1em;}
.views-field.views-field-field-puanlama, .field--name-field-puanlama {display: flex;justify-content: center;}
.view-display-id-block_vitrin1 img {border: 1px solid #ddd;padding: 3px;}
.pagination {margin: 0 auto;width: max-content;}
a[href="/taxonomy/term/343"] {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-bes.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
a[href="/taxonomy/term/308"] {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-on.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
a[href="/taxonomy/term/344"] {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-onbes.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
a[href="/taxonomy/term/309"] {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-yirmi.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
a[href="/taxonomy/term/310"] {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-otuz.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
a[href="/taxonomy/term/317"] {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-kirk-indirim.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
.indirim\%50 {
    position: absolute;
    content: '';
    background: url(/sites/default/files/yuzde-elli-indirim.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
    color: transparent;
}
.views-field.views-field-term-node-tid-1 li {list-style-type: none;}
.flexslider {background: transparent;border: 0;display: flex;}
td.views-field-field-uru {text-decoration-line: line-through;}
th a {font-size: 1.4em;}
.views-field-view-node a {bottom: 9px !important;right: 11px;}
.path-frontpage .node--sticky h2 {display: none;}
.page-node-103 .field--name-field-manset-resim img {display: none;}
#block-duyuru {margin-top: -19px;}
h6, .h6 {font-size: .8rem;}
h3, .h3 {line-height: 1;}
.header-container .menu ul {background-color: transparent;}

.view-empty {position: absolute;color: #fff;}
.view-id-firmalar .views-col {
  border: 1px dotted #cacaca;
  padding: 0px;
  text-align: center;
  margin: .5%;
  width: 19% !important;
  box-shadow: 0px 5px 22px -14px #111;
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
  position: relative;
  background: linear-gradient(rgb(255 255 255 / 35%),rgb(0 130 170 / 0%)), url(/sites/default/files/col-bg5.jpg);
  background-size: 239% 126%;
  border-top: 5px solid rgb(179 0 0 / 68%);
}
.view-anasayfailanlar .views-col:hover {
    transform: scale(1.03);
    box-shadow: 0px 5px 22px -14px #ff0000;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    background: #fff9f2;
}
.view-anasayfailanlar .views-col span {font-weight: 600;}

.form--inline .form-actions {clear: none;}
.node--type-oro-servis .field--name-field-icerik-manset-resim .field__item {float: left;width: 15.6%;margin: .5%;background: rgb(255 255 255 / 67%);border: 1px solid #ddd;}
.node--type-oro-servis .field--name-field-icerik-manset-resim .field__item img.img-fluid {height: 140px;}

.node--type-alt-sayfalar .field--name-field-icerik-manset-resim .field__item {float: left;width: 24%;margin: .5%;}
.field--name-field-icerik-manset-resim {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.node--type-alt-sayfalar .field--name-field-icerik-manset-resim .field__item img {height: 200px;}
.view-anasayfailanlar .views-col .views-field-title {
  font-size: 1.1em;
  text-transform: uppercase;
  border-bottom: 2px solid #dadada;
  background: linear-gradient(179deg,rgb(239 239 239) 0%,rgb(223 223 223) 100%);
}
.view-anasayfailanlar .views-field-title a {
    font-weight: 800;
    color: #434343;
    text-shadow: 1px 1px 1px #ffffff;
    font-size: 1em;
}
.ssl {margin: 0 auto;width: 10%;}
.header4 h1 {font-size: 2em;border-bottom: 1px solid rgb(221 221 221 / 39%);text-transform: uppercase;}
footer.mt-auto.footer-.text-dark.bg- {color: #959595 !important;text-align: center;}
.views-field.views-field-field-sitesine-git a {
    color: #fff;
    background: rgb(0 0 0 / 32%);
    padding: 4px 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.views-field.views-field-field-calisma-saatleri {
    font-size: .75em;
    color: #525252;
    font-family: tahoma;
}
.servisilans.views-row .views-field-created {
    margin-bottom: 40px;
    font-size: .8em;
}
.view-anasayfailanlar .views-col .views-field-field-image img {height: 143px;width: 100%;}
.views-field-field-gsm, .views-field-field-gsm-2 {
    font-size: 1.05em;
    width: 49%;
    margin: 0.1%;
    display: flow-root;
}
.views-field-field-telefon a {
    width: 100%;
    font-size: 1.05em;
}
.field--name-field-markalar .field__items .field__item:after {content: ' -';}
.field--name-field-markalar .field__items .field__item {display: inline-block;}
.field--name-field-gsm, .field--name-field-gsm-2, .field--name-field-telefon {font-size: 1.3em;margin-bottom: 5px;}
.field--name-field-tags .field__item {display: inline-block;color: #a9a9a9;}
.field--name-field-tags .field__item:after {content: ' /';}
#youtube-field-player {width: 98.5%;}
.view-sikca-sorulan-sorular .ui-state-active a {color: #e8e8e8;}
.views-field.views-field-field-adres i {display: block;}
.view-anasayfailanlar .views-col i {color: #607d8b;}
.views-field.views-field-field-gsm {float: left;}
.view-blog .views-col {border: 1px dotted #b9b9b9;padding: 4px;margin: 1%;width: 31% !important;}

.view-blog .views-col .views-field-title {font-weight: 900;font-size: 1.4em;color: #2196f3;}
.view-blog .views-col .views-field.views-field-body {height: 200px;overflow: auto;}
.node__meta article {min-height: auto !important;}
.node__meta {background: transparent;color: #bebebe;padding: 0;}
.field--name-field-anlasmali-sigorta-sirketle .field__items .field__item {display: inline-block;}
.field--name-field-anlasmali-sigorta-sirketle .field__items .field__item:after {content: ',';}
.node--type-oro-servis .field__label {
    text-transform: uppercase;
    font-size: 1.3em;
    color: #303030;
    font-weight: 800;
    text-decoration: underline;
}
.field--name-field-telefon .field__label, .field--name-field-adres .field__label, .field--name-field-gsm .field__label, .field--name-field-gsm-2 .field__label{font-size: 1em;}
.goback {position: absolute;right: 63px;top: 35px;font-size: 2em;}
#block-views-block-firmalar-block-1 {position: relative;}
.views-field.views-field-field-markalar .field-content, .views-field-field-anlasmali-sigorta-sirketle .field-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .8em;
    font-weight: 500;
    color: #191919;
}
.view-anasayfailanlar .views-field.views-field-body {
    margin-top: 6px;
    display: inline-block;
    font-size: .9em;
    overflow: hidden;
    height: 65px;
}

.views-field.views-field-field-anlasmali-sigorta-sirketle {
    margin-top: 10px;
}
.view-anasayfailanlar .views-field.views-field-body .field-content {
    color: #191919;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.views-label-field-markalar {
    color: #000000;
    font-weight: 800;
    font-family: sans-serif;
}
.view-anasayfailanlar .views-label-created, .view-anasayfailanlar .views-label-body {font-size: 0.9em;}
.view-anasayfailanlar .views-label-field-markalar {font-size: 0.77em;}

.views-field-field-adres .field-content {
    font-size: .8em;
    font-weight: 500;
}
.fa.fa-map-marker {
    font-size: 1.5em;
}
/*.node--type-oro-servis {
    text-align: center;
}*/
.node__content h4 a, .field--name-field-calisma-saatleri, .node__links, .field--name-field-markalar, .field--name-field-adres, .field--name-field-tags {
    text-align: center !important;
}
.view-firmalar .form-item-tid-1 .form-select{margin-right: -20px;}

.view-firmalar .form-item-tid-3 .form-select{margin-right: -45px;}
.js-form-item-tid-4 {display: inline-grid;margin-right: 14px !important;}
.view-firmalar .chosen-container-single .chosen-single {padding: 3px 0 0 8px;height: 38px;font-size: .85em;}
.view-firmalar .chosen-single div b {background-position: 0 7px;}
.form-type-select select {font-size: 1em;}
.node--sticky .node__content {text-align: center;}
h2, .h2 {font-size: 1.5rem;}
.view-id-firmalar h2, .view-id-firmalar .h2 {font-size: .71rem;font-weight: 600;}
.slick-dots li button {background: transparent;}

.form-item-tid .form-select {
    padding: 0;
    background-image: transparent;
    border: 0;
}
#edit-tid {
    position: relative !important;
}
.views-field.views-field-totalcount {
    position: initial;
    top: 155px;
    left: 0;
    padding: 0 5px;
    background: linear-gradient(90deg, rgb(232 232 233) 0%, rgb(15 11 11 / 69%) 50%, rgb(248 248 248) 100%);
    color: white;
    width: 100%;
}
.view-anasayfailanlar .views-field.views-field-title {
    min-height: 45px;
}
.view-display-id-block_vitrin1 .views-col {
    margin: .2%;
    width: 24.6% !important;
}
.view-display-id-block_2 img {
    width: 13%;
    height: auto;
}
.navbar-nav {display: -webkit-box;}

#block-nb-mainnavigation-2 ul li a {color: #585454;position: relative;}
#block-nb-mainnavigation-2 {margin-top: 34px;text-transform: uppercase;font-weight: 800;}
.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {text-decoration: none!important;}

.chosen-container-single {min-width: 100%;}
.view-firmalar .form-item-title {width: 15%;}
.statistics-counter {display: none !important;}
.sf-menu.sf-vertical li a {padding: 12px 18px;}
.region-sidebar-first h2, .yrms h5 {
    color: #fff;
    background: #607c97;
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
    font-size: 1em;
    font-family: sans-serif;
    font-weight: 600;
}
.node--type-oro-servis .slick-slide img {height: 500px;}
.field--name-field-alt-sayfa-youtube-video .field__item {width: 47%;display: inline-block;margin: 1%;}
#block-views-block-manset-slayt-block-2 img {width: 76%;}

#block-views-block-manset-slayt-block-2 {
    position: fixed;
    left: 0;
    top: 50%;
    width: 150px;
}
.flex-container {
    display: flex;
    flex-wrap: wrap;
}
.flex-box {
    padding: 4px;
    border: 1px solid #ddd;
    margin: .5%;
    text-align: center;
    background: #428399;
    color: #fff;
    flex-grow: 1;
}
.ilans {display: flex;}
.views-field-field-adres .field-content {margin-bottom: 15px;}
.sgit:after {content: '►';font-family: 'FontAwesome';z-index: 9999;position: absolute;right: 33px;bottom: 6px;color: #fffcfc;}
.views-field.views-field-field-markalar, 
.views-field-field-anlasmali-sigorta-sirketle, 
.view-firmalar .views-field.views-field-body,
.views-field.views-field-field-adres {
    padding: 0 10px;
}
#block-duyuru-siteciler {clear: both;}
.view-id-urun_siteciler .views-infinite-scroll-content-wrapper {
    display: flex;
}
.view-urun-siteciler .views-row {
    width: 23%;
    margin: .5%;
    display: inline-block;
    background: #efefef;
    padding: 5px;
    border-top: 3px solid #607c97;
}
.view-id-urun_siteciler .img-fluid {
    height: 230px;
    border: 1px solid rgb(96 124 151 / 60%);
}
.region-header3 .block-block-content h2, .region-header3 .block-block-content h3 {
    padding: 6px;
    color: #fff;
    background: #607c97;
}
.views-label-field-urun-fiyati {
    float: left;
    font-weight: 700;
    margin-right: 3px;
}
.views-field.views-field-view-node {
    position: relative;
}

.view-urun-siteciler .views-field-view-node a {
    background: #607c97;
    width: 100%;
    position: absolute;
    bottom: 0px !important;
    text-align: center;
    color: #fff;
    left: 0;
}
.page-node-128 .header4 h1, .page-node-107 .header4 h1, .page-node-565 .header4 h1{
    display: none;
}
.container {
    padding: 0;
}
.region-sidebar-first {
    padding: 0;
    margin-right: 15px;
}
.view-duyuru-siteciler ul {
    margin: 0;
    padding: 0;
}
.view-duyuru-siteciler ul li {
    list-style-type: none;
    min-height: 50px;
    padding: 7px;
    margin: 0;
    border-bottom: 1px dashed #dabd7 !important;
}
.view-foto-galeri .views-col .views-field-title a {color: #e7e7e7;text-shadow: none;}
.view-foto-galeri .views-field-created {color: #e7e7e7;}
.view-foto-galeri .view-content {display: flex;flex-wrap: wrap;}
.view-foto-galeri .views-row {margin: 1%;background: #607c97;text-align: center;width: 31%;}
.view-foto-galeri .views-field-title a {color: #054056;text-shadow: 1px 1px 1px #ffffff;font-weight: 800;text-transform: uppercase;}
.view-urun-siteciler .js-form-item-sort-by {display: none !important;}
.view-urun-siteciler .js-form-item-sort-order {width: 200px;}
.js-form-item-sort-by {display: none !important;}
.views-exposed-form {padding-top: 10px;margin: 1%;}

.field--name-field-instagram a:before {
    content: '';
    background: url(/sites/default/files/instegram.png);
    width: 40px;
    height: 40px;
    position: absolute;
}
.field--name-field-youtube a:before {
    content: '';
    background: url(/sites/default/files/youtube.png);
    width: 40px;
    height: 40px;
    position: absolute;
}
.field--name-field-facebook a:before {
    content: '';
    background: url(/sites/default/files/facebook.png);
    width: 40px;
    height: 40px;
    position: absolute;
}
.field--name-field-instagram a, 
.field--name-field-youtube a, 
.field--name-field-facebook a {color: transparent;}
.field--name-field-instagram a:hover, 
.field--name-field-youtube a:hover, 
.field--name-field-facebook a:hover  {color: transparent !important;}
.field--name-field-youtube, .field--name-field-instagram, .field--name-field-facebook {float: left;margin: 0 12px;width: 30px;}
.view-blog .views-field-field-icerik-manset-resim {
    height: 100px;
    overflow: hidden;
    margin-top: 10px;
    color: transparent;
}
.view-blog .views-field-field-icerik-manset-resim a.colorbox img {
    width: 31% !important;
}
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.views-field-term-node-tid .item-list li {list-style-type: none;}
#block-ilanekle {
    text-align: center;
    margin-left: 25px;
    margin-top: 17px;
}
#block-ilanekle a {
    font-weight: 600 !important;
    color: #f7f7f7;
    background: linear-gradient(13deg,#0b360d 0%,#4ecd17de 50%,#106013 100%);
    padding: 11px 23px;
    border-radius: 14px;
}
.header-container .menu li a, .header-container .menu li span {color: #b9b9b9;font-size: 1.1em;/*text-shadow: 0px 2px 2px #fff;*/}
.header-container .menu li a::before, .menu li span::before {background: #00bcd4;}
.field--name-field-musteri-takip-resim {
    display: flex;
    flex-wrap: wrap;
}
.field--name-field-musteri-takip-resim .field__item {
    width: 23%;
    height: 200px;
    overflow: hidden;
    margin: .5%;
}
.field--type-telephone { width: -moz-available;}
.chosen-container-single .chosen-single {background: transparent;border: 1px solid #ddd;}
.view-firmalar .form--inline.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.view-firmalar .views-infinite-scroll-content-wrapper.clearfix {
    display: flex;
    flex-wrap: wrap;
   justify-content: space-between;
}
.servisilans.views-row {
   border-top: 4px solid #2196f3;
    position: relative;
    text-align: center;
    min-height: 400px;
    background: linear-gradient(rgb(255 255 255 / 35%), rgb(0 130 170 / 0%)), url(/sites/default/files/oto-bg16.png);
    background-size: 100% 100%;
    margin: 1%;
    box-shadow: 0px 0px 13px -4px #6a6a6a;
}
.view-display-id-block_vip .servisilans.views-row {min-height: auto;}

.js-pager__items.pager {text-align: center;}
.js-pager__items.pager a.button {margin: 0;background: white;}

.view-id-firmalar .servisilans .views-field-title a {
    text-transform: uppercase;
    font-size: 1.1em;
}

.view-firmalar .views-field.views-field-title {
    border-bottom: 2px solid #929292;
}
#vipuyeler-slider .views-field.views-field-title {
    position: absolute;
    background: #fff;
    width: 100%;
}

.view-display-id-block_2 .servisilans img, .view-display-id-block_vip .servisilans img {width: 100%;height: 177px;transition: 0.5s;border-radius: 17px 17px 0 0;}
.view-display-id-block_2 .servisilans img:hover, .view-display-id-block_vip .servisilans img:hover {
    transition: 0.5s;
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95);
}
#edit_tid_chosen, #edit_tid_1_chosen, #edit_tid_3_chosen, #edit_tid_4_chosen{width: 100% !important;min-width: auto;}
.view-urun-siteciler .form--inline .form-item {width: 144px;}
.chosen-container-single .chosen-single div b {background: transparent!important;}

#edit-actions--5X_-LztCgw4 {
    padding: 0;
    margin: 0;
    display: inline-flex;
}
.form--inline .form-actions {float: right;margin-top: 25px;}
.view-urun-siteciler .form--inline.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.form-select {
    padding: 0;
    border: 0;
    background-color: rgb(255 255 255 / 50%);
}
#modal-views-filter .form-select {
    padding: inherit;
    border: 1px solid #ddd;
    height: 33px;
}
.views-field.views-field-field-whatsapp img {
    width: 35px;
    height: 35px !important;
}
.field--name-field-whatsapp a {
    color: transparent !important;
    position: relative;
}
.field--name-field-whatsapp a:before {
    content: '';
    background: url(/sites/default/files/whatsapp_icon.png);
    position: absolute;
    height: 35px;
    width: 35px;
    top: -24px;
}
#urunler-slider .slick-dots li button:before {font-size: 15px;}
.view-yedek-parca-ilanlari .views-field-field-icerik-manset-resim {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-end;
  height: 70px;
  overflow: hidden;
}
.view-yedek-parca-ilanlari .views-field-field-icerik-manset-resim img {
    width: 100px;
}
.view-yedek-parca-ilanlari .item-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.view-yedek-parca-ilanlari .item-list {
    height: 55px;
    overflow: hidden;
}
.view-yedek-parca-ilanlari .img-fluid {height: 55px;}
.view-yedek-parca-ilanlari .views-field-field-gsm {
    font-size: inherit;
    width: AUTO;
    margin: AUTO;
    display: revert;
}
.pmc-yedek_parcaci .field--name-field-icerik-manset-resim  {display: flex;flex-wrap: wrap;}
.pmc-yedek_parcaci .field--name-field-icerik-manset-resim .field__item {width: 23%;margin: 1%;}
.pmc-yedek_parcaci .field--name-field-icerik-manset-resim .field__item img {height: 200px;}
.view-yedek-parca-ilanlari .views-field-field-gsm {float: none;}
.view-yedek-parca-ilanlari .view-filters {display: flex;flex-wrap: wrap;}
.view-yedek-parca-ilanlari .chosen-container-single .chosen-single {height: 38px;}
.view-id-blog .view-content {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
}
.view-id-blog .view-content .views-row {
    width: 48%;
    margin: 1%;
    border: 1px solid #d1d1d1;
    padding: 5px;
}
.view-display-id-page_vitrin .view-content .views-row {
    width: 100%;
    border: 1px solid #d1d1d1;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
}
.view-id-blog .view-content .views-row .views-field-body {
    max-height: 325px;
    overflow: overlay;
}
.view-anasayfailanlar .view-content {
    display: flex !important;
    flex-wrap: wrap;
}
.view-id-7_24_acik_servisler .view-content {
    display: flex;
    flex-wrap: wrap;
}
.view-id-7_24_acik_servisler .form--inline.clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.youtube-field-player {
    width: 100%;
}
.header4 h1 {font-size: 1.5em;color: #ddd;}

@media (min-width: 1000px){
.view-id-anasayfailanlar .form--inline.clearfix {display: flex;flex-direction: column;}
#views-exposed-form-firmalar-block-2 .js-form-item-tid-1, 
.view-id-anasayfailanlar .form--inline .form-item, 
#views-exposed-form-firmalar-block-2 .js-form-item-tid-3 {width: 100%!important;}
.view-id-anasayfailanlar .view-filters {
  position: fixed;
  left: 3px;
  top: 10px;
  z-index: 9999;
  width: 140px;
  padding: 5px;
}
.form-item, .form-actions {margin: 0;}
#block-views-block-firmalar-block-2 .view-filters label {font-size: .9em;color: #fff;}
#edit-submit-anasayfailanlar {width: 91%;}
}

@media (min-width: 1400px){
.path-frontpage .container-xxl, .path-frontpage .container-xl, .path-frontpage .container-lg, .path-frontpage .container-md, .path-frontpage .container-sm, .path-frontpage .container {
    max-width: 1242px;
}
}

@media (min-width: 1200px){
.logo-menu-container {width: calc(100% - 365px);}
.view-display-id-page_foto_galeri .views-field-field-image img {height: 180px;}
}
#flexslider-1 .slides .views-field-title a {color: #fff;}
#flexslider-1 .slides .views-field-title {position: absolute;background: rgb(104 104 104 / 62%);width: 100%;padding: 3px 0;}
#views-exposed-form-urun-siteciler-page-video-galeri .form--inline .form-item {width: min-content;}
.view-id-iceriklerim th a {font-size: 1em;font-weight: 700;}
#views-exposed-form-iceriklerim-page-1 .form--inline.clearfix {display: flex;}
#views-exposed-form-iceriklerim-page-1 .form--inline.clearfix .form-item-tid {width: 160px;}
.indirimozel {
    position: absolute;
    content: '';
    background: url(/sites/default/files/ozel-indirim.png);
    background-size: 100% 100%;
    width: 53px;
    height: 61px;
    left: 0;
    top: 0;
    z-index: 999;
}
.views-field-field-ozel-indirim {position: relative;}
.views-field-field-ozel-indirim .field-content {
    position: absolute;
    left: 14px;
    top: 10px;
    color: #ffe100;
    font-weight: 600;
    z-index: 9999;
}
.average-rating, .total-votes {
    font-size: 0.75em;
    font-family: tahoma;
}
.field--name-field-disqus-comment {margin-top: 60px;}
.field--name-field-disqus-comment .field__label {display: none;}
.field--name-field-disqus-comment:before {
    content: "YORUMLAR";
    font-size: 2em;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
}
#reactions div:nth-child(1) {
    display: none;
}
.sso__button img {display: none!important;}
.sso button img {
    height: 32px!important;
    display: block!important;
}
.ui-dialog-titlebar #ui-id-1 {color: transparent;}
.ui-dialog-titlebar #ui-id-1::before {content: "YORUMLAR";color: yellowgreen;}
iframe .logged-out__display .connect .login-buttons .sso .sso__button img {width: 33% !important;}
.services li { display: inline-block !important;}
li.auth-disqus {
    display: none!important;
}
.auth-section.logged-out__display {
  display: none!important;
}

.node--type-oro-servis .field--name-body h4, .field--name-field-google-mapi h4 {
    padding: 25px 0;
    position: relative;
}
.node--type-oro-servis .field--name-body h4 a, .field--name-field-google-mapi h4 a {
    color: white;
    font-weight: 600;
    text-decoration-line: revert;
    padding: 12px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90deg,#ffffff 0%,#78909c 50%,#ffffff 100%);
}
.page-node-609 .header4 h1 {
    display: none;
}
#block-yasaluyari a {color: #03a9f4;}

#block-yasaluyari {

    background: #00000073;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-size: .7em;
    font-family: 'Montserrat';
}
.mt-auto {
    margin-top: auto !important;
    padding: 0 4px;
}
.mt-auto .container {
    width: 100% !important;
    max-width: 100% !important;
}

/************** LOGO ************************/
 .rotatein {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0, 0, 1, -200deg);
  transform: rotate3d(0, 0, 1, -200deg);
  opacity: 0;
  }
  100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0, 0, 1, -200deg);
  transform: rotate3d(0, 0, 1, -200deg);
  opacity: 0;
  }
  100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }  
.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;

  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes flip {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
  transform: perspective(400px) scale3d(.95, .95, .95);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  }
  @keyframes flip {
  0% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  40% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  }
  50% {
  -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  80% {
  -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
  transform: perspective(400px) scale3d(.95, .95, .95);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  }
  } 
 .zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  }


.logom img {
 -webkit-animation-duration: 5s;
  animation-duration: 5s;
  margin: .8%;
}
.animated.flip.logoyazi {
    top: -13px;
    position: absolute;
    z-index: 9;
    left: 57px;
}
.rotatein {
    width: 60px;
}
.logom {
    position: relative;
}
.ic {
    display: inline-block;
}
.ic.yazi1 img {
    position: absolute;
    left: 53px;
    top: -11px;
}
.ic.sagtkr img {
    position: absolute;
    top: 25px;
    right: 20px;
    height: auto;
}

.ic.soltkr img {
    position: absolute;
    top: 27px;
    height: auto;
    left:20px;
}
.ic.yazi2 {
    position: absolute;
    bottom: -100px;
    left: 28px;
}
.ic.yazi2 a {
    font-size: 1.3em;
    font-family: 'Barlow';
    color: #65979894;
    text-shadow: 1px 1px 1px #fff, -1px -1px 1px #585353;
}

header .ataturk div, header .ataturk img {
    height: auto;
}

#block-googleplaystore {background: black;border-radius: 10px;margin-bottom: 0px;}
#block-googleplaystore .rotatein {width: auto;}

/*************** MOBİL TABLET *******************/

@media (min-width:1200px) {

#mansetyeni {border: 1px solid #7593a1;padding: 3px;border-radius: 0;box-shadow: 0 30px 38px -17px #2c2c2c;}
.servisilans.views-row {width: 23%!important;}

a[href="http://ototamirforum.com"]:after {
    content: 'YENİ';
    position: absolute;
    top: 4px;
    right: 23px;
    font-size: .6em;
    color: #e91e63;
    transform: rotate(0deg);
}
.view-firmalar .form--inline .form-item {float: left;width: 14%;}
.view-firmalar .form-select {width: 100% !important;min-width: auto !important;}
#block-views-block-manset-slayt-block-vitrin1-2:not(.path-frontpage) {width: 67%;margin: 0 auto;}
#views-exposed-form-firmalar-block-2 .js-form-item-tid-3 {width: 12%;}
#views-exposed-form-firmalar-block-2 .js-form-item-tid-5 {width: 10%;}
#views-exposed-form-firmalar-block-2 .js-form-item-tid-1 {width: 20%;}
.form-type-select select, .chosen-container-single .chosen-single, .form-type-textfield input {box-shadow: inset 1px 1px 3px 0px #7d7d7d;background-color: rgb(255 255 255 / 50%);}
}

@media (max-width: 767px) {
#modal-views-filter .servisilans.views-row {
    width: 97% !important;
}
a.uikitmenu {
    position: fixed!important;
    left: 13px!important;
    top: -21px!important;
    z-index: 99;
}
.mobil-menu ul li {
    width: 100%;
    border-bottom: 1px dotted #8a8a8a;
    text-transform: uppercase;
}
.mobil-menu a.nav-link {
    color: #e4e4e4 !important;
}
.navbar-nav {
    display: block;
}
body {background: transparent !important}
.block-views-blockfirmalar-block-vip h2 {background: transparent;color: #004876;border-bottom: 1px solid;font-weight: 700;}
#vipuyeler-slider .views-field.views-field-title {background: rgb(0 0 0 / 15%);}
#vipuyeler-slider .slick-slide img{height: 115px!important;width: 180px;}
.deprem {left: 126px;top: 76px;}
.deprem img {width: 25%;}
#block-yasaluyari {position: absolute;}
.node__content {background: transparent!important;}
.header4 h1, .node__content {color: #323131 !important;}
#block-banneraciklama h3, #block-banneraciklama .h3 {text-shadow: 1px 1px 1px #fff, -1px -1px 1px #585353!important;}
.view-id-urun_siteciler .img-fluid {height: 115px!important;}
#sitecilermanset .slides img {height: auto!important;}
.block-superfish .sf-vertical {margin-top: 0!important;}
.region-sidebar-first {margin-right: 0!important;margin-top: 30px!important;margin-bottom: 30px!important;}
#views-exposed-form-anasayfailanlar-block-2 {
    background: rgb(128 185 217 / 28%);
    padding: 5px;
    margin-bottom: 25px;
    border: 1px solid rgb(42 123 171 / 37%);
}
 .view-display-id-page_video_galeri .view-content .views-row {
    width: 100%;
    margin-bottom: 9%;
    border: 1px solid #ddd6;
    padding: 5px;
    text-align: center;
    background: rgb(249 249 249 / 50%);
}
  .mforum {
    display:block;
    padding: 3px 8px!important;
    border-radius: 0 !important;
    background: #1c8ea1 !important;
    position: absolute;
    right: 0;
    top: 0;
}
.header-container .menu li a, .header-container .menu li span {
    color: #1c8ea1 !important;
    font-size: 1em!important;
    padding: 10px!important;
}
  .view-display-id-block_vitrin1 .views-col {margin: 1%;width: 48% !important;}
  #block-nb-content .field--name-body h6 {font-size: .5em !important;}
  .form-select {border: 1px solid #ddd;}
  .views-field.views-field-field-markalar .field-content, 
  .views-field-field-anlasmali-sigorta-sirketle .field-content,
  .view-firmalar .views-field.views-field-body,
  .views-field.views-field-body span,
  .views-field-field-adres .field-content {
    font-size: 1em;
}
.views-field.views-field-field-sitesine-git a {bottom: 2px;}
.field--name-body img {height: auto;}
 
  a[href="http://ototamirforum.com"]:after {
    content: 'YENİ';
    position: relative;
    top: 4px;
    right: 23px;
    font-size: .6em;
    color: #e91e63;
    transform: rotate(0deg);
}
.view-id-firmalar .btn, .view-id-firmalar .button {margin-top: 0;width: 100%;}
.view-id-firmalar .views-col {width: 92% !important;margin: 4%;min-height: auto;}
.form--inline .form-item {width: 45%;}
#edit-actions {float: inherit;width: 100%;margin: 15px 0;}
.field--name-field-icerik-manset-resim .field__item img {height: 40px;}
#block-banneraciklama {margin-top: -21px;}
#youtube-field-player {width: 100%;height: auto;}
.view-blog .views-col {width: 100% !important;}
.view-id-firmalar .views-col:hover {transform: none;background: transparent;}
.goback {position: absolute;right: 0;top: -14px;font-size: 2em;}
.chosen-container-single {min-width: 151px !important;}
.servisilans.views-row {margin-right: 0;margin-bottom: 15px;}
.view-firmalar .form-item-tid .form-select, .view-firmalar .form-item-tid-1 .form-select, .view-firmalar .form-item-tid-3 .form-select, .view-firmalar .form-item-tid-4 .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    border: 1px solid #ddd;
}

.js-form-item-tid-4 label {font-size: .9em;}
.node--type-oro-servis .slick-slide img {height: auto;}
.field--name-field-alt-sayfa-youtube-video .field__item {width: 98%;display: block;}
.field--name-field-alt-sayfa-youtube-video iframe {width: 100%;height: auto;}
#block-views-block-manset-slayt-block-2 {position: inherit!important;}
.views-field-field-adres .field-content {margin-bottom: 15px;}
.ilans {flex-direction: column;}
.view-urun-siteciler .views-row {width: 48%;margin: .5%;}
.node--type-oro-servis .field--name-field-icerik-manset-resim .field__item img.img-fluid {height: 50px;}
#block-ilanekle {margin-left: -190px;margin-top: 75px;}
#block-ilanekle a {color: #f7f7f7 !important;padding: 7px 23px;}
#block-banneraciklama h3 a, #block-banneraciklama .h3 a {line-height: 1.1;margin-top: 3px;font-size: 0.85em!important;color: #217db7!important;}
.header-container .logo {width: 283px!important;}
.servisilans.views-row {margin: 0;margin-bottom: 60px;}
.view-display-id-block_2 .servisilans img{height:165px;}
.servisilans .views-field-totalcount{top:145px;}
#views-exposed-form-firmalar-block-2 .form--inline.clearfix {display: flex;flex-wrap: wrap;justify-content: space-between;}
.form--inline .form-item {width: 48%;margin: 0;}
.view-firmalar .form-item-title {margin-right: 0 !important;}
.js-form-item-tid-4 {display: inline-grid;margin-right: 0px !important;}

.view-id-blog .view-content .views-row {width: 100%;}
.phone-number {
    display: block;
    position: absolute;
    right: 11px;
    bottom: 5px;
    width: 116px;
}
.path-frontpage .node__content a {color: #2e2e2e;text-decoration: auto;}
.path-frontpage .block-system-main-block {
    background: rgb(211 211 211 / 38%);
    border-top: 1px solid #c7c7c7;
    padding: 5px;
    display: none;
}
.flex-control-nav li {margin: 0 3px;}
.flex-control-paging li a {width: 9px;height: 9px;}
.block-views-blockvip-uyeler3-block-vip3 .img-fluid {height: 100px;}

.slick--view--vip-uyeler .slick-initialized .slick-slide {
    width: 200px;
}
.slick--view--vip-uyeler span.field-content {
    float: left;
    width: 100% !important;
}
.slick--view--vip-uyeler .views-field.views-field-title a {
    text-decoration: none;
    color: #2e3840;
    transition-duration: 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%;
    float: left;
}
}

@media (min-width: 500px) and (max-width: 1024px){
#views-exposed-form-firmalar-block-2 .form--inline.clearfix .form-item {width: 47%;}
#views-exposed-form-firmalar-block-2 .form-select {width: 100% !important;}
#views-exposed-form-firmalar-block-2 .button {width: 100% !important;}
#edit-actions {float: inherit;width: 100%;}
}

@media (min-width: 1100px) and (max-width: 1366px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 95%;
}
.container-xxl.header {
    width: 95%;
}
.header-container .menu li a, .header-container .menu li span {
    font-size: 1em;
    padding: 13px 13px;
}
.logo-menu-container {width: calc(100% - 413px);}
}

@media (min-width: 1353px) and (max-width: 1365px){
/*.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1185px;
    float: right;
}
.container-xxl.header {
    float: right;
    width: 1230px;
    margin-right: 0;
}*/

}


@media (min-width: 992px) and (max-width: 1100px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 900px;
    float: right;
}
.container-xxl.header {
    float: right;
    width: 900px;
    margin-right: 0;
}
.header-container .menu li a, .header-container .menu li span {
    font-size: 1em;
    padding: 13px 13px;
}
.logo-menu-container {width: calc(100% - 205px);}
}

@media (min-width: 467px) and (max-width: 768px){
.servisilans.views-row {width: 47% !important;}
.header-container .logo {width: 100%;margin-left: initial;left: 0;}
}
@media (max-width: 480px){
.servisilans.views-row {height: auto!important;}
}
@media (min-width: 769px) and (max-width: 960px){
.header-container .logo {width: 95%!important;margin-left: 80px!important;}
#views-exposed-form-firmalar-block-2 .form--inline.clearfix .form-item {width: 47%;}
.header-container .logo {width: 85%;margin-left: 100px;}
}
@media not all and (min-resolution:.001dpcm) { 
.header-container {justify-content: flex-end!important;}
.logo-menu-container {font-size: .75em !important;}
.ataturk {display: none!important;}
.form-type-select select {border: 1px solid #ddd;}
.view-firmalar .form--inline.clearfix {justify-content: space-between;}
.form--inline .form-item {width: 31%;}
#edit-actions, #edit-submit-firmalar {width: 100%;}

}

/************ ANİMATİON ***************/

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 2s linear infinite;
  display: inline-block;
      font-size: 190px;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}