#sayfabg {
    object-fit: cover;
    width: 100%;
    position: fixed;
    z-index: -1;
    height: 100%;
    max-width: 100%;
    animation-name: sayfabg;
    animation-duration: 5s;
    opacity: 0.5;
}

@keyframes sayfabg {
0%  {
    opacity: 1;
}
50% {
    opacity: 1;
}
100% {
    opacity: 0.5;
}
}
        *{
            box-sizing: border-box;
        }
 
        html{
            font-size:62.5%;/*1rem = 10px*/
        }
        html, body {
            overflow-x: hidden;
        }
 
        body,h1,h2,ul{
            margin:0;
            padding:0;
            
        }
        ul{
            list-style: none;
        }
 
        /*******************/
        body{
            font-family: 'Nunito Sans', sans-serif;
        }
        .arkaplan{
            background-color: #fff;
        }
        .kapsayici{
            width: 100%;
            margin:0 auto;
        }
        
        .ust {
            display: flex;
            justify-content: space-between;
            align-items: center;
            min-height: 70px;
            width: 100%;
            position: fixed;
            z-index: 9;
            padding: 0 4%;
            box-shadow: 0px 0px 20px 0px #00000094;
            background: #fff;
        }

        .nav-menu {
            position: fixed;
            top: 68px;
            right: 30px;
            z-index: 9;
        }

        .nav-menu li {
            background-color: #00854cc9;
            color: #fff;
            font-size: 14px;
            text-align: end;
            padding: 15px 10px;
            border-top: 2px solid #fff;
        }
        
        .nav-menu li a {
            cursor: pointer;
            text-decoration: none;
            color: #fff;
            padding: 5px 10px;
            margin: 2px 0;
        }
 
        .ust .logo{
            text-align: center;
            color:#fff;
        }
        .ust .logo img {
            max-width: 200px;
        }
        .ust .logo h1{
            font-size:4rem;
            letter-spacing: .5rem;
        }
 
        .ust .logo h1::first-letter{
            color:#FCB941;
        }
 
        .ust .logo h1:hover::first-letter{
            background-color: #FCB941;
            color:#25373D;
        }
 
        .ust .logo h2{
            font-size:2.4rem;
        }
        .ust .menu ul{
            display: flex;
        }
        .ust .menu ul li{
            margin:0 1rem;
        }
 
        .ust .menu ul button {
            color:#000;
            text-decoration: none;
            font-size:1.8rem;
            border: none;
            background-color: #fff0;
            cursor: pointer;
        }
 
        .alt{
            margin-top:20px;
            padding:20px 0;
            display: flex;
            gap:20px;
        }
        .alt .baglanti{
            flex-grow: 1;
        }
 
        .alt .baglanti ul li{
            border-bottom:dotted 1px #FCB941;
            margin:5px 0;
        }
 
        .alt .baglanti a{
            font-size:1.6rem;
            text-decoration: none;
            color:#FCB941;
        }
 
        .cizgi{
            border-top:dotted 1px #FCB941;
            margin:20px 0;
        }
        
        #vid {
            width:100%;
            height: 1080px;
            object-fit: cover;
            z-index: -1!important;
            opacity: 1;
            transition: opacity 2s, transform 4s ease-in-out;
            position: fixed;
        }	
        .baslik h2 {
            font-family: 'Montserrat', sans-serif;
            font-weight: 900;
            font-size: 17px;
        }
        #menukapat {
            display: none;
        }
        .slogan img {
            position: absolute;
            top: 15%;
            right: 6%;
            width: 30%;
            opacity: 0;
            animation-name: slogan;
            animation-duration: 5s;
        }
        
        @keyframes slogan {
        0%  {
            opacity: 1;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
        }

        @media (max-width:990px){
            .slogan, .arkaplan.alt-kenar-10, #navmenu, #hotpoints, .orta.kapsayici {
                display: none!important;
            }
            .mobilgorunum {
                padding: 45% 5%;
                text-align: center;
            }
            .logo img {
                width: 60%;
                margin-bottom: 15%;
            }
        }
        
        @media (min-width:991px){
            .mobilgorunum {
                display: none!important;
            }
        }
        .menu {
            display: flex;
            align-items: center;
        }
        #pdfbutton {
            text-decoration: none;
            color: #000;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 11px;
            text-align: center;
            margin-right: 40px;
        }
        #pdfbutton i {
            font-size: 18px;
        }

        #icerik {
            width: 100%;
            height: 100vh;
            position: absolute;
            opacity: 1;
            animation-name: icerik;
            animation-duration: 5s;
        }
        @keyframes icerik {
        0%  {
            opacity: 0;
        }
        75% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
        }
        .col-dubble {
            width: 100%;
            display: flex;
            /*padding: 0 100px;*/
        }
        .col-left, .col-right {
            width: 50%;
            padding: 50px 0;
        }
        img {
            max-width: 60%;
        }
        .anabaslik h1 {
            padding: 50px 50px 0;
            font-family: 'Montserrat';
            color: #00945e;
            font-weight: 800;
            font-size: 30px;
        }
        .col-left {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }
        .col-right {
            display: flex;
            align-items: center;
            flex-direction: column;
        }
        .message {
            font-size: 16px;			
            color: #000000;
        }
        .total-padding {
            margin: 0 10%;
            background: #ffffff91;
            padding: 5%;
            margin-top: 48px;
        }
        .ortala {
            text-align: center;
        }
        #navmenu li:last-child {
            border-bottom-left-radius: 10px; 
            border-bottom-right-radius: 10px
        }
        .arabaslik {
            color: #00945e;
            font-weight: bold;
        }
        #icerik img {
            border-radius: 10px;
        }