.login-page {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;top: 0;}

.login-page.active {display: flex;align-items: center;}

.login-page-close {position: absolute;right: 0;display: block;top: 0;line-height: 46px;background: #58595b;width: 48px;cursor: pointer;}

.login-page .form {position: relative;z-index: 1;background: #FFFFFF;max-width: 460px;margin: auto;padding: 0px 45px 25px;text-align: center;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);border-radius: 25px 0;}

@media(min-width: 768px) {.login-page .form {min-width: 460px;} }

.login-page .form input {font-family: "Roboto", sans-serif;outline: 0;background: #f2f2f2;width: 100%;border: 0;margin: 0 0 15px;padding: 15px;box-sizing: border-box;font-size: 14px;border-radius: 25px 0;}

.login-page .form button {font-family: "Roboto", sans-serif;text-transform: uppercase;outline: 0;background: #eb1c24;width: 100%;border: 0;padding: 15px;color: #FFFFFF;font-size: 14px;-webkit-transition: all 0.3 ease;transition: all 0.3 ease;cursor: pointer;height: auto;line-height: inherit; border-radius: 25px 0;

}

.login-page .form button:hover,.form button:active,.form button:focus {background: #58595b;}

.login-page .form .message {margin: 15px 0 0;color: #b3b3b3;font-size: 12px;text-align: left;}

.login-page .form .message.half {width: 50%;float: left;}

.login-page .form label.error {display: inline-block;text-align: left;width: 100%;position: relative;top: -13px;margin: 0;text-transform: none;color: #58595b;font-size: 14px;font-weight: normal;}

@media(max-width: 768px){ .login-page .form .message.half {width: 100%;margin: 5px 0px 0px;}  }

.login-page .form .message a {color: #58595b;text-decoration: none;}

.login-page .form .register-form {display: none;}

.login-page .form .forgotten-form {display: none;}



.login-page .benihatirla {text-align: left;text-transform: inherit;line-height: inherit;font-size: 14px;font-weight: normal;width: 100%;}

.login-page .benihatirla input {display: inline-block;width: auto;margin-right: 5px;padding: 7px;margin: 0 6px 0 0px;background: transparent;border: 1px solid #333;border-radius: 4px;}

.benihatirla input[type="checkbox"]:before {top: 1px;font-size: 14px;}



.login-page .form-title {position: relative;background: #eb1c24; padding: 11px; color: #FFFFFF; font-size: 14px; margin: 0 -45px 25px; font-weight: bold;text-transform: uppercase;border-radius: 25px 0;}



.user-login-btn {cursor: pointer;display: flex;height: 100%;align-items: center;position: relative;}

.user-wrapper .user-menu {display: none;position: absolute;left: 0;background: #fff;box-shadow: 0px 2px 8px #0000001f;z-index: 9999;width: 100%;margin-top: -20px;top: 100%;border-radius: 5px;margin:0;list-style:none;padding: 10px;color: #000;text-align: left;}

.user-login-btn:hover .user-menu {display: block;}

.user-menu:hover {display: block;}

.user-login-btn .spot {display: block;font-size: 14px;text-align: center;}

.user-login-btn .name {display: block;font-size: 14px;font-weight: 600;text-align: center;}

.user-wrapper .user-menu:before {display: block;content: "";position: absolute;left: 50%;margin-left: -10px;top: -10px;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;}

.user-wrapper .user-menu li {border-bottom: 1px solid #eee;padding: 0;margin: 0;width: 100%;display: block;float: left;}

.user-wrapper .user-menu li a {display: block;text-transform: inherit;font-size: 14px;color: #000;font-weight: normal;border-right: 0;padding: 3px 0px;}



.bilgi-errors,

.login-errors,

.register-erorrs,

.forgot-errors {margin-top: 5px;padding: 1px;background: antiquewhite;color: #ff0000;font-size: 14px;border-radius: 4px;border: 1px solid #eacba2;}



.uyelik-panel-form label {display: inline-block;font-weight: normal;font-size: 14px;padding-right: 15px;}

.uye-panel-menu {display: block;width: 100%;margin: 0 0 20px;background: #056bfc;float: left;}

.uye-panel-menu ul {list-style: none;margin: 0;padding: 0;display: block;background: #056bfc;float: left;width: 100%;}

.uye-panel-menu ul li {border-right: 1px solid #fff;display: inline-block;float: left;}

.uye-panel-menu ul li:last-child {border: 0;float: right;border-left: 1px solid #fff;}

.uye-panel-menu ul li a {display: block;padding: 10px 20px;color: #fff;font-size: 14px;}

.uye-panel-menu ul li.aktif a,

.uye-panel-menu ul li a:hover {background: #161f29;transition: ease-in-out all 400ms;}



.favoriler-menu {background: #fff;}

.favoriler-menu .title {display: flex;padding: 10px 10px;background: #056bfc;color: #fff;margin-bottom: 0;width: 100%;align-items: center;justify-content: space-between;}

.favoriler-menu .title span.baslik {width: 60%;}



.favoriler-menu ul {margin: 0;padding: 0;list-style: none;border: 1px solid #ddd;}

.favoriler-menu ul li {display: flex;width: 100%;align-items: center;justify-content: space-between;padding: 10px 10px;color: #056bfc;text-decoration: none;font-size: 14px;margin: 0;}

.favoriler-menu ul li a {color: #056bfc;text-decoration: none;font-size: 14px;}

.favoriler-menu ul li span.baslik {width: 60%;}

.favoriler-menu ul li span.sil:hover {color: red;cursor: pointer;}

.favoriler-menu ul li:hover {background: #eee;}

.favoriler-menu ul li:focus,

.favoriler-menu ul li.active {background: #056bfc;color: #fff;}



.favori-icon {position: absolute;bottom: 5px;left: 10px;z-index: 9;cursor: pointer;display: none !important;}

.favori-icon.relative {position: relative;bottom: 0;display: inline-block !important;width: auto !important;display: none !important;}

.favori-icon i {color: red;font-size: 17px;transition: ease-in-out all 400ms;}

.favori-icon .fa-heart-o:before {content: "\f004" !important;font-weight: normal !important;}

.favori-icon .fa-heart:before {font-weight: bold !important;}



@media(max-width:  768px) {

	

}