/*
Website: yuvam.net
Written: Yılmaz ÇİFTCİ
Date: 19.03.2021
Author URL: www.yilmazciftci.net 
*/

/* comfortaa-regular - latin-ext_latin */
@font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/comfortaa-v30-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/comfortaa-v30-latin-ext_latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/comfortaa-v30-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/comfortaa-v30-latin-ext_latin-regular.svg#Comfortaa') format('svg'); /* Legacy iOS */
  }
  /* comfortaa-500 - latin-ext_latin */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/comfortaa-v30-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/comfortaa-v30-latin-ext_latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/comfortaa-v30-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/comfortaa-v30-latin-ext_latin-500.svg#Comfortaa') format('svg'); /* Legacy iOS */
  }
  /* comfortaa-600 - latin-ext_latin */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/comfortaa-v30-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/comfortaa-v30-latin-ext_latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/comfortaa-v30-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/comfortaa-v30-latin-ext_latin-600.svg#Comfortaa') format('svg'); /* Legacy iOS */
  }
  /* comfortaa-700 - latin-ext_latin */
  @font-face {
    font-family: 'Comfortaa';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/comfortaa-v30-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/comfortaa-v30-latin-ext_latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/comfortaa-v30-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/comfortaa-v30-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/comfortaa-v30-latin-ext_latin-700.svg#Comfortaa') format('svg'); /* Legacy iOS */
  }
  * {
      padding:0;
      margin:0;
  }
  textarea:focus, 
  textarea.form-control:focus, 
  input.form-control:focus, 
  input[type=text]:focus, 
  input[type=password]:focus, 
  input[type=email]:focus, 
  input[type=number]:focus, 
  [type=text].form-control:focus, 
  [type=password].form-control:focus, 
  [type=email].form-control:focus, 
  [type=tel].form-control:focus, 
  [contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #fff;
  }
  body {
    font-family: 'Comfortaa';
    background: url(../images/bg3.png) no-repeat;
    background-position-x: right;
  }
  @media (max-width: 992px) { 
    body {
        background: none!important;
    }
  }
  header .indigoset {
      width:100%;
      background:#6618b6;
      height:7px;
  }
  header .indigoset:after {
    content: '';
    position:absolute;
    top:0;
    width: 50%; 
    height: 0; 
    right:0;
    border-top: 7px solid #c38cfa; 
    border-left: 7px solid transparent; 
  }
  header .bg-light {
    background-color: #fff !important;
}
  header .navbar { margin-top:25px }
  header .navbar-light .navbar-nav .nav-link {
    position:relative;
    font-weight: 700;
    font-size:14px;
    color:#6618b6;
    z-index:2;
  }
  header .navbar-light .navbar-nav .nav-link:hover { color:rgb(270,87,71)!important;}
  header .navbar-light .navbar-nav .nav-link.active { color:rgb(270,87,71)!important;}
  header .kalp {
      position:relative;
      z-index:2;
  }
  header .navbar-light .navbar-nav .nav-link.active {
    color: #3c0d6b;
}
  header li.nav-item:first-child {padding-left:0px}
  header li.nav-item {padding-left:20px}
  header .custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(270,87,71, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  
  header .custom-toggler.navbar-toggler {
    border-color: #6618b6;
  } 
  @media (max-width: 992px) { 
    header li.nav-item {padding-left:0px}
    header .navbar-brand {display:none}
  }
  header .ortala {
    display: table;
    margin: -90px auto;
    z-index: 1;
    position: relative;
}
  @media (max-width: 992px) { 
    header .ortala {
        float: right;
        margin-top: -65px;
        position: relative;
        right: 0;
    }
      header .navbar-toggler {
          position:relative;
          z-index:2
      }
   }
   .empty {margin-top:93px}
   .diyalog {margin-top:20px; margin-bottom:20px}
   .diyalog h1 {
    font: 25px/30px Comfortaa,cursive;
    color: #000;
    text-align: center;
}
    .diyalog h1 span { color:#6618b6 }
    .diyalog h1 span+span { color:#fa6636}
    .cizgi {border-top:1px solid #dfdede;}

    .eskichat-text { font-size:13px }
    .eskichat p.h1 {font-size:24px; text-align: center;}
    .eskichat p.h1 img { width:24px; }
    .eskichat .orange { color:#fa6636;}
    @media (max-width: 992px){
    .masaustu {
        display: none;
    }
    .eskichat-text {
        display: none;
    }
    }
    .eskichat {
        width:350px;
        display:table;
        margin:0px auto;
        color: #000!important;
    }
    .eskichat hr { border-top: 1px solid rgb(255 255 255 / 45%); } 
    @media (min-width: 992px){
        .eskichat {
            padding-top: 0px;
        }
    }
    @media (max-width: 390px) { 
        .eskichat {
            width:300px;
        }
    }
    .anaform {
        background-color: #fff;
        padding: 10px;
        padding-right: 15px;
        box-shadow: 0 1px 3px rgba(0,0,0,.50);
        border-radius: 30px;
    }
    .anaform img{ padding-top:7px }
    .anaform .form-control { border:none; }
    .anaform input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
      color:#495057;
      opacity: 1; /* Firefox */
      font-size:17px;
    }
    .bar {
        width: 100%;
        background: url(../assets/images/bar.html) repeat-x;
        height: 5px;
        clear:both;
            position: absolute;
    }
    .anabilgi {
        font-weight: 700;
        color: #3a246e;
    }
    .entry {
        color: #89c237;
    }
    .girisbuton {
        background-color:#6618b6;
        width:100%; 
        color:#fff;
        height:60px;
        border-radius:30px;
        text-transform: uppercase;
        font-weight: 700;
        
    }
    .girisbuton:hover {
        background:#fa6636; 
        color:#fff;
    }
    .ciz {
        width: 100%;
        height: 1px;
        margin: auto;
        border-bottom: 1px solid #dfdede;
    }
    .ciz-yaz {
        width: 60px;
        min-height: 10px;
        margin: auto;
        text-align: center;
        color: #000;
        font-size: 12px;
        margin-top: -10px;
        background-color: #FFF;
    }
    .empty-30 {margin-bottom:18px;}
    .mobil {
        width: 300px;
        min-height: 60px;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 25px;
        text-align: center;
        color: #000;
        font-size: 12px;
    }
    .mobil a { color:#000; font-weight: 300; text-decoration: none;}
    .mobil a:hover {color:#6618b6}
@media (min-width: 768px){
    .mobil {
            width: 500px;
    }
}
    .oyun {
        position:absolute;
        bottom:250px;
        left:80px;
}

    .radyo {
        position:absolute;
        bottom:100px;
        left:80px;
}
    .oyun img {
        width:150px;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease;
        -ms-transition:all 1s ease;
        transition:all 1s ease;
}
    .radyo img {
        width:150px;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease;
        -ms-transition:all 1s ease;
        transition:all 1s ease;
}
    .oyun img:hover, .radyo img:hover {
        border-radius:0;
        -moz-transform: scale(1.2) rotate(-711deg) ;
        -webkit-transform: scale(1.2) rotate(-711deg) ;
        -o-transform: scale(1.2) rotate(-711deg) ;
        -ms-transform: scale(1.2) rotate(-711deg) ;
        transform: scale(1.2) rotate(-711deg) ;
}
    .mobil img {
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease;
        -ms-transition:all 1s ease;
        transition:all 1s ease;
    }
    .mobil img:hover {
        border-radius:0;
        -moz-transform: scale(1) rotate(-720deg) ;
        -webkit-transform: scale(1) rotate(-720deg) ;
        -o-transform: scale(1) rotate(-720deg) ;
        -ms-transform: scale(1) rotate(-720deg) ;
        transform: scale(1) rotate(-720deg) ;
    }
@media (max-width: 992px){
    .oyun, .radyo {display:none;}
}
    footer {
        position: relative;
        bottom: 0px;
        left: 0px;
        width: 100%;
        height: 80px;
        padding:15px;
        border-top:1px solid #dfdede;
    }
    footer .copyright {float:left; margin-top:24px; font-size:12px; font-weight: 400; color:#495057}
    footer ul {list-style: none; float:right; margin-top:20px}
    footer ul li {display: inline; padding-right: 5px;}
    footer ul li a {text-decoration: none; color:#000; font-weight: 400; font-size:14px}
    footer ul li a:hover { text-decoration: none; color:rgb(270,87,71)!important;}
    footer ul li:last-child a {text-decoration: none; color:#fa6636; font-weight: 700; font-size:14px}
    @media (max-width: 768px){
        footer .copyright {float:none; text-align: center; margin-top:10px;}
        footer ul {float:none; text-align: center; margin-top:0px}
    }

    /* Hakkimizda Sayfası */

    .hk { 
        background:#ffffff;
        box-shadow: 0 1px 3px rgb(0 0 0 / 50%);
        border-radius: 5px;
        margin-bottom:100px;
        margin-top:150px;
        padding:30px;
    }
    .hk h1 {font-size:26px; color:#6618b6; border-bottom:1px solid #3c0d6b; padding-bottom:10px; margin-bottom:20px}
    .hk h1 .network {font-size:15px; color:#000; font-style: italic;}
    .hk h2 {font-size:17px; font-weight: 700;}
    .hk p {text-align:justify; font-size:15px;}
    .hk a {text-decoration: none; color:#fa6636}
    .hk a:hover {color:#6618b6}
    .hk ol {padding:20px}
    .hk ol li {text-align:justify; padding-bottom:15px}
    .hk ol li::marker {font-size:14px; font-weight: 700; color:#6618b6;}
    blockquote {
        background: #f9f9f9;
        border-left: 10px solid #6618b6;
        margin: 1.5em 10px;
        padding: 1.5em 10px;
        border-radius: 5px;
        quotes: "\201C""\201D""\2018""\2019";
      }
      blockquote:before {
        color: #ccc;
        content: open-quote;
        font-size: 4em;
        line-height: 0.1em;
        margin-right: 0.25em;
        vertical-align: -0.4em;
      }
      blockquote p {
        display: inline;
      }

/* Partial Box */

      .heart-icon::before {
        background: url(../images/heart-solid.svg);
    }
    .cat-icon::before {
        display: table;
        content: "";
        width: 20px;
        height: 20px;
        margin-right: 4px;
        margin-left: 0;
        margin-top: 30px;
        background-size: 20px!important;
        float: left;
    }

      .particle-box {
        width: 200px;
        height: 200px;
        position: fixed;
        bottom:0;
        right:0;
      }
      div.particle {
          width: 30px; 
          height: 30px; 
          opacity: 1;
          position: relative;
          bottom: 0;
          display: none;
      }
      div.particle i {
          position: relative;
          left: 0px;
          top: 0px;
          opacity: 0.3;
          color: red;
      }
      div.particle i.fa-heart-o {
          z-index: 1;
          opacity: 0.8;
        color: red;
      }
      
      @keyframes flowOne {
          0% {
              opacity: 0;
              bottom: 0%;
              left: 14%;
          }
          40% {
              opacity: 0.8;
          }
          50% {
              opacity: 1;
              left: 0%;
          }
          60% {
              opacity: 0.2;
          }
          80% {
              bottom: 80%;
          }
          100% {
              opacity: 0;
              bottom: 100%;
              left: 18%;
          }
      }
      @keyframes flowTwo {
          0% {
              opacity: 0;
              bottom: 0%;
              left: 0%;
          }
          40% {
              opacity: 0.8;
          }
          50% {
              opacity: 1;
              left: 11%;
          }
          60% {
              opacity: 0.2;
          }
          80% {
              bottom: 60%;
          }
          100% {
              opacity: 0;
              bottom: 80%;
              left: 0%;
          }
      }
      @keyframes flowThree {
          0% {
              opacity: 0;
              bottom: 0%;
              left: 0%;
          }
          40% {
              opacity: 0.8;
          }
          50% {
              opacity: 1;
              left: 30%;
          }
          60% {
              opacity: 0.2;
          }
          80% {
              bottom: 70%;
          }
          100% {
              opacity: 0;
              bottom: 90%;
              left: 0%;
          }
      }