*, ::before, ::after { box-sizing: border-box; margin: 0px; padding: 0px; }
html, html a { -webkit-font-smoothing: antialiased; }
@font-face { font-family: NotoSans; src: url("../fonts/NotoSans-Regular.ttf"); }
@font-face { font-family: NotoSansSB; src: url("../fonts/NotoSans-SemiBold.ttf"); }
a { text-decoration: none !important; color: inherit;outline:none;border:none;}
li { list-style: none; }
body {font-family: NotoSans;height: 100%;margin: auto !important;overflow-x: hidden !important;color: #383838;background: #fff;padding:0 !important;}
.testSite {color: #F00;font-size: 28px;left: 0;position: fixed;top: 20px;z-index: 3;width: 100%;text-align: center;}
.loading {display:flex;float: left;width: 100%;align-items: center;justify-content: center;height: 100vh;position: fixed;left: 0;top: 0;background: rgb(255 255 255 / 71%);z-index: 9999999999999998;}
.loading svg {position: absolute;width: 100%;height: 100%;font-family: Arial;font-weight: bold;}
.loading svg text {text-transform: uppercase;animation: stroke 5s infinite alternate;stroke-width: 2;stroke: #00994f;font-size: 163px;}
@keyframes stroke {
    0% {fill: #00994f;stroke: #00994f;stroke-dashoffset: 25%;stroke-dasharray: 0 50%;stroke-width: 2;}
    70% {fill: #008746;stroke: #f00023;}
    80% {fill: #008746;stroke: #f00023;stroke-width: 3;}
    100% {fill: #008746;stroke: #008746;stroke-dashoffset: -25%;stroke-dasharray: 50% 0;stroke-width: 0;}
}
.contain { width: 1120px; margin: auto; }
.header_top {float:left;width: 100%;position: relative;background: url(../images/header_bg_big.png) no-repeat;height: 80px;background-position: top left;padding: 0 120px;}
.header_top:before {content: '';background: url(../images/pattern.png);height: 80px;position: absolute;right: 0;top: 0;width: 100%;z-index: -1;}
.header_inner {float: left;width: 100%;position: relative;height: 80px;display: flex;align-items: center;justify-content: space-between;}
.header_inner > a {float: left;width: 158px;}
.header_inner > a > img {float: left;width: 100%;}
.logins {float: right;position:relative;z-index:9}
.logins a {float: left;padding: 7px 15px;display: flex;align-items: center;justify-content: center;width: 140px;font-size: 14px;line-height: 15px;border-radius: 5px;transition: 0.25s;}
.logins a img {float: left;margin: 0 7px 0 0;width: 22px;}
.logins a span {font-size: 14px;line-height: 15px;}
.kurumsal_login {color: #fff;border: 1px solid #fff;margin-right: 20px;}
.kurumsal_login:hover {box-shadow: inset 0 0 0 2em #008746;color: #fff;}
.bireysel_login {background: #fff;color: #00994f;}
.bireysel_login:hover {box-shadow: inset 0 0 0 2em #f0f0f0;color: #00994f;}
.if_login {float: right;position: relative;cursor: pointer;height: 80px;display: flex;align-items: center;flex-wrap: wrap;}
.if_login span {float: left;display: flex;align-items: center;font-family: NotoSansSB;font-size: 14px;color: #fff;}
.if_login span img {width: 30px;margin: 0 10px 0 0;}
.if_login a {height: 0;transition: height 0.3s ease-out;overflow: hidden;position: absolute;top: 80px;display: flex;justify-content: center;align-items: center;right: 0;width: 100%;background: #009a4f;z-index: 99999999;font-size: 15px;color: #fff;font-family: NotoSansSB;}
.if_login:hover a {height: 40px;transition: height 0.3s ease-in;}
.mobil_logins {display: none;}
.baner {float: left;width:100%;}
.baner > img {float: left;width:100%;}
.content_text {float: left;width:100%;margin: 40px 0;}
.content_text p {float: left;width:100%;font-size: 14px;margin: 7px 0;}
.content_text p span {float: left;width:100%;font-size: 14px;}
.list {float: left;width: 100%;display: flex;justify-content: space-between;margin-bottom: 50px;overflow: initial;}
.list li {float: left;width: 17%;box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);border-radius: 5px;font-family: NotoSansSB;}
.list li a {float: left;width: 100%;text-align: center;padding: 20px 0;}
.list li a:hover {color: #383838;}
.list li a img {display: table;margin: auto;max-width: 80%;}
.list li a span {float: left;width: 100%;font-size: 14px;margin: 10px 0 0 0;}
.footer {float: left;width: 100%;padding: 40px 0;background: #f7f7f7;}
.footer_inner {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;}
.footer_left {float:left;}
.footer_left ul {float: left;clear: left;margin: 10px 0 0 0;}
.footer_left ul li {float: left;}
.footer_left ul li a {padding: 5px;float: left;}
.footer_left ul li a img {float: left;width: 20px;}
.ifhover {display:none;}
.footer_left ul li a:hover .ifhover {display:block;} 
.footer_left ul li a:hover .nonehover {display:none;} 
.footer_left span {float: left;font-size: 13px;}
.footer_right {float: right;width: 600px;}
.footer_right ul {float: left;width: 50%;}
.footer_right li {float: left;width: 100%;}
.footer_right li a {float: left;width: 100%;font-size: 13px;padding: 3px 0;}
.footer_right li a span {float: left;width: 100%;font-size: 13px;}
.footer_right li a:hover {color: #383838;}

.login_div {float: left;width: 100%;padding: 80px 0;display: flex;align-items: center;justify-content: center;}
.login_inner {max-width: 500px;width: 90%;display: table;box-shadow: 0 0 8px 0 rgb(0 0 0 / 15%);border-radius: 5px;padding: 35px;background: #fbfbfb;}
.login_inner h1 {float: left;width: 100%;font-family: 'NotoSansSB';text-align: center;font-size: 25px;line-height: 25px;margin-bottom: 20px;}
.login_inner h1 span {font-size: 25px;line-height: 25px;}
.passwordTitle {float: left;width: 100%;font-family: 'NotoSansSB';text-align: center;font-size: 25px;line-height: 25px;margin-bottom: 20px;}
.login_input {float: left;width: 100%;margin-bottom: 15px;}
.login_input input {float: left;width: 100%;font-family: NotoSans;padding: 10px;border-radius: 5px;border: 1px solid #9f9f9f;background: #fff;color: #383838;outline: 0;font-size: 14px;}
.Lgn {float: left;width: 100%;padding: 15px 0;font-family: NotoSansSB;outline: 0;font-size: 14px;border-radius: 5px;border: none;cursor: pointer;background: #009a4f;transition: .25s;color: #fff;}
.Lgn:hover {box-shadow: inset 0 0 0 2em #008746;}
.pass_forgot {float: left;width: 100%;display: flex;justify-content: space-between;margin-top: 20px;}
.pass_forgot a {font-size: 14px;}
.pass_forgot a:hover {color: #383838;}
.chg_btn {float: left;padding: 10px 15px;font-family: NotoSansSB;outline: 0;font-size: 14px;border-radius: 5px;border: none;cursor: pointer;background: #009a4f;transition: .25s;color: #fff;}

.left_nav_bg {float: left;height: calc(100vh - 300px);width: 240px;background: url(../images/left_nav_bg.png) no-repeat;background-position: top center;background-size: cover;overflow-y: auto;}
.left_nav_bg a {float: left;position: relative;width: 100%;height: 55px;color: #fff;display: flex;align-items: center;padding: 0 15px;font-size: 13px;border-bottom: 1px solid rgb(255 255 255 / 25%);}
.left_nav_inner {float: left;width: 100%;}
.sub_menu:before {content: '';width: 12px;height: 12px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: absolute;right: 15px;transition: .3s;}
.sub_menu.rotate:before {transform: rotate(135deg);}
.sub_nav {display: none;float: left;width: 100%;position: relative;}
.sub_nav a {padding-left: 30px;}
.sub_nav a::before {content: '';width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);position: absolute;left: 15px;}

.left_nav_bg::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);background-color: #F5F5F5;border-radius: 10px;}
.left_nav_bg::-webkit-scrollbar {width: 10px;background-color: #F5F5F5;}
.left_nav_bg::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #FFF;background-image: -webkit-gradient(linear,40% 0%,75% 84%,from(#4D9C41),to(#19911D),color-stop(.6,#54DE5D))}

.right_asside {float: left;width: calc(100% - 240px);padding: 0 15px;}
.right_asside > h1 {float: left;width: 100%;margin: 20px 0;text-align: center;font-size: 20px;}

.teamenu {bottom: 0;overflow: hidden;-webkit-overflow-scrolling: touch;overflow-y: auto;pointer-events: none;position: fixed;transform: translateX(-100%) translateZ(0);z-index: 1011;right: auto;left: 0;background-color: #ffffff;color: #404143;width: 260px;height: 100vh;}
.btn-open {display: none;}

.InfoContainer {border: 1px solid #026b32;background-color: #009343;color: #ffffff;float: left;width: 100%;display: flex;align-items: center;justify-content: space-around;padding: 10px 15px;font-size: 14px;}
.InfoContainer img {cursor:pointer;width:15px;}

.ErrorContainer img {cursor:pointer;width:15px;}
.dashboard-title {font-size:11px;}




@media screen and (max-width: 1120px) {
    .contain {width: 991px;}
.header_top {padding: 0 40px 0 120px;}
}

@media screen and (max-width: 991px) {
.contain {width: 100%;}
.footer {padding: 30px 20px;}
.logins {display: none;}
.mobil_logins {display: flex;position: relative;height: 50px;align-items: center;flex-wrap: wrap;}
.mbl_login {float: right;width: 35px;height: 35px;background: #fff;padding: 5px;border-radius: 100%;}
.mbl_login img {float: left;width: 100%;}
.mobil_logins ul {display:none;}
.mobil_logins:hover ul {display: block;position: absolute;right: 0;top: 50px;width: 140px;background: #009a4f;padding: 5px 0;}
.mobil_logins ul li {float: left;width: 100%;}
.mobil_logins ul li a {display: block;font-size: 13px;text-align: right;padding: 10px;color: #fff;font-family: NotoSansSB;}
.if_login {height: 50px;}  
.if_login a {top: 50px;font-size: 14px;} 
.header_top {height: 50px;background-size: contain;padding: 0 15px 0 40px;background-position: -25px;}
.header_inner {height: 50px;}
.header_inner > a {width: 110px;}
.header_top:before {height: 50px;background-size: contain;}
.content_text {padding: 0 20px;}
.content_text p {font-size: 14px;margin: 5px 0;}
.list {margin-bottom: 40px;padding: 0 20px;}
.list li a span {font-size: 14px;margin: 10px 0 0 0;}
.footer_inner {flex-wrap: wrap-reverse;}
.footer_left {width: 100%;text-align: center;margin: 25px 0 0 0;}
.footer_left span {width:100%;}
.footer_right {width: 100%;}
.footer_right li a {text-align: center;}
.left_nav_bg {display: none;}
.right_asside {width: 100%;padding-top: 20px;}
.right_asside > h1 {margin: 15px 0;font-size: 17px;width: 60%;text-align: left;}
.btn-open {display: flex;border: 1px solid #383838;width: 50px;height: 50px;align-items: center;justify-content: center;font-size: 14px;border-radius: 100%;float: right;margin: 1px 0 0 0;}
.teamenu .submenu:not(.no-transition), .teamenu:not(.no-transition) {transition: all 250ms}
.teamenu-overlay {background-color: rgba(0,0,0,.42);bottom: 0;display: none;left: 0;position: fixed;right: 0;top: 0;z-index: 1010}
.teamenu-opened .teamenu-overlay {display: block}
.teamenu.opened {pointer-events: auto;transform: translateX(0) translateZ(0)}
.teamenu.submenu-opened {overflow: hidden}
.teamenu .submenu {bottom: 0;min-height: 65%;overflow: hidden;-webkit-overflow-scrolling: touch;overflow-y: auto;pointer-events: none;position: fixed;top: 0;width: 100%}
.teamenu .submenu.opened {left: 0;pointer-events: auto}
.teamenu .submenu.opened:not(.current) {overflow: hidden}
.teamenu-opened body {overflow: hidden;}
.teamenu ul {-webkit-overflow-scrolling: touch;float: left;width: 100%;}
.teamenu ul > li {display: block;float: left;width: 100%;}
.teamenu ul > li > a {color: inherit;display: block;font-size: 14px;padding: 15px 20px;font-family: NotoSansSB;text-decoration: none;transition: all 150ms;}
.teamenu ul > li > a:hover {background-color: #efefef;border-radius: 3px;}
.teamenu ul > li:not(:last-child) > a {border-bottom: 1px solid #efefef;}
.teamenu ul > li.has-submenu > a {background-image: url("../images/submenu-arrow.svg");background-position: right 20px center;background-repeat: no-repeat;background-size: 8px 14px;}
.teamenu ul > li.has-submenu > a:hover {background-image: url("../images/submenu-arrow-active.svg");}
.teamenu .submenu {background-color: #ffffff;left: 295px;}
.teamenu .submenu-header {background-image: url("../images/menu-back.svg");background-position: left 20px center;background-repeat: no-repeat;background-size: 8px 14px;border-bottom: solid 1px #efefef;cursor: pointer;position: relative;}
.teamenu .submenu-header > a {color: inherit;display: block;font-size: 14px;font-weight: bold;padding: 18px 20px;padding-left: 40px;text-decoration: none;}
.teamenu .submenu-header > a:before {background-image: url("../images/submenu-arrow.svg");background-position: right 20px center;background-repeat: no-repeat;background-size: 8px 14px;content: "";height: 100%;left: 26px;position: absolute;top: 0;transform: rotate(-180deg);width: 20px;}
.mclose {float: right;margin: 10px 20px 0 0;background: #383838;padding: 9px 15px;color: #fff;font-size: 14px;border-radius: 5px;cursor: pointer;}


}


@media screen and (max-width: 767px) {
.content_text {margin: 20px 0;}
.list {flex-wrap: wrap;justify-content: center;}
.list li {width: calc(30% - 10px);margin: 10px;box-shadow: 0 0 5px 0 rgb(0 0 0 / 15%);}
.footer_right li a {padding: 5px 9px;}
.login_inner {padding: 15px;}
.pass_forgot a {font-size: 13px;}
.chg_btn {font-size: 13px;}
.if_login span {font-size: 13px;}
.if_login {width: 155px;}
.login_inner h1, .passwordTitle {font-size: 20px;line-height: 20px;margin-bottom:15px;}
.login_inner h1 span {font-size: 20px;line-height: 20px;margin-bottom:15px;}

}



::-webkit-input-placeholder { color: #383838; }