body{margin: 0; padding: 0; font-family: 'Raleway', sans-serif; background: #231F20; color: #000; font-size: 14px;} 
*{margin: 0; padding: 0; box-sizing: border-box; }


h1,h2,h3,h4,h5,h6{line-height: 100%;}

h1{font-size: }
h2{font-size: }
h3{font-size: }
h4{font-size: }
h5{font-size: }
h6{font-size: }


/**** Page ****/
#maxw1{max-width: 1350px; margin: 0 auto;}

.frame {margin: 0 auto; max-width: 100%; }
.frame:after{content: ""; display: table; clear: both; }
.bit-1 {float: left; width: 100%; }
.clear:after{content: "\00a0"; visibility: hidden; display: block; height: 0; clear: both; } 


/**** Custum ****/
*:focus{outline: none;}

input,
select,
textarea,
button{font-family: 'Raleway', sans-serif;}

a{text-decoration: none;}

img{max-width: 100%;}

ul li{list-style-type: none;}

input[type="button"],
input[type="submit"],
a,
button,
.transition,
.knop{transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out;	-webkit-transition: 0.3s ease-in-out; cursor: pointer;}

.knop:hover{opacity: 0.8;}


/**** Buttons ****/
.btn{display: inline-block; border: none; background: transparent; color: transparent; text-align: center;}
.s_btn{font-size: 13px; height: 26px; line-height: 26px; padding: 0 10px;}
.n_btn{font-size: 14px; height: 34px; line-height: 34px; padding: 0 15px;}
.l_btn{font-size: 15px; height: 40px; line-height: 40px; padding: 0 20px;}

.btn.color{background: none; color: none;}

.btn .left{display: inline-block; margin-right: 15px;}
.btn .right{display: inline-block; margin-left: 15px;}


/**** Content container ****/
#content_container{line-height: 180%;}
#content_container > ul,#content_container > ol,#content_container table,
#content_container p, p{margin: 1.12em 0;}
#content_container ul li{list-style-type:none; padding-left: 20px;}
#content_container ul li li{margin-left:20px}
#content_container ul li:before{content:"-"; margin-right:9px; margin-left: -15px;}
#content_container ol{margin-left:15px}
#content_container ol li li{margin-left:20px}	
#content_container a{text-decoration: underline; color: #3BAEEE}
#content_container a:hover{color: #525355;}

.page_content{float: left; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center;}
.page_frame{float: left; width: 400px; max-width: calc(100% - 30px); padding: 30px; background: #fff; border-bottom: 5px solid #B09247; -webkit-box-shadow: 0px 0px 100px 0px rgba(255,255,255,0.2); -moz-box-shadow: 0px 0px 100px 0px rgba(255,255,255,0.2); box-shadow: 0px 0px 100px 0px rgba(255,255,255,0.2);}
.logo{text-align: center; font-size: 38px; font-weight: bold; margin: 0 0 20px;}
.logo b{color: #B09247}
.logo img{width: 175px;}

.page_frame ul{text-align: left;}
.page_frame li{font-size: 18px; line-height: 22px; padding: 5px 0;}
.page_frame li a{color: #000;}
.page_frame li span{display: inline-block; padding: 0 0 0 40px;}
.page_frame li i{float: left; line-height: 22px; margin: 0 0 0 -40px; font-size: 22px; color: #B09247}
.page_frame li a:hover{color: #B09247}