body {font-weight:400;}
strong,b {font-weight:700;} 
h1,h2,h3,h4,h5,h6 {font-weight:800;}

body,html {padding:0; margin:0; font-family: 'Roboto', sans-serif; font-style: normal;}
a {text-decoration:none; color:#002a47; }

h1,h2,h3,h4,h5,h6,ul,li,ol,div,span,input,textarea,select {padding:0; margin:0; list-style:none; resize:none; outline:none; border:0; }

.login_wrapper {width:100%; height:100vh; background:#002a47;}
.login_content {width:100%; height:100%; box-sizing:border-box; padding:20px; text-align:center; display:table;}
.login_form {width:100%; max-width:380px; margin:0 auto; display:table-cell; vertical-align:middle;}
.login_form a {color:#ffffff;}
.login_form_area {width:100%; max-width:380px; margin:0 auto;}
.login_form_area li {width:100%; margin:0 0 10px 0;}
.login_form_area li.title {font-size:18px; font-weight:700; text-align:center; color:#ffffff;}
.login_form_area li .logo {width:100%; max-width:364px; }
.login_form_area li .input_login {width:100%; padding:15px; box-sizing:border-box; font-weight:800; }
.login_form_area li .submit_login {padding:15px 30px;box-sizing:box-sizing;background: #26282b;color:#ffffff;font-weight:800;cursor:pointer;}


.wrapper {width:100%; min-height:100vh; }
.left_area {width:310px; height:100%; padding:0; box-sizing:border-box; position:fixed; left:0; top:0; z-index:2; background:#002a47; color:#ffffff;}
.left_area a {color:#ffffff; }
.left_area a:hover, .left_area a.active {color:#9b9b9b; }
.left_area .logo {width:100%; padding:60px 60px 60px 60px; text-align:center; box-sizing:border-box;}
.left_area .logo img {width:100%;}
.left_area ul.nav {width:100%; padding:0 0 30px 60px; box-sizing:border-box;}
.left_area ul.nav li {width:100%; font-size:18px; margin-bottom:10px;}
.left_area ul.nav li img {width:100%;}
.left_area ul.nav li.cikis {font-size:14px; margin-top:40px; margin-bottom:0;}
.left_area ul.nav li ul.sub_nav {display:none;}
.left_area ul.nav li ul.sub_nav li {font-size:18px; margin-bottom:5px;}
#left_menu  li {font-size:14px;}



.left_area .copyright {width:100%; max-width:310px; text-align:center; position:fixed; bottom:30px; left:0; font-size:12px; z-index:3; }

.right_area {width:100%; padding:145px 40px 40px 370px; box-sizing:border-box; position:absolute; left:0; top:0; float:left; background:#ffffff; color:#002a47;}
.right_area h1 {font-size:26px; margin-bottom:20px;}
.right_area h1 em {font-size:85%;}
.right_area .right_list {width:100%; max-width:1200px;}
.right_area .right_list li {width:100%; float:left; margin-bottom:20px; font-size:18px; line-height:33px;}
.right_area .right_list li label {float:left; width:300px;  line-height:110%;}
.right_area .right_list li label em {font-size:85%;}
.right_area .right_list li .list_input {width:calc(100% - 300px); padding:5px 10px; box-sizing:border-box; height:40px; background:#ededed; float:left;}
.right_area .right_list li textarea.list_input {height:90px; padding: 10px;}
.right_area .right_list li .list_send {padding:10px 25px; box-sizing:border-box; background:#000000; color:#ffffff; float:right; cursor:pointer;}


.mobile_header {display:none;}
@media screen and (max-width: 960px)
{
	
input, select, textarea {        -moz-appearance: none; 
        -moz-appearance: none; 
        -webkit-appearance: none; 
        appearance: none;}
.wrapper {min-height:100%; }

.mobile_header {width:100%; background:#002a47;display:block;left:0;top:0;padding:20px 0;box-sizing:border-box;z-index: 5; position:fixed;}
.mobile_header .mobile_logo {width:100%; text-align:center;}
.mobile_header .mobile_logo img {height:26px;}
.mobile_header .mobile_menu {display:block; position:absolute; color:#ffffff; line-height:26px; left:20px; top:20px; font-size:12px; cursor:pointer;}
.mobile_header .mobile_menu.passive {display:block;}
.mobile_header .mobile_menu_kapat {display: inline-block;position:absolute;color:#ffffff;line-height:26px;right: 0;top:20px;font-size: 18px;z-index: 15;width: 35px;height: 26px;font-weight: 800; cursor:pointer;}
.mobile_header .mobile_menu_kapat.passive {display:none;}


.left_area {position:absolute; left:-340px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.left_area.active {left:0;z-index: 10;}
.left_area .logo {display:none;}
.left_area ul.nav {padding-top:60px;}
.left_area .copyright {position:absolute;}
.right_area {padding:90px 20px 20px 20px; position:relative;}
.right_area .right_list li label {width:100%; line-height:normal;}
.right_area .right_list li .list_input {width:100%;}
}