/* PUBLIC SETTINGS */
*, *::before, *::after {box-sizing: border-box;transition: var(--t03);}
:root{
  --tcolor1:#faa41a;
  --black:#000;
  --white:#fff;
  --bg-white:#fff;
  --bg-black:#000;
  --bgf5:#f5f5f5;
  --br:15px;
  --ccc:#ccc;
  --tf:'Poppins', sans-serif;
  --titlef:'Oswald', sans-serif;
  --t03: 0.3s all;
  --t05: 0.5s all;
  --t1: 1s all;
}
:root,
[devnanotek=dark]{
  --bodybg:#000;
  --bodycolor:#fff;
}
:root,
[devnanotek=light]{
  --bodybg:#dfe3fb;
  --bodycolor:#222;
}

*, html, body{margin: 0;padding: 0; font-family: var(--tf);transition: var(--t03);} 
html, body{width: 100%;height: 100%;font-family: var(--tf);}
body{width: 100%;height: 100%;overflow: hidden;overflow-y: auto; background-color: var(--bodybg);color: var(--bodycolor);}
a{text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
button{background: transparent;outline: none;border: none;}
::-webkit-scrollbar {position: fixed;top:0;right: 0;height: 100%; width: 11px;background: transparent;}
::-webkit-scrollbar-thumb {background-color: #ccc;}
::-webkit-scrollbar-thumb:hover {background-color: #aaa;}
/* BASIC SETTINGS */
.satir_1{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden;}
.satir_2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow:hidden;}
.satir_3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow:hidden;}
/* YUKARI CIK BUTTONU */
.scroll_up_btn_nnt{position: fixed; display: flex; justify-content: center; align-items: center; height: 44px; width: 42px; background: var(--color); right: 30px; bottom: 10px; color: #FFFFFF; z-index: 9999; font-size: 1.7rem; border-radius: 10px; border-bottom-width: 2px; cursor: pointer; opacity: 0; pointer-events: none; transition: all 0.3s ease; }
.scroll_up_btn_nnt.scroll_up_btn_nnt_show{bottom: 30px; opacity: 1; pointer-events: auto; }
.scroll_up_btn_nnt:hover{filter: brightness(90%); }
.scroll_up_btn_nnt.scroll_up_btn_nnt_show{bottom: 30px; opacity: 1; pointer-events: auto; }
.scroll_up_btn_nnt:hover{filter: brightness(90%); }
@media (max-width: 500px) {.scroll_up_btn_nnt{right: 15px; bottom: 15px; height: 38px; width: 35px; font-size: 1.1rem;} }
.ul_sifirla{list-style-type: none;margin: 0;padding:0;}
img.lazy {display: block;}
.img_cover{width: 100%;height: 100%;object-fit: cover;}
.img_contain{width: 100%;height: 100%;object-fit: contain;}
.body_no_scroll{overflow: hidden;}
@media (max-width: 768px) {}
.fff{color: var(--white);}
.black{color: var(--black);}
.color{color: var(--color);}
.textarea100{min-height: 100px !important;}
/* Pulse Grow */
@keyframes pulse-grow {to {transform: scale(1.1); } } 
.pulse-grow {display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.pulse-grow:hover {animation-name: pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes pulse-shrink {to {transform: scale(0.9); } }
.pulse-shrink {display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.pulse-shrink:hover {animation-name: pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
/* Push */
@keyframes push {50% {transform: scale(0.8); } 100% {transform: scale(1); } }
.push {display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.push:hover {animation-name: push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
/* Float Shadow */
.float-shadow {display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.float-shadow:before {pointer-events: none; position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ transition-duration: 0.3s; transition-property: transform opacity; }
.float-shadow:hover {transform: translateY(-5px);}
.float-shadow:hover:before {opacity: 1; transform: translateY(5px); }
@keyframes hover {50% {transform: translateY(-3px); } 100% {transform: translateY(-6px); } } 
@keyframes hover-shadow {0% {transform: translateY(6px); opacity: 0.4; } 50% {transform: translateY(3px); opacity: 1; } 100% {transform: translateY(6px); opacity: 0.4; } }
.hover-shadow {display: inline-block; position: relative; transition-duration: 0.3s; transition-property: transform; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.hover-shadow:before {pointer-events: none; position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ transition-duration: 0.3s; transition-property: transform opacity; }
.hover-shadow:hover {transform: translateY(-6px); animation-name: hover; animation-duration: 1.5s; animation-delay: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
.hover-shadow:hover:before {opacity: 0.4; transform: translateY(6px); animation-name: hover-shadow; animation-duration: 1.5s; animation-delay: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }


/* LOGIN */
/* login header */
.login_nav{position: relative;z-index: 5; display: block;width: 100%;padding: 15px 0;}
.login_menu{display: flex;justify-content: space-between;align-items: center; width: 100%;height: 100px;border-radius: var(--br);border: 1px solid var(--bgf5);background-color: var(--bg-white);padding:10px 15px}
.login_logo{display: flex;justify-content: center;align-items: center; max-width: 280px;width: 100%;height: 100%;}
.login_logo > img{width: 100%;height: 100%;object-fit: contain;}
.header_vr{font-size: 0.8rem;}
@media (max-width: 500px) {.header_vr .name{display: none;}}
/* login box/form */
.login_body, .form_footer{position: relative;z-index: 5;display: flex;width: 100%;padding: 15px;justify-content: center;align-items: center;}
.login_box, .form_ul{display: block;max-width: 600px;width: 100%;padding:30px 20px;border: 1px solid #ededed; background-color: var(--bg-white);border-radius: var(--br);}
.submit_cont{display: flex;width: 100%;justify-content: center;align-items: center;}
.login_btn{display: inline-flex;min-width: 180px;justify-content: center;align-items: center;font-weight: 600;padding: 15px;color: var(--white);background-color: var(--bg-black);border-radius: var(--br);transition: var(--t03);}
.login_btn:hover{background-color: var(--tcolor1);transition: var(--t03);}
@media (max-width: 768px) {.login_body{padding: 15px 10px;}.login_box{padding: 25px 15px;}}
@media (max-width: 500px) {.login_body{padding: 5px;}.login_box{padding: 25px 10px;}}
.form_footer{}
.form_ul{display: flex;justify-content: space-between;padding: 0 !important;overflow: hidden;}
.form_ul > li{display: flex;width: 100%;}
.form_ul li:first-child{border-right: 1px solid var(--bgf5);}
.form_ul > li > a{display: flex;width: 100%;font-weight: 600;padding:20px 15px;justify-content: center;color: var(--black);transition: var(--t03);}
.form_ul > li > a:hover{color: var(--white);background-color: var(--tcolor1); transition: var(--t03);}
/* footer */
.loginCopyrightsbody{position: relative;z-index: 5;display: flex;width: 100%;justify-content: center}
.loginCopyrights{display: flex;padding: 15px;font-size: 0.9rem;}
#particles-js {position: absolute; height: 100%; width: 100%;top:0;left:0; }