.header-panel {float: right;line-height: 30px;font-size: 14px;}

.header-panel .lang {float: left;margin-right: 20px;text-transform: uppercase;}
.header-panel .lang .default {color: #fff;}

.header-panel .currency {float: left;margin-right: 20px;}
.header-panel .currency .default {color: #fff;}

.header-panel .user-wrapper {float: left;color: #fff;position: relative;}
.header-panel .user-wrapper span.login-btn {margin-right: 7px;cursor: pointer;}
.header-panel .user-wrapper span.signin-btn {cursor: pointer;}

@import url(https://fonts.googleapis.com/css?family=Roboto:300);

.login-page {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;}
.login-page.active {display: flex;align-items: center;}
.login-page-close {position: absolute;right: 0;display: block;top: 0;line-height: 48px;background: #3c566b;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);}
@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;}
.login-page .form button {font-family: "Roboto", sans-serif;text-transform: uppercase;outline: 0;background: #527c9e;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;}
.login-page .form button:hover,.form button:active,.form button:focus {background: #476c8a;}
.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;}
@media(max-width: 768px){ .login-page .form .message.half {width: 100%;margin: 5px 0px 0px;}  }
.login-page .form .message a {color: #527c9e;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;}
.login-page .benihatirla input {display: inline-block;width: auto;}

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

.user-login-btn {cursor: pointer;display: block;}
.user-wrapper .user-menu {display: none;position: absolute;left: 0;background: #fff;box-shadow: 0px 2px 8px #0000001f;z-index: 9999;width: 100%;top: 100%;border-radius: 5px;margin:0;list-style:none;padding: 10px;color: #000;}
.user-login-btn:hover .user-menu {display: block;}
.user-menu:hover {display: block;}
.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;}
.user-wrapper .user-menu li a {display: block;}

.currency .default {cursor: pointer;}
.currency-wrapper {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;}
.currency-wrapper.active {display: flex;align-items: center;}
.currency-wrapper .currencys {position: relative;z-index: 1;background: #FFFFFF;max-width: 250px;margin: auto;padding: 25px 25px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
@media(min-width: 768px) {.currency-wrapper .currencys {min-width: 250px;} }
.currency-close {position: absolute;right: 0;display: block;top: 0;line-height: 34px;background: #000000;width: 34px;cursor: pointer;text-align: center;color: #fff;}
.currency-wrapper .currencys ul li a span:first-child {display: inline-block;width: 40px;text-align: center;background: #ddd;border-radius: 5px;font-size: 15px;font-weight: bold;}



.lang .default {cursor: pointer;}
.language-wrapper {display: none;width: 100%;margin: auto;position: fixed;z-index: 9999;left: 0;height: 100%;background: #000000b3;}
.language-wrapper.active {display: flex;align-items: center;}
.language-wrapper .languages {position: relative;z-index: 1;background: #FFFFFF;max-width: 250px;margin: auto;padding: 25px 25px;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
@media(min-width: 768px) {.language-wrapper .languages {min-width: 250px;} }
.language-wrapper .languages ul li a {color: #000;margin: 0;float: left;width: 100%;text-align: left;line-height: 24px;}
.language-wrapper .languages ul li img {float: left;width: 22px;margin-right: 5px;}
.language-close {position: absolute;right: 0;display: block;top: 0;line-height: 34px;background: #000000;width: 34px;cursor: pointer;text-align: center;color: #fff;}

.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;}
.uye-panel-menu {display: block;width: 100%;margin: 0 0 20px;background: #2d3e52;float: left;}
.uye-panel-menu ul {list-style: none;margin: 0;padding: 0;display: block;background: #2d3e52;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: #2d3e52;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: #2d3e52;text-decoration: none;font-size: 14px;margin: 0;}
.favoriler-menu ul li a {color: #2d3e52;text-decoration: none;font-size: 14px;}
.favoriler-menu ul li span.baslik {width: 60%;}
.favoriler-menu ul li span.sil:hover,
.favoriler-menu ul li span.kisisil:hover {color: red;cursor: pointer;}
.favoriler-menu ul li:hover {background: #eee;}
.favoriler-menu ul li:focus,
.favoriler-menu ul li.active {background: #2d3e52;color: #fff;}

@media(max-width:  768px) {
	
}