/*
Theme Name: 1001Renk sohbet Teması
Theme URI: 1001Renk sohbet Teması
Description: 1001Renk Tarafından özel yazılmış Wordpress 1001Renk sohbet Teması / 1001RENK.NET Ürünüdür.
Author:  1001Renk - Photoshop / Css / HTML5 / Wordpress
License: GNU General Public License
License URI: license.txt
Version: 1
Tags: 1001Renk sohbet Teması
*/
/* AspavA */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800;900;1000&display=swap');
::-webkit-scrollbar {width: 5px;background-color: #5f9e63;border-left: 0px solid #0f3b77;}
::-webkit-scrollbar-thumb {background-color: #064a49;}
::-webkit-scrollbar-thumb:hover {background-color: #064a49;}
h1,h2,h3,h4,h5 {font-family: 'Mulish', sans-serif !important;}
a {font-family: 'Mulish', sans-serif !important;}
b {font-family: 'Mulish', sans-serif !important; font-style: normal;}
span {font-family: 'Mulish', sans-serif !important; font-style: normal;}
em {font-family: 'Mulish', sans-serif !important; font-style: normal;}
li {font-family: 'Mulish', sans-serif !important;}
ul {font-family: 'Mulish', sans-serif !important; list-style-type: none !important; }
.btn {font-family: 'Mulish', sans-serif !important; font-style: normal;}
body, html {font-family: 'Mulish', sans-serif !important;}
.container {position: relative; z-index: 10;}
.header-genel {background: #fff}
a {transition: all 0.5s; text-decoration: none;}
a:hover {transition: all 0.5s;}
header {transition: all 0.2s;background-color: #13564d00;}
.menu {z-index: 999;}
.navbar {padding-top: 0px; padding-bottom: 0px;}
.aspmenu {background-color: #13564d; position: fixed !important;top: 0;left: 0;width: 100%;animation: navbar-show .25s ease-in-out; box-shadow: 0 .275rem 1.25rem rgba(11, 15, 25, .05), 0 .25rem .5625rem rgba(11, 15, 25, .03);  z-index: 1031}
.menu .asp-buton {display: none;}
.aspmenu .menu .asp-buton {display:flex; background-color: #e14e53 !important; padding: 10px; color: #fff;}
.aspmenu .menu .asp-buton:hover {background: #e14e53 !important; color: rgb(255, 255, 255); transition: all 0.5s ease 0s;}
.nav-link {color: #fff; font-weight: 800;border-radius: 8px;}
.nav-link:hover {color: #fff; background-color: #e14e53; border-radius: 8px;}
.nav-link.active {color: #fff; background-image: linear-gradient(to right, #e14e53, #e2373f); border-radius: 8px;}
.nav-item {padding: 10px;}
.navbar-brand img {max-width: 270px; width: auto; height: 75px; display: block;}
.navbar-expand-lg .navbar-nav .dropdown-menu { border: none;box-shadow: 0 .625rem 1rem rgba(35,35,35,.1)!important;  background-color: #fff}
.header-genel {background: url(resimler/headerbg2.png) no-repeat center center; width: 100%; height: 1080px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.header-yazi {text-align: center; margin-bottom: 30px;}
.header-yazi h1 { font-size: 45px; ; font-weight: 900; letter-spacing: -1px; color: #fff;}
.header-alt-yazi {text-align: center;}
.header-alt-yazi h2 { color: #fff;font-weight: 800; font-size: 24px;}
.header-alt-yazi p {color: #fff; font-weight: 600;}
.sohbet-inputlari {margin-top: 10px; padding: 40px 80px; border-radius: 22px;}
.form-control:focus {box-shadow: none !important;}
.form-control {padding: 1.5rem 0.75rem;}
.form-control::placeholder {color: #686969;opacity: 1; font-weight:700 !important;}
.form-control {font-weight: 800 !important;}
.input-group-text {background: linear-gradient(153deg, rgba(245,90,0,1) 0%, rgba(255,192,0,1) 100%);}
.baglan-asp {font-weight: 800; font-size:30px; color: #fff; background: linear-gradient(153deg, rgb(255, 0, 0) 0%, rgb(255, 77, 6) 100%);border-radius: 0px 22px 22px 0px;}
.btn-hover.color-renk {background-image: linear-gradient(to right, #eb3941, #f15e64, #e14e53, #e2373f);  box-shadow: 0 5px 15px rgba(242, 97, 103, .4);}
.btn-hover {
    color: #fff;
    cursor: pointer;
    text-align:center;
    border: none;
    background-size: 300% 100%;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.btn-hover:focus {
    outline: none;
}
.w-20 {width: 20%;}
.form1 {border-radius: 22px 0px 0px 22px; height: 90px !important;}
.form2 {border-radius: 0px; }
.uygulamalar {margin-top: 150px;}
.uygulama {text-align: center;line-height: 20px;}
.uygulama a {color: #000000; font-weight: 800; font-size: 18px; }
.uygulama a:hover {color: #fff;}
.uygulama i {display: block; font-size: 35px; margin-bottom: 10px;}
.uygulama h2 {color: #000; font-size: 22px; font-weight: 800;}
.icon i { font-size: 40px; margin-top: 5px; color: #5cc9a7;}
.yazi {line-height: 15px;}
.yazi h2 {font-size: 22px; font-weight: 600; color: #152c5b;}
.yazi p {margin: 0px; padding: 0px; font-size: 14px; color: #414141; font-weight: 600;}
.kalite {padding: 15px;border: 1px solid #eaecf3;border-radius: 0.75rem;}
.mobil-chat {margin-top: 20px; margin-bottom: 20px; padding: 15px; border: 1px solid #eaecf3;border-radius: 0.75rem;}
.mobil-chat i {font-size: 40px; margin-bottom: 20px; color: #eb3941;}
.mobil-chat h2 {font-size: 22px; font-weight: 600; color: #152c5b;}
.mobil-chat p {margin: 0px; padding: 0px; font-size: 14px; color: #414141; font-weight: 600;}
.sohbet-kalpler {position: relative; text-align: center; }
.sohbet-kalpler img { border-radius: 0.75rem;  z-index: 1;border: 1px solid #eaecf3; width: 100%; height: auto;}
.sohbet-kalpler h2 { position: absolute; top: 180px;width: 80%; left: 50px;z-index: 999; color: #eb3941; font-weight: 700; }
.sohbet-makale  {padding: 15px 15px; margin-top: 30px; text-align: justify;}
.sohbet-makale h2 {font-size: 28px; font-weight: 800; color: #345daf;}
.sohbet-makale p {  color: #414141; font-weight: 600;}
.sohbet-makale a {color: #414141; font-weight: 700;}
.chat-makale {margin-top: 150px;}
.makale {text-align: justify;}
.makale h2 {font-weight: 800; font-size: 24px; color: #eb3941;}
.makale h3 {font-weight: 800; font-size: 22px; color: #13564d;}
.makale h4 {font-weight: 800; font-size: 20px; color: #13564d;}
.makale a {color: #414141; font-weight: 700;}
.makale p {color: #414141; font-weight: 600;}
ol.sohbet-sirala li {padding: 10px;color: #414141; font-weight: 600;}
.sidebar-ic {padding: 15px; border-radius: 12px;}
.sidebar-ic h2 { color: #e2373f; font-size: 24px; font-weight: 800;}
.sidebar-ic p {font-weight: 600; color: #414141; line-height: 20px;}
.sidebardaki {margin-top: 30px;}
.sidebardaki h2 {font-weight: 800; font-size: 18px;}
.bilgiler p {margin-bottom: 10px;}
.icon1 i {margin-top: 80px;}
.footer {background-color: #13564d; margin-top: 30px; padding: 50px;}
.footer-ic {text-align: center;}
.footer-ic p {color: #fff; margin-top: 15px;}
.footer-ic a {color: #fff; padding: 15px;}
.footer-ic a:hover {color: #e14e53;}
.yapimci {text-align: center; margin-top: 30px;}
.rose {
    width: 200px;
    margin: 0px auto;
  }
  
  .st0#A  {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: grow8 2s forwards;
    transform-origin: center center;
  }
  .st0#B  {
    animation: grow7 2s forwards;
    transform-origin: center center;
  }
  .st0#C  {
    animation: grow6 2s forwards;
    transform-origin: center center;
  }
  .st0#D  {
    animation: grow5 2s forwards;
    transform-origin: center center;
  }
  .st0#E  {
    animation: grow4 2s forwards;
    transform-origin: center center;
  }
  .st0#F  {
    animation: grow3 2s forwards;
    transform-origin: center center;
  }
  .st0#G  {
    animation: grow2 2s forwards;
    transform-origin: center center;
  }
  .st0#H  {
    animation: grow1 2s forwards;
    transform-origin: center center;
  }
  
  
  /**** animation ****/
  
  @keyframes grow1 {
    0% {
      transform: scale(.4);
    }
    50% {
      transform: scale(1);
    }
  }
  
  @keyframes grow2 {
    0% {
      transform: scale(0);
    }
    5% {
      transform: scale(0);
    }
    80% {
      transform: scale(1);
    }
  }
  
  @keyframes grow3 {
    0% {
      transform: scale(0);
    }
    20% {
      transform: scale(0);
    }
    90% {
      transform: scale(1);
    }
  }
  
  @keyframes grow4 {
    0% {
      transform: scale(0);
    }
    30% {
      transform: scale(0);
    }
    90% {
      transform: scale(1);
    }
  }
  
  @keyframes grow5 {
    0% {
      transform: scale(0);
    }
    40% {
      transform: scale(0);
    }
    90% {
      transform: scale(1);
    }
  }
  
  @keyframes grow6 {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(0);
    }
    90% {
      transform: scale(1);
    }
  }
  
  @keyframes grow7 {
    0% {
      transform: scale(0);
    }
    60% {
      transform: scale(0);
    }
    90% {
      transform: scale(1);
    }
  }
  
  @keyframes grow8 {
    0% {
      transform: scale(0);
    }
    70% {
      transform: scale(0);
    }
    90% {
      transform: scale(1);
    }
  }
  @keyframes navbar-show {
    from {
        transform: translateY(-100%)
    }
    to {
        transform: translateY(0)
    }
  }
@media (max-width: 768px) {
.navbar-brand {margin-top: 10px;}
.navbar-brand img {max-width: 200px; width: 100%; height: auto;}
.fa-bars {font-size: 32px; margin-top: 15px; color: #fff;}
.nav-link {padding: 10px 15px !important;}
.form1 {width: 100% !important; border-radius: 22px 22px 0px 0px !important; border: none !important; box-shadow: none !important;}
.form2 {width: 100% !important; border-top: 1px solid #bdbdbd !important; box-shadow: none !important; margin: 0px !important;border-bottom: none !important;border-right: none !important; border-left: none !important;}
.baglan-asp {width: 100%; border-radius: 0px 0px 22px 22px !important; padding: 20px;margin: 0px !important;}
.sohbet-inputlari {padding: 15px;}
.header-yazi h1 {font-size: 36px;}
.rose {display: none;}
.uygulamalar {margin-top: 15px;}
.uygulama {margin-bottom: 15px;}
.makale {text-align: left;}
.chat-makale {margin-top: 15px;}
}


@media screen and (min-width:1024px) and (max-width:1366px) { 
  
}