﻿body {
    /*font-family: "Tenor Sans", sans-serif;*/
    /*   font-family: "Times New Roman", Times, serif !important;
  
    font-family: "Merriweather", serif;
    /*background: #bed6e2;*/
    font-family: "Anybody", sans-serif;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    /*overflow: hidden;*/

}

.qr1 {
    padding: 5px 15px;
    background: #15395b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 99;
    transition: .5s all;
}
.qr1_fixed {
    background: #15395b;
    position:fixed;
    transition:.5s all;
}
    .qr1 i {
        font-size: 25px;
        padding: 5px;
        color: #fff;
    }

    .qr1 ul{
        list-style:none;
    }
.qr1 li {
    color: #fff;
    padding: 5px 10px;
    /*padding-right:10px;*/
}
    .qr1 img {
        max-height: 45px;
    }
.dropdown-toggle::after{
    display:none;
}
.qr3 {
}

    .qr3 img {
        top: 0;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-height: 60px;
        padding: 5px 0;
    }
.qr4 {
    background: #15395b;
    /*background: #0000008f;*/
    min-height: calc(100vh - 70px);
    display: grid;
    width: 100%;
    /*height: 100vh;*/
    /*padding-bottom: 50px;*/
}
.qr5 {
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0;
    /*background: #bed6e2;*/
    height: 75px;
    /*align-items: center;*/
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    background: #15395b;
}
    .qr5 a {
        height: 100%;
      /*  display: flex;
        align-items: center;*/
      display:inline-block;
      width:100%;
    }
    .dsp1{
        height:100%;
    }
    .qr6 a {
        color: #15395b;
        font-weight: 500;
        font-size: 14px;
        background: #2f2f2f;
        /* position: absolute; */
        bottom: 0;
        left: 0;
        width: 100%;
        display: inline-block;
        padding: 20px;
        border-radius: 10px;
    
    }
        .qr5 img {
            /*border-radius: 50%;*/
            /* border: 5px solid; */
            /*border-color: linear-gradient(168deg, #59ad5a 20%,rgb(255 255 255) 20.5%);*/
            /*background: linear-gradient(94deg, #ef0000 20%, #d98507 100%,rgb(255 255 255) 20.5%);*/
            /*padding: 4px;*/
        }
.qr6 {
    padding: 0px 5px 5px 5px;
    background: linear-gradient(94deg, #ef0000 20%, #d98507 100%,rgb(255 255 255) 20.5%);
    text-align: center;
    /* display: flex; */
    border-radius: 10px;
    position: absolute;
    width: 80%;
    bottom: 0px;
}
.res1{
  position:relative;
}

    .res1 img {
        transform: scale(2);
        max-height: 80px;
    }
.resim1 img {
max-height:250px;
}
.res2 {
    color: #fff;
    /* color: #ee6c3d; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    /* font-family: "Tenor Sans", sans-serif; */
    font-weight: 600;
    height: 75px;
    /* text-shadow: 0 0 1px black; */
    /* letter-spacing: 3px; */
    text-transform: uppercase;
    font-size: 26px;
}
    .res2 span {
        font-size: 18px;
        /*opacity: .5;*/
        color: #435b7a;
    }
.qr7{

}
    .qr7 img {
        position: fixed;
        z-index: -11;
    }

    .yn1{
        background:#000;
    }
.yn2 {
    display: flex;
    justify-content: flex-end;
}
    .yn2 a{
        color:#fff;
    }
    .yn2 a:hover{
        color:#fff;
    }
    .yn4{
        margin-top:50px;
        margin-bottom:50px;
    }
        .yn4 h2 {
            text-decoration: underline;
            text-align:center;
        }
.qr9 {
    padding-top: 150px;
    /*background: #0000008f;*/
    min-height: 99vh;
}
.urn1 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #fff;
}
    .urn1 h4 {
        color: #fff;
        font-size: 17px;
    }
    .urn1 h5 {
        color: #fff;
        font-size: 17px;
        font-style: italic;
        min-width: 56px;
    }
    .qr10 a{
        padding:0;
        text-align:center;
    }

.yn5 {
    /*margin-top: -30px;*/
    padding:0;  
}
        .yn5 h2 {
            text-decoration: underline;
            text-align: center;
            margin-top: 50px;
            margin-bottom: 50px;
        }

.yn7 {

    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    margin: 5px;
    display: inline-block;
}
.yn8 {
    margin: 25px 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}
.yn12 {
    position: absolute;
    z-index: 99;
    bottom: 0;
    width: 100%;
}
    .yn12 p {
        color: #fff;
        font-size: 14px;
        padding: 5px;
        margin-bottom: 0;
        text-align: center;
        /*background: #0000008f;*/
    }
.yn13 {
    left: 400px;
    position: relative;
    padding-top: 100px;
    width: calc(100vw - 450px);
}
.sd1 {
    position: fixed;
    width: 350px;
}
.input-group-text{
    border-radius:0;
    /*height:100%;*/
}

.ynt5 {
    margin-top: 50px;
}

    .ynt5 h2 {
        text-decoration: underline;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px;
    }

.ynt7 {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    margin: 5px;
    display: inline-block;
}

.ynt8 {
    padding: 15px 5px;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom:0;
}

.ynt9{
    margin-top:75px;
}

.in2 {
    height: 250px;
    margin-top:15px;
}

    .in2 a {
        color: #fff;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 21px;
        font-weight: 600;
        background: #00000021;
        text-shadow: 0 0 4px #000;
    }



.in3 {
    padding: 50px 15px;
}


.ly1 {
    text-align: center;
    height: 100vh;
}

.ly2 img {
    padding: 15px 0;
    max-height: 75px;
}
.ly2{
    text-align:center;
}
.brd1 b {
    font-size: 12px;
}

.brd1 {
    text-align: center;
}

.yn10{
    padding:75px 0;
}
.sld1{
    height:60vh;
    background-size:cover;
}
.sld2 {
    position: absolute;
    top: 0;
    z-index: 8888;
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sld3{
    position:relative;
    /*padding-bottom:40px;*/
}
.sld4 {
    display: flex;
    justify-content: center;
    padding-top:15px;
}
    .sld4 a {
        padding: 10px;
        background-color: rgba(0,0,0,.65);
        border-radius: 1242px;
        text-align: center;
        min-width: 50px;
        min-height: 50px;
        line-height: 30px;
        margin-right: 15px;
        box-shadow: 0 0 20px;
        color:#fff;
    }
.slon1 {
    background: #c5c5c5;
    color: #fff;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.slon1 a{
    color:#fff;
}
.sld5{
    text-align:center;
}
.sld5 img{
    max-height:131px;

}
.sld6 {
    list-style: none;
    display: flex;
    justify-content: center;
    padding-top:25px;

}
    .sld6 li {
        padding: 10px;
      
    }
.sld7 {
    background: rgba(0,0,0,.6);
    color:#fff
}
.sld8 {
    display: flex;
    justify-content: center;
    padding-top:20px;
}
    .sld8 ul {
        background: rgba(0,0,0,.6);
        width:100%;
    }
    .sld8 a{
        color:#fff;

    }
    .sld8 ul > li > a > b {
        font-weight: 500;
    }
.iris-picker {
    display: block;
    position: relative
}

    .iris-picker, .iris-picker * {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

input + .iris-picker {
    margin-top: 4px
}

.iris-error {
    background-color: #ffafaf
}

.iris-border {
    border-radius: 3px;
    border: 1px solid #aaa;
    width: 200px;
    background-color: #fff
}

.iris-picker-inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.iris-border .iris-picker-inner {
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px
}

.iris-picker .iris-square-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.iris-picker .iris-square, .iris-picker .iris-slider, .iris-picker .iris-square-inner, .iris-picker .iris-palette {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.4);
    height: 100%;
    width: 12.5%;
    float: left;
    margin-right: 5%
}

.iris-picker .iris-square {
    width: 76%;
    margin-right: 10%;
    position: relative
}

.iris-picker .iris-square-inner {
    width: auto;
    margin: 0
}

.iris-ie-9 .iris-square, .iris-ie-9 .iris-slider, .iris-ie-9 .iris-square-inner, .iris-ie-9 .iris-palette {
    box-shadow: none;
    border-radius: 0
}

.iris-ie-9 .iris-square, .iris-ie-9 .iris-slider, .iris-ie-9 .iris-palette {
    outline: 1px solid rgba(0,0,0,.1)
}

.iris-ie-lt9 .iris-square, .iris-ie-lt9 .iris-slider, .iris-ie-lt9 .iris-square-inner, .iris-ie-lt9 .iris-palette {
    outline: 1px solid #aaa
}

    .iris-ie-lt9 .iris-square .ui-slider-handle {
        outline: 1px solid #aaa;
        background-color: #fff;
        -ms-filter: "alpha(Opacity=30)"
    }

    .iris-ie-lt9 .iris-square .iris-square-handle {
        background: 0;
        border: 3px solid #fff;
        -ms-filter: "alpha(Opacity=50)"
    }

.iris-picker .iris-strip {
    margin-right: 0;
    position: relative
}

    .iris-picker .iris-strip .ui-slider-handle {
        position: absolute;
        background: 0;
        margin: 0;
        right: -3px;
        left: -3px;
        border: 4px solid #aaa;
        border-width: 4px 3px;
        width: auto;
        height: 6px;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        opacity: .9;
        z-index: 5;
        cursor: ns-resize
    }

.iris-strip .ui-slider-handle:before {
    content: " ";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -3px;
    bottom: -3px;
    border: 2px solid #fff;
    border-radius: 3px
}

.iris-picker .iris-slider-offset {
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    bottom: -3px;
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    top: none;
    border-radius: 0
}

.iris-picker .iris-square-handle {
    background: transparent;
    border: 5px solid #aaa;
    border-radius: 50%;
    border-color: rgba(128,128,128,.5);
    box-shadow: none;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -10px;
    top: -10px;
    cursor: move;
    opacity: 1;
    z-index: 10
}

.iris-picker .ui-state-focus .iris-square-handle {
    opacity: .8
}

.iris-picker .iris-square-handle:hover {
    border-color: #999
}

.iris-picker .iris-square-value:focus .iris-square-handle {
    box-shadow: 0 0 2px rgba(0,0,0,.75);
    opacity: .8
}

.iris-picker .iris-square-handle:hover::after {
    border-color: #fff
}

.iris-picker .iris-square-handle::after {
    position: absolute;
    bottom: -4px;
    right: -4px;
    left: -4px;
    top: -4px;
    border: 3px solid #f9f9f9;
    border-color: rgba(255,255,255,.8);
    border-radius: 50%;
    content: " "
}

.iris-picker .iris-square-value {
    width: 8px;
    height: 8px;
    position: absolute
}

.iris-ie-lt9 .iris-square-value, .iris-mozilla .iris-square-value {
    width: 1px;
    height: 1px
}

.iris-palette-container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.iris-border .iris-palette-container {
    left: 10px;
    bottom: 10px
}

.iris-picker .iris-palette {
    margin: 0;
    cursor: pointer
}
.bt1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.urnd2 {
    /*padding-top:100px;*/
    /*padding-top: 115px;*/
    padding-top:15px;
    display: flex;
    /*height: 97vh;*/
    align-items: center;
    padding-bottom:15px;
}
.urnd1 {
    position: relative;
    /*background: linear-gradient(45deg, #b0b6bc 0%, #bcbfbe 50%,#a6b3b7 100%);*/
    background:  rgb(0 0 0 / 22%);
    border-radius: 15px;
    /*padding: 25px 10px;*/
    text-align: center;
    /*color: #15395b;*/
    padding-top: 0;
    color:#fff;
    min-height:70vh;
    /*margin-top:15px;*/

}
    .urnd1 h2 {
        margin-top: 10px;
        /*margin-bottom: 10px;*/
        font-weight: 500;
        font-size:21px;
    }
    .urnd1 p {
        font-size: 14px;
        /* margin-top: 25px; */
        padding: 15px;
        font-weight: 400;
        margin-bottom: 0;
    }
    .urnd1 h5 {
        font-weight: 400;
        position: absolute;
    font-size:18px;
        /* text-align: center; */
        width: 100%;
    }
.urnd4 {
    display: flex;
    align-items: center;
    justify-content: center;
}
.urnd5 {
    /*position: fixed;*/
    top: 130px;
    left: 5px;
}
    .urnd5 i {
        color: #15395b;
        /*background: #ee6c3d;*/
        font-size: 18px;
        padding-right: 5px;
        /* width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        border-radius: 50%;*/
    }
    .urnd5 a {
        color: #15395b;
        font-weight: 400;
        /*text-shadow: 0 0 3px #b5b5b5;*/
        font-size: 16px;
        margin-bottom: 10px;
        /*display: block;*/
        background:#fff;
        padding: 5px 10px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }


.iris-picker {
    display: block;
    position: relative
}

    .iris-picker, .iris-picker * {
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

input + .iris-picker {
    margin-top: 4px
}

.iris-error {
    background-color: #ffafaf
}

.iris-border {
    border-radius: 3px;
    border: 1px solid #aaa;
    width: 200px;
    background-color: #fff
}

.iris-picker-inner {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.iris-border .iris-picker-inner {
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px
}

.iris-picker .iris-square-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.iris-picker .iris-square, .iris-picker .iris-slider, .iris-picker .iris-square-inner, .iris-picker .iris-palette {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0,0,0,.4);
    height: 100%;
    width: 12.5%;
    float: left;
    margin-right: 5%
}

.iris-picker .iris-square {
    width: 76%;
    margin-right: 10%;
    position: relative
}

.iris-picker .iris-square-inner {
    width: auto;
    margin: 0
}

.iris-ie-9 .iris-square, .iris-ie-9 .iris-slider, .iris-ie-9 .iris-square-inner, .iris-ie-9 .iris-palette {
    box-shadow: none;
    border-radius: 0
}

.iris-ie-9 .iris-square, .iris-ie-9 .iris-slider, .iris-ie-9 .iris-palette {
    outline: 1px solid rgba(0,0,0,.1)
}

.iris-ie-lt9 .iris-square, .iris-ie-lt9 .iris-slider, .iris-ie-lt9 .iris-square-inner, .iris-ie-lt9 .iris-palette {
    outline: 1px solid #aaa
}

    .iris-ie-lt9 .iris-square .ui-slider-handle {
        outline: 1px solid #aaa;
        background-color: #fff;
        -ms-filter: "alpha(Opacity=30)"
    }

    .iris-ie-lt9 .iris-square .iris-square-handle {
        background: 0;
        border: 3px solid #fff;
        -ms-filter: "alpha(Opacity=50)"
    }

.iris-picker .iris-strip {
    margin-right: 0;
    position: relative
}

    .iris-picker .iris-strip .ui-slider-handle {
        position: absolute;
        background: 0;
        margin: 0;
        right: -3px;
        left: -3px;
        border: 4px solid #aaa;
        border-width: 4px 3px;
        width: auto;
        height: 6px;
        border-radius: 4px;
        box-shadow: 0 1px 2px rgba(0,0,0,.2);
        opacity: .9;
        z-index: 5;
        cursor: ns-resize
    }

.iris-strip .ui-slider-handle:before {
    content: " ";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -3px;
    bottom: -3px;
    border: 2px solid #fff;
    border-radius: 3px
}

.iris-picker .iris-slider-offset {
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    bottom: -3px;
    width: auto;
    height: auto;
    background: transparent;
    border: 0;
    top: none;
    border-radius: 0
}

.iris-picker .iris-square-handle {
    background: transparent;
    border: 5px solid #aaa;
    border-radius: 50%;
    border-color: rgba(128,128,128,.5);
    box-shadow: none;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -10px;
    top: -10px;
    cursor: move;
    opacity: 1;
    z-index: 10
}

.iris-picker .ui-state-focus .iris-square-handle {
    opacity: .8
}

.iris-picker .iris-square-handle:hover {
    border-color: #999
}

.iris-picker .iris-square-value:focus .iris-square-handle {
    box-shadow: 0 0 2px rgba(0,0,0,.75);
    opacity: .8
}

.iris-picker .iris-square-handle:hover::after {
    border-color: #fff
}

.iris-picker .iris-square-handle::after {
    position: absolute;
    bottom: -4px;
    right: -4px;
    left: -4px;
    top: -4px;
    border: 3px solid #f9f9f9;
    border-color: rgba(255,255,255,.8);
    border-radius: 50%;
    content: " "
}

.iris-picker .iris-square-value {
    width: 8px;
    height: 8px;
    position: absolute
}

.iris-ie-lt9 .iris-square-value, .iris-mozilla .iris-square-value {
    width: 1px;
    height: 1px
}

.iris-palette-container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0
}

.iris-border .iris-palette-container {
    left: 10px;
    bottom: 10px
}

.iris-picker .iris-palette {
    margin: 0;
    cursor: pointer
}

.dl1{
    text-align:end
}
.dl1 img{
    max-height:25px;
}
.udt1 {
    display: flex;
    justify-content: center;
}
.udt1 img {
    /*max-width: 275px;*/
    /*left: 0;*/
    position: fixed;
    display: flex;
    justify-content: center;
}

.udt2 {
    padding-top: 300px;
   
}

.ekst1 {
    position: absolute;
    bottom: 0;
    padding: 10px;
    border-top: 1px solid #b1b1b1;
}
.ekst1 a{
    color:#fff;
    font-size:21px;
}
.acr1 {
    padding: 50px 0;
    background: #efefef;
}

    .acr1 h2 {
        font-size: 40px;
        color: var(--kirmizi);
    }

    .acr1 hr {
        background: #1b5573;
        height: 2px;
        width: 65px;
        opacity: 1;
        padding: 0;
        transition: .3s all;
    }

.acr2 {
    margin-top: 50px;
    color: #737373;
}

    .acr2 h5 {
        font-weight: 400;
    }

.acr3 {
    border-radius: 0;
    border: 1px solid #e7e7e7;
}

#acr1 .accordion-button:not(.collapsed),
#acr1 .accordion-button:focus {
    outline: none;
    border-color: transparent;
    box-shadow: none;
    background-color: transparent;
    color: #000;
}

 .accordion-button::after {
 display:none;

}

#acr1 .accordion-button::before {
    flex-shrink: 0;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #15395b;
    margin-right: auto;
    content: "";
    transition: var(--bs-accordion-btn-icon-transition);
}
#acr1 .accordion-button.collapsed:before {

    background-color: var(--bs-gray-300);
}

#acr1 .accordion-button {
    color: #737373;
    font-weight: 500;
}

#acr1 p {
    color: #333;
}
.acr1 button {
    background: rgb(0 0 0 / 22%)
}

.acr5:hover hr {
    width: 100px;
}
.acrd1{
    width:100%;
    color:#fff; 
}
.acrd2 {
    text-align: start;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.acrd3 {
    text-align: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.ic1 {
    background: transparent;
    padding: 15px 10px;
    min-height:95vh;

}
.accordion {
    --bs-accordion-bg:none;
}
.acrd4 {
    font-size: 14px;
    color: #fff;
}