@font-face {
    font-family: 'fontello';
    src: url('../font/fontello.eot?19717654');
    src: url('../font/fontello.eot?19717654#iefix') format('embedded-opentype'),
         url('../font/fontello.woff2?19717654') format('woff2'),
         url('../font/fontello.woff?19717654') format('woff'),
         url('../font/fontello.ttf?19717654') format('truetype'),
         url('../font/fontello.svg?19717654#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
  }
/* montserrat-300 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../font/montserrat-v14-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Light'), local('Montserrat-Light'),
       url('../font/montserrat-v14-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/montserrat-v14-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/montserrat-v14-latin-ext_latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-regular - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../font/montserrat-v14-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../font/montserrat-v14-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/montserrat-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/montserrat-v14-latin-ext_latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../font/montserrat-v14-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'),
       url('../font/montserrat-v14-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/montserrat-v14-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/montserrat-v14-latin-ext_latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-600 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../font/montserrat-v14-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('../font/montserrat-v14-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/montserrat-v14-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/montserrat-v14-latin-ext_latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin-ext_latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../font/montserrat-v14-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('../font/montserrat-v14-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/montserrat-v14-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('../font/montserrat-v14-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/montserrat-v14-latin-ext_latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
body {
  font-family: 'Montserrat', sans-serif;
  overflow-x:hidden;
  background: url('../images/background.png') repeat-y;
}
* {outline: none!important;}

.form-control:focus {
  box-shadow: none!important;
}
   [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #4c4c79;
    border-radius: 4px;
}
::-webkit-scrollbar-track {
    background: #eef3f5;
}
  .icon-left:before { content: '\e800'; } /* 'î €' */
  .icon-eye-outline:before { content: '\e801'; } /* 'î ' */
  .icon-tag:before { content: '\e802'; } /* 'î ‚' */
  .icon-comment:before { content: '\e803'; } /* 'î ƒ' */
  .icon-calendar:before { content: '\e804'; } /* 'î „' */
  .icon-emo-happy:before { content: '\e805'; } /* 'î …' */
  .icon-emo-wink:before { content: '\e806'; } /* 'î †' */
  .icon-emo-thumbsup:before { content: '\e807'; } /* 'î ‡' */
  .icon-lock-filled:before { content: '\e808'; } /* 'î ˆ' */
  .icon-user:before { content: '\e809'; } /* 'î ‰' */
  .icon-left-open-outline:before { content: '\e80a'; } /* 'î Š' */
  .icon-left-open:before { content: '\e80b'; } /* 'î ‹' */
  .icon-right-open-outline:before { content: '\e80c'; } /* 'î Œ' */
  .icon-right-open:before { content: '\e80d'; } /* 'î ' */
  .icon-heart-empty:before { content: '\e80e'; } /* 'î Ž' */
  .icon-align-justify:before { content: '\e80f'; } /* 'î ' */
  .icon-comment-1:before { content: '\e810'; } /* 'î ' */
  .icon-search:before { content: '\e811'; } /* 'î ‘' */
  .icon-heart:before { content: '\e812'; } /* 'î ’' */
  .icon-key:before { content: '\e813'; } /* 'î “' */
  .icon-lightbulb:before { content: '\e814'; } /* 'î ”' */
  .icon-menu:before { content: '\e815'; } /* 'î •' */
  .icon-key-outline:before { content: '\e816'; } /* 'î –' */
  .icon-user-1:before { content: '\e817'; } /* 'î —' */
  .icon-lock:before { content: '\f512'; } /* 'ï”’' */

  /*
   Animation example, for spinners
*/
.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
  }
  @-moz-keyframes spin {
    0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-webkit-keyframes spin {
    0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-o-keyframes spin {
    0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @-ms-keyframes spin {
    0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }
  @keyframes spin {
    0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
  
    100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg);
    }
  }

  

.topbar {height:60px; background:#2b2b55; color:#fff;}
.topbar ul {padding:9px 0px 0px 0px; margin:0}
.topbar ul li {display:inline; padding-left:10px}
.topbar ul li:first-child { padding-left:0px}
.topbar ul li a {text-decoration:none;}
.topbar ul li img {width:40px}

/*iconset*/
li > a > .ylmz-iconset::before {
    display: table;
    content: "";
    width: 40px;
    height: 40px;
    border-radius: 5px;
    margin-left:10px;
 
    float:left;
    transition: all 0.5s ease-out;
}
li > a > .android::before {
    background: url(../images/iconset/android.png), #a4c639;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .android::before {
    background: url(../images/iconset/android.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #ff7300;

}
li > a > .apple::before {
    background: url(../images/iconset/apple.png), #c53d4b;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .apple::before {
    background: url(../images/iconset/apple.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #ff7300;
}
li > a > .mirc::before {
    background: url(../images/iconset/mirc.png), #d45490;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .mirc::before {
    background: url(../images/iconset/mirc.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #ff7300;
}
li > a > .facebook::before {
    background: url(../images/iconset/facebook.png), #3b5998;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .facebook::before {
    background: url(../images/iconset/facebook.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #526897;
}
li > a > .twitter::before {
    background: url(../images/iconset/twitter.png), #00a0d1;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .twitter::before {
    background: url(../images/iconset/twitter.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #59b9d6;
}
li > a > .instagram::before {
    background: url(../images/iconset/instagram.png), #3F729B;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .instagram::before {
    background: url(../images/iconset/instagram.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #507a9c;
}
li > a > .youtube::before {
    background: url(../images/iconset/youtube.png), #c4302b;
    background-size: 40px!important;
    z-index: 9999;
    transition: background-color .5s;
}
li > a:hover > .youtube::before {
    background: url(../images/iconset/youtube.png);
    background-size: 40px!important;
    z-index: 9999;
    background-color: #db423d;
}
/*iconset*/

.topbar .toplink ul li a { color:rgba(255,115,0,1); text-decoration: none; 
    -webkit-transition: color 1s; /* For Safari 3.0 to 6.0 */
    transition: color 1s; /* For modern browsers */
}
.topbar .toplink ul li a:hover { color:#ffffff;}
  .btn-chat {
    color: #fff;
    background: rgb(255,115,0);
background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(250,180,123,1) 79%);
    border: 1px solid rgba(255,115,0,1);
    -webkit-transition: background-color 0.8s; /* For Safari 3.0 to 6.0 */
    transition: background-color 0.8s; /* For modern browsers */
  }
  
  .btn-chat:hover {
    color: #fff;
    background: #28a745;
    border-color: #28a745;
    
  }
  
  .btn-chat:focus, .btn-chat.focus {
    box-shadow: 0 0 0 0.2rem #4c4c79;
  }
  @media screen and (max-width: 1228px) {
    .topbar ul {
        margin: 0px auto;
        display: table;
    }
     }
  @media screen and (max-width: 768px) {
    .topbar ul li:nth-child(4){display:none}
    .topbar ul li:nth-child(5){display:none}
    .topbar ul li:nth-child(6){display:none}
    .topbar ul li:nth-child(7){display:none}
     }
  @media screen and (max-width: 1228px) {
 .topform {display:none!important}
  }
  .header {
    background: #ffffff;
    height: 100px;
    color: #fff;
    border-bottom: 1px solid #e8e8e8;
  }
  .header .navbar {height: 99px;}
  .header .navbar-collapse {
    flex-grow: unset;
}
.header nav.navbar .navbar-collapse ul li {
    margin-right:10px;
    text-align: center;
    border-radius:5px;
    -webkit-transition: background-color 0.8s; /* For Safari 3.0 to 6.0 */
        transition: background-color 0.8s; /* For modern browsers */
}
.header nav.navbar .navbar-collapse ul li:hover {
    background:#2b2b55;
    border-radius:5px;
	color:#fff;
}
.header nav.navbar .navbar-collapse .nav-link {
    font-weight: 600;
    font-size:17px;
    color: #4c4c79;
}
.header .dropdown-item.active, .header .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #4c4c79;
}
.header nav.navbar .navbar-collapse .nav-item.active {
    background:#2b2b55;

}
.header nav.navbar .navbar-collapse .nav-link:hover,
.header nav.navbar .navbar-collapse .nav-link:focus
 {
    color:#ffffff;
}
.header nav.navbar .navbar-collapse .nav-item.active .nav-link {
    color:#ffffff;
}
.header nav.navbar .navbar-collapse .nav-link i {color:#ff7300}
.my-logo {
    display: inline-block;
    animation: headShake; /* referring directly to the animation's @keyframe declaration */
    animation-duration: 2s; /* don't forget to set a duration! */
  }
.navbar-light .navbar-brand { 
	color:#4c4c79; 
	text-transform:uppercase; 
	font-weight:700; 
	font-size:25px; 
}  
.navbar-light .navbar-brand:hover { color:#2b2b55; }  
  @media screen and (max-width: 992px) {
    .header nav.navbar .navbar-collapse .float-right {
    float: none !important;
}
.header nav.navbar{padding:0!important}
.header nav.navbar .navbar-collapse ul {padding:0; margin:0}
.header nav.navbar .navbar-collapse ul li {
    text-align: left;
    border-bottom:1px solid #e8e8e8;
    padding-left:10px
}
.header nav.navbar .navbar-collapse {
    background:#ffffff;
}
.header .navbar-brand {padding-left:20px;}
.header .navbar-toggler { margin-right: 20px;}
  }
.header .navbar-nav .dropdown-menu { padding:0 }  
.header .navbar-nav .dropdown-menu a.dropdown-item {    
  padding: 0.55rem 1.5rem;
  border-bottom: 1px solid #d2d2d2; 
}
  .subheader {
    padding: 20px 0 30px 0;
    background-image: url(../images/bg-a.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    text-align: center;
    height: 250px;
  }
  .subheader .title-text {
      color:#ffffff;
      font-size:45px;
      font-weight: 600;
  }
  .subheader .content-text {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
    width: 80%;
    margin: 30px auto;
    text-shadow: 1px 1px #000;
}
@media screen and (max-width: 992px) {.subheader .content-text {font-size:22px;width:80%;margin:30px auto;}}
@media screen and (max-width: 735px) {.subheader .content-text {font-size:20px;width:90%;margin:20px auto;}}
@media screen and (max-width: 400px) {.subheader .content-text {font-size:17px;width:94%;margin:20px auto;}}
.chatpanel {min-height:60px; background:#2b2b55; color:#fff;}
.chatpanel form {display:table; margin:0px auto;padding-top: 8px;}
.chatpanel .input-group-text {
    background-color: #4c4c79;
    border: none;
    color:#ffffff;
}
.chatpanel .form-control {
    background-color: #ffffff;
    border: none;
    color: #2b2b55;
    border-left: 0.3em solid transparent;
    height: calc(1.8em + 0.75rem + 2px);
}
.chatpanel .form-control:focus {
    color: #2b2b55;
    background-color: #ffffff;
    border-color: #4c4c79;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .chatpanel .form-control::-webkit-input-placeholder {
    color: #2b2b55;
    opacity: 1;
  }
  
  .chatpanel .form-control::-moz-placeholder {
    color: #2b2b55;
    opacity: 1;
  }
  
  .chatpanel .form-control:-ms-input-placeholder {
    color: #2b2b55;
    opacity: 1;
  }
  
  .chatpanel .form-control::-ms-input-placeholder {
    color: #2b2b55;
    opacity: 1;
  }
  
  .chatpanel .form-control::placeholder {
    color: #2b2b55;
    opacity: 1;
  }
  .chatpanel i {color:#ffffff}
  .chatpanel .btn {
    padding: 0.530rem 0.95rem;
    font-weight: 600;
  }
  .chatpanel img {width:50px; float:left; padding-top:5px}
  .chatpanel .span {font-size:11px;  line-height: 1.35;padding-top: 15px;}
  .chatpanel .span a {color:#ff7300; text-decoration: none;}
  @media screen and (max-width:1200px) { 
      .mobilemirc {display:none;}
     }
  @media screen and (max-width:992px) {  
    .header nav.navbar .navbar-collapse .nav-item.active {
        background:transparent;
    }
    .header nav.navbar .navbar-collapse .nav-item.active .nav-link {
        color:#2b2b55;
    }
  .chatpanel .mobile {display:table}
  }

 .kutu a{text-decoration:none;}  
.kutu .apppanel-items {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0px;
    border-bottom: 1px solid #4c4c79;
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px;
    -webkit-transition: background-color 1s;
    transition: background-color 1s;
}
  @media screen and (max-width: 992px){
    .chatpanel {padding: 30px;}
 .kutu .apppanel-items {
    padding: 30px 15px;
    border:none;
    display: table;
    margin: 0px auto;
}
}
 .kutu .apppanel-items:hover { background:#4c4c79 }
 .kutu .apppanel-items:last-child { border:none} 
 .kutu .app-icon {
    display: block;
    margin-right: 30px;
    min-width: 55px; 
  }
 .kutu .app-content {display: block;}
 .kutu .app-content-title{
    display: block;
    color: #17a2b8;
    font-size: 19px;
    font-weight: 600; 
  }
 .kutu .app-content-description{
    display: block;
    color: #ffffff;
    font-size: 14px;  
  }
 .kutu .ylmz-iconset::before {
    display: table;
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 5px;
    float:left;
    transition: all 0.5s ease-out;
}
 .kutu .android::before {
    background: url(../images/iconset/android.png);
    background-size: 80px!important;
    z-index: 9999;
    transition: background-color .5s;
}
 .kutu .apple::before {
    background: url(../images/iconset/apple.png);
    background-size: 80px!important;
    z-index: 9999;
    transition: background-color .5s;
}
 .kutu .mirc::before {
    background: url(../images/iconset/mirc.png);
    background-size: 80px!important;
    z-index: 9999;
    transition: background-color .5s;
}
.blog {
    min-height:203px;
}

.blog .chat_description {
    padding: 0px 0px 0px 0px;
    margin: 20px 5px 50px 5px;
    overflow: hidden;
    position: relative;
    min-height:262px;
    background: #2b2b55;
   /* border-radius: 10px;*/
   border-top-right-radius: 10px;
   border-bottom-left-radius: 10px;
   border-top-left-radius: 10px;
   border-bottom-right-radius: 10px;
   min-height:477px;
}
@media screen and (max-width: 992px){
  .blog .chat_description {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 10px;
  }
}
.blog .chat_description a { text-decoration: none; color:#cccccc; transition: color .5s;}
.blog .chat_description a:hover {color:#ffffff }
.blog .chat_description .title {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -ms-box-orient: horizontal;
    padding-top:10px;
}
.blog .chat_description .title h2 {
    font-weight: 600;
    border-bottom: 1px solid #343965;
    padding-bottom: 10px;
    margin-top: 1px;
    margin-bottom:0px;
    padding-left: 20px;
    font-size: 15px;
    text-decoration: none;
    width: 100%;
    text-transform: uppercase;
}
.blog .chat_description .settings_all { padding-top:5px; padding-bottom:5px; border-bottom: 1px solid #343965;}
.blog .chat_description .settings {padding-left:0px; margin-left: 10px;}
.blog .chat_description .settings a {
  color:#fff;
  font-weight: 400;
  font-size:13px;
  padding-left:5px
}
.blog .chat_description .settings a i { color:#ff7300 }
.blog .chat_description .button-go {padding-right: 20px; margin-bottom:20px; }
.blog .chat_description .button-go a{ color:#ffffff!important;}
.blog .chat_description .settings a:first-child {padding-left:0; }
.blog .chat_description .content {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
}
.blog .chat_description .image {
    align-items: stretch;
    position: relative;
    overflow: hidden;
   
}
.blog .chat_description .image img {
    width: 100%;
    height: 200px;
    padding: 0px;
    border-radius: 0px;
    transition: all .25s ease-in-out;
    opacity: 0.5;
}
.blog .chat_description .image img:hover {
  transform: scale(1.1);
  opacity: 0.8;
}
.blog .chat_description .desc {
    align-items: stretch;
    font-size: 13px;
    font-weight: 300;
    color: #ffffff;
    padding: 15px;
}
.blog .blogyazi h2, .blog .blogyazi h1 {
    position: relative;
    top: 20px;
    font-weight: 600;
    font-size: 25px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom:20px;
    color:#4c4c79
}
.blog .blogyazi h2 i, .blog .blogyazi h1 i {color:#ff7300}
.owl-theme .owl-nav {
    position: absolute;
    top: -53px;
    right: 10px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: #4c4c79!important;
    color: #fff!important;
    border: none;
    padding: 3px!important;
    font: inherit;
}
.owl-carousel .owl-nav button.owl-next:focus, .owl-carousel .owl-nav button.owl-prev:focus, .owl-carousel button.owl-dot:focus {
    border:none!important
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel button.owl-dot:hover {
    border:none!important
}
.owl-carousel .owl-item {
  margin-bottom: -30px;
}
.makale {background: rgb(76,76,121);
    background: linear-gradient(0deg, rgba(76,76,121,1) 0%, rgba(43,43,85,1) 79%);}
.makale .mobilresim {
    width: 90%;
    margin: 40px 0px 0px ;
    bottom:0;
    position:absolute;
    display:table;
}
.yazalim {
    font-size: 16px;
    margin-top: 45px;
    font-weight: 400;
    color:#cecece;
    padding-right: 100px;
    padding-left: 150px;
    height: 560px;
    overflow-y: scroll;
}
.yazalim h2 {
    color: #9f9ff5;
    font-weight: 600;
    padding-bottom: 10px;
    font-size: 28px;
}
.yazalim::-webkit-scrollbar {
    width: 5px;
}

.yazalim::-webkit-scrollbar-thumb {
    background: #4c4c79;
    border-radius: 4px;
}
.yazalim::-webkit-scrollbar-track {
    background: #2b2b55;
}

@media screen and (max-width: 992px){
    .yazalim {font-size:13px; margin-top:5px; padding-right: 10px; padding-left: 10px;}
    .yazalim h2 { font-size:14px; }
}
.m10 {margin-top:10px;}

.footer {margin-bottom: 0px;border-radius: 18px;background: #ff9238;}
.footer .footer-links a:hover { color:#ff7300} 
.footer .footer-links a:last-child {border:none}
.footer .footer-logo {border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8}
.footer .footer-logo img {display:table; margin:0px auto}
.footer .footer-copyright {color:#2b2b55;padding:10px;text-align: center;}
.footer .footer-copyright a {color:#2b2b55; text-decoration: none;}
.footer-links ul { list-style-type:none; padding:0; margin:0;}
.footer-links ul li { display:inline}
.footer .footer-links ul li a { 
    color:#2b2b55;
    text-decoration: none;
    border-right:2px solid #6f6f97; 
    padding-top:5px; 
    padding-left:20px; 
    padding-right: 20px; 
    padding-bottom:5px;
    -webkit-transition: color 1s; /* For Safari 3.0 to 6.0 */
    transition: color 1s; /* For modern browsers */
}
.footer .footer-links ul li:last-child a{border:none}
.footer .bg-2 {
    padding: 20px 0 30px 0;
    background-image: url(../images/bg-2.jpg);
    background-repeat: no-repeat;
    background-position: 50% 17%;
    background-size: cover;
    text-align: center;
    height: 380px;
}
.footer .bg-3 {
    /* padding: 20px 0 30px 0; */
    background-image: url(../images/bg-3.jpg);
    background-repeat: no-repeat;
    background-position: 50% 27%;
    background-size: cover;
    /* text-align: center; */
    height: 450px;
}
@media screen and (max-width: 768px){
    .footer .bg-2 {display:none;}
}
@media screen and (min-width: 768px){
    .footer .bg-3 {display:none;}
}
.footer .footer-links {
	display: table;
    margin: 0px auto;
    padding: 20px;
}

@media screen and (max-width: 1024px){
    .footer .footer-links {
        display:flex;
        -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer .footer-links .menu ul li a {
    /* padding: 30px 15px; */
    border: none;
    display: table;
    margin: 0px auto;
    width: 50%;
    float: left;
}
}
@media screen and (max-width: 768px){
.footer .footer-links .menu ul li a {
        /* padding: 30px 15px; */
        border: none;
        display: table;
        margin: 0px auto;
        width: 100%;
        float: none;
        text-align: center;
    }
}
.kutu {
  border-radius: 10px;
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
}
.kutu.dark {
  background: #2b2b55;
  color: #fff;
}
.kutu.orange {
  background: #ff7300;
  color: #fff;
}
.kutu.orange li:last-child {
  border-bottom: 0!important;
}
.kutu.purple {background:#6f42c1;}
.kutu.cyan {background:#17a2b8;}
.kutu.indigo {background: #6610f2;}
.kutu.m-60 {margin-top:60px}
.kutu h3 {
  color: #fff;
  font-family: Montserrat,sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}
.kutu.dark li {
  border-bottom: 1px solid #343965;
}
.kutu ul {padding:0}
.kutu li {
  overflow: hidden;
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #343965;
  font-size: 13px;
  line-height: 25px;
}
.sss {margin-bottom:20px}
.sss #tab {
  margin-top: 20px;
  width: 100%;
  display: inline-block;
}
.sss #tab .tab-box:last-child {
  margin-bottom: 0;
}
.sss #tab .tab-box {
  width: 100%;
  margin-bottom: 15px;

}
.sss #tab .tab-box a {
  display: block;
  height: 53px;
  line-height: 53px;
  border-radius:10px;
  background-color: #4c4c79;
  color: #fff;
  font-size: 16px;
  padding-left: 40px;
  position: relative;
  text-decoration: none;
  transition: .25s !important;
}
.sss #tab .tab-box a {
  padding-left: 30px !important;
  text-align: left !important;
}
.sss #tab .tab-box a span {
  width: 42px;
  height: 42px;
  border-radius: 42px;
  background-color: #2b2b55;
  border: 6px solid #fff;
  text-align: center;
  position: absolute;
  left: -21px;
  top: 5.5px;
  line-height: 32px;
  font-size: 18px;
  transition: .25s;
}
.sss #tab .tab-content {
  background-color: #3e98ff;
  padding: 0 30px;
  margin-top: -7px;
  border-radius: 0 0 11px 11px;
}
.sss #tab .tab-content p {
  color: #fff !important;
  padding-bottom: 20px;
}
.sss p {
  font-size: 15px;
  line-height: 18px;
  color: #344696;
}
.sss #tab .tab-content p span {
  display: block;
  padding-top: 15px;
}
.sss p span {
  display: block;
  margin-top: 20px;
}
.sss #tab .tab-box a.active {
  background-color: #2b2b55;
}
.sss #tab .tab-box a.active span {
  background-color: #ff7300;
}
.sss #tab .tab-box a i.fa-check {
  display: none; }
.sss #tab .tab-box a.active i.fa-question {
  display: none; }
.sss #tab .tab-box a.active i.fa-check {
  display: inline-block; }

@media screen and (max-width: 600px) {
.sss #tab .tab-box a span {
    display: none !important;
}
}
.sss form {padding-top:9px;    display: flex;
  flex-flow: wrap;}
.sss .inputGroup {
  background-color: #4c4c79;
  display:block;
  margin: 11px 1%;
  position: relative;
  border-radius: 10px;
  width: 48%;
  height: 48px;
}
@media only screen and (max-width: 550px) {
.blog .blogyazi h2 {
 font-size:20px
}
.sss #tab .tab-box a { font-size:12px }
}
@media only screen and (max-width: 550px) {
  .sss .inputGroup {width: 100%;margin: 4px 1%;}
}
.sss .inputGroup label {
  padding: 12px 30px;
  width: 100%;
  display: block;
  border-radius:10px;
  text-align: left;
  color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-transition: color 200ms ease-in;
  transition: color 200ms ease-in;
  overflow: hidden;
}
.sss .inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #2b2b55;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  -webkit-transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.sss .inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
.sss .inputGroup input:checked ~ label {
  color: #fff;
}
.sss .inputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.sss .inputGroup input:checked ~ label:after {
  background-color: #ff7300;
  border-color: #ff7300;
}
.sss .inputGroup label span.bd {margin-right:50px; margin-top:2px;} 
.sss .inputGroup label em {color:#ff7300; font-style: normal; padding-right:3px}
.sss .inputGroup input {
  width: 32px;
  height: 32px;
  -webkit-box-ordinal-group: 2;
          order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}


/* Friends */
.apppanel-foot {
  display:flex;
  background:#fff; 
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.apppanel-foot a{text-decoration:none;}  
.apppanel-foot .apppanel-items {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 2vw;
border-right: 1px solid #e8e8e8;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width:100%;
-webkit-transition: background-color 1s;
transition: background-color 1s;
} 
.apppanel-foot .apppanel-items:nth-child(1) {background: #67de6c;}
.apppanel-foot:hover .apppanel-items:nth-child(1) {background: #4CAF50;}
.apppanel-foot .apppanel-items:nth-child(2) {background: #ff9238;}
.apppanel-foot:hover .apppanel-items:nth-child(2) {background: #d06c1a;}
.apppanel-foot .apppanel-items:nth-child(3) {background: #81e2ff;}
.apppanel-foot:hover .apppanel-items:nth-child(3) {background: #62b3cc;}
@media screen and (max-width: 992px){
.apppanel-foot .apppanel-items {
padding: 30px 15px;
border:none;
display: table;
margin: 0px auto;
}
.apppanel-foot {
display: block;
}
}
.apppanel-foot .apppanel-items:last-child { border:none} 
.apppanel-foot .app-icon {
display: block;
margin-right: 40px;
min-width: 55px; 
}
.apppanel-foot .app-content {display: block;}
.apppanel-foot .app-content-title:hover { color:#ff7300}
.apppanel-foot .app-content-title{
display: block;
color: #2b2b55;
font-size: 22px;
font-weight: 600; 
-webkit-transition: color 1s;
transition: color 1s;
}
.apppanel-foot .app-content-description{
display: block;
color: #2b2b55;
font-size: 14px;  
}
.apppanel-foot .ylmz-iconset::before {
display: table;
content: "";
width: 70px;
height: 70px;
border-radius: 5px;
margin-left:10px;
float:left;
transition: all 0.5s ease-out;
}
.apppanel-foot .friends::before {
background: url(../images/iconset/friends.png);
background-size: 70px!important;
z-index: 9999;
transition: background-color .5s;
}
.apppanel-foot .music::before {
background: url(../images/iconset/music.png);
background-size: 70px!important;
z-index: 9999;
transition: background-color .5s;
}
.apppanel-foot .helping::before {
background: url(../images/iconset/help.png);
background-size: 70px!important;
z-index: 9999;
transition: background-color .5s;
}
/* Friends */

/* Radyo Player */
.music-player {
    position: fixed;
    width: 300px;
    height: 55px;
    /* border-radius: 10px; */
    background: transparent;
    overflow: hidden;
    z-index: 9999;
    background: #4c4c79;
    /* background: linear-gradient(0deg, #2b2b55 0%, rgb(76, 76, 121) 100%); */
    bottom: 0;
    /* border-top: 2px solid #adadad; */
    right: 0;
    border-top-left-radius: 50px;
    box-shadow: 0px 0px 10px #2b2b55;
  
}
.music-player img {
    position: absolute;
    top: 16px;
    left: 10px;
    bottom: 0px;
    right: 0px;
    z-index: -1;
    display: block;
    width: 44px !important;
    height: 34px !important;
}
.music-player .info {
  /*height: 90px;
  background: transparent;
  text-align: center;
  position: absolute;
  float: left;
  margin-left: 50px;*/
  display:none;
}
.music-player .info .jp-playlist li {
  display: none;
  padding:0px 0px;
}
.music-player .info .jp-playlist li a {
  font-size: 30px;
  font-weight: 300;
  text-decoration: none;
  color: #fff;
}
.music-player .info .jp-playlist li a span {
  font-size: 14px;
  display: block;
  margin-top: 10px;
}
.music-player .info .jp-playlist li.jp-playlist-current {
  display: block;
}
.music-player .info .jp-playlist li .jp-free-media, .music-player .info .jp-playlist li .jp-playlist-item-remove {
  display: none;
}
.music-player .info .left, .music-player .info .right {
  width: 25px;
  position: absolute;
  top: 30px;
  left: 30px;
}
.music-player .info .right {
  left: auto;
  right: 30px;
}
.music-player .info [class^="icons-"] {
  margin: 0 0 10px;
}
.music-player .info .center {
  padding: 5px 0 0;
}
.music-player .progress, .music-player .volume-level {
  width: 100%;
  height: 5px;
  display: block;
  background: transparent;
  position: absolute;
  bottom: 0px;
  cursor: pointer;
  border: none;
}
.music-player .progress .ui-slider-range, .music-player .volume-level .ui-slider-range {
    display: block;
    background: #00BCD4;
    height: 3px!important;
    border-radius: 0;
}
.music-player .progress .ui-slider-handle, .music-player .volume-level .ui-slider-handle {
  position: absolute;
  top: -8px;
  width: 8px;
  height: 22px;
  background: url("../images/radioset/tsqwz1N.png") no-repeat center;
  border: none;
  outline: none;
  margin: 0 0 0 -3px;
  cursor: move;
}
.music-player .controls {
  height: 90px;
  background: transparent;
  text-align: center;
  display: table;
  margin: 0px auto;
}
.music-player .controls .current {
  font-size: 16px;
  color: #fff;
  float: left;
  padding-top: 11px;
  padding-left: 50px;
  position: absolute;
  right: 20px;
}
.music-player .controls .play-controls {
  padding-top: 9px;
  display: table;
  margin: 0px auto;
}
.music-player .controls .play-controls a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 10px;
}
.music-player .controls .volume-level {
  position: absolute;
  width: 150px;
  height: 2px;
  background: rgba(225, 225, 225, 1);
  top: 40px;
  right: 60px;
}
@media screen and (max-width: 1100px) {
  .music-player .controls .volume-level { display:none; }
  .music-player .info .jp-playlist li.jp-playlist-current { display:none }
  .music-player .controls .current { font-size:12px; padding-top:18px;}
  .music-player .controls .play-controls {margin: 10px auto; }
}
@media screen and (max-width: 768px) { 
  .music-player {width: 100%; border-top-left-radius: 0px; }
  .footer {
    margin-bottom: 55px;
  }
}
.music-player .controls .volume-level .ui-slider-range {
  height: 5px;
}
.music-player .controls .volume-level .ui-slider-handle {
	top: -7px;
    margin-left: -9px;
    width: 16px;
    height: 16px;
  background-image: url("../images/radioset/V5i67V2.png");
}
.music-player .controls .volume-level .icons-volume-up, .music-player .controls .volume-level .icons-volume-down {
  position: absolute;
  right: -34px;
  top: -10px;
  width: 35px;
}
.music-player .controls .volume-level .icons-volume-down {
  right: auto;
  left: -35px;
}

[class^="icons-"] {
  width: 24px;
  height: 24px;
  background: url("../images/radioset/E09T8tf.png") no-repeat center;
  display: block;
}

.icons-shuffle {
  background-image: url("../images/radioset/AQAxRxS.png");
}
.icons-heart {
  background-image: url("../images/radioset/E09T8tf.png");
}
.icons-repeat {
  background-image: url("../images/radioset/338F8MX.png");
}
.icons-share {
  background-image: url("../images/radioset/PGIC6ME.png");
}
.icons-previous {
  background-image: url("../images/radioset/LIqj0nr.png");
}
.icons-play {
  background-image: url("../images/radioset/play-button.png");
}
.icons-pause {
  background-image: url("../images/radioset/lIhwduj.png");
}
.icons-next {
  background-image: url("../images/radioset/Mb6Nzj5.png");
}
.icons-volume-up {
  background-image: url("../images/radioset/speaker.png");
}
.icons-volume-down {
  background-image: url("../images/radioset/mute.png");
}
.progress.ui-slider {display:none}

/* Radyo Player */
/* In Page */
section.page-content {padding: 100px 0;}
.category .cat-panel {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  border-bottom: 18px solid #2b2b55;
  margin-bottom: 30px;
  background: #f9fbff;
}
.category .cat-panel .cat-title {
  background-color: #2b2b55;
  color: #fff;
  height: 60px;
}
.category .cat-panel .cat-title h3 {
  padding: 13px 30px 17px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1em;
  padding-top: 17px;
}

.category .cat-panel .cat-content {
  padding: 30px;
  font-size: 20px;
  color: #242424;
  font-weight: 400;
}
.category .cat-panel .cat-content .posts .post {
  font-size: 16px;
  margin-bottom: 30px;
}
.category .cat-panel .cat-content .posts .post .image img {
  width: 100%;
  border-radius: 10px;
}
.category .cat-panel .cat-content .posts .post .info {
  margin-bottom: 5px;
}
.category .cat-panel .cat-content .posts .post .info .category {
  background-color: #4c4c79;
  color: #fff;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  padding: 0px 8px;
  margin-right: 10px;
}
.category .cat-panel .cat-content .posts .post .info span {
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
}
.category .cat-panel .cat-content .posts .post h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 5px;
}
.category .cat-panel .cat-content .posts .post h4 a {
  color: #242424;
}
.category .cat-panel .cat-content .posts .post span.content {
    display: block;
    line-height: 1.2em;
    margin-bottom: 10px;
    font-weight: 400;
}
.container {
  max-width: 1240px;
}
.category .cat-panel .cat-content .posts .post a.read-more {
  background: rgb(255,115,0);
  display: inline-block;
  color: #fff;
  padding: 5px 25px;
  border-radius: 5px;
  font-weight: 600;
  
}
.category .cat-panel .cat-content .posts .post a.read-more:hover {
  background: #ff7300;
  background: linear-gradient(90deg, rgba(255,115,0,1) 0%, rgba(250,180,123,1) 79%);
}
.category a {text-decoration: none;}

/* Pagination */
.pagination {
  display: inline-block;
  margin: 20px 0;
}
.pagination a {
  display: inline-block;
  background-color: #2b2b55;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  font-size: 16px;
  min-width: 30px;
  text-align: center;
  padding: 3px 10px;
  margin: 0 1px;
}
.pagination a.active {background-color: #ff7300;}
.pagination a:hover {
  background-color: #ff7300;
}
.kutu-content form button {
  position: absolute;
  border: none;
  background-color: transparent;
  right: 15px;
  font-size: 22px;
  top: 0;
  bottom: 0;
  color: #ff7300;
}
.kutu-content form.search-form {
  position: relative;
}
.kutu-content form.search-form input[type="text"] {
  width: 100%;
  line-height: 57px;
  border-radius: 10px;
  color: #fff;
  background-color: #161638;
  border: 0;
  padding: 0 20px;
}
.kutu.orange .kutu-content ul li {
  border:none;
  padding:10px 0px 0px 0px;
}
.kutu.orange .kutu-content ul li a {
  background:#2b2b55;
  border-radius:5px; 
  padding:10px 10px 10px 10px;
  font-size:17px;
  color:#fff;
  text-decoration: none;
  width:100%;
  -webkit-transition: color 1s;
    transition: color 1s;
}
.kutu.orange .kutu-content ul li a:hover { color:#ff7300 }
.kutu.orange .kutu-content ul li a:before {
  content:'\f22d';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  padding-right: 10px;
}
.kutu.orange .kutu-content ul li a span.bagde {
  border-radius:3px; 
  font-size:13px;
  width:40px;
  text-align: center;
}
/* Last Post */
.popular-posts .post a {text-decoration: none;}
.popular-posts .post {
  border-bottom: 1px solid #343965;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popular-posts .post:last-child {
  border:none;
}
.popular-posts .post .image {
  width: 100%;
  position: relative;
  max-width: 100px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100px;
  flex: 0 0 100px;
}
.popular-posts .post .image img {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  -o-object-fit: cover;
  object-fit: cover;
}
.popular-posts .post .image span {
  color: #fff;
  background: #17a2b8;
  font-weight: 600;
  position: absolute;
  min-width: 22px;
  height: 22px;
  top: -10px;
  left: 1px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  padding-right: 5px;
  padding-left:5px;
}
.popular-posts .post .image span .far {padding-right:4px}
.popular-posts .post .content {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(100% - 100px);
  flex: 0 0 calc(100% - 100px);
  max-width: calc(100% - 100px);
  width: 100%;
  padding-left: 20px;
}
.popular-posts .post .content a.category {
  background-color: #17a2b8;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  padding: 0px 5px;
  border-radius: 2px;
}
.popular-posts .post .content h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 2px 0;
}
.popular-posts .post .content h4 a {
  color: #fff;
}
.popular-posts .post .content span.date {
  color: #fff;
  font-weight: 500;
}

/*Preloader*/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #eb7a55;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}

.pace .pace-progress-inner {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #eb7a55, 0 0 5px #eb7a55;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -moz-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  -o-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 15px;
  right: 15px;
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #eb7a55;
  border-left-color: #eb7a55;
  border-radius: 10px;
  -webkit-animation: pace-spinner 400ms linear infinite;
  -moz-animation: pace-spinner 400ms linear infinite;
  -ms-animation: pace-spinner 400ms linear infinite;
  -o-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}

@-webkit-keyframes pace-spinner {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
  0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
  0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
  0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
  0% { transform: rotate(0deg); transform: rotate(0deg); }
  100% { transform: rotate(360deg); transform: rotate(360deg); }
}


/*Preloader*/
/* Post */
.post-detail .post-info {
  padding: 10px 0;
  text-align: center;
  font-size: 16px;
}
.post-detail .post-info a{
  color: #000;
  margin: 5px;
}
.post-detail .post-info i {color:#ff7300}
.post-detail .post-info a::after, .post-detail .post-info span::after {
  content: '|';
  margin-left: 10px;
}
.post-detail .post-info span:last-child::after { display:none }
.post-detail .post-info span {
  color: #000;
  margin: 5px;
}
.postx-content {
  margin-top: 30px;
  font-weight:300;
  font-size:16px
}
.postx-content p {margin-top: 30px;}
h2.posts-title {font-size:22px}

.category .cat-panel .cat-comments {
  padding: 10px;
  font-size: 20px;
  color: #242424;
  font-weight: 400;
  background:#2b2b55;
  border-top:1px solid #343965;
}

.category .cat-panel .cat-comments input { margin-top:10px}
.category .cat-panel .cat-comments button { margin-top:9px}
.category .cat-panel .cat-comments input:first-child { margin-top:0px}
/* Comment Form Css * /
/** ====================
 * Lista de Comentarios
 =======================*/
 .comments-container {
	margin: 60px auto 15px;
	width: 768px;
}

.comments-container h1 {
	font-size: 36px;
	color: #283035;
	font-weight: 400;
}

.comments-container h1 a {
	font-size: 18px;
	font-weight: 700;
}

.comments-list {
	margin-top: 20px;
  position: relative;
  padding-top:30px
}


/**
 * Lineas / Detalles
 -----------------------*/
.comments-list:before {
	content: '';
	width: 2px;
	height: 100%;
	background: #343965;
	position: absolute;
	left: 32px;
	top: 0;
}

.comments-list:after {
	content: '';
	position: absolute;
	background: #343965;
	bottom: 0;
	left: 29px;
	width: 7px;
	height: 7px;
	border: 3px solid #343965;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.reply-list:before, .reply-list:after {display: none;}
.reply-list li:before {
	content: '';
	width: 60px;
	height: 2px;
	background: #343965;
	position: absolute;
	top: 25px;
	left: -94px;
}


.comments-list li {
	margin-bottom: 15px;
	display: block;
	position: relative;
}

.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.reply-list {
	padding-left: 88px;
	clear: both;
	margin-top: 15px;
}
/* Entegrasyon */
#comments-list .children {
	margin-top: 20px;
  position: relative;
  padding-top:30px
}

#comments-list .children  li:before {
    content: '';
    width: 60px;
    height: 2px;
    background: #343965;
    position: absolute;
    top: 25px;
    left: -94px;
}
#comments-list .children {
	padding-left: 88px;
	clear: both;
	margin-top: 15px;
}
#comments-list .children .comment-box {
    width: 610px;
}
#comments-list .children .comment-avatar {
    width: 50px;
    height: 50px;
}
/**
 * Avatar
 ---------------------------*/
.comments-list .comment-avatar {
	width: 65px;
	height: 65px;
	position: relative;
	z-index: 99;
  float: left;
  margin-left: -40px;
	border: 3px solid #17a2b8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}

.comments-list .comment-avatar img {
	width: 100%;
	height: 100%;
}

.reply-list .comment-avatar {
	width: 50px;
	height: 50px;
}

.comment-main-level:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	clear: both;
}
/**
 * Caja del Comentario
 ---------------------------*/
.comments-list .comment-box {
	width: 680px;
	float: right;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  box-shadow: 0 1px 1px rgba(0,0,0,0.15);
  margin-right: 20px;
}

.comments-list .comment-box:before, .comments-list .comment-box:after {
	content: '';
	height: 0;
	width: 0;
	position: absolute;
	display: block;
	border-width: 10px 12px 10px 0;
	border-style: solid;
	border-color: transparent #4c4c79;
	top: 8px;
	left: -11px;
}

.comments-list .comment-box:before {
	border-width: 11px 13px 11px 0;
	border-color: transparent rgba(0,0,0,0.05);
	left: -12px;
}

.reply-list .comment-box {
	width: 610px;
}
.comment-box .comment-head {
	background: #4c4c79;
	padding: 10px 12px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
	float: right;
	margin-left: 14px;
	position: relative;
	top: 2px;
	color: #A6A6A6;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
	color: #03658c;
}

.comment-box .comment-name {
	color: #283035;
	font-size: 14px;
	font-weight: 700;
	float: left;
	margin-right: 10px;
}

.comment-box .comment-name a {
	color: #ffffff;
}

.comment-box .comment-head span {
	float: left;
	color: #f1f1f1;
	font-size: 12px;
	position: relative;
	top: 1px;
}

.comment-box .comment-content {
	background: #FFF;
	padding: 12px;
	font-size: 15px;
	color: #595959;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}

.comment-box .comment-name.by-author, .comment-box .comment-name.by-author a {color: #fff;}


/** =====================
 * Responsive
 ========================*/
 @media only screen and (max-width: 1215px) {
  .comments-list .comment-avatar { display:none }
  .comments-list:before { display:none}
  .comments-list:after {display:none}
  .comments-list .comment-box:before { display:none}
  .comments-list .comment-box:before, .comments-list .comment-box:after {display:none}
  .reply-list li:before { display:none}
  .comments-list .comment-box {
    width: 100%;
}

 }
@media only screen and (max-width: 766px) {
	.comments-container {
		width: 480px;
	}

	.comments-list .comment-box {
		width: 100%;
	}
  .comment-box .comment-content { font-size:11px}
	.reply-list .comment-box {
		width: 100%;
  }
  .reply-list {
    padding-left: 20px;
  }
  #comments-list .children .comment-box {
    width: 100%;
}
#comments-list .children li:before { display:none }
  
#comments-list .children {
    padding-left: 20px;
}
}

h3.comment-reply-title { color:#fff; font-size:13px; }
h3.comment-reply-title a { color:#ff7300;  }
h3.comment-reply-title a#cancel-comment-reply-link { color:#fff; font-size:14px; background:#17a2b8; float:right; padding:10px; border-radius:10px;}
p.comment-notes {color:#fff; font-size:12px}
.comment-form-cookies-consent {display:none}

.col-md-106 {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}
@media (min-width: 768px) {
  .col-md-106 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  }
.comment-head a.comment-reply-link { float:right; font-size:12px; color:#fff; padding-top:3px; padding-left:10px }  
.comment-head a.comment-reply-link:hover { color:#ff7300 }
.logged-in-as a { color:#ff7300; font-size:12px;} 
.logged-in-as a:nth-child(2) { color: #fff;
    font-size: 14px;
    background: #17a2b8;
    float: right;
    padding: 10px;
    border-radius: 10px; }
	
/* Komut */
.komutlar {
  font-size:14px;
  font-weight: 400;
}
.komutlar .komut-detay {margin-top:20px; border-bottom:1px solid #8282aa; padding-bottom:10px }
.komutlar .komut-detay .komut {color:red}
.komutlar .komut-detay .komut:before {
  content:'\f10e';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
  color:#4c4c79;
  padding-right:10px
}
.komutlar .komut-detay .cevap { color:#707070; text-indent: 20px; margin-top:20px}
.komutlar .komut-detay .cevap:before {
  content:'\f56b';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
  color:#4c4c79;
  padding-right:10px
 }
.komutlar .komut-detay .orn {padding-top:10px;text-indent: 20px;}
.komutlar .komut-detay .orn:before {
  content:'\f101';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;  
  color:#4c4c79;
  padding-right:10px
}	
	img.alignright 
	{
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft 
	{
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright 
	{
    float: right;
    }

    .alignleft 
	{
    float: left;
    }
	.aligncenter{ display:table; margin:0px auto;}

/* YORUMLAR */
.yorumlar {position:relative; width:100%;}
.yorumlar h3 {font-size:1.50em; font-weight:500; letter-spacing:-0.03em; color:rgba(50,70,165,1);}
.yorumlar h3::after { 
    content: "";
	position:relative;
	width:10%;
	height:3px;
	background:rgba(50,70,165,1);
	display:block;
	margin-bottom:10px;
}
.yorum {
	width: 105%;
	height:200px;
	position:relative;
	overflow:hidden;
	margin-bottom:5px;
	margin-left: -39px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 33px;
	border-radius: 68px;
}
.yorum_resim {width: 30%;height: 100%;position:relative;overflow:hidden;float:left;background: #ffffff;}
.yorum_resim img {
	width: 92%;
	height: 76%;
	margin: 19px 7px;
	border: solid 2px #2b2b55;
	-webkit-border-radius: 157px;
	-moz-border-radius: 162px;
	border-radius: 45px;
}
.yorum_text {width:70%;overflow:hidden;height:200px;position:relative;float:right;background: rgb(255 255 255);}
.yorum_text > div {padding:15px;}
.yorum_text h5 {font-size:1.50em;font-weight:500;letter-spacing:-0.03em;color: #730134;}
.yorum_text p {font-size:.90em;font-weight:500;color: #730134;text-align:justify;}
.yorum_tarih {color: #730134;font-size:.75em;font-weight:500;float:right;margin-top:8px;}
.yorum_tarih i {margin-right:5px;}
.yorum_reply {color:rgba(50,70,165,1); font-size:.90em; font-weight:500; position:relative; display:block; margin-top:5px;}
.yorum_reply:hover {text-decoration:underline;}
.yorum_reply i {margin-right:5px;}


/* YORUM PEMBE */
.yorum_pembe .yorum_resim {background:rgba(167,27,76,1);}
.yorum_pembe .yorum_text {background:rgba(167,27,76,.1);}
.yorum_pembe .yorum_text h5 {color:rgba(167,27,76,1);}
.yorum_pembe .yorum_text p {color:rgba(167,27,76,.8);}
.yorum_pembe .yorum_tarih {color:rgba(167,27,76,.5);}
.yorum_pembe .yorum_reply {color:rgba(167,27,76,1);}


/* YORUM GENÄ°Ãâ€ÂÃââ‚ÃÃâââ€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã…¡Ãƒâ€šÃ‚¬ÃƒÆ’…¡Ãƒâ€šÃ‚¦ÃƒÆ’ƒÆ’…¾LÄ°KLERÃÃÆâ€ââÃÃâ€šÃ‚¢ÃƒÂ¢Ã¢â€šÂ¬Ã…¡Ã‚¬Ã…¾Ã‚¢ÃƒÆ’ƒÂ¢Ã¢â€šÂ¬Ã‚ ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’ƒâ€ Ã¢â‚¬â„¢ÃƒÆ’¢â‚¬Å¾Ãƒâ€šÃ‚° */
.yorum_95 {width:95%; float:right;}
.yorum_95 img {width:77%; height:70%; margin:27px 18px;}
.yorum_90 {width:90%; float:right;}
.yorum_90 img {width:77%; height:67%; margin:31px 18px;}
.yorum_85 {width:85%; float:right;}
.yorum_85 img {width:77%; height:62%; margin:34px 16px;}
.yorum_80 {width:80%; float:right;}
.yorum_80 img {width:77%; height:58%; margin:38px 14px;}
.yorum_75 {width:75%; float:right;}
.yorum_75 img {width:77%; height:55%; margin:43px 14px;}