/* Minification failed. Returning unminified contents.
(1851,33): run-time error CSS1031: Expected selector, found ','
(1934,58): run-time error CSS1038: Expected hex color, found '#fff0'
(3879,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '164'
 */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon9bdc.eot?s3ja9r');
  src:  url('fonts/icomoon9bdc.eot?s3ja9r#iefix') format('embedded-opentype'),
    url('fonts/icomoon9bdc.ttf?s3ja9r') format('truetype'),
    url('fonts/icomoon9bdc.woff?s3ja9r') format('woff'),
    url('fonts/icomoon9bdc.svg?s3ja9r#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gsm:before {
  content: "\e91c";
}
.icon-posta:before {
  content: "\e91d";
}
.icon-list-select:before {
  content: "\e91b";
}
.icon-saat:before {
  content: "\e91a";
}
.icon-kartlar:before {
  content: "\e913";
}
.icon-telefon:before {
  content: "\e914";
}
.icon-adres:before {
  content: "\e915";
}
.icon-balik:before {
  content: "\e916";
}
.icon-ekmek:before {
  content: "\e917";
}
.icon-faks:before {
  content: "\e918";
}
.icon-indir:before {
  content: "\e919";
}
.icon-begen:before {
  content: "\e910";
}
.icon-paylas:before {
  content: "\e911";
}
.icon-yorum:before {
  content: "\e912";
}
.icon-arama:before {
  content: "\e90f";
}
.icon-ik-form:before {
  content: "\e90e";
}
.icon-fb:before {
  content: "\e900";
}
.icon-ins:before {
  content: "\e901";
}
.icon-kampanya:before {
  content: "\e902";
}
.icon-kiralik-yer:before {
  content: "\e903";
}
.icon-kisisel:before {
  content: "\e904";
}
.icon-kisisel-form:before {
  content: "\e905";
}
.icon-tw:before {
  content: "\e906";
}
.icon-uslide-left:before {
  content: "\e907";
}
.icon-uslide-right:before {
  content: "\e908";
}
.icon-yt:before {
  content: "\e909";
}
.icon-724:before {
  content: "\e90a";
}
.icon-bizden:before {
  content: "\e90b";
}
.icon-blog:before {
  content: "\e90c";
}
.icon-ebulten:before {
  content: "\e90d";
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

html, body {
    line-height: 1;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 14px;
    width: 100%;
    color: #313131;
    height: 100%;
    left: 600px;
}

body {
    line-height: 1.3;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.loading {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9998;
}

button {
    background-color: Transparent;
    cursor: pointer;
    outline: none;
    color: inherit;
    border: none;
}

a {
    outline: none;
    text-decoration: none;
    color: inherit;
}

    a:hover {
        text-decoration: none;
    }

    /*:hover {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}*/

    a:active {
        text-decoration: none;
    }

IMG {
    border: none;
    display: block;
}

* {
    color: inherit
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

.hidden {
    display: none !important;
}

.block {
    display: block !important;
}

.clear {
    clear: both;
}

input, textarea, select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dkap {
    height: 100%;
    display: table;
    overflow: hidden;
    width: 100%;
}

    .dkap .dic {
        display: table-cell;
        vertical-align: middle;
    }

ul {
    list-style-type: none;
}

.form .str .s1, .form .str .s2, .form .str .s25, .form .str .s3, .form .str .s33, .form .str .s4, .form .str .s5, .form .str .s6, .form .str .s7, .form .str .s8, .form .str .s9, .form .str .s10,
.form .str .s11, .form .str .s12 {
    float: left;
    padding: 0.5% 0.25%;
}

.form .str .s1 {
    width: 7.833333%;
}

.form .str .s2 {
    width: 16.16666667%;
}

.form .str .s25 {
    width: 24.5%;
}

.form .str .s3 {
    width: 24.5%;
}

.form .str .s33 {
    width: 9.5%;
}

.form .str .s4 {
    width: 32.83333333%;
}

.form .str .s5 {
    width: 41.16666667%;
}

.form .str .s6 {
    width: 49.5%;
}

.form .str .s7 {
    width: 57.83333333%;
}

.form .str .s8 {
    width: 66.16666667%;
}

.form .str .s9 {
    width: 74.5%;
}

.form .str .s10 {
    width: 82.83333333%;
}

.form .str .s11 {
    width: 91.16666667%;
}

.form .str .s12 {
    width: 99.5%;
}

.form input, .form textarea, .form button, .form select {
    width: calc(100% - 4px );
    border: none;
    padding: 0 12px;
    margin-bottom: 4px;
    border: 1px solid #969696;
}

    .form input[type="radio"] {
        width: auto;
    }

    .form input[type=text], .form select {
        height: 35px;
    }

    .form input[type=file] {
        border: none;
    }

    .form input[type=checkbox] {
        width: auto;
    }

.form textarea {
    height: 176px;
}

.form .str .checkbox {
    display: inline-flex;
}

.str .checkbox a {
    color: #406a86;
    font-weight: 700;
}

.bos {
    display: block;
    content: '.';
    line-height: 35px;
    height: 35px;
    margin-bottom: 6px;
}

.form button {
    background-color: #ea5128;
    text-align: center;
    color: #fff;
    line-height: 35px;
}

.form .baslik {
    color: #406a86;
    font-weight: 500;
    font-size: 36px;
    margin: 40px 0 20px;
}

.form .altbaslik {
    font-size: 19px;
}

.form .str {
    margin-bottom: 6px;
}

.form label {
    line-height: 35px;
}

.form .checkbox label {
    line-height: 1.5
}

.form span.field-validation-error {
    color: red;
    font-size: 13px;
    top: -2px;
    position: relative;
    display: block;
}

.form .input-validation-error {
    border: 1px solid #a04f4f !important;
}

.form input[type=file].input-validation-error {
    border: none !important;
}

.ikform {
    width: 60%;
    margin: 36px auto;
}

.ortala {
    max-width: 96%;
    width: 1330px;
    margin: 0 auto;
}


.form .stric {
    line-height: 35px;
    height: 35px;
    margin-bottom: 6px;
}

.page {
    position: relative;
    max-width: 1920px;
    margin: auto;
}

header .logo {
    float: left;
    margin-top: 28px;
}

header {
    height: 92px;
    z-index: 9999;
    position: relative;
}

    header .sag {
        float: right;
        display: inline-flex;
        width: calc(100% - 227px);
    }

    header .menu ul {
        display: inline-flex;
        margin-top: 42px;
        margin: auto;
    }

    header .sag .online {
        width: 168px;
        margin-top: 24px;
        display: none;
    }

    header .sag .menu {
        width: calc(100% - 168px);
    }

    header .menu .ic {
        text-align: center;
        margin-top: 38px;
        font-size: 16px;
        font-weight: 500;
    }

    header .menu ul li {
        margin-right: 20px;
    }

        header .menu ul li a {
            color: #3a474d;
        }

        header .menu ul li.aktif a, header .menu ul li:hover a {
            color: #ea5128;
        }

        header .menu ul li:last-child {
            margin-right: 0;
        }

.page > .slider {
    position: relative;
    margin-bottom: 85px;
    width: 100%;
}

    .page > .slider .bx-wrapper .bx-next {
        right: 60px;
    }

    .page > .slider .bx-wrapper .bx-prev {
        left: 60px;
    }

.slider .sosyal {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
}

.slider .sosyal {
    font-size: 28px;
}

    .slider .sosyal li {
        margin-bottom: 2px;
    }

        .slider .sosyal li a {
            display: block;
            margin-bottom: -8px;
            color: #406a86;
        }

.slider .ic li > .ic {
    position: absolute;
    height: 100%;
    width: 100%;
}


    .slider .ic li > .ic > .ortala {
        height: 100%;
    }

        .slider .ic li > .ic > .ortala > .sol {
            height: 100%;
            width: 39%;
        }

    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        font-weight: 700;
        font-size: 69px;
        margin-bottom: 30px;
    }

    .slider .ic li > .ic .yazi {
        color: #fff;
        margin-top: 114px;
    }

        .slider .ic li > .ic .yazi .baslik:nth-child(2) {
            font-size: 31px;
            margin-bottom: 14px;
        }

        .slider .ic li > .ic .yazi .aciklama {
            font-size: 18px;
            line-height: 1.4;
        }

.slider > .ic > .bx-wrapper > .bx-controls .bx-pager {
    position: absolute;
    text-align: left;
    left: 15%;
    bottom: 33px;
    width: 70%;
}

.slider .ic li > .ic .yazi .link {
    margin-top: 40px;
}

    .slider .ic li > .ic .yazi .link a {
        padding: 8px 23px;
        background-color: #fff;
        border-radius: 15px;
        color: #ea5128;
        font-size: 18px;
        font-weight: 500;
    }

        .slider .ic li > .ic .yazi .link a:hover {
            background-color: #000;
            color: #fff;
        }

.bx-wrapper .bx-pager-item {
    font-size: 22px !important;
    line-height: initial !important;
    font-weight: 300 !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: 0 !important;
}

    .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a {
        background-color: #fff !important;
        border-radius: 0 !important;
        width: auto !important;
        height: auto !important;
        padding: 2px 3px 2px !important;
    }

        .bx-wrapper .bx-pager.bx-default-pager a.active {
            color: #ea5128 !important
        }

.anasayfa .ust1 .sliders > div {
    float: left;
    max-width: 647px;
    width: 48.7%;
}

    .anasayfa .ust1 .sliders > div:first-child {
        margin-right: 2.6%;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        position: absolute;
        left: -14.8%;
        font-size: 49px;
    }

    .anasayfa .ust1 .sliders > div:first-child .baslik:before {
        content: "\e902";
    }

    .anasayfa .ust1 .sliders > div:nth-child(2) .baslik:before {
        content: "\e90b";
    }

    .anasayfa .ust1 .sliders > div > .ic {
        width: 85.2%;
        margin-left: 14.8%;
        position: relative;
    }

.ust1 {
    padding-bottom: 42px;
    position: relative;
}

    .ust1:before {
        position: absolute;
        left: 0;
        bottom: 26px;
        /*content: url(../images/kampanya-before.jpg);*/
        content: url(../images/sol-resim.png);
        z-index: -1;
    }

    .ust1:after {
        position: absolute;
        right: 0;
        bottom: 26px;
        /*content: url(../images/bizden-before.jpg);*/
        content: url(../images/sag-resim.png);
        z-index: -1;
    }

    .ust1 .sliders > div > .ic > .baslik {
        font-weight: 500;
        font-size: 36px;
        color: #406a86;
        margin-bottom: 19px;
    }

    .ust1 .sliders > div > .ic .basliksl {
        font-weight: 500;
        color: #323232;
    }

    .ust1 .sliders > div > .ic li .yazi * {
        line-height: 1.6;
    }

    .ust1 .sliders > div > .ic li .link {
        margin-bottom: 4px
    }

        .ust1 .sliders > div > .ic li .link a:hover {
            background-color: #ea5128
        }

        .ust1 .sliders > div > .ic li .link a {
            font-weight: 500;
            font-size: 13px;
            background-color: #406a86;
            height: 21px;
            line-height: 21px;
            display: -webkit-inline-box;
            margin-top: 21px;
            color: #fff;
            border-radius: 10px;
            padding: 0 21px;
        }

    .ust1 .bx-wrapper .bx-controls-direction a {
        top: auto;
        bottom: 0;
        right: 0;
        left: auto;
        font-size: 0;
        text-indent: 0;
        width: 22px;
        height: 27px;
    }

        .ust1 .bx-wrapper .bx-controls-direction a:after {
            color: #406a86;
            font-size: 26px;
            font-family: 'icomoon' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .ust1 .bx-wrapper .bx-next:hover, .ust1 .bx-wrapper .bx-next:focus, .ust1 .bx-wrapper .bx-prev:hover, .ust1 .bx-wrapper .bx-prev:focus {
        background: none;
    }

    .ust1 .bx-wrapper .bx-controls-direction a:hover:after {
        color: #ea5128;
        background: none;
    }

    .ust1 .bx-wrapper .bx-controls-direction a.bx-prev {
        right: 72px;
        background: none;
    }

    .ust1 .bx-wrapper .bx-controls-direction a.bx-next {
        background: none;
    }

    .ust1 .bx-wrapper .bx-next:after {
        content: "\e908";
    }

    .ust1 .bx-wrapper .bx-prev:after {
        content: "\e907";
    }

.bf-icon:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.anasayfa .indirim-bulten {
    background-image: url(../images/ust2bg.jpg);
    background-size: cover;
    height: 270px
}

    .anasayfa .indirim-bulten .ortala {
        position: relative;
        height: 100%;
    }

    .anasayfa .indirim-bulten .sol {
        float: left;
        margin-left: 5.9%;
        width: 45.9%;
        margin-top: 14px;
    }

        .anasayfa .indirim-bulten .sol img {
            max-width: 100%;
        }

    .anasayfa .indirim-bulten .sag {
        position: absolute;
        right: 0;
        height: 100%;
    }

    .anasayfa .indirim-bulten .sag {
        position: absolute;
        right: 0;
        height: 100%;
        width: 34.2%;
        text-align: right;
    }

        .anasayfa .indirim-bulten .sag .baslik {
            font-size: 18px;
            color: #fff;
            font-weight: 700;
            font-size: 28px;
            line-height: 1.2;
        }

        .anasayfa .indirim-bulten .sag .link a {
            background-color: #fff;
            font-weight: 500;
            font-size: 13px;
            height: 21px;
            line-height: 21px;
            display: -webkit-inline-box;
            color: #ea5128;
            border-radius: 10px;
            padding: 0 21px;
        }

.anasayfa .ust2 {
    background-color: #d8ebf8;
    padding: 107px 0;
}

.ust2 .magazaslide {
    width: 48.7%;
    margin-right: 2.6%;
    float: left;
}

.ust2 .blogslide {
}

.ust2 .magazaslide li > .yazi {
    position: absolute;
    top: 94px;
    color: #fff;
    z-index: 1;
    left: 38px;
}


.ust2 .sliders > div > .ic > .baslik {
    font-size: 36px;
    position: absolute;
    font-weight: 500;
    z-index: 1;
    left: 36px;
    top: 36px;
}

.ust2 .sliders > div > .ic {
    position: relative;
}

.ust2 .sliders > .magazaslide > .ic > .baslik {
    color: #fff;
}

.magazaslide .link a {
    background-color: #fff;
    font-weight: 500;
    font-size: 13px;
    height: 21px;
    line-height: 21px;
    display: -webkit-inline-box;
    color: #ea5128;
    border-radius: 10px;
    padding: 0 21px;
    margin-top: 19px;
}

.ust2 .magazaslide li > .yazi > div:nth-child(1) {
    font-size: 16px;
    font-weight: 300;
}

.magazaslide .resim img {
    /*
        -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
    */
}

.ust2 .blogslide li > .yazi {
    position: absolute;
    height: calc(100% - 94px);
    top: 94px;
    width: calc(100% - 76px);
    left: 38px;
    line-height: 1.4;
}

.ust2 .blogslide {
    width: 48.7%;
    float: left;
    color: #406a86;
}

    .ust2 .blogslide li > .yazi .baslikic {
        font-weight: 500;
    }

    .ust2 .blogslide li > .yazi .aciklama {
        font-weight: 300;
        margin-bottom: 20px;
    }

    .ust2 .blogslide li > .yazi .link a {
        font-weight: 500;
        font-size: 13px;
        height: 21px;
        line-height: 21px;
        display: -webkit-inline-box;
        border-radius: 10px;
        padding: 0 21px;
        background-color: #406a86;
        color: #fff;
    }

    .ust2 .blogslide li > .yazi .link {
        margin-bottom: 10px;
    }

    .ust2 .blogslide li > .yazi .resim {
        text-align: center;
    }

        .ust2 .blogslide li > .yazi .resim img {
            margin: auto;
        }

.ust2 .bx-wrapper .bx-controls-direction a {
    top: auto;
    bottom: 20px;
    right: 20px;
    left: auto;
    font-size: 0;
    text-indent: 0;
    width: 22px;
    height: 27px;
    background: none;
}

    .ust2 .bx-wrapper .bx-controls-direction a.bx-prev {
        right: 72px;
    }

    .ust2 .bx-wrapper .bx-controls-direction a:after {
        color: #ffffff;
        font-size: 26px;
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.ust2 .bx-wrapper .bx-prev:after {
    content: "\e907";
}

.ust2 .bx-wrapper .bx-next:after {
    content: "\e908";
}

.ust2 .blogslide .bx-wrapper .bx-controls-direction a:after {
    color: #406a86
}

.anasayfalinks {
    background-color: #ededed;
    padding: 120px 0;
    position: relative
}

    .anasayfalinks > .ortala {
        z-index: 2;
        position: relative;
    }

    .anasayfalinks ul {
        display: inline-flex;
        width: 72%;
        margin: 0 14%;
    }


        .anasayfalinks ul li {
            width: 15.8%;
            margin-right: 12.26666666666667%;
            font-weight: 700;
            font-size: 26px;
            color: #406a86;
            text-align: center;
        }

    .anasayfalinks i {
        width: 112px;
        height: 112px;
        background-color: #406a86;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        line-height: 112px;
        color: #fff;
        font-size: 46px;
        margin-bottom: 58px;
        position: relative;
    }

        .anasayfalinks i:after {
            content: '';
            position: absolute;
            bottom: -27px;
            width: 60px;
            height: 3px;
            background-color: #868797;
            left: 50%;
            margin-left: -30px;
        }

    .anasayfalinks ul li:last-child {
        margin-right: 0;
    }

    .anasayfalinks span {
        margin: auto;
        display: block;
        margin-bottom: 7px;
    }

    .anasayfalinks a:hover i {
        background-color: #ea5128;
    }

    .anasayfalinks a:hover {
        color: #ea5128;
    }

    .anasayfalinks:before {
        position: absolute;
        left: 0;
        top: 101px;
        /*content: url(../images/anasayfalinks-sol.png);*/
        content: url(../images/sol-resim.png);
        z-index: 0;
    }

    .anasayfalinks:after {
        position: absolute;
        right: 0;
        top: 81px;
        content: url(../images/anasayfalinks-sag.png);
        z-index: 0;
    }

.anasayfaet {
    position: relative;
    z-index: 9;
    background-color: #d8ebf8;
}

    .anasayfaet img {
        width: 100%;
    }

.footer-yunusonline {
    position: relative;
    z-index: 10;
}

    .footer-yunusonline:before {
        background-color: #ececec;
        content: '';
        position: absolute;
        height: calc(100% - 43px);
        top: 43px;
        left: 0;
        width: 100%;
    }

.anasayfa + .footer-yunusonline {
    margin-top: -43px;
}

.footer-yunusonline > .ortala > .ic > .resim img {
    max-width: 100%;
}

.anasayfa + .footer-yunusonline:before {
    display: none;
}

.footer-yunusonline .resim {
    margin: auto;
    display: table;
    position: relative;
}

    .footer-yunusonline .resim a.bir {
        position: absolute;
        left: 65%;
        top: 26.7%;
    }

    .footer-yunusonline .resim a.iki {
        position: absolute;
        left: 65%;
        top: 66.9%;
    }

    .footer-yunusonline .resim a.uc {
        position: absolute;
        left: 75.5%;
        top: 66.9%;
    }

    .footer-yunusonline .resim a.dort {
        position: absolute;
        left: 7.8%;
        top: 38.7%;
        width: 17.4%;
    }

    .footer-yunusonline .resim a.bes {
        position: absolute;
        left: 2%;
        top: 51.3%;
        width: 30.9%;
    }

    .footer-yunusonline .resim a.alti {
        position: absolute;
        left: 64.6%;
        top: 52.4%;
        width: 25.7%;
    }

footer {
    background-color: #22201f;
    color: #7c7c7c;
    font-size: 16px;
}

    footer .ic {
        padding: 42px 0;
    }

    footer .stn:nth-child(1) {
        float: left;
        width: 25.7%;
        margin-right: 1.8%;
    }

    footer .stn:nth-child(2) {
        float: left;
        width: 41.1%;
        margin-right: 2.1%;
    }

    footer .stn:nth-child(3) {
        float: left;
        width: 12.4%;
        margin-right: 1.5%;
    }

    footer .stn:nth-child(4) {
        width: 15.4%;
        float: left;
        font-size: 14px;
    }

    footer .baslik {
        font-weight: 700;
        font-size: 21px;
    }

    footer .stn:nth-child(1) .baslik {
        margin-bottom: 44px;
    }

    footer .sikayet {
        color: #e9551d;
    }

        footer .sikayet a {
            display: inline-flex;
            font-weight: 700;
            font-size: 21px;
            line-height: 1.2;
        }

            footer .sikayet a i {
                font-size: 48px;
                margin-right: 13px;
            }

    footer .links {
        display: inline-flex;
        width: 100%;
    }

        footer .links ul {
            width: 29.5333%;
            margin-right: 5.4%;
        }

            footer .links ul:last-child {
                margin-right: 0;
            }

            footer .links ul:nth-child(1) {
                width: 27%;
            }

            footer .links ul li {
                margin-bottom: 18px;
            }

    footer .stn:nth-child(3) .yazi {
        margin-bottom: 17px;
    }

    footer .sosyal ul {
        display: inline-flex;
    }

        footer .sosyal ul li {
            margin-right: 7px;
            font-size: 21px;
        }

    footer .stn:nth-child(3) .str:first-child {
        margin-bottom: 18px;
    }

    footer .stn:nth-child(3) .baslik {
        margin-bottom: 4px;
    }

    footer .stn:nth-child(3) .str:nth-child(2) a {
        color: #e9551d;
        font-weight: 700;
        font-size: 21px;
    }

    footer .stn:nth-child(4) i {
        font-size: 46px;
        margin-right: 13px;
    }

    footer .stn:nth-child(4) .str, footer .stn:nth-child(4) .str a {
        display: inline-flex;
    }

    footer .stn:nth-child(4) .str {
        margin-bottom: 32px;
    }

        footer .stn:nth-child(4) .str:last-child {
            margin-bottom: 0px;
        }

.uyari {
    text-align: center;
    font-size: 19px;
    padding: 10%;
}

.picerik {
    padding-bottom: 80px;
}

    .picerik > .ortala {
        width: 1140px;
    }

    .picerik .icerik {
        padding-top: 80px;
    }

        .picerik .icerik h1, .hbaslik {
            color: #406a86;
            font-weight: 500;
            font-size: 36px;
            margin-bottom: 20px;
        }

        .picerik .icerik p, .kampanyadt p {
            font-weight: 300;
            font-size: 16px;
            margin-bottom: 35px;
            line-height: 1.4;
        }

            .picerik .icerik p:last-child, .kampanyadt p:last-child {
                margin-bottom: 0;
            }

    .picerik .videolar {
        margin-top: 75px;
    }

        .picerik .videolar .video {
            float: left;
            width: 32%;
            margin-right: 2%;
            margin-bottom: 2%;
        }

            .picerik .videolar .video:nth-child(3n) {
                margin-right: 0;
            }

.videolar .video.videotek {
    width: 68%;
    margin: auto;
    float: none;
}

    .videolar .video.videotek .baslik {
        font-weight: 500;
        font-size: 36px;
        color: #406a86;
        margin-bottom: 29px;
    }

.videolar iframe, .video > .ic > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videolar .video .ic, .video > .ic {
    padding: 75% 0 0 0;
    position: relative;
}

.pagemenu {
    margin-top: -23px;
}

    .pagemenu ul {
        display: inline-flex;
        width: 100%;
    }

        .pagemenu ul li {
            width: 100%;
            margin-right: 17px;
        }

            .pagemenu ul li:last-child {
                margin-right: 0;
            }

            .pagemenu ul li a {
                background-color: #969696;
                color: #fff;
                line-height: 45px;
                text-align: center;
                display: block;
            }

                .pagemenu ul li.aktif a, .pagemenu ul li a:hover {
                    background-color: #ea5128;
                }

.dosyalar {
    margin-top: 57px;
}

    .dosyalar .dosya {
        float: left;
        width: 32.2%;
        margin-right: 1.7%;
        text-align: center;
        font-weight: 500;
        color: #323232;
        margin-bottom: 46px;
    }

        .dosyalar .dosya:nth-child(3n) {
            margin-right: 0;
        }

        .dosyalar .dosya .resim {
            border: 1px solid #969696;
            margin-bottom: 17px;
        }

            .dosyalar .dosya .resim img {
                margin: auto;
                max-width: 100%;
            }

.insert-brosur .dosya .resim {
    border: none;
}

.insert-brosur .dosyalar {
    margin: 80px 5.9% 0;
}

.insert-brosur .dosya {
    width: 30.66666667%;
    margin-right: 4%;
}

    .insert-brosur .dosya:nth-child(3n) {
        margin-right: 0;
    }

.picerik .icerik table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    font-size: 20px;
    line-height: 36px;
    color: #4f4f4f;
}

body.kurumsal .picerik .icerik table td {
    text-align: right;
}

body.kurumsal .picerik .icerik table th {
    font-weight: normal;
}

.picerik .icerik table tr {
    border-bottom: 1px solid #969696;
}

.haberler {
    margin-top: 47px;
}

    .haberler .haber {
        background-color: #e1e1e1;
        width: 49.2%;
        margin-right: 1.6%;
        float: left;
        margin-bottom: 1.6%;
    }

        .haberler .haber:hover {
            background-color: #f1f1f1;
        }

        .haberler .haber:nth-child(2n) {
            margin-right: 0;
        }

        .haberler .haber img {
            max-width: 100%;
            cursor: pointer;
        }

        .haberler .haber .ic {
            margin: 11px 19px;
            position: relative;
        }

        .haberler .haber .resim {
            margin-bottom: 18px;
        }

        .haberler .haber .baslik {
            font-weight: 500;
            margin-bottom: 10px;
        }

        .haberler .haber .yazi {
            font-size: 15px;
            line-height: 1.3;
        }

        .haberler .haber .aciklama {
            padding-bottom: 32px;
        }

        .haberler .haber .link {
            font-weight: 500;
            font-size: 13px;
            height: 21px;
            line-height: 21px;
            display: -webkit-inline-box;
            border-radius: 10px;
            padding: 0 21px;
            background-color: #406a86;
            color: #fff;
            margin-top: 17px;
            position: absolute;
            bottom: 0;
        }

            .haberler .haber .link:hover {
                background-color: #ea5128
            }

body.ik .picerik > .ortala {
    width: 100%;
    max-width: 100%;
}

body.ik .picerik .pagemenu {
    width: 1330px;
    max-width: 96%;
    margin: -23px auto 0;
}

body.ik .ara {
    width: 100%;
    background-color: #ebf6fe;
    padding: 40px 0 110px;
    text-align: center;
}

body.ik .icerik > .ortala {
    margin-bottom: 60px;
}

body.ik .ara .ikons img {
    margin: auto;
    margin-bottom: 38px;
    max-width: 100%;
}

body.ik .ara ul {
    display: inline-flex;
    font-size: 16px;
    font-weight: 100;
}

    body.ik .ara ul img {
        margin: auto;
    }

    body.ik .ara ul li {
        width: 22%;
        margin-right: 11%;
    }

        body.ik .ara ul li:nth-child(2) {
            width: 34%;
        }

        body.ik .ara ul li:last-child {
            margin-right: 0;
        }

        body.ik .ara ul li > div {
            margin-bottom: 40px;
        }

            body.ik .ara ul li > div:last-child {
                color: #406a86;
                margin-bottom: 0
            }

            body.ik .ara ul li > div a {
                FONT-WEIGHT: 500;
                font-size: 16px;
                display: block;
            }

            body.ik .ara ul li > div i {
                font-size: 38px;
                margin-bottom: 18px;
                display: none;
            }

.picerik.insan-kaynaklari {
    padding-bottom: 0;
}

    .picerik.insan-kaynaklari + .footer-yunusonline {
        margin-top: -43px;
    }

body.ik .ikformlink {
    text-align: center;
    margin-top: 50px;
    color: #406a86;
}

    body.ik .ikformlink i {
        font-size: 63px;
    }

    body.ik .ikformlink h2 {
        font-size: 36px;
        font-weight: 500;
        margin-top: 10px;
    }

    body.ik .ikformlink .baslik {
        margin-bottom: 20px;
    }

    body.ik .ikformlink .aciklama {
        background-color: #a0aeb1;
        padding: 3% 9%;
        width: 60%;
        margin: auto;
        color: #fff;
        font-size: 18px;
        line-height: 1.6;
        margin-bottom: 60px;
        border: 1px solid #989fa0;
    }

body.magazalarimiz > .page > .ortala {
    margin-top: 33px;
}

.subekt .altkt {
    position: relative;
}

    .subekt .altkt:hover img {
        -webkit-transition: all 0.4s ease-out;
        -moz-transition: all 0.4s ease-out;
        -o-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out;
        opacity: 0.6;
    }


    .subekt .altkt:hover span {
        color: #eb5c26 !important;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .subekt .altkt .resim {
        background-color: #000;
    }

    .subekt .altkt .adi {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

        .subekt .altkt .adi > .ic {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .subekt .altkt .adi span {
            font-weight: 500;
            color: #fff;
            font-size: 36px;
            top: 50%;
            position: absolute;
            margin-top: -23px;
            width: 100%;
            text-align: center;
        }

    .subekt .altkt img {
        max-width: 100%;
    }

.slick-slide > div {
    margin-bottom: -4px;
}

button.slick-prev.slick-arrow {
    width: 39px;
    height: 77px;
    position: absolute;
    left: -62px;
    top: 0;
    color: transparent;
    margin-top: -40px;
    padding: 0;
    cursor: pointer;
}

    button.slick-prev.slick-arrow:before {
        content: '';
        display: inline-block;
        background-image: url(../images/slick-solok.jpg);
        width: 100%;
        height: 100%;
        background-size: cover;
    }

button.slick-next.slick-arrow {
    width: 39px;
    height: 77px;
    position: absolute;
    right: -62px;
    top: 0;
    color: transparent;
    margin-top: -40px;
    padding: 0;
    cursor: pointer;
}

    button.slick-next.slick-arrow:before {
        content: '';
        display: inline-block;
        background-image: url(../images/slick-sagok.jpg);
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position-x: right;
    }

.slick-dots {
    display: flex;
    justify-content: center;
    margin: 51px 0 39px;
}

    .slick-dots li {
        width: 8px;
    }

        .slick-dots li > button {
            width: 8px;
            height: 8px;
            background-color: #969696;
            border-radius: 50%;
            text-indent: -99999px;
            padding: 0;
        }

        .slick-dots li.slick-active > button {
            background-color: #ea5128;
        }

    .slick-dots li {
        margin-right: 13px;
        display: list-item;
    }

        .slick-dots li:last-child {
            margin-right: 0;
        }

.magazadetay {
    margin-bottom: 64px
}

    .magazadetay > .ic > .sol {
        width: 23%;
        float: left;
        margin-right: 9.9%;
    }

    .magazadetay > .ic > .sag {
        width: 67.1%;
        float: left;
        padding-bottom: 89px;
        position: relative;
    }

        .magazadetay > .ic > .sag iframe {
            width: 100%;
        }

    .magazadetay .sol .str.baslik {
        font-size: 36px;
        margin-bottom: 13px;
        padding-bottom: 15px;
    }

    .magazadetay .sol .baslik, .magazadetay .sol .ad {
        color: #406a86;
        font-weight: 500;
        position: relative;
    }

    .magazadetay .sol .ad {
        padding-bottom: 9px;
        margin-bottom: 13px;
        font-size: 16px;
    }

    .magazadetay .sol .str {
        margin-bottom: 38px;
    }

    .magazadetay .sol .baslik:after, .magazadetay .sol .ad:after {
        content: '';
        width: 50px;
        height: 2px;
        background-color: #f07f61;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .magazadetay .sol .ad:after {
        width: 100%;
    }

    .magazadetay .sol i {
        margin-right: 18px;
        font-size: 25px;
    }

    .magazadetay .sol .detay img {
        float: left;
        margin-right: 6px;
    }

    .magazadetay .subealt {
        position: absolute;
        bottom: 0;
        width: 100%;
    }



        .magazadetay .subealt .som {
            float: left;
        }

        .magazadetay .subealt .sam, .kurumsal .subealt .sam {
            float: right;
        }



        .magazadetay .subealt span, .kurumsal .subealt span {
            font-weight: 300;
            font-size: 16px;
            margin-right: 13px;
            top: -7px;
            position: relative;
        }

        .magazadetay .subealt .som a:nth-child(2) span {
            margin-left: 13px;
        }

        .magazadetay .subealt .som a {
            margin-right: 19px;
        }

            .magazadetay .subealt .som a:last-child {
                margin-right: 0;
            }

        .magazadetay .subealt i, .kurumsal .subealt i {
            font-size: 28px;
            color: #969696;
        }

        .magazadetay .subealt a,, .kurumsal .subealt a {
            line-height: 28px;
        }

            .magazadetay .subealt a:hover i, .magazadetay .subealt a:hover span {
                color: #ea5128;
            }

.magazalar {
    margin-bottom: 89px;
}

    .magazalar li {
        float: left;
        width: 19.2%;
        margin-right: 1%;
        margin-bottom: 1%;
    }

        .magazalar li:nth-child(5n) {
            margin-right: 0;
        }

        .magazalar li > .ic {
            border: 1px solid #f07f61;
            text-align: center;
        }

            .magazalar li > .ic i {
                display: block;
                font-size: 48px;
                margin-bottom: 16px;
            }

            .magazalar li > .ic span {
                font-size: 18px;
            }

            .magazalar li > .ic a {
                padding: 8px;
                display: block;
                height: calc(100% - 16px);
            }

                .magazalar li > .ic a:hover {
                    background-color: #406a86;
                    color: #fff;
                }

                    .magazalar li > .ic a:hover i, .magazalar li > .ic a:hover span {
                        color: #fff;
                    }

body.firsatlar-kampanyalar > .page > .ortala {
    margin-top: 48px;
}

.kampanyalar .kampanya {
    overflow: hidden;
}

    .kampanyalar .kampanya .resim img {
        max-width: 100%;
    }

    .kampanyalar .kampanya .ic {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .kampanyalar .kampanya .ic .yazi {
            position: absolute;
            color: #fff;
            bottom: -100%;
            right: -100%;
            width: 100%;
            height: 100%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            -ms-transition: all 0.4s ease;
            transition: all 0.4s ease;
            background: linear-gradient(to bottom right, #fff0 0%, rgba(255, 255, 255, 0) 50%, rgba(234, 81, 40, 0.9) 50%, rgba(234, 81, 40, 0.9) 100%);
        }

        .kampanyalar .kampanya .ic:hover .yazi {
            bottom: 0;
            right: 0;
        }

    .kampanyalar .kampanya .yic {
        position: absolute;
        right: 16px;
        bottom: 18px;
        text-align: right;
        width: 70%;
    }

.kampanyadt {
    margin-bottom: 60px;
}

    .kampanyadt .icerik .resim {
        width: 44%;
        margin-right: 3%;
        margin-bottom: 3%;
        float: left;
    }

    .kampanyadt .sol {
        width: 48%;
        float: left;
        margin-right: 6%;
    }

        .kampanyadt .sol img {
            max-width: 100%;
        }

    .kampanyadt .sag {
        width: 46%;
        float: left;
    }

    .kampanyadt h1 {
        font-weight: 500;
        font-size: 36px;
        color: #406a86;
        margin-bottom: 19px;
    }


    .kampanyadt p {
        margin-bottom: 16px;
    }

        .kampanyadt p:last-child {
            margin-bottom: 0;
        }

.sonkampanyalar {
    margin-bottom: 80px;
}

    .sonkampanyalar .kamps {
        width: 17.6%;
        float: left;
        margin-right: 3%;
    }

        .sonkampanyalar .kamps .baslik {
            color: #406a86;
            font-weight: 500;
            position: relative;
        }

        .sonkampanyalar .kamps .resim {
            margin-bottom: 12px;
        }

        .sonkampanyalar .kamps img {
            max-width: 100%;
        }

        .sonkampanyalar .kamps:last-child {
            margin-right: 0;
        }

.banner img {
    max-width: 100%;
}

.iletisimler .iletisim {
    width: 100%;
    background-color: #e2e2e2;
}

    .iletisimler .iletisim .bilgi {
        width: 50%;
        float: left;
        height: 500px;
    }

    .iletisimler .iletisim .harita {
        float: left;
        width: 50%;
        height: 500px;
    }

        .iletisimler .iletisim .harita iframe {
            width: 100%;
            height: 100%;
        }

body.iletisim .uyari {
    color: #ea5128;
}

.iletisimler {
    margin-bottom: 57px;
}

    .iletisimler .baslik {
        font-size: 36px;
        color: #406a86;
        font-weight: 500;
        padding-bottom: 21px;
        position: relative;
    }

        .iletisimler .baslik:after {
            content: '';
            position: absolute;
            height: 2px;
            width: 50px;
            background-color: #e8785a;
            bottom: 21px;
        }

    .iletisimler .iletisimsag {
        text-align: right;
    }

    .iletisimler .iletisimsol .baslik:after {
        left: 0;
    }

    .iletisimler .iletisimsag .baslik:after {
        right: 0;
    }

    .iletisimler i {
        font-size: 25px;
    }

    .iletisimler .iletisimsag i {
        margin-left: 11px;
    }

    .iletisimler .iletisimsol i {
        margin-right: 11px;
    }

    .iletisimler .str .ad {
        color: #406a86;
        font-weight: 500;
        font-size: 16px;
        padding-bottom: 20px;
        position: relative;
    }

        .iletisimler .str .ad:after {
            content: '';
            width: 100%;
            height: 2px;
            background-color: #ea5128;
            bottom: 11px;
            position: absolute;
        }

    .iletisimler .iletisimsol .str .ad:after {
        left: 0;
    }

    .iletisimler .iletisimsag .str .ad:after {
        right: 0;
    }

    .iletisimler .str .aciklama span {
        display: block;
    }

    .iletisimler .str .aciklama {
        margin-bottom: 36px;
    }

    .iletisimler .iletisim .bilgi > div > div > .ic {
        width: 44.6%;
    }

    .iletisimler .iletisim .iletisimsag .bilgi > div > div > .ic {
        margin-left: 55.4%;
    }

    .iletisimler .iletisim .bilgi > div > div > .ic {
        width: 44.6%;
    }

    .iletisimler .iletisim .iletisimsag .bilgi > div > div > .ic {
        margin-left: 55.4%;
    }

    .iletisimler form {
        width: 40%;
        float: left;
        margin-right: 5.6%;
    }

        .iletisimler form + .ic {
            float: left;
        }

    .iletisimler .iletisim .bilgi > div > div > .ic {
        width: 44.6%;
    }



    .iletisimler form {
        width: 40%;
        float: left;
        margin-right: 5.6%;
    }

        .iletisimler form + .ic {
            float: left;
        }

    .iletisimler input, .iletisimler textarea, .iletisimler button {
        width: calc(100% - 24px);
        height: 35px;
        border: none;
        padding: 0 12px;
        margin-bottom: 4px;
    }

textarea {
    resize: none;
}

.iletisimler textarea {
    height: 176px;
}

.iletisimler button {
    background-color: #ea5128;
    text-align: center;
    color: #fff;
}

.sosyals {
    position: relative;
}

    .sosyals:before {
        position: absolute;
        left: 0;
        bottom: 80px;
        content: url(../images/sosyal-sol.jpg);
        z-index: -1;
        transform: scale(1);
    }

    .sosyals:after {
        position: absolute;
        right: 0;
        bottom: 80px;
        content: url(../images/sosyal-sag.jpg);
        z-index: -1;
        transform: scale(1);
    }

    .sosyals > .ortala {
        width: 76%;
    }

    .sosyals .slick-list .slick-slide {
        opacity: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .sosyals .slick-list .slick-active {
        opacity: 1;
        transform: scale(0.80);
        -webkit-transform: scale(0.80);
        -moz-transform: scale(0.80);
        z-index: -1;
    }

    .sosyals .slick-slide.slick-current.slick-active + .slick-slide.slick-active {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -ms-transition: all 0.2s ease;
        transition: all 0.2s ease;
        z-index: 999;
    }

    .sosyals .slick-list {
        padding: 45px 60px !important;
        margin-left: -0.70% !important;
    }

    .sosyals .resim {
        max-width: 100%;
    }

    .sosyals > .ortala > .baslik {
        font-weight: 900;
        color: #3a474d;
        font-size: 36px;
        margin: 50px 0 44px;
        text-align: center;
    }

    .sosyals .sosyalsnavi {
        margin: 37px auto 29px;
        list-style-type: none;
        display: inline-flex;
        justify-content: center;
        width: 100%;
    }

        .sosyals .sosyalsnavi .prev {
            margin-right: 39px;
        }

        .sosyals .sosyalsnavi > div {
            cursor: pointer;
            font-size: 27px;
            color: #406a86;
        }

            .sosyals .sosyalsnavi > div:hover i {
                color: #ea5128;
            }

    .sosyals .sosyal {
        list-style-type: none;
        display: inline-flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 44px;
    }

        .sosyals .sosyal ul {
            display: inline-flex;
        }

            .sosyals .sosyal ul li {
                margin-right: 8px;
            }

                .sosyals .sosyal ul li:last-child {
                    margin-right: 0;
                }

                .sosyals .sosyal ul li i {
                    font-size: 33px;
                }

        .sosyals .sosyal .fb {
            color: #516eac;
        }

        .sosyals .sosyal .tw {
            color: #4ec6f6;
        }

        .sosyals .sosyal .yt {
            color: #e14234;
        }

        .sosyals .sosyal .ins {
            color: #6095bc;
        }

.slick-slide img {
    width: 100%
}

header .mmenu {
    display: none;
}

.ebulten .icerik .sol {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.form .str .tarih div {
    display: inline-flex;
    width: 100%;
}

    .form .str .tarih div select {
        margin-right: 3px;
        width: 100%;
    }

        .form .str .tarih div select:last-child {
            margin-right: 4px;
        }

.ebulten .icerik .sol p {
    font-size: 13px;
}

.ebulten .sag .baslik {
    color: #406a86;
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 20px;
}

.ebulten .icerik .sol p:nth-child(2) {
    margin-bottom: 14px;
}

#formik > div > div:nth-child(6) > div {
    color: red;
}

.ebulten .icerik .sag {
    float: left;
    width: 48%;
}

    .ebulten .icerik .sag p {
        margin-bottom: 13px;
        font-size: 14px;
    }

    .ebulten .icerik .sag em {
        color: red;
        font-style: normal;
    }

body.dileksikayet .form .str {
    margin-bottom: 0;
}

    body.dileksikayet .form .str > div {
        padding-bottom: 0;
        padding-top: 0;
    }

body.dileksikayet .form textarea {
    height: 100px;
}

body.dileksikayet .musteritelefon .icbaslik {
    color: #eb562e;
    font-weight: 500;
    font-size: 22px;
}

    body.dileksikayet .musteritelefon .icbaslik i {
        font-size: 40px;
    }

    body.dileksikayet .musteritelefon .icbaslik span {
        top: -8px;
        position: relative;
        margin-left: 13px;
    }

body.dileksikayet .musteritelefon a {
    border-top: 2px solid #0b4f9e;
    display: block;
    font-size: 50px;
}

body.ebulten.kiralikyer textarea {
    height: 60px;
}

body.ebulten.kiralikyer .picerik > .ortala {
    width: 50%;
}

body.ik iframe {
    width: 64%;
    margin-left: 18%;
    height: 375px;
}

#modalPage a {
    color: #406a86;
    font-weight: 700
}

#modalPage {
    line-height: 1.5;
}

    #modalPage p {
        margin-bottom: 30px;
    }

.loadingsayfa {
    padding-bottom: 20px;
    text-align: center;
    top: -40px;
    position: relative;
}

    .loadingsayfa a {
        font-weight: 500;
        font-size: 18px;
        background-color: #406a86;
        height: 42px;
        line-height: 42px;
        display: -webkit-inline-box;
        color: #fff;
        border-radius: 20px;
        padding: 0 42px;
    }

        .loadingsayfa a.yukleniyor {
            background-color: #757575;
            cursor: not-allowed;
        }

.filtre .il, .filtre .ilce, .filtre .arama, .filtre .indir {
    float: left;
    width: calc(25% - 1px);
    border: 1px solid #406a86;
    border-right: none;
    position: relative;
    height: 48px;
    font-size: 16px;
}

.filtre .indir {
    border-right: 1px solid #406a86;
    width: calc(25% - 2px);
}

.filtre > div > .baslik {
    line-height: 48px;
    display: block;
    padding: 0 20px;
}

    .filtre > div > .baslik i {
        float: right;
        font-size: 24px;
        margin-top: 12px;
        color: #406a86;
    }

.filtre {
    margin-bottom: 26px;
}

    .filtre ul {
        width: calc(100%);
        background-color: #fff;
        display: block;
        position: absolute;
        border: 1px solid #406a86;
        display: none;
        z-index: 999;
        margin-left: -1px;
    }

        .filtre ul li a {
            padding: 6px 20px;
        }

        .filtre ul li.aktif a, .filtre ul li:hover a {
            background-color: #406a86;
            color: #fff;
        }

        .filtre ul li a {
            display: block;
        }

    .filtre .arama input {
        height: 48px;
        border: none;
        width: calc(100% - 40px);
        padding: 20px;
    }

    .filtre .arama button {
        position: absolute;
        right: 20px;
        font-size: 24px;
        top: 12px;
        color: #406a86;
    }

    .filtre > div > .baslik:hover, .filtre > div > .baslik:hover i {
        background-color: #406a86;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

.kurumsal .altgaleri div {
    float: left;
    width: 50%;
}

.kurumsal .altgaleri img {
    width: 100%
}

.kurumsal .altgaleri .baslik {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 22px;
    color: #406a86;
    display: block;
    width: 100%;
}

.kurumsal .altgaleri .resim {
    width: 100%;
}

#cookie-bar {
    position: fixed;
    background-color: #000;
    bottom: 0;
    z-index: 99999;
    width: 304px;
    right: 31px;
    padding: 2%;
    color: #7c7c7c;
    text-align: justify;
    font-size: 15px;
    bottom: -100%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

    #cookie-bar a:first-child {
        color: #bf1e1e;
    }


    #cookie-bar a:last-child {
        position: absolute;
        right: -16px;
        top: -16px;
        background-color: #bf1e1e;
        border-radius: 50%;
        width: 32px;
        height: 32px;
        text-align: center;
        line-height: 32px;
        font-size: 20px;
        color: #fff;
    }

.picerik .resimler {
    margin: 30px 0;
}

    .picerik .resimler .resim {
        position: relative;
        float: left;
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .picerik .resimler .resim img {
            width: 100%;
        }

        .picerik .resimler .resim:nth-child(3n) {
            margin-right: 0;
        }

.sosyals .slick-slide a > img {
    opacity: 0;
}

.sosyals .slick-slide a {
    display: block;
    background-size: cover;
}

.picerik.unlu-mamuller {
    background-image: url(../fileman/uploads/images/uretim/unlu-mamuller.html);
}

.picerik.kaynagi-belli-et {
    background-image: url(../fileman/uploads/images/uretim/kaynagi-belli-et.html);
}

.picerik.unlu-mamuller, .picerik.kaynagi-belli-et {
    padding-bottom: 34%;
    background-size: cover;
}

    .picerik.unlu-mamuller .icerik, .picerik.kaynagi-belli-et .icerik {
        width: 532px;
        color: #fff;
    }

        .picerik.unlu-mamuller .icerik h1, .picerik.kaynagi-belli-et .icerik h1 {
            color: #fff;
        }

body.uretim .footer-yunusonline {
    margin-top: -44px;
}

.footer-yunusonline .resim a.bir {
    display: none;
}

.btoval {
    font-weight: 500;
    font-size: 13px;
    height: 21px;
    line-height: 21px;
    display: -webkit-inline-box;
    border-radius: 10px;
    padding: 0 21px;
    background-color: #406a86;
    color: #fff;
}

    .btoval:hover {
        background-color: #ea5128;
    }

.earsiv {
    background-image: url(../images/earsivbg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .earsiv > .ic {
        width: 70%;
        position: relative;
        margin: auto;
    }

        .earsiv > .ic > .resim {
            width: 52%;
            left: 46.8%;
            position: absolute;
            height: 100%;
            top: 0;
        }

            .earsiv > .ic > .resim img {
                width: 100%;
            }

        .earsiv > .ic > .yazi {
            position: relative;
            display: block;
            width: 31.8%;
            left: 14%;
        }

    .earsiv .baslik {
        font-weight: 500;
        font-size: 41px;
        color: #406a86;
        margin-bottom: 22px;
    }

    .earsiv > .ic > .yazi > div {
        padding: 46px 0;
    }

        .earsiv > .ic > .yazi > div > * {
            margin-bottom: 21px;
        }

        .earsiv > .ic > .yazi > div > p {
            font-size: 15px;
        }

        .earsiv > .ic > .yazi > div > *:last-child {
            margin-bottom: 0;
            font-size: 14px;
        }

    .earsiv .btoval {
        position: relative;
        line-height: 29px;
        height: 29px;
        padding: 0 31px;
        font-size: 18px;
    }

        .earsiv .btoval:after {
            content: url(../images/mouse-tik.png);
            position: absolute;
            top: 9px;
            right: -11px;
        }

.b {
    font-weight: 700 !important;
}

.earsiv > .ic > .yazi .dic > p {
    font-size: 22px;
    font-weight: 200;
}

.anaserbest > div > .ic {
    padding: 60px 0;
    display: inline-flex;
}

.anaserbest .video {
    width: 60%;
    margin-right: 5%;
}

.anaserbest .metin {
    width: 35%;
}

    .anaserbest .metin p {
        margin-bottom: 20px;
    }

        .anaserbest .metin p:last-child {
            margin-bottom: 0;
        }
.linkm {
    color:#406a86;
}
.sonnn {
    line-height: 1;
}

@media (max-width:1900px) {
    .earsiv > .ic > .yazi {
        left: 11%;
    }
}

@media (max-width:1680px) {
    .earsiv > .ic > .yazi > div {
        padding: 12% 0;
    }

    .earsiv > .ic > .yazi {
        left: 9%;
    }

    .ust1:before, .ust1:after {
        display: none;
    }

    .ikform {
        width: 62%;
    }
}

@media (max-width:1480px) {
    .earsiv > .ic > .yazi > div > p br {
        display: none;
    }

    body.ebulten.kiralikyer .picerik > .ortala {
        width: 65%;
    }

    .ikform {
        width: 68%;
    }

    .magazadetay > .ic > .sol {
        width: 100%;
        margin-right: 0;
    }

    .magazadetay > .ic > .sag {
        width: 100%;
    }

    .ortala {
        width: 96%;
    }

    body.magazalarimiz > .page > .ortala, body.firsatlar-kampanyalar > .page > .ortala {
        width: calc(96% - 140px);
    }

    .page > .slider .bx-wrapper .bx-prev {
        left: 2%;
        bottom: 4%;
        top: auto;
    }

    .page > .slider .bx-wrapper .bx-next {
        left: 4%;
        right: auto;
        top: auto;
        bottom: 4%;
    }

    .slider > .ic > .bx-wrapper > .bx-controls .bx-pager {
        left: 6%;
        bottom: 4.2%;
    }

    .slider .ic li > .ic .yazi {
        margin-top: 31px;
    }

    .magazaslide .resim img, .blogslide .bosresim img {
        width: 100%;
    }

    .earsiv > .ic {
        width: 96%;
        position: relative;
        margin: auto;
    }

        .earsiv > .ic > .resim {
            width: 44%;
        }
}

@media (max-width:1366px) {
    .form .baslik {
        font-size: 28px;
    }

    .sosyals > .ortala {
        width: 86%;
    }

    .anasayfalinks:after, .anasayfalinks:before, .sosyals:before, .sosyals:after {
        display: none;
    }

    .anasayfalinks {
        padding: 60px 0;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        font-size: 62px;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(2) {
        font-size: 28px;
    }

    .slider .ic li > .ic .yazi .aciklama {
        font-size: 16px;
    }

    .magazalar li, .magazalar li:nth-child(5n) {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .magazalar li:nth-child(4n) {
            margin-right: 0;
        }
}

@media (max-width:1280px) {
    .earsiv > .ic > .yazi {
        left: 0;
        width: 46.4%;
    }

    body.ik iframe {
        width: 76%;
        margin-left: 12%;
    }

    body.ebulten.kiralikyer .picerik > .ortala {
        width: 70%;
    }

    .iletisimler form {
        width: 100%;
        margin-right: 0;
        background-color: #22201f;
        float: none;
    }

    .iletisimler .form {
        width: 60%;
        margin: auto;
        padding: 38px;
    }

    .magazadetay > .ic > .sol {
        width: 30%;
        margin-right: 8%;
    }

    .magazadetay > .ic > .sag {
        width: 62%;
    }

    .anasayfa .indirim-bulten .sol {
        width: 32%;
    }

    .anasayfa .indirim-bulten {
        background-size: cover;
        height: 228px;
    }

    .ust2 .blogslide li > .yazi .resim img {
        width: 60%;
        margin-top: 18px;
    }

    header .menu .ic {
        font-size: 14px;
    }

    .anasayfalinks ul {
        width: 82%;
        margin: 0 9%;
    }

    footer .stn:nth-child(1), footer .stn:nth-child(3) {
        width: 33%;
        margin-right: 2%;
    }

    footer .stn:nth-child(2), footer .stn:nth-child(4) {
        width: 65%;
        margin-right: 0;
    }

    footer .stn:nth-child(4) {
        padding-top: 21px;
        display: inline-flex;
    }

        footer .stn:nth-child(4) .str {
            width: 39%;
            margin-right: 11%;
        }

    .footer-yunusonline .resim a.uc {
        left: 80%;
    }

    footer .stn:nth-child(4) .str, footer .links ul, footer .links ul:nth-child(1) {
        width: 29.5333%;
        margin-right: 5.4%;
    }

        footer .stn:nth-child(4) .str:last-child {
            margin-right: 0;
        }



    footer .stn:nth-child(4) i {
        margin-left: -5px;
    }
}

@media (max-width:1228px) {
    .ust1 .sliders > div > .ic > .baslik {
        font-size: 28px;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        font-size: 39px;
    }

    header .mmenu {
        position: absolute;
        left: 50%;
        margin-left: -25px;
        margin-top: 20px;
        display: block;
    }

    header .sag .menu {
        display: none;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: 92px;
        z-index: 9999;
        left: 0;
        padding-bottom: 46px;
    }

    header .menu .ic {
        margin: 0;
        font-size: 17px;
    }

    header .menu ul {
        display: block;
    }

        header .menu ul li {
            line-height: 43px;
            margin: 0;
        }

    header .sag .online {
        position: absolute;
        right: 2%;
    }
}

@media (max-width:1184px) {
    .earsiv > .ic > .resim {
        width: 48%;
        left: 52%;
        position: absolute;
        bottom: 0;
    }

    .earsiv > .ic > .yazi {
        width: 47%;
        position: relative;
        padding: 20px 0;
    }
}

@media (max-width:1024px) {
    .videolar .video.videotek {
        width: 100%;
        margin: auto;
    }

    .filtre .il, .filtre .ilce, .filtre .arama, .filtre .indir {
        font-size: 13px;
    }

    .filtre > div > .baslik i {
        font-size: 16px;
        margin-top: 16px;
    }

    .filtre .arama button {
        font-size: 16px;
        top: 16px;
    }

    .filtre .arama input {
        font-size: 13px;
    }

    body.ik .ikformlink .aciklama {
        width: 82%;
    }

    body.ik iframe {
        width: 100%;
        margin-left: 0;
    }

    body.ebulten.kiralikyer .picerik > .ortala {
        width: 80%;
    }

    .ikform {
        width: 96%;
    }

    .magazalar li, .magazalar li:nth-child(4n), .magazalar li:nth-child(5n) {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

        .magazalar li:nth-child(3n) {
            margin-right: 0;
        }

    body.ik .ara ul li {
        width: 30%;
        margin-right: 14%;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        left: 0;
        top: -6px;
    }

    .slider .ic li > .ic > .ortala > .sol {
        width: 44%;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        font-size: 48px;
        margin-bottom: 22px;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(2) {
        font-size: 22px;
    }

    .slider .ic li > .ic .yazi .aciklama {
        font-size: 13px;
    }

    .slider > .ic > .bx-wrapper > .bx-controls .bx-pager {
        left: 8%;
    }

    .ust1 .sliders > div > .ic > .baslik {
        position: relative;
        padding-left: 53px;
        font-size: 23px;
    }

    .ust1 .sliders > div > .ic li .resim {
        margin-top: 7px;
    }

    .anasayfa .indirim-bulten .sag {
        width: 60%;
    }

    .anasayfa .indirim-bulten {
        height: 158px;
    }

        .anasayfa .indirim-bulten .sag .baslik {
            font-size: 22px;
        }

        .anasayfa .indirim-bulten .sol {
            width: 23%;
        }

    .anasayfa .ust2 {
        padding: 60px 0;
    }

    .ust2 .blogslide li > .yazi .resim {
        display: none;
    }


    .sosyals > .ortala {
        width: 100%;
    }

    .sosyals .slick-list {
        padding: 45px 0%;
    }

    .anasayfalinks ul {
        width: 100%;
        margin: 0;
    }

        .anasayfalinks ul li {
            width: 19%;
            margin-right: 8%;
            font-size: 20px;
        }

    .anasayfalinks i {
        font-size: 36px;
        width: 96px;
        height: 96px;
        margin-bottom: 26px;
        line-height: 96px;
    }

    .anasayfalinks span {
        margin-bottom: 3px;
    }



    .anasayfalinks i:after {
        bottom: -15px;
    }

    .anasayfa .ust1 .sliders > div > .ic {
        width: 100%;
        margin-left: 0;
    }

    .pagemenu ul {
        overflow: auto;
        display: -webkit-box;
        z-index: 12;
        padding-bottom: 5px;
    }

        .pagemenu ul li {
            width: 232.92px;
            margin-right: 11.68px;
        }

            .pagemenu ul li:last-child {
                margin-right: 0;
            }

    .banner {
        z-index: 1;
    }

    .pagemenu ul li a {
        position: relative;
    }

    .subekt .altkt .adi span {
        font-size: 28px;
    }

    .picerik.unlu-mamuller, .picerik.kaynagi-belli-et {
        background-size: cover;
    }

        .picerik.unlu-mamuller .icerik, .picerik.kaynagi-belli-et .icerik {
            width: calc(50% - 60px);
            padding: 30px;
            background-color: rgba(0, 0, 0, 0.49);
        }

    .earsiv > .ic > .yazi > div {
        padding: 2%;
    }
}

@media (max-width:800px) {
    .ust2 .blogslide li > .yazi {
        height: auto;
        top: auto;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        font-size: 36px;
    }

    .earsiv > .ic > .resim {
        width: 63%;
        left: 33%;
        position: absolute;
        bottom: 0;
    }


    .earsiv > .ic > .yazi {
        width: calc(96%);
        z-index: 99;
        background-color: rgba(255, 255, 255, 0.8);
        padding: 20px 2%;
    }

    .earsiv > .ic {
        width: 100%;
        margin: 0;
    }

        .earsiv > .ic > .yazi .dic > p {
            font-size: 14px;
        }


    footer .stn:nth-child(4) .str, footer .links ul, footer .links ul:nth-child(1) {
        width: 47%;
        margin-right: 4%;
    }

    .filtre .il, .filtre .ilce, .filtre .arama, .filtre .indir {
        width: calc(50% - 2px);
    }

    .filtre .ilce {
        border-right: 1px solid #406a86;
    }

    .filtre .il, .filtre .ilce {
        border-bottom: none;
    }

    body.ebulten.kiralikyer .picerik > .ortala {
        width: 96%;
    }

    body.ik .ara .ikons {
        display: none;
    }

    body.ik .ara {
        /*text-align:left;*/
    }

        body.ik .ara ul li, body.ik .ara ul li:nth-child(2) {
            position: relative;
            width: 100%;
            margin-bottom: 36px;
        }

        body.ik .ara ul {
            display: block;
        }

            body.ik .ara ul li:before {
                text-align: center;
                display: block;
                margin-bottom: 18px;
            }

            body.ik .ara ul li:nth-child(1):before {
                content: url(../fileman/uploads/images/ik/ik-ikon1.html)
            }

            body.ik .ara ul li:nth-child(2):before {
                content: url(../fileman/uploads/images/ik/ik-ikon2.html)
            }

            body.ik .ara ul li:nth-child(3):before {
                content: url(../fileman/uploads/images/ik/ik-ikon3.html)
            }

    .slider .ic li > .ic .yazi .baslik:nth-child(2) {
        display: none;
    }

    .slider .ic li > .ic .yazi .aciklama {
        display: none;
    }

    .bx-wrapper .bx-pager-item {
        font-size: 16px !important;
    }

    .slider > .ic > .bx-wrapper > .bx-controls .bx-pager {
        bottom: 5.5%;
    }

    .ust1 .sliders > div:nth-child(2) > .ic > .baslik {
        width: 47%;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        top: 10px;
    }

    .anasayfa .indirim-bulten .sol {
        width: 32%;
    }

    .anasayfa .indirim-bulten .sag {
        width: 50%;
    }

    footer .stn:nth-child(1) {
        width: 100%;
        margin-right: 0;
    }


    footer .stn:nth-child(1) {
        margin-bottom: 60px;
    }

    footer .stn:nth-child(2) {
        width: 100%;
        margin-bottom: 31px;
    }

    .footer-yunusonline .resim a.uc {
        left: 65%;
        top: 81%;
    }
}

@media (max-width:768px) {
    .kurumsal .altgaleri .baslik {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .ebulten .icerik .sol {
        width: 100%;
        margin: 0 0 30px;
    }

    .ebulten .icerik .sag {
        width: 100%;
    }

    .ikform {
        width: 98%;
    }

    .iletisimler .iletisim .bilgi {
        height: auto;
        width: calc(100% - 60px);
        margin: 30px;
    }

    .iletisimler .iletisim .harita {
        width: 100%;
        height: 360px;
    }


    .iletisimler .iletisimsag {
        padding-bottom: 360px;
        position: relative;
    }

        .iletisimler .iletisimsag .harita {
            position: absolute;
            bottom: 0;
        }

    .insert-brosur .dosya, .insert-brosur .dosya:nth-child(3n), .insert-brosur .dosya:nth-child(4n) {
        width: 32%;
        margin-right: 2%;
    }

        .insert-brosur .dosya:nth-child(3n) {
            margin-right: 0;
        }

    .subekt .altkt .adi span {
        font-size: 22px;
    }

    .anasayfa .ust1 .sliders > div {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 60px;
    }

        .anasayfa .ust1 .sliders > div > .ic {
            width: 85.2%;
            margin-left: 14.8%;
        }

    .ust1 .sliders > div > .ic > .baslik {
        padding-left: initial;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        left: -14.8%;
    }

    .ust1 .sliders > div:nth-child(2) > .ic > .baslik {
        width: calc(100% - 65px);
    }

    .ust2 .magazaslide, .ust2 .blogslide {
        width: 100%;
        margin: 0;
        float: none;
    }

    .ust2 .sliders .blogslide .ic .baslik {
        position: relative;
        top: auto;
        bottom: auto;
    }

    .ust2 .sliders .blogslide > .ic {
        background-color: #fff;
        padding: 30px 0;
    }

    .ust2 .blogslide li > .yazi {
        position: relative;
    }

    .ust2 .blogslide li > .bosresim {
        display: none;
    }

    .ust2 .blogslide .bx-wrapper .bx-controls-direction a {
        bottom: -15px;
        margin: 0;
    }

    .ust2 .magazaslide {
        margin-bottom: 30px;
    }

    .ust2 .blogslide li > .yazi .resim {
        display: block;
    }

    body.kurumsal .picerik .icerik table th {
        font-weight: 500;
        width: 100%;
    }

    body.kurumsal .picerik .icerik table td {
        text-align: left;
    }

    .picerik .icerik table tr {
        display: grid;
    }

    .picerik .icerik table {
        font-size: 16px;
        line-height: 1.2;
    }
}

@media (max-width:640px) {
    .slider .ic li > .ic .yazi .link a {
        padding: 6px 11px;
        font-size: 14px;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        margin-bottom: 16px;
        line-height: 1.2;
    }

    .slider .ic li > .ic .yazi .link {
        margin-top: 0;
    }

    footer .stn:nth-child(4) .str:first-child .yazi {
        max-width: 64%;
    }

    button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
        width: 22px;
    }

    button.slick-prev.slick-arrow {
        left: -42px
    }

    button.slick-next.slick-arrow {
        right: -42px;
    }

    body.magazalarimiz > .page > .ortala, body.firsatlar-kampanyalar > .page > .ortala {
        width: calc(96% - 84px);
    }

    .ikpage {
        overflow: auto;
        width: 100%;
    }

    .ikform {
        width: 768px;
        margin: 0 20px;
    }

    .iletisimler .iletisim .iletisimsag .bilgi > div > div > .ic {
        margin-left: 34%;
    }

    .iletisimler .iletisim .bilgi > div > div > .ic {
        width: 66%;
    }

    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        font-size: 30px;
    }

    .slider > .ic > .bx-wrapper > .bx-controls .bx-pager {
        margin-bottom: 2px;
    }

    .footer-yunusonline .resim a.uc {
        left: 80%;
    }

    .footer-yunusonline .resim a.uc {
        left: 65%;
        top: 81%;
        margin-right: 0;
    }

    .footer-yunusonline > .ortala > .ic > .resim > img {
        display: none;
    }

    .footer-yunusonline:before {
        display: none;
    }

    .footer-yunusonline .resim a {
        position: relative !important;
        left: auto !important;
        top: auto !important;
        margin-right: 8%;
    }

    .anasayfa + .footer-yunusonline {
        margin-top: 0;
        padding: 30px 0;
    }

    .footer-yunusonline .resim {
        display: inline-flex;
        width: 100%;
    }

        .footer-yunusonline .resim a.iki, .footer-yunusonline .resim a.uc {
            top: 18px !important;
        }

        .footer-yunusonline .resim a img {
            width: 100%;
        }

    footer .links ul, footer .links ul:nth-child(1) {
        width: 32%;
        margin-right: 2%;
        float: left;
    }

        footer .links ul:last-child {
            margin-right: 0;
        }

    footer {
        font-size: 14px;
    }

    .sosyals .slick-list {
        padding: 0;
        margin: 0
    }

        .sosyals .slick-list .slick-active {
            opacity: 1;
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            z-index: 1;
        }

    .sosyals > .ortala > .baslik {
        margin-bottom: 0;
    }

    .sosyals .sosyalsnavi {
        margin-top: 0;
    }

    .sosyals .sosyal {
        margin-bottom: 16px;
    }

    header .sag .menu .online {
        position: relative;
        width: auto;
        margin: 16px 0 0;
        right: 0;
    }

        header .sag .menu .online img {
            margin: auto;
        }

    header .mmenu {
        left: auto;
        right: 2%;
    }

    .dosyalar .dosya, .dosyalar .dosya:nth-child(3n), .dosyalar .dosya:nth-child(2n) {
        width: 48%;
        margin-right: 4%;
    }

        .dosyalar .dosya:nth-child(2n) {
            margin-right: 0;
        }

    .pagemenu ul li {
        width: auto;
    }

        .pagemenu ul li a {
            padding: 0 18px;
        }

    .haberler .haber {
        width: 100%;
        margin-right: 0;
    }

        .haberler .haber img {
            width: 100%;
        }

    footer .stn:nth-child(3), footer .stn:nth-child(4) {
        width: 100%;
        margin-right: 0;
    }

        footer .stn:nth-child(3) .str {
            float: left;
            width: 50%;
        }

    .picerik.unlu-mamuller .icerik, .picerik.kaynagi-belli-et .icerik {
        width: calc(61% - 60px);
    }

    body.uretim .footer-yunusonline, .picerik.insan-kaynaklari + .footer-yunusonline {
        margin-top: 26px;
    }

    .footer-yunusonline .resim a.bir {
        display: block;
    }

    .footer-yunusonline .resim a.dort, .footer-yunusonline .resim a.bes, .footer-yunusonline .resim a.alti {
        display: none;
    }
}

@media (max-width:480px) {
    .slider .ic li > .ic .yazi .baslik:nth-child(1) {
        font-size: 22px;
    }

    .slider .ic li > .ic .yazi .link a {
        font-size: 11px;
    }

    .picerik .videolar .video, .picerik .videolar .video:nth-child(3n) {
        width: 49%;
        margin-right: 2%;
    }

        .picerik .videolar .video:nth-child(2n) {
            margin-right: 0;
        }

    .videolar .video.videotek .baslik {
        font-size: 19px;
        margin-bottom: 5px;
    }

    .picerik .resimler .resim, .picerik .resimler .resim:nth-child(3n) {
        width: 49%;
        margin-right: 2%;
    }

        .picerik .resimler .resim:nth-child(2n) {
            margin-right: 0;
        }

    .kurumsal .altgaleri > div {
        width: 100%
    }

        .kurumsal .altgaleri > div:first-child {
            margin-bottom: 30px;
        }

    .magazalar li, .magazalar li:nth-child(4n), .magazalar li:nth-child(5n), .magazalar li:nth-child(3n) {
        width: 49%;
        margin-right: 2%;
    }

        .magazalar li:nth-child(2n) {
            margin-right: 0;
        }

    .filtre .il, .filtre .ilce, .filtre .arama, .filtre .indir {
        width: 100%;
        border: 1px solid #406a86;
        border-bottom: none;
    }

    .filtre .indir {
        border-bottom: 1px solid #406a86;
    }

    body.ebulten.kiralikyer .s6 {
        width: 99.5%;
    }

    body.dileksikayet .musteritelefon .icbaslik {
        font-size: 18px;
    }

        body.dileksikayet .musteritelefon .icbaslik span {
            margin-top: -10px;
        }

    .kampanyadt .icerik .resim {
        width: 100%;
        margin: 0 0 30px;
    }

    .iletisimler .iletisim .iletisimsag .bilgi > div > div > .ic {
        margin-left: 0%;
    }

    .iletisimler .iletisim .bilgi > div > div > .ic {
        width: 100%;
    }

    .magazadetay > .ic > .sol {
        width: 100%;
        margin-right: 0;
    }

    .magazadetay > .ic > .sag {
        width: 100%;
    }

    .magazadetay .sol .str {
        margin-bottom: 16px;
        164
    }

    .anasayfa .ust1 .sliders > div > .ic {
        width: 100%;
        margin-left: 0;
    }

    .ust1 .sliders > div > .ic > .baslik {
        padding-left: 53px;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        left: 0;
        top: -8px;
    }

    .ust1 .sliders > div > .ic > .baslik {
        padding-left: 53px;
    }

    .anasayfa .ust1 .sliders > div .baslik:before {
        left: 0;
        top: -8px;
    }

    .anasayfalinks ul {
        display: block;
    }

        .anasayfalinks ul li {
            width: 40%;
            float: left;
            margin: 5%;
        }

    .anasayfaet {
        display: none;
    }

    .footer-yunusonline .resim a {
        margin-right: 2%;
    }

    .bx-controls.bx-has-controls-direction.bx-has-pager {
        display: none;
    }

    .picerik.unlu-mamuller .icerik, .picerik.kaynagi-belli-et .icerik {
        width: calc(100% - 60px);
    }
}

@media (max-width:420px) {
    .slick-dots li > button {
        width: 18px;
        height: 18px;
    }

    .slick-dots {
        display: block;
    }

        .slick-dots:after {
            content: '';
            clear: both;
        }

        .slick-dots li {
            float: left;
            margin-bottom: 13px;
        }

    .magazalar li, .magazalar li:nth-child(5n), .magazalar li:nth-child(3n) {
        width: 49%;
        margin-right: 2%;
    }

        .magazalar li:nth-child(2n) {
            margin-right: 0;
            width: 49%;
        }

    footer .stn:nth-child(3), footer .stn:nth-child(4) {
        width: 100%;
        margin-right: 0;
    }

    footer .stn:nth-child(4) {
        display: block;
    }

    footer .stn:nth-child(3) .str {
        float: left;
        width: 50%;
    }

    footer .stn:nth-child(4) .str {
        width: 47%;
        margin-right: 0;
    }

    footer .stn:nth-child(4) .str {
        width: 100%;
        margin-right: 0;
    }

    footer .stn:nth-child(4) i {
        margin-right: 8px;
    }

    footer .stn:nth-child(4) .str:first-child {
        margin-right: 1%;
    }

    footer .links ul, footer .links ul:nth-child(1) {
        width: 100%;
        margin-right: 0;
    }

    footer .links {
        display: block;
    }

        footer .links ul li {
            margin-bottom: 7px;
        }

    .dosyalar .dosya, .dosyalar .dosya:nth-child(3n), .dosyalar .dosya:nth-child(2n) {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }
}

@media (max-width:325px) {
    footer .stn:nth-child(3) .str {
        width: 100%;
    }

    footer .baslik {
        font-size: 18px;
    }


    footer .stn:nth-child(4) {
        display: block;
    }
}

@media (max-height:768px) {
}

@media (max-height:578px) {
}

@media (max-height:460px) {
}

@media (max-height:430px) {
}

footer .str:after, header .ortala:after, .urunmenu li a:after, .anasayfa .icerikler:after, .anasayfa .icerikler .icerik:after,
footer > div > .ic:after, .hakkimizda .icerik .ust > .ic:after, .vitrin:after, .slick-dots:after, .urunlerlist:after, .urunlink:after, body.iletisim .iletisimic:after,
.sliders:after, .anasayfa .indirim-bulten .ortala:after, .anasayfa .ust2:after, footer .ic:after, .dosyalar > .ic:after, .haberler > .ic:after,
.haberler > .ic:after, .magazadetay > .ic:after, .magazadetay > .ic:after, .magazadetay .sol .detay:after,
.magazadetay .subealt > .ic:after, .magazalar > .ic > ul:after, .kampanyadt:after, .sonkampanyalar:after, .iletisimsol::after, .iletisimsag:after,
.anasayfalinks ul:after, .form .str .s1:after, .form .str .s2:after, .form .str .s25:after, .form .str .s3:after, .form .str .s33:after, .form .str .s4:after, .form .str .s5:after, .form .str .s6:after, .form .str .s7:after, .form .str .s8:after, .form .str .s9:after, .form .str .s10:after, .form .str:after,
.ebulten .icerik:after, body.magazalarimiz .filtre:after, .filtre > div > .baslik:after, .kurumsal .altgaleri:after, .picerik .resimler > .ic:after,
.picerik .videolar:after {
    display: block;
    content: '';
    clear: both;
}

