/*http://cssobfuscator.com*/
@charset "utf-8";

* {
    font-family: ComicPillowFont;

    /*font-size-adjust: ex-height 0.5;*/
    font-feature-settings: "liga" 1;

}

@supports (font-size-adjust: ex-height 0.5) {

    /* Eğer Webkit desteği varsa, bu stiller uygulanır */
    * {
        font-family: ComicPillowFont;
        font-size-adjust: ex-height 0.5;
    }
}

form {
    margin: 0px;
}

:root {
    --backg-table-div-hover: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);


    --border-table-div-div-hover: #C0C0C0;
    /*#eee grid menü bottom boderlar*/
    --main-container-height: 56px;
    --main-container-width: 1366px;
}

:root[theme='mobile'] {
    --main-container-height: auto;

    --projects-grid-box: 2em;
}

.no_slct {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}


@media not all and (max-width:1000px) {
    .xxx {
        width: 800px;
    }

    .asdasdafdsf {
        display: grid;
        grid-template-areas:
            "header           header"
            "header-mobile           header-mobile"
            "left-aside           left-aside"
            "footer           footer";
        grid-gap: 0px;
        grid-template-rows: 0.5fr 0.1fr;
        grid-template-columns: 1fr 2fr;

    }

    .asdasdafdsf-mobile_PROJECTS {
        display: grid;
        grid-template-areas:
            "header           header"
            "left-aside           right-aside"
            "footer           footer";
        grid-gap: 0px;
        grid-template-rows: 0.1fr 0.1fr 0.1fr;
        grid-template-columns: 1fr;

    }

    .flex-top-center-grid-content {
        align-items: flex-start;

        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        flex-flow: row nowrap;
        margin-right: 32px;

    }

    .flex-top-center-grid-content>*:first-child {
        align-self: stretch;
    }

    .flex-center-grid-content {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: right;
        flex-flow: row nowrap;
        margin-right: 32px;

    }

    .projects-page-text-header-grid {
        font-size: 24px;
    }
}

@media all and (max-width:1000px) {

    .flex-center-grid-content {
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        flex-flow: row nowrap;
        margin-top: 32px;
        margin-bottom: 32px;
    }

    .projects-page-text-header-grid {
        font-size: 48px;
    }

    .xxx {
        width: 90%;
    }

    .project-image {
        width: 50%;
    }

    .asdasdafdsf {

        display: grid;
        grid-template-areas:
            "header"
            "header-mobile"
            "left-aside"

            "right-aside"

            "footer";
        grid-template-rows: 0.5fr 0.1fr;
        grid-template-colums: 1fr;


    }

    .asdasdafdsf-mobile_PROJECTS {

        display: grid;
        grid-template-areas:
            "header"

            "left-aside"

            "right-aside"

            "footer";
        grid-template-rows: 0.1fr 0.1fr 0.1fr;
        grid-template-colums: 1fr;


    }
}

.grid-projects-content {
    display: grid;
    grid-template-areas:
        "header           header"
        "header-mobile           header-mobile"
        "mobile-listbox          mobile-listbox"
        "footer           footer";
    grid-gap: 0px;
    grid-template-rows: 2fr 2fr 8fr 1fr;
    grid-template-columns: 1fr 2fr;

}

.grid-mobile-projects-content {
    display: grid;
    grid-template-areas:
        "header           header"
        "sub-header           sub-header"
        "left-aside           right-aside"
        "footer           footer";
    grid-gap: 0px;
    grid-template-rows: 2fr 2fr 8fr 1fr;
    grid-template-columns: 1fr 2fr;

}

.txt_al_lft {
    float: left;
}

.txt_al_rgt {
    float: right;
}

.cur_hnd {
    cursor: pointer;
}

.txt_a_r {
    text-align: right;
}

.txt_a_l {
    text-align: left;
}

.txt_a_c {
    text-align: center;
}

.flt_lft {
    float: left;
}

.table {
    display: table;
    width: 100%;
}

.table>div {
    display: table-row
}

.table>div:hover {
    background: var(--backg-table-div-hover, linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%));
}

.table>div>div {
    display: table-cell;
    padding: 4px 5px;

    /*border-bottom:1px solid var(--border-table-div-div-hover,#eee)*/

}

.table>div>div:first-child {
    font-weight: 700;
    vertical-align: top
}

.table>div:last-child div {
    border: 0
}


table {
    font-family: ComicPillowFont;
}

textarea {
    font-family: ComicPillowFont;
    background-color: white;
    pointer-events: auto;
    color: #C0C0C0;
    height:100%;
}

body {
    -webkit-tap-highlight-color: transparent;
    background-image: url('../freedom_blur_2.png?v=1.0.0');
    background-repeat: no-repeat;
    background-origin: content-box;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    /*touch-action: pan-x pan-y;*/
    margin: 0px;
    background-color: rgba(0,0,0,0.7);
    /*aliceblue*/
}

a {
    cursor: hand;
    font-family: Calibri;
}


@supports (-webkit-border-vertical-spacing : 0px) {

    .boder_spacing_0 {
        border-spacing: 0px;
        -webkit-border-vertical-spacing: 0px;
    }

}

@supports (-webkit-border-horizontal-spacing : 0px) {

    .boder_spacing_0 {
        border-spacing: 0px;
        /*-webkit-border-horizontal-spacing: 0px;*/
    }

}

.boder_spacing_0 {
    border-spacing: 0px;
    /*-webkit-border-horizontal-spacing: 0px;

    -webkit-border-vertical-spacing: 0px;*/
}



.tr_gradient {
    background: rgb(20, 20, 20);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.4990371148459384) 0%, rgba(255, 255, 255, 0) 100%);

}

.tr_gradient_android_red {
    background: rgb(120, 6, 6);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(120, 6, 6, 0.25) 50%, rgba(255, 255, 255, 0) 100%);

}

.tr_gradient_android_green {
    background: rgb(164, 198, 57);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(164, 198, 57, 0.25) 50%, rgba(255, 255, 255, 0) 100%);

}

.table_gradient_white {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(150, 150, 150, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.h100 {
    height: 100%;
}

.w100 {
    width: 100%;

}

.h50 {
    height: 50%;
}

.ffchan {
    font-family: ChanelleFont;
    letter-spacing: 6px;
}

.border-top-bottom-only {
    border: 1px transparent solid !important;
    border-top: 1px black solid !important;
    border-bottom: 1px black solid !important;

    border-left: 1px transparent solid !important;
    border-right: 1px transparent solid !important;
}

.border-tob-only {
    border: 1px transparent solid !important;
    border-top: 1px black solid !important;
    border-bottom: 1px transparent solid !important;
}


.border-bottom-only {
    border: 1px transparent solid !important;
    border-top: 1px transparent solid !important;
    border-bottom: 1px black solid !important;
    border-left: 1px transparent solid !important;
    border-right: 1px transparent solid !important;
}



.ffcp {
    font-family: ComicPillowFont;
}

.ffcal {
    font-family: Calibri;
}

.fs12px {
    font-size: 12px;
}

.fs18px {
    font-size: 18px;
}

.fs24px {
    font-size: 24px;
}

.fs32px {
    font-size: 32px;
}

.fs48px {
    font-size: 48px;
}

.col_rebpur {
    color: rebeccapurple;
}

.fnt_w_l {
    font-weight: lighter;
}

.fnt_w_b {
    font-weight: bold;
}

.fnt_w_800 {
    font-weight: 800;
}

.fnt_w_600 {
    font-weight: 600;
}

.fnt_w_400 {
    font-weight: 400;
}

.ff_cmpllw {
    font-family: ComicPillowFont;
}

.bottomLink {
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap;
    background: transparent;
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;

    font-family: Calibri;
    font-weight: light;
    font-size: 24px;
    font-weight: light;
    color: #fff;
    text-decoration: none;
}

.bottomLink:hover {
    background:
        linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
        linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    background-size: 0 0.1em, 100% 0.1em;



    color: darkgray;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    font-family: ComicPillowFont;
    font-weight: light;
    color: blue;
}

a:hover {
    color: black;
}

.main-links-organized {
    line-height: 48px;
}

.main-container {
    display: block;
    /*valign: middle;*/
    height: var(--main-container-height);
    /*-----------------------------------------*/
    position: fixed;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    background-color: rgba(0,0,0,0.87);
    border-bottom: 1px #ffffff2e solid;
    /*border-bottom: 1px  #1B1B1B solid*/
    box-shadow: 0px -1px 7px #00242B;
    z-index: 1000;
}

.bk-gradient-effect {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 100%);
    border-bottom: 1px solid #FFB455;
    border-top: 1px solid #3D3D3D;
    box-shadow: 0px 0px 6px #313131;
}

.disable-select {
    -webkit-user-select: none;
    /* Safari */
    -ms-user-select: none;
    /* IE 10 and IE 11 */
    user-select: none;
    /* Standard syntax */
}

.bottom-panel {
    border-top: 1px inset rebeccapurple;
    box-shadow: inset 0 20px 20px -20px #fff;
    z-index: 100;
}

.bottom-panel-table {
    margin: 0px;
    padding: 0px;
}

html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

.fade-in-banner {
    animation: fadeInBanner 3s;
}

@keyframes fadeInBanner {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fade-out-banner {
    animation: fadeOutBanner 3s;
}

@keyframes fadeOutBanner {
    100% {
        opacity: 1;
    }

    0% {
        opacity: 0;
    }
}

td {
    padding: 0px;
}


@supports (-webkit-border-horizontal-spacing: 0px) {
    .menu_page {
        -webkit-border-horizontal-spacing: 0px;
    }
}

@supports (-webkit-border-vertical-spacing: 0px) {
    .menu_page {
        -webkit-border-vertical-spacing: 0px;
    }
}


.menu_page {
    vertical-align: middle;
    /* margin-top: 61px;*/
    border-spacing: 0px;
    /*-webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;*/
}

.top-menu-seperator {
    margin-left: 16px;
    margin-right: 16px;
}

.w50 {
    width: 50%;
}

.menu-tab-selected {
    color: white;

    background:
        linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
        linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;

    background-size: 0 0.1em, 100% 0.2em;
}

.menu-tab-to-white-anim:not(.menu-tab-selected) {

    /*width: 50%;*/
    transition-timing-function: ease-in;
    transition: background-color 1s;
    color: white;
    background-size: 0 0em, 100% 0.2em;
}

.menu-tab-to-white-anim:hover {
    /*background-color: white;*/
    color: white;

    /*width: 50%;*/
    background:
        linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 1)),
        linear-gradient(to right, rgba(255, 0, 0, 1), rgba(255, 0, 180, 1), rgba(0, 100, 200, 1));
    background-size: 100% 0.1em, 0 0.1em;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size 400ms;
    background-size: 0 0.1em, 100% 0.2em;
}

/*--->Gradient-transparent-to-white*/
.menu-tab-to-white-style2-anim:not(.menu-tab-selected) {

    transition-timing-function: ease-in;
    transition: background-color 1s;
    color: white;
}

.menu-tab-to-white-style2-anim:hover {
    background: white;
    color: black;
}

.btn-gradient-ltr-1 {
    pointer-events: none;
    width: 70px;
    height: 45px;
    background-image: url('../images/ui/g_btn.png?v=1.0.0');
    background-repeat: no-repeat;
    position: absolute;
    float: left;
    background-color: transparent;
}

.btn-gradient-ltr-1:hover+.menu-tab-to-white-style2-anim {
    pointer-events: none;
    background: white;
    color: black;
}

/*<----Gradient-transparent-to-white*/
[contenteditable] {
    outline: 0px solid transparent;
    background: white;
}

input[type=submit] {
    box-sizing: border-box;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    /*width: 100%;*/
    min-height: 30px;
    border: 1px black solid;
    background-color: white;
    font-family: ComicPillowFont;

    cursor: pointer;
    padding: 4px;
    height: 50%;
    font-size: 1.2rem;

}

input[type=submit]:hover {
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
    /*width: 100%;*/
    min-height: 30px;
    border-inline: 1px dashed rebeccapurple;
    background-color: whitesmoke;
    font-family: ComicPillowFont;
    cursor: hand;
    padding: 4px;
    height: 50%;
    font-size: 1.2rem;
}



td {
    border-collapse: collapse;
}

tr {
    border-collapse: collapse;
}

table {
    padding: 0px;
    border-collapse: collapse;
}

tbody {
    padding: 0px;
    margin: 0px;
}




input[type=text] {
    box-sizing: border-box;
    /*draw inline border*/
    /*-webkit-transition: width 0.1s ease-out;
    -moz-transition: width 0.1s ease-out;
    -o-transition: width 0.1s ease-out;
    transition: width 0.1s ease-out;*/
    min-height: 30px;
    border: 1px black inset;
    padding: 4px;
    height: 50%;
    width: 100%;
    /*font-size: 1.8rem;*/
    /*margin-top: 10px;*/
}

input[type=text]:hover {
    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    -o-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
    background-color: whitesmoke;
}

input[type=text]:focus {
    -webkit-transition: width 0.1s ease-in;
    -moz-transition: width 0.1s ease-in;
    -o-transition: width 0.1s ease-in;
    transition: width 0.1s ease-in;
    /*width: 97%;*/
    min-height: 30px;
    border-inline: 1px dashed black;
    /*rebeccapurple*/
    padding: 4px;
    outline: 0px inset transparent;
    height: 50%;
}

.contact_form_div:hover>*:first-child {
    background-color: whitesmoke;
}

.contact_form_div>*:first-child {
    background-color: white;
}

.contact_form_msg_textarea {
    overflow-y: scroll;
    color: #000;
    background-color: white;
    overflow-x: hidden;
    padding: 5px;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    scrollbar-width: 12px;
    resize: none;
    font-size: 1.0rem;
    outline: none;
    border: 0px transparent inset;
    height:100%;
}

.contact_form_send_btn_container {}

.contact_form_msg_textarea:focus {
    background-color: whitesmoke;
}

.contact_form_div {
    box-sizing: border-box;
    /*draw inline border*/
    background-color: white;
    font-family: ComicPillowFont;
    width: 100%;

    -webkit-transition: width 0.1s ease-out;
    -moz-transition: width 0.1s ease-out;
    -o-transition: width 0.1s ease-out;
    transition: width 0.1s ease-out;
    height: 100%;
    padding: 0px;
    overflow: hidden;

    min-height: 100px;

    /*max-width:calc(100% - 20px);*/
}

.contact_form_div:hover {
    background-color: whitesmoke;
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    background-color: whitesmoke;
    overflow: hidden;
    padding-right: 0px;
}

.contact_form_div:focus-within {
    background-color: whitesmoke;
    -webkit-transition: width 2s ease-in;
    -moz-transition: width 0.5s ease-in;
    -o-transition: width 0.5s ease-in;
    transition: width 0.5s ease-in;
    /*width: 97%;*/
    border-inline: 1px dashed black;
    /*rebeccapurple*/
    padding-right: 0px;
    outline: 0px solid transparent;
    overflow: hidden;
}


input[type=text]::placeholder {
    -webkit-transition: width 0.1s ease-in;
    -moz-transition: width 0.1s ease-in;
    -o-transition: width 0.1s ease-in;
    transition: width 0.1s ease-in;
    -webkit-transition: font-size 0.1s ease-in;
    -moz-transition: font-size 0.1s ease-in;
    -o-transition: font-size 0.1s ease-in;
    transition: font-size 0.1s ease-in;
    font-family: ComicPillowFont;
    font-size: 1.0rem;
    color: #C0C0C0;
}

input[type=text]:focus::placeholder {
    -webkit-transition: font-size 0.1s ease-in;
    -moz-transition: font-size 0.1s ease-in;
    -o-transition: font-size 0.1s ease-in;
    transition: font-size 0.1s ease-in;
    font-family: ComicPillowFont;
    font-size: 0.01rem;
}

::selection {
    color: black;
    background-color: orange;
}

textarea::placeholder {
    -webkit-transition: width 0.1s ease-in;
    -moz-transition: width 0.1s ease-in;
    -o-transition: width 0.1s ease-in;
    transition: width 0.1s ease-in;
    -webkit-transition: font-size 1s ease-in;
    -moz-transition: font-size 0.1s ease-in;
    -o-transition: font-size 0.1s ease-in;
    transition: font-size 0.1s ease-in;
    font-family: ComicPillowFont;
    font-size: 1.0rem;
    color: #C0C0C0;
}

textarea:focus::placeholder {
    -webkit-transition: font-size 0.1s ease-in;
    -moz-transition: font-size 0.1s ease-in;
    -o-transition: font-size 0.1s ease-in;
    transition: font-size 0.1s ease-in;
    font-family: ComicPillowFont;
    font-size: 0.01rem;
}


.contact-form-td {
    padding: 5px;
    height: 50px;
}

.dis_no {
    display: none;
}

.dis_no_toggle {
    display: none;
}

.flex-center-content {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-flow: row nowrap;
}

.flex-centerV-rightH-content {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
    flex-flow: row nowrap;
}

.flex-middle-space-between {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    flex-direction: row;
    justify-content: space-between;
}




input[type=button] {
    box-sizing: border-box;
    -webkit-transition: width 0.1s ease-out;
    -moz-transition: width 0.1s ease-out;
    -o-transition: width 0.1s ease-out;
    transition: width 0.1s ease-out;
    /*width: 100%;*/
    min-height: 30px;
    border: 1px black solid;
    background-color: white;
    font-family: ComicPillowFont;
    cursor: hand;
    padding: 4px;

    font-size: 1.8rem;
}

input:disabled {
    border: 1px dashed black;
    background-color: whitesmoke;
}

input[type=button]:hover {
    -webkit-transition: background-color 0.1s ease-out;
    -moz-transition: background-color 0.1s ease-out;
    -o-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
    /*width: 100%;*/
    min-height: 30px;
    border: 1px dashed rebeccapurple;
    background-color: whitesmoke;
    font-family: ComicPillowFont;
    cursor: hand;
    padding: 4px;

    font-size: 1.8rem;
}

#message_displayer {
    position: fixed;
    left: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row nowrap;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.73);
}

.gradient-border {
    /*max-width: 250px;
  padding: 1rem;*/
    color: white;
    border-width: 1px;
    border-style: solid;
    border-image:
        linear-gradient(to bottom, rgba(50, 50, 50, 0.1), rgba(0, 0, 0, 0.5)) 1 1%;
    /*background-color: rgba(1,1,1,0.1);*/
    box-shadow: 15px 10px rgba(0, 0, 0, 0.86);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.gradient-border_android_green {
    /*max-width: 250px;
  padding: 1rem;*/
    color: white;
    border-width: 1px;
    border-style: solid;
    border-image:
        linear-gradient(to bottom, rgba(50, 50, 50, 0.1), rgba(0, 0, 0, 0.5)) 1 1%;
    /*background-color: rgba(1,1,1,0.1);*/
    box-shadow: 15px 10px rgba(0, 0, 0, 0.86);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.gradient_border_android_bloodred {
    /*max-width: 250px;
  padding: 1rem;*/
    color: white;
    border-width: 1px;
    border-style: solid;
    border-image:
        linear-gradient(to bottom, rgba(120, 6, 6, 0.1), rgba(0, 0, 0, 0.5)) 1 1%;
    /*background-color: rgba(1,1,1,0.1);*/
    box-shadow: 15px 10px rgba(0, 0, 0, 0.86);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

@media screen and (max-width: 960px) {
    .card {
        display: block;
        margin: 0 auto;
        /*align horizontal auto*/
    }
}

.oflwH {
    overflow: hidden;
}

.oflwHwsnwrp {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pdL10px {
    padding-left: 10px;
}

.pdL20px {
    padding-left: 20px;
}

svg {
    image-rendering: auto;
}





.game_showcase_box {
    border: 1px solid;
    border-image: linear-gradient(45deg, black, transparent) 10;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: rgba(140, 140, 140, 0.1);
}

.gradient-line-black {
    height: 1px;
    background: black;
    width: 100%;
    background: linear-gradient(90deg, rgba(70, 70, 70, 0) 20%, rgba(70, 70, 70, 1) 50%, rgba(70, 70, 70, 0) 80%);
}


.gradient-line-black-100 {
    height: 1px;
    background: black;
    width: 100%;
    background: linear-gradient(90deg, rgba(70, 70, 70, 0) 0%, rgba(70, 70, 70, 1) 50%, rgba(70, 70, 70, 0) 100%)
}

/*
border-image: linear-gradient(to right, blue, rgba(110, 1110, 0, 0)) 100% 0% 0% 0%;
border-style:solid;border-width:1px;  border-image: linear-gradient(to right, black, rgba(110, 1110, 0, 0)) 0% 0% 100% 0%;
/->>>ORTADAN DIŞARI KAYBOLMA
border-image: linear-gradient(to right, rgba(0, 255, 0, 0),rgba(255, 0, 0, 1),rgba(0, 1110, 110, 0)) 100% 0% 100% 0%;
*/

.brdr_tp_trs {
    border-top: 0px transparent inset;
}

.brdr_rd_1 {
    border-radius: 1px;
}

.brdr_rd_2 {
    border-radius: 2px;
}

/*OPTIMIZE SVG*/
svg {
    shape-rendering: geometricPrecision;
    /* Daha düzgün hatlar */
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    cursor: pointer;
}

/* Track */
::-webkit-scrollbar-track {
    background: white;
    cursor: pointer;
}

textarea:focus::-webkit-scrollbar-track {
    background: whitesmoke;
    cursor: pointer;
}

textarea:hover::-webkit-scrollbar-track {
    background: whitesmoke;
    cursor: pointer;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000000;
    cursor: pointer;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #2B2B2B;
    cursor: pointer;
}

/*vertical-align*/
.vamid {
    vertical-align: middle;
}


.header-bk-anim {

    background-image: url('../images/ui/slash.png');

    background-repeat: repeat;
    animation: diagonalScroll 360s linear infinite;
    animation-iteration-count: infinite;

}

@keyframes diagonalScroll {
    0% {
        background-position-y: 0;
        /* sol alt */
        background-position-x: 0;
    }

    100% {
        background-position-y: -100vw;
        /* sağ üst */
        background-position-x: 100vw;

    }
}

.pages_container span {
    color: white;
}

.pages_container b {
    color: white;
}

/*CONTACT-FORM-AJAX-RESPONSE*/

#ContactFormPostResultHtml {
    font-size: 18px;
    font-weight: bold;
    min-height: 64px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    font-family: Arial, sans-serif;
}

.cntct_rsp_err1 {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    color: red;
    font-weight: bold;
}

.cntct_rsp_succeed {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
    color: darkgreen;
    font-weight: bold;

}

/*PROJECTS PAGE*/
.google_playstore_link a {
    outline: none;
}



@media (min-width: 1366px) {
    .header_top_grid {  
    width: 1366px !important;
}
#flex_top_header_menu{display: flex !important;}
#vertical_menu:not(dis_no_toggle){display: none !important;}
#header_top_menu_small_screen_btn{display: none !important;}
}

@media (max-width: 900px)
{
    .header_top_grid {
    width: 90% !important;
}
#header_top_menu_small_screen_btn{display: flex !important;}
#vertical_menu:not(.dis_no_toggle){display: flex !important;}
#flex_top_header_menu{display: none !important;}
}