/* Minification failed. Returning unminified contents.
(2650,40): run-time error CSS1034: Expected closing parenthesis, found ':'
 */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?qq4qni');
  src:  url('fonts/icomoon.eot?qq4qni#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?qq4qni') format('truetype'),
    url('fonts/icomoon.woff?qq4qni') format('woff'),
    url('fonts/icomoon.svg?qq4qni#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: none;
  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-yukari:before {
  content: "\e90d";
}
.icon-yt:before {
  content: "\e90c";
}
.icon-fb:before {
  content: "\e901";
}
.icon-wp:before {
  content: "\e908";
}
.icon-home:before {
  content: "\e90b";
}
.icon-menu-ok:before {
  content: "\e90a";
}
.icon-arama:before {
  content: "\e900";
}
.icon-ins:before {
  content: "\e902";
}
.icon-konum:before {
  content: "\e903";
}
.icon-linkedin:before {
  content: "\e904";
}
.icon-menu:before {
  content: "\e905";
}
.icon-posta:before {
  content: "\e906";
}
.icon-telefon:before {
  content: "\e907";
}
.icon-alt-ok:before {
  content: "\e909";
}

/* Minification failed. Returning unminified contents.
(2541,40): run-time error CSS1034: Expected closing parenthesis, found ':'
 */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?qq4qni');
    src: url('fonts/icomoon.eot?qq4qni#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?qq4qni') format('truetype'), url('fonts/icomoon.woff?qq4qni') format('woff'), url('fonts/icomoon.svg?qq4qni#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: none;
    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-yukari:before {
    content: "\e90d";
}

.icon-yt:before {
    content: "\e90c";
}

.icon-fb:before {
    content: "\e901";
}

.icon-wp:before {
    content: "\e908";
}

.icon-home:before {
    content: "\e90b";
}

.icon-menu-ok:before {
    content: "\e90a";
}

.icon-arama:before {
    content: "\e900";
}

.icon-ins:before {
    content: "\e902";
}

.icon-konum:before {
    content: "\e903";
}

.icon-linkedin:before {
    content: "\e904";
}

.icon-menu:before {
    content: "\e905";
}

.icon-posta:before {
    content: "\e906";
}

.icon-telefon:before {
    content: "\e907";
}

.icon-alt-ok:before {
    content: "\e909";
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: #c0c0c0;
    border-radius: 0px
}

::-webkit-scrollbar-thumb {
    background: #6a6a6a;
    border-radius: 0px
}

* {
    scroll-behavior: smooth;
}

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: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #000;
    background-color: #1d1d1d;
}


.loading {
    background-color: rgba(0, 0, 0, 0.95);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    /* opacity: 0.95; */
}

    .loading:after {
        background-image: url(/images/loading.gif);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100px;
        height: 100px;
        opacity: 0.16;
        margin-left: -50px;
        margin-top: -50px;
    }

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;
    }

.b, b {
    font-weight: 700;
}

: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;
}

.page a:hover {
    color: #c5181f;
}

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;
    font: initial;
    font-weight: 400;
    font-family: 'Montserrat', sans-serif;
}

.dkap {
    height: 100%;
    display: table;
    overflow: hidden;
    width: 100%;
}

    .dkap .dic {
        display: table-cell;
        vertical-align: middle;
    }

ul {
    list-style-type: none;
}

.transition {
    -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;
}

.transition05 {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.uyari {
    padding: 7%;
    text-align: center;
    margin: 10%;
    font-size: 17px;
    font-weight: 200;
    color: #fff;
}

.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, .form button {
    width: calc(100% - 4px );
    margin-bottom: 0;
    line-height: 35px;
    border: none;
    border-bottom: 1px solid #6f6f6f;
    font-size: 20px;
    background-color: rgba(246, 246, 246, 0);
    color: #9fa3a7;
}

    .form input[type=text], .form select {
        height: 46px;
    }

    .form input[type=file] {
        border: none;
    }

    .form input[type=checkbox] {
        width: auto;
    }

.form textarea {
    height: 220px;
    width: 100%;
    resize: none;
}

.form input, .form button, .form select, .form button {
    width: 100%;
}

.form .str .checkbox {
    display: inline-flex;
}

.bos {
    display: block;
    content: '.';
    line-height: 35px;
    height: 35px;
    margin-bottom: 6px;
}

.form button {
    width: auto;
}

.form .baslik {
    margin-bottom: 16px;
}

.form .altbaslik {
    font-size: 19px;
}

.form .str {
    margin-bottom: 16px;
    position: relative;
    width: 60%;
}

.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;
}

.form .input-validation-error {
    border: 1px solid #a04f4f !important;
}

.form input[type=file].input-validation-error {
    border: none !important;
}

.ortala {
    max-width: 96%;
    width: 1407px;
    margin: 0 auto;
}


.form .stric {
    line-height: 35px;
    height: 35px;
    margin-bottom: 6px;
}

.page {
    position: fixed;
    margin: auto;
    font-size: 14px;
    line-height: 1.2;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ytcontainer {
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
    background-color: #1d1d1d;
}

    .ytcontainer > .area {
        width: 7142.4px;
        height: 100%;
        overflow: hidden;
        position: relative;
        transition-duration: 3s;
        transform: translate3d(0, 0px, 0px);
        -webkit-transition: -webkit-transform 3s ease-in-out;
    }

        .ytcontainer > .area > div {
            height: 100%;
            float: left;
            list-style: none;
            position: relative;
            width: 100px;
            background-size: cover;
            -webkit-transition: background 1s ease-in 0s;
            transition: background 1s ease-in 0s;
            z-index: 9;
        }

            .ytcontainer > .area > div.aktif {
                background-position: left !important;
            }

            .ytcontainer > .area > div:before {
                position: absolute;
                height: 100%;
                width: calc(100% - 6px);
                background-color: rgba(0, 0, 0, 0.6);
                content: '';
                left: 6px;
                animation-name: bgtransition;
                animation-duration: 1s;
            }

            .ytcontainer > .area > div.aktif:before {
                left: 100%;
                transition-duration: 3s;
                -webkit-transition: -webkit-transform 3s ease-in-out;
            }

@keyframes bgtransition {
    from {
        background-color: inherit;
    }

    to {
        background-color: rgba(0,0,0,.6);
    }
}

.logo {
    position: fixed;
    z-index: 99;
    left: 36px;
    top: 40px;
}

.btmenu {
    position: fixed;
    right: 10.9%;
    top: 65px;
    z-index: 99;
    cursor: pointer;
}

.page .menu {
    position: fixed;
    z-index: 100;
    width: 76%;
    right: -100%;
    top: 0;
    background-color: #fff;
    height: 100%;
}

    .page .menu .kapat {
        position: absolute;
        right: 64px;
        top: 64px;
        cursor: pointer;
    }

    .page .menu > .ic {
        position: relative;
        width: 100%;
        height: 100%;
        display: block;
    }

    .page .menu .kt {
        position: absolute;
        right: 64px;
        bottom: 20%;
        text-align: right;
    }

        .page .menu .kt > ul > li > a {
            font-size: 84px;
            font-weight: 400;
            font-family: 'Archivo Black', sans-serif;
        }

    .page .menu .kticerik {
        width: 27%;
        position: absolute;
        bottom: 20%;
        left: 6.1%;
    }



        .page .menu .kticerik > .ic {
            position: relative;
        }

            .page .menu .kticerik > .ic .yazi {
                width: 72%;
                margin-left: 28%;
                font-size: 10px;
            }

                .page .menu .kticerik > .ic .yazi p, .page .menu .kticerik > .ic .resim {
                    margin-bottom: 24px;
                }

    .page .menu .kt > ul > li > ul a {
        font-weight: 200;
        font-size: 40px;
    }

.btok {
    position: relative;
    padding-left: 77px;
    line-height: 18px;
    height: 18px;
    display: block;
}

    .btok:before {
        content: '';
        position: absolute;
        content: url('/images/sag-ok.png');
        left: 0;
        top: 0px;
        width: 77px;
        height: 18px;
        display: block;
        z-index: 999999;
    }

.page .menu .kticerik > .ic .btok {
    margin-left: 30%;
}

.page .menu .kt > ul > li:hover > a {
    text-shadow: 0 0 2px #000;
    -moz-text-shadow: 0 0 2px #000;
    -webkit-text-shadow: 0 0 2px #000;
    color: #fff;
}

.alticerikler {
    position: fixed;
    top: 100%;
    height: 100%;
    width: 100%;
    background-color: #1d1d1d;
}

    .alticerikler > div {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 98;
        display: block;
    }

        .alticerikler > div > .ic {
            position: relative;
            width: 100%;
            height: 100%;
            background-size: cover;
            overflow: hidden;
            background-color: #101010;
        }

#modalPage {
    display: none;
}

.page .menu .sosyal {
    position: absolute;
    right: 64px;
    bottom: 64px;
}

    .page .menu .sosyal ul {
        display: inline-flex;
    }

        .page .menu .sosyal ul li {
            margin-right: 9px;
        }

            .page .menu .sosyal ul li:last-child {
                margin-right: 0;
            }

    .page .menu .sosyal .baslik {
        margin-bottom: 20px;
        font-size: 12px;
    }

.ana-sayfa.pageicerik {
    position: absolute;
    left: 78%;
    color: #fff;
    height: 100%;
    font-size: 16px;
    width: 18%;
    z-index: 2;
}

    .ana-sayfa.pageicerik > .ic {
        position: relative;
        width: 100%;
        height: 100%
    }

    .ana-sayfa.pageicerik strong {
        font-weight: 700;
        font-size: 54px;
    }

    .ana-sayfa.pageicerik p:nth-child(2) {
        margin-bottom: 30px;
    }

    .ana-sayfa.pageicerik .btok {
        font-size: 12px;
    }

.btok.beyaz:before {
    content: url(/images/sag-ok-beyaz.png);
    height: 14px;
}



.btok.beyaz {
    padding-left: 59px;
    line-height: 14px;
    height: 14px;
}

.insaat.pageicerik {
    position: absolute;
    bottom: 8%;
    right: 0;
    color: #fff;
    width: 78%;
    height: auto;
}

    .insaat.pageicerik > .ic {
        position: relative;
        display: block;
    }

    .insaat.pageicerik h3 {
        font-size: 186px;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        position: absolute;
        bottom: 0;
        width: 80.5%;
    }

        .insaat.pageicerik h3 * {
            font-style: normal;
        }

        .insaat.pageicerik h3 strong {
            color: rgba(255, 255, 255, 0);
            -webkit-text-stroke: 1px white;
        }

    .insaat.pageicerik p {
        position: absolute;
        right: 0;
        bottom: 25px;
        width: calc(18.7% - 50px);
        line-height: 22px;
        font-size: 18px;
        font-weight: 200;
        padding-right: 50px;
    }

.btkutu {
    display: table;
    border: 1px solid #fff;
    padding: 9px 26px;
    margin-top: 8px;
}

    .btkutu:hover {
        color: #000 !important;
        background-color: #fff;
        border-color: #000
    }

.enerji.pageicerik {
    position: absolute;
    width: 68%;
    top: 11.6%;
    left: 3.4%;
    color: #171717;
}

    .enerji.pageicerik > .ic {
        position: relative;
        height: 405px;
    }

    .enerji.pageicerik h3 {
        font-size: 174px;
        font-family: 'Oswald', sans-serif;
        position: absolute;
        top: 0;
        width: 78.5%;
    }

        .enerji.pageicerik h3 * {
            font-style: normal;
            display: block;
            text-align: right;
        }

        .enerji.pageicerik h3 strong {
            color: rgba(255, 255, 255, 0);
            -webkit-text-stroke: 1px #171717;
        }

    .enerji.pageicerik .btkutu {
        border-color: #8c8c8c !important;
    }

    .enerji.pageicerik p {
        position: absolute;
        width: 17%;
        right: 0;
        bottom: 48px;
        line-height: 22px;
        font-size: 18px;
        font-weight: 200;
        color: #484848;
    }

#iletisim > .ic {
    width: 52%;
    color: #5e5e5e;
    margin: auto;
    height: 100%;
    overflow: hidden;
}

#iletisim .alt .iletisimresim {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

#iletisim .alt {
    position: relative;
}

    #iletisim .alt .iletisimresim img {
        width: 100%;
    }

    #iletisim .alt form {
        position: absolute;
        left: 100%;
        z-index: 1;
        width: 70%;
    }

#iletisim > .ic > .harita {
    position: absolute;
    right: -100%;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #000;
    margin: 0;
    padding: 0;
    z-index: 2;
}

    #iletisim > .ic > .harita > .ic > div {
        width: 100%;
        height: 100%;
    }

    #iletisim > .ic > .harita iframe {
        width: 100%;
        height: 100%;
    }

    #iletisim > .ic > .harita > .ic {
        position: relative;
        height: 50%;
        width: 50%;
        z-index: 1;
        margin: auto;
        margin-top: 10%;
    }

#iletisim > .ic > form {
    width: 60%;
}

.iletisimdetay .stn {
    position: relative;
    width: 33.33%;
}

.iletisimdetay > .ic {
    display: block;
    width: 100%;
    height: 100%;
}

    .iletisimdetay > .ic .stril {
        display: inline-flex;
        width: 100%;
        margin-bottom: 16px;
    }


    .iletisimdetay > .ic .detayic * {
        display: block;
    }

#iletisim > div > div.iletisimdetay > div > div:nth-child(1) > div > div.detay > div.detayic.btmap {
    cursor: pointer;
}

.iletisimdetay .stn .stnic {
    position: relative;
    bottom: 0;
    padding-left: 16px;
}

.iletisimdetay {
    margin-bottom: 122px;
}

    .iletisimdetay .anabaslik {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-size: 60px;
        margin-bottom: 35px;
    }

        .iletisimdetay .anabaslik span:nth-child(1) {
            color: #fff;
        }

    .iletisimdetay .icbaslik {
        font-weight: 700;
        margin-bottom: 13px;
    }

    .iletisimdetay .stn:before {
        position: absolute;
        height: 100%;
        width: 1px;
        content: '';
        background-color: #373737;
        top: 4px;
    }

.str.strbtn button, .btskutu {
    height: 35px;
    background-color: #000;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    float: right;
    text-align: right;
    width: 150px;
    font-size: 16px;
    border: none;
    line-height: 35px;
    padding: 0 14px;
}

.str.strbtn .linkyazi {
    float: left;
    line-height: 35px;
}

.iletisimdetay .form button {
    height: 59px;
}

.str.strbtn .linkyazi a {
    font-weight: 700;
}

.iletisimbtyv {
    position: absolute;
    right: 5%;
    bottom: 15%;
    display: inline-flex;
    cursor: pointer;
}

    .iletisimbtyv img {
        transform: rotate(0deg);
    }

    .iletisimbtyv span {
        height: 100%;
        line-height: 95px;
        font-size: 26px;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        margin-right: 14px;
    }

.projelist .prj {
    float: left;
    position: relative;
    opacity: 0.4;
}

    .projelist .prj.aktif {
        opacity: 1;
    }

    .projelist .prj .ilkresim {
        background-size: cover;
        background-position: center;
    }

        .projelist .prj .ilkresim img {
            display: none;
            width: 100%;
        }

    .projelist .prj .prjic {
        height: 100%;
        position: relative;
    }

        .projelist .prj .prjic .resimler {
            height: 100%;
            overflow: auto;
        }

            .projelist .prj .prjic .resimler .ilkresim {
                height: 100%;
            }

        .projelist .prj .prjic .yazi {
            width: 28%;
            position: absolute;
            left: -28%;
            height: 100%;
            top: 0;
        }

.projelist {
    color: #959393;
}

    .projelist .prj .prjic .yazi .yaziic {
        position: relative;
        height: 100%;
        width: calc(100% - 11px);
        padding-right: 11px;
        text-align: right;
    }

        .projelist .prj .prjic .yazi .yaziic .ust {
            font-size: 18px;
            font-family: 'Oswald', sans-serif;
            font-weight: 700;
        }

            .projelist .prj .prjic .yazi .yaziic .ust span {
                display: block;
                margin-bottom: 4px;
            }

                .projelist .prj .prjic .yazi .yaziic .ust span:first-child {
                    font-size: 24px;
                }

        .projelist .prj .prjic .yazi .yaziic .alt {
            position: absolute;
            bottom: 0;
            line-height: 1.2;
            font-size: 13px;
        }

            .projelist .prj .prjic .yazi .yaziic .alt .ad {
                font-family: 'Oswald', sans-serif;
                font-weight: 700;
                font-size: 32px;
                margin-bottom: 7px;
            }

        .projelist .prj .prjic .yazi .yaziic .ust span:last-child {
            margin-bottom: 0;
        }

        .projelist .prj .prjic .yazi .yaziic .alt .aciklama {
            font-weight: 400;
        }

.prjbt {
    position: absolute;
    top: 50%;
    margin-top: -21px;
    cursor: pointer;
}

.projelist .prj .prjic .btskutu {
    position: absolute;
    right: 0;
    bottom: -48px;
}

.projelist .prj .prjic .resimler .altresimler .rsm {
    margin-left: 5px;
    float: right;
    cursor: pointer;
}

.projelist .prj .prjic .resimler .altresimler {
    margin-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: row-reverse;
    overflow: auto;
    padding-bottom: 5px;
}

.altresimler::-webkit-scrollbar {
    height: 12px;
}

.prj .kapat, #iletisim .kapat {
    position: absolute;
    right: -44px;
    top: 0;
    width: 29px !important;
    height: 29px !important;
    line-height: 29px;
    border: 1px solid;
    text-align: center;
    cursor: pointer;
}

.alticerikler > div.kurumsal {
    color: #fff;
}

.kurumsal .buyuk-aciklama.pageicerik {
    font-size: 66px;
    width: 60%;
    font-family: 'Playfair Display', serif;
}

.alticerikler > div.kurumsal > .ic, .alticerikler > div.haberler > .ic {
    overflow: auto;
}

.alticerikler > div.kurumsal > .ic {
    background-attachment: local;
}

.kucuk-aciklama.pageicerik {
    position: absolute;
    right: 0;
    width: 20%;
    color: #959393;
    text-align: right;
    font-weight: 400;
    background-attachment: local;
}

.alticerikler > div.kurumsal > .ic > .ortala {
    position: relative;
    padding-bottom: 120px;
}

.kucuk-aciklama.pageicerik p {
    margin-bottom: 20px;
}

    .kucuk-aciklama.pageicerik p:last-child {
        margin-bottom: 0;
    }

    .kucuk-aciklama.pageicerik p:last-child {
        right: 0;
        font-size: 86px;
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        color: #fff;
        position: relative;
    }

        .kucuk-aciklama.pageicerik p:last-child a {
            position: relative;
            z-index: 9;
        }

            .kucuk-aciklama.pageicerik p:last-child a:after {
                position: absolute;
                content: url('/images/alt-ok-beyaz-kucuk.png');
                top: 10px;
                right: -76px;
            }

.orta.pageicerik p:nth-child(1) {
    font-family: 'Oswald',sans-serif;
    font-weight: 700;
    font-size: 46px;
    padding-top: 47px;
    position: relative;
    margin-top: 54px;
    margin-bottom: 18px;
}

.kurumsal .orta.pageicerik {
    width: 53.6%;
}

    .kurumsal .orta.pageicerik p:nth-child(-n+2) {
        width: 86%;
    }

.orta.pageicerik .ic:before {
    position: absolute;
    width: 84px;
    height: 7px;
    background-color: #fff;
    content: '';
    top: 0;
}

.orta.pageicerik p:nth-child(2) {
    margin-bottom: 43px;
    font-size: 16px;
    font-weight: 200;
}

.orta.pageicerik p:nth-child(3) {
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    font-size: 30px;
    margin-bottom: 20px;
}

.orta.pageicerik ul {
    display: inline-flex;
    width: 100%;
    margin-bottom: 281px;
}

    .orta.pageicerik ul li {
        margin-right: 60px;
        font-weight: 200;
        font-size: 14px;
        line-height: 1.4;
    }

        .orta.pageicerik ul li:last-child {
        }

        .orta.pageicerik ul li strong {
            font-weight: 700;
            font-family: 'Oswald',sans-serif;
            font-size: 42px;
            margin-bottom: -29px;
            display: block;
        }

        .orta.pageicerik ul li em {
            font-size: 42px;
            font-style: inherit;
            margin-bottom: 0;
            display: block;
            font-weight: 400;
            font-family: 'Oswald',sans-serif;
        }

        .orta.pageicerik ul li u {
            font-weight: 700;
            text-decoration: none;
            margin-top: 20px;
            display: block;
        }

.orta.pageicerik .ic {
    position: relative;
}

    .orta.pageicerik .ic:after {
        position: absolute;
        width: 84px;
        height: 7px;
        background-color: #fff;
        content: '';
        bottom: 0;
        left: 0;
    }

.kucuk-aciklama.pageicerik p:last-child:after {
    position: absolute;
    bottom: -105px;
    height: 118px;
    width: 1px;
    content: '';
    background-color: #fff;
    left: 50%;
}

.kucuk-aciklama.pageicerik p:last-child:before {
    content: url(/images/kurumsal-1.jpg);
    position: absolute;
    top: 205px;
    z-index: 2;
    right: -61px;
    background-image: url(/images/kurumsal-1.jpg);
    content: '';
    width: 200%;
    height: 649px;
    background-size: cover;
}


.kurumsal .tarihce.pageicerik li {
    font-weight: 200;
}

.kurumsal .tarihce.pageicerik ul:nth-child(2) {
    padding-left: 50%;
    width: 50%;
    position: relative;
    height: 100%;
    display: block;
    margin-bottom: 60px;
}

.kurumsal .tarihce.pageicerik ul strong {
    font-weight: 400;
    font-family: 'Oswald',sans-serif;
    font-size: 54px;
    font-family: 'Playfair Display', serif;
    margin-bottom: 16px;
}

.kurumsal .tarihce.pageicerik ul em {
    font-style: normal;
    font-weight: 200;
    font-size: 31px;
    width: 88%;
    display: block;
    font-family: 'Playfair Display', serif;
}
.kurumsal .tarihce.pageicerik ul:nth-child(1) {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 26px;
}
.kurumsal .tarihce.pageicerik ul:nth-child(1) li {
    font-size: 14px;
}

    .kurumsal .tarihce.pageicerik ul:nth-child(1) li strong {
        width: 100%;
        display: inline-flex;
        line-height: 1;
        position: relative;
    }

        .kurumsal .tarihce.pageicerik ul:nth-child(1) li strong:after {
            position: relative;
            width: 100%;
            height: 1px;
            content: '';
            background-color: #fff;
            top: 34px;
            display: block;
        }
.kurumsal .tarihce.pageicerik ul:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 26px;
    overflow:hidden;
}
.kurumsal .tarihce.pageicerik ul:nth-child(2):before {
    content: url(/images/kurumsal-2.jpg);
    position: absolute;
    left: 0;
}

    .kurumsal .tarihce.pageicerik ul:nth-child(2):before::after(2) {
        height: 100%;
        width: 1px;
        background-color: #fff;
        left: 51%;
        position: absolute;
        content: '';
    }

.kurumsal .tarihce.pageicerik ul:nth-child(3) {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 26px;
}

ul#tarihce {
    padding-top: 80px;
    margin-bottom: 30px;
}

.haberlist {
    margin: 120px 0;
}

.haberic .resim {
    width: 480px;
    margin-right: 60px;
    float: left;
}

.haberic .detay {
    display: none;
}

.habert {
    margin-bottom: 60px;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
}

    .habert .baslik {
        font-family: 'Oswald', sans-serif;
        font-weight: 700;
        font-size: 28px;
        margin-bottom: 20px;
        cursor: pointer;
    }

        .habert .baslik:hover {
            color: #c5181f;
        }

.haberic .detay p {
    margin-bottom: 20px;
    line-height: 1.4;
}

    .haberic .detay p:last-child {
        margin-bottom: 0;
    }

.fullscreen-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    display: block;
    background-color: #000;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.3;
}

@media (min-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: 110%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    .fullscreen-bg__video {
        width: auto;
        height: 110%;
    }
}


#form0 > div.form.clearaf > div:nth-child(2) .str {
    width: 100%;
}

.form .str:after {
    position: absolute;
    content: url(/images/form-ok.png);
    right: 0;
    bottom: -2px;
}

#form0 > div.form.clearaf > div:nth-child(2) .str:last-child:after {
    display: none;
}

#form0 > div.form.clearaf > div:nth-child(2) .str:after {
    bottom: 1px;
}

.iletisimdetay .stn:nth-child(2):before {
    height: calc(100% + 80px);
}

.iletisimdetay .stn:nth-child(3):before {
    height: calc(100% - 60px);
}

.haberic .resim img {
    width: 100%;
}

.iletisimdetay .stn:first-child .btmap {
    font-weight: 600;
    margin-top: 7px;
}
.dil {
    position: absolute;
    right: 64px;
    top: 13px;
    font-size: 26px;
}

    .dil a:nth-child(1) {
        color: rgba(137, 5, 5, 1);
    }

    .dil a:nth-child(2) {
        color: rgb(5, 72, 137);
    }

    .dil a.aktif {
        font-weight: 700;
    }

    .dil a {
        margin-left: 20px;
    }
.sonnn {
    line-height: 1;
}

/* 1080 */
@media (max-width:1920px) {
}
/* 1050 */
@media (max-width:1680px) {
    .orta.pageicerik ul {
        margin-bottom: 178px;
    }

    #iletisim .alt form {
        width: 80%;
    }

    .iletisimdetay .stn:nth-child(1) .stnic {
        position: relative;
    }

    .iletisimdetay .anabaslik {
        margin: 36px 0;
    }

    .ortala {
        width: 73%;
    }

    .kurumsal .buyuk-aciklama.pageicerik {
        font-size: 58px;
    }

    .kucuk-aciklama.pageicerik p:last-child:before {
        background-image: url(/images/kurumsal-1.jpg);
        content: '';
        width: 200%;
        height: 514px;
        background-size: cover;
    }

    .orta.pageicerik p:nth-child(1) {
        font-size: 36px;
    }

    .orta.pageicerik p:nth-child(2) {
        font-size: 14px;
    }



    .kurumsal .tarihce.pageicerik ul:nth-child(2):before {
        background-image: url(/images/kurumsal-2.jpg);
        content: '';
        width: 41%;
        height: 100%;
        background-size: cover;
    }

    .insaat.pageicerik h3 {
        font-size: 146px;
    }

    .insaat.pageicerik p {
        width: 20%;
    }

    .enerji.pageicerik h3 {
        font-size: 134px;
        position: relative;
    }

    .enerji.pageicerik > .ic {
        height: auto;
    }

    .enerji.pageicerik p {
        bottom: 0;
    }

    .enerji.pageicerik .btkutu {
        margin-bottom: 24px;
    }

    .enerji.pageicerik > .ic {
        position: relative;
    }
}
/*1200*/
@media (max-width:1600px) {
    .kurumsal .tarihce.pageicerik ul strong {
        font-size: 46px;
    }

    .kurumsal .tarihce.pageicerik ul em {
        font-size: 27px;
    }

    .orta.pageicerik ul li strong {
        font-size: 36px;
    }

    .orta.pageicerik ul li em {
        font-size: 35px;
    }

    .orta.pageicerik ul {
        margin-bottom: 149px;
    }

    .kurumsal .buyuk-aciklama.pageicerik {
        font-size: 50px;
    }

    .kucuk-aciklama.pageicerik p:last-child {
        font-size: 59px;
    }

        .kucuk-aciklama.pageicerik p:last-child:after {
            left: 40px;
        }

        .kucuk-aciklama.pageicerik p:last-child:before {
            top: 129px;
        }

    .insaat.pageicerik h3 {
        font-size: 120px;
    }

    .insaat.pageicerik p {
        width: 30%;
    }

    .projelist .prj .prjic .yazi {
        top: 80px;
        height: calc(100% - 80px);
    }

    .enerji.pageicerik h3 {
        font-size: 109px;
    }

    .enerji.pageicerik p {
        width: 25%;
    }

    .enerji.pageicerik {
        width: 70%;
        left: 10%;
    }

        .enerji.pageicerik h3 {
            width: 73%;
        }

        .enerji.pageicerik .btkutu {
            margin-bottom: 17px;
        }

    .form input[type=text], .form select {
        height: 26px;
        line-height: 26px;
    }

    .form input, .form textarea, .form button, .form select, .form button {
        line-height: 26px;
        font-size: 14px;
    }

    .form .str {
        margin-bottom: 9px;
    }

    .form textarea {
        height: 96px;
    }

    .kucuk-aciklama.pageicerik p:last-child a:after {
        content: '';
        background-image: url('/images/alt-ok-beyaz-kucuk.png');
        width: 54px;
        height: 54px;
        background-size: contain;
        top: 50%;
        margin-top: -25px;
    }

    .insaat.pageicerik h3 {
        width: 78%;
        display: block;
        text-align: right;
        align-items: right;
        justify-content: right;
        left: 0;
        padding-right: 2%;
    }

    .insaat.pageicerik {
        width: 100%;
    }

        .insaat.pageicerik p {
            width: calc(20% - 50px);
        }
}
/*900*/
@media (max-width:1440px) {
    .kucuk-aciklama.pageicerik {
        width: 34%;
    }

        .kucuk-aciklama.pageicerik p:last-child:before {
            width: 100%;
            height: 585px;
        }

        .kucuk-aciklama.pageicerik p:last-child:after {
            left: auto;
            right: 18px;
        }

    .orta.pageicerik ul li strong {
        margin-bottom: -22px;
    }

    .orta.pageicerik ul li em {
    }

    .orta.pageicerik ul {
        margin-bottom: 155px;
    }

    .kurumsal .tarihce.pageicerik ul strong {
    }

    .kurumsal .tarihce.pageicerik ul em {
    }


    .insaat.pageicerik h3 {
        font-size: 100px;
    }

    .insaat.pageicerik p {
        bottom: 19px;
    }

    .enerji.pageicerik h3 {
        font-size: 96px;
    }

    .enerji.pageicerik p {
        font-size: 15px;
    }

    .insaat.pageicerik p {
        font-size: 15px;
    }

    .page .menu .kt > ul > li > a {
        font-size: 64px;
    }

    .page .menu .kt > ul > li > ul a {
        font-size: 28px;
    }

    #iletisim > .ic {
        width: 67%;
    }

    #iletisim .alt .iletisimresim {
        width: 60%;
        padding: 0 20%;
    }

    .logo {
        left: 20px;
    }
}
/*768*/
@media (max-width:1366px) {
    .ortala {
        width: 70%;
    }

    .kurumsal .buyuk-aciklama.pageicerik {
        font-size: 45px;
    }

    .page {
        font-size: 11px;
    }

    .kurumsal .tarihce.pageicerik ul:nth-child(1) li {
        font-size: inherit;
        margin-bottom: 20px;
    }

    .insaat.pageicerik h3 {
        font-size: 90px;
        width: 72%;
    }

    .insaat.pageicerik p {
        width: calc(28% - 70px);
        bottom: 16px;
        padding-left: 20px;
    }

    .enerji.pageicerik h3 {
        font-size: 90px;
    }

    .habert .baslik {
        font-size: 18px;
        margin-bottom: 13px;
    }

    .haberic .resim {
        width: 300px;
        margin-right: 29px;
    }

    .projelist .prj .prjic .yazi .yaziic .ust {
        font-size: 14px;
    }

        .projelist .prj .prjic .yazi .yaziic .ust span:first-child {
            font-size: 18px;
        }

    .projelist .prj .prjic .yazi .yaziic .alt {
        font-size: 11px;
    }

        .projelist .prj .prjic .yazi .yaziic .alt .ad {
            font-size: 23px;
        }
}
/*1024*/
@media (max-width:1280px) {
    .orta.pageicerik ul li {
        margin-right: 30px;
    }

        .orta.pageicerik ul li strong {
            font-size: 32px;
        }

    .kucuk-aciklama.pageicerik p:last-child:before {
        height: 581px;
    }

    .kurumsal .tarihce.pageicerik ul strong {
        font-size: 42px;
    }

    .kurumsal .tarihce.pageicerik ul em {
        font-size: 25px;
    }
}

@media (max-width:1152px) {
    .logo {
        left: 10px;
        top: 30px;
    }

    .btmenu {
        right: 40px;
        top: 30px;
    }

    .alticerikler > div.kurumsal > .ic > .ortala {
        width: calc(100% - 133px - 96px);
        margin-left: 133px;
    }

    .ana-sayfa.pageicerik {
        left: 60%;
        width: 40%;
    }

    .logo {
        width: 99px;
    }

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

    .iletisimdetay .anabaslik {
        font-size: 52px;
    }
}


/*768*/
@media (max-width:1024px) {
    .iletisimdetay .anabaslik {
        font-size: 48px;
    }

    .orta.pageicerik ul {
        margin-bottom: 120px;
    }

    .kurumsal .buyuk-aciklama.pageicerik {
        font-size: 40px;
    }

    .kucuk-aciklama.pageicerik p:last-child {
        font-size: 42px;
    }

        .kucuk-aciklama.pageicerik p:last-child a:after {
            width: 42px;
            height: 42px;
            margin-top: -21px;
            right: -50px;
        }

        .kucuk-aciklama.pageicerik p:last-child:after {
            right: 11px;
        }

    .kucuk-aciklama.pageicerik p:last-child {
        font-size: 42px;
    }

        .kucuk-aciklama.pageicerik p:last-child a:after {
            width: 42px;
            height: 42px;
            margin-top: -21px;
            right: -50px;
        }

        .kucuk-aciklama.pageicerik p:last-child:after {
            right: 11px;
        }

    .kurumsal .orta.pageicerik p:nth-child(2) {
        font-size: 16px;
    }

    .orta.pageicerik p:nth-child(1) {
        font-size: 23px;
    }

    .orta.pageicerik p:nth-child(3) {
        font-size: 17px;
    }

    .orta.pageicerik ul li strong {
        font-size: 36px;
        margin-bottom: -20px;
    }

    .orta.pageicerik ul li em {
        font-size: 26px;
    }

    .kucuk-aciklama.pageicerik p:last-child:before {
        height: 457px;
    }

    .kurumsal .tarihce.pageicerik ul strong {
        font-size: 34px;
        margin-bottom: 8px;
    }

    .kurumsal .tarihce.pageicerik ul em {
        font-size: 21px;
    }

    .kurumsal .tarihce.pageicerik ul:nth-child(1) li strong:after {
        top: 22px;
    }


    .insaat.pageicerik p, .enerji.pageicerik p {
        font-size: inherit;
    }

    .btkutu {
        padding: 5px 12px;
    }

    .habert {
        margin-bottom: 30px;
        padding: 10px;
    }
}
/*600*/
@media (max-width:800px) {
    .dil {
        right: 30px;
        font-size: 18px;
    }

    .ana-sayfa.pageicerik {
        left: 60%;
        width: 40%;
    }

    .kurumsal .buyuk-aciklama.pageicerik {
        font-size: 24px;
        width: 100%;
        line-height: 1.4;
        padding-bottom: 40px;
        position: relative;
    }

        .kurumsal .buyuk-aciklama.pageicerik br {
            display: none;
        }

        .orta.pageicerik .ic:after, .orta.pageicerik .ic:before, .kurumsal .buyuk-aciklama.pageicerik:after {
            height: 4px !important;
            position: absolute;
            width: 84px;
            background-color: #fff;
            content: '';
        }

        .orta.pageicerik .ic:after, .kurumsal .buyuk-aciklama.pageicerik:after {
            bottom: 0;
        }

    .orta.pageicerik .ic:before {
        top: 0;
    }

    .kucuk-aciklama.pageicerik {
        position: sticky;
        text-align: left;
        width: 100%;
        padding-top: 40px;
    }

        .kucuk-aciklama.pageicerik p:last-child {
            display: none;
        }

    .kurumsal .orta.pageicerik {
        width: 100%;
    }

    .kurumsal .tarihce.pageicerik ul:nth-child(1) li strong {
        font-size: 27px;
    }

        .kurumsal .tarihce.pageicerik ul:nth-child(1) li strong:after {
            top: 17px;
        }

    .kurumsal .tarihce.pageicerik ul em {
        font-size: 17px;
    }


    .page .menu .kticerik {
        display: none;
    }

    .page .menu .kt {
        right: 30px;
        bottom: 100px;
    }

    .page .menu .sosyal {
        bottom: 16px;
        right: 31px;
    }

    .page .menu .kt > ul > li > a {
        font-size: 32px !important;
    }

    .page .menu .kt > ul > li > ul a {
        font-size: 20px;
    }

    .page .menu .sosyal .baslik {
        margin-bottom: 10px;
    }

    .page .menu .sosyal ul li {
        height: 16px;
        margin-right: 17px;
    }

        .page .menu .sosyal ul li a {
            height: 100%;
        }

        .page .menu .sosyal ul li img {
            height: 100%;
        }

    .page .menu .kapat {
        right: 30px;
    }

    .insaat.pageicerik h3 {
        font-size: 62px;
        width: 65%;
    }

    .insaat.pageicerik p {
        width: calc(35% - 70px);
        bottom: 10px;
        line-height: 1.2;
    }

    .enerji.pageicerik h3 {
        font-size: 62px;
    }

    .enerji.pageicerik p {
        line-height: 1.2;
        font-weight: 400;
        color: #000;
    }



    .habert {
        margin-bottom: 15px;
        padding: 5px;
    }

    .haberic .resim {
        margin-right: 6px;
    }

    .habert .baslik {
        font-size: 14px;
    }

    .projelist .prj .prjic .yazi {
        position: absolute;
        left: 0;
        display: block !important;
        width: calc(30% - 10px);
        height: 100% !important;
        top: 0 !important;
        overflow: auto !important;
        padding-right: 10px;
    }

    .projelist .prj .ilkresim img {
        display: block;
    }

    .alticerikler > div > .ic {
        overflow: auto;
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .projelist .prj {
        opacity: 1;
        margin-bottom: 30px;
        float: none;
    }

        .projelist .prj .prjic .resimler {
            width: 70%;
            margin-left: 30%;
            position: relative;
        }

    .logo {
        width: 100%;
        background-color: #141414;
        top: 0;
        left: 0;
    }

        .logo > a {
            width: 110px;
            display: block;
            padding: 7px 20px;
        }

    .btmenu {
        top: 16px;
        right: 20px;
    }

    .alticerikler > div {
        padding-top: 64px;
        height: calc(100% - 64px);
        width: 100%;
    }

    .prjbt {
        display: none;
    }

    .projelist .prj .prjic .yazi .yaziic {
        width: 100%;
        padding: 0;
    }

        .projelist .prj .prjic .yazi .yaziic .alt {
            position: relative;
            margin-top: 16px;
        }

    .projelist .prj .prjic .resimler .altresimler {
        display: flex !important;
        margin-top: 5px;
    }

    .haberlist {
        margin: 30px 0;
    }

    .ortala {
        width: 100%;
        max-width: 100%;
    }

    .iletisimbtyv {
        display: none;
    }

    #iletisim > .ic {
        padding-top: 64px;
        height: calc(100% - 64px);
        width: calc(100% - 60px);
        overflow: auto;
        padding: 64px 30px 0 30px;
    }

    #iletisim .alt .iletisimresim {
        position: relative;
        width: 80%;
        padding: 0 10%;
    }

    #iletisim .alt form {
        position: relative;
        left: 0;
        margin-top: 30px;
    }

    #iletisim .alt {
    }

    .iletisimdetay .anabaslik {
        font-size: 32px;
    }

    .iletisimdetay .stn:nth-child(2):before {
        height: calc(100% + 40px);
    }

    .iletisimdetay {
        margin-bottom: 56px;
    }

    .str.strbtn button, .btskutu {
        height: 26px;
        line-height: 26px;
        font-size: 14px;
    }

    .str.strbtn button {
        margin-bottom: 15px;
    }

    .alticerikler > div.kurumsal > .ic > .ortala {
        width: 100%;
        margin-left: 0;
    }

    .btkutu {
        background-color: #141414;
        color: #fff;
    }

    .enerji.pageicerik .btkutu {
        margin-bottom: 9px;
    }
}

@media (max-width:768px) {
    .insaat.pageicerik, .enerji.pageicerik {
        bottom: auto;
        top: 120px;
        width: calc(100% - 60px);
        left: 30px;
    }

        .insaat.pageicerik h3, .enerji.pageicerik h3 {
            position: relative;
            width: auto;
            text-align: left;
            justify-content: inherit;
        }

        .insaat.pageicerik p, .enerji.pageicerik p {
            position: relative;
            padding: 0;
            width: 50%;
            margin-top: 31px;
            font-weight: 400;
        }

        .enerji.pageicerik p {
            color: #000;
        }

        .insaat.pageicerik h3 *, .enerji.pageicerik h3 * {
            text-align: left;
            display: block;
        }
}

@media (max-width:640px) {
    #iletisim > .ic > .harita > .ic {
        margin-top: 110px;
    }
}

@media (max-width:540px) {
    .ana-sayfa.pageicerik {
        width: 70%;
        left: 15%;
    }

    .kurumsal .tarihce.pageicerik ul {
        display: grid !important;
        grid-template-columns: repeat(2,1fr) !important;
        grid-gap: 26px !important;
    }
        .kurumsal .tarihce.pageicerik ul:nth-child(1) {
            margin-bottom:0 !important;
        }
        .kurumsal .tarihce.pageicerik ul:nth-child(1) li strong:after {
            display: none;
        }

    .kurumsal .tarihce.pageicerik ul:nth-child(2):before {
        display: none;
    }

        .kurumsal .tarihce.pageicerik ul:nth-child(2) {
            padding: 0;
            margin: 0;
            width: 100%;
        }

        .kurumsal .tarihce.pageicerik ul:nth-child(2) li {
            height: auto;
            padding: 0;
        }

    .alticerikler > div.kurumsal > .ic > .ortala {
        padding-bottom: 0;
    }

    .projelist .prj .prjic .yazi {
        position: relative;
        width: 100%;
        padding: 0;
        margin-bottom: 5px;
        text-align: left;
    }

        .projelist .prj .prjic .yazi .yaziic {
            text-align: left;
        }

    .projelist .prj .prjic .resimler {
        width: 100%;
        margin: 0;
    }

        .projelist .prj .prjic .resimler .ilkresim.resimyok {
            display: none;
        }

    .projelist .prj {
        margin-bottom: 60px;
    }

        .projelist .prj .prjic .yazi .yaziic .alt {
            margin-top: 5px;
        }

        .projelist .prj .prjic .resimler .altresimler {
            flex-direction: inherit;
        }

            .projelist .prj .prjic .resimler .altresimler .rsm {
                margin-left: 0;
                margin-right: 5px;
            }

    .haberic .resim {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }

    .iletisimdetay .stn .stnic {
        padding-left: 5px;
    }

    .iletisimdetay .stn:nth-child(2):before {
        height: calc(100% + 20px);
    }

    .iletisimdetay {
        margin-bottom: 40px;
    }

    #iletisim .alt form {
        width: 100%;
    }
}
/*854 - 800 - 640*/
@media (max-width:480px) {
    .insaat.pageicerik p, .enerji.pageicerik p {
        width: 100%;
    }

    .iletisimdetay .stn {
        width: 100%;
    }

    .iletisimdetay > .ic {
        display: block;
    }

    .iletisimdetay .stn .stnic {
        position: relative;
    }
    .iletisimdetay > .ic .stril {
        display: block;
    }
}

@media (max-width:460px) {
    .page .menu {
        width: 100%;
    }
}

@media (max-width:420px) {
    .alticerikler > div > .ic {
        overflow: auto;
        width: calc(100% - 30px);
        padding: 0 15px;
    }

    #iletisim > .ic {
        width: calc(100% - 30px);
        padding: 64px 15px 0 15px;
    }

    .logo > a {
        padding: 6px;
    }

    .iletisimdetay .detay {
        margin-bottom: 12px;
    }

    .form .str {
        width: 100%;
    }

    .str.strbtn .linkyazi {
        float: none;
    }

    .orta.pageicerik ul {
        display: block;
        margin-bottom: 0;
    }

    ul#tarihce {
        padding-top: 0;
    }

    .kurumsal .orta.pageicerik > .ic {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .orta.pageicerik ul li {
        margin-bottom: 12px;
        margin-right: 0;
    }
}

@media (max-width:380px) {
    .alticerikler > div > .ic {
        width: calc(100% - 12px);
        padding: 0 6px;
    }
}

@media (max-width:325px) {
    .kurumsal .tarihce.pageicerik ul li {
        width: 100% !important;
    }
}



@media (max-height:920px) {
    .page .menu .kticerik {
        bottom: 2%;
        top: 2%;
        height: 96%;
        overflow: auto;
        width: 32%;
        padding-right: 1%;
    }

        .page .menu .kticerik > .ic .yazi p, .page .menu .kticerik > .ic .resim {
            max-width: 100%;
        }

            .page .menu .kticerik > .ic .resim img {
                width: 100%;
            }

    .page .menu .kt > ul > li > a {
        font-size: 48px;
    }

    .page .menu .kt > ul > li > ul a {
        font-size: 24px;
    }

    .page .menu .kapat {
        width: 20px;
    }

        .page .menu .kapat img {
            width: 100%;
        }
}

@media (max-height:800px) {
    .projelist .prj .prjic .yazi {
        overflow: auto;
        padding-bottom: 0px;
    }
}

@media (min-width:1024px and max-height:720px) {
    .kurumsal .buyuk-aciklama.pageicerik {
        font-size: 42px;
    }

    .iletisimdetay .anabaslik {
        font-size: 47px;
        margin: 20px 0;
    }

    .page .menu .sosyal .baslik {
        margin-bottom: 9px;
    }
}

@media (max-height:578px) {
}

@media (max-height:460px) {
}

@media (max-height:430px) {
}

header .menu > .ic > ul:after, .yemekmenu .kts ul:after, #yemekmenuyemekler ul:after, .iletisim .altsatir:after, .str.strbtn:after,
.projelist .prj .prjic .resimler .altresimler:after, .kurumsal .tarihce.pageicerik ul:after, .haberic:after {
    display: block;
    content: '';
    clear: both;
}

.icbutonlar { padding:100px 0 0;}
.icbutonlar a { display:inline-block; padding:4px; margin:2px 6px;}