* {
    box-sizing: border-box;
    margin:0;
    padding: 0;
}

html, body
{
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 10pt;
    color: #ffffff;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #282828;
}

input {
    font-family: 'Open Sans Condensed', sans-serif;
}

input[type="text"] {
    padding: 10px;
    width:100%;
    margin: -1px 0px 0px 0px;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 10pt;
    color: #282828;
    border: solid 1px #c9c9c9;
    -webkit-transition: border 0.3s;
    -moz-transition: border 0.3s;
    -o-transition: border 0.3s;
    transition: border 0.3s;
}

input[type="text"]:focus,
input[type="text"].focus
{
    border: solid 1px #969696;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

table {
    border-spacing: 0px;
}
html {height: 100%}
body {
    height: 100%;
}

#page1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 90%;
    background: url("../images/bg1.jpg") no-repeat center top;
    background-size: cover;
    z-index: 1;
}

.page_wrapper {
    text-align: center;
    width: 1000px;
    margin: 0 auto;
    padding-top: 80px;
}

/*.login_button {*/
    /*width: 225px;*/
    /*margin: 100px auto;*/
/*}*/

.main_button {
    display: block;
    padding: 20px 30px;
    line-height: 30px;
    color: #fff;
    font-size: 25pt;
    background: none;
    border:1px solid #fff;
    transition: all .2s ease-in-out;
}

.main_button:hover {
    text-decoration: none;
    cursor: pointer;
    border:1px solid #065005; /*#0f9d58*/
    background: #065005; /*#0f9d58*/
    color:#fff;
}

.btn-contacts {
    text-decoration: none;
    padding: 5px 10px;
    border: 1px solid white;
    transition: all .2s ease-in-out;
    background: none;
    color: #fff;
    font-size: 16pt;
}

.btn-contacts:hover {
    background: #065005; /*#0f9d58*/
    text-decoration: none;
    border-color: #065005; /*#0f9d58*/
    color: white;
}

.column_wrapper {
    /*margin-top: 40px;*/
    width:100%;
}

.column_wrapper > div {
    float: left;
    text-align: left;
}

#page2 .column_wrapper > div {
    width:50%;
}

#page4 .column_wrapper > .column {
    width: 33%;
    padding: 20px;
}

.big_wrap {
    padding-top: 80px;
    width:1200px;
    margin: 0 auto;
}

.big_wrap h2 {
    font-size: 25pt;
    color:#282828;
    margin: 0;
    margin-bottom: 20px;
}

.big_wrap > div {
    float:left;
}

.news_wrapper {
    width:1000px;
    text-align: center;
}

#left_arrow {
    position: relative;
    top:200px;
    left:-100px;
    width: 100px;
    height: 100px;
    /*border:3px solid #d5d2d0;
    border-radius: 50px;*/
    color: #d5d2d0;
    font-size: 50pt;
    text-align: center;
}

#right_arrow {
    position: relative;
    top:200px;
    left:100px;
    width: 100px;
    height: 100px;
    /*border:3px solid #d5d2d0;
    border-radius: 50px;*/
    color: #d5d2d0;
    font-size: 50pt;
    text-align: center;
}

.news {
    width: 100%;
    height: 400px;
    background: #f5f2f0;
    border:1px solid #d5d2d0;
}

.news_head {
    text-align: center;
    padding: 10px;
}

.news_content {
    height: 300px;
    padding: 15px;
    font-size: 14pt;
}

.news_bottom {
    text-align: center;
}

.news_bottom a {
    font-size: 14pt;
    color: #065005; /*#0f9d58;*/
    text-decoration: underline;
}

.elem {
    /*margin-top: 20px;*/
    width:220px;
    height: 150px;
}

.elem > div {
    float:left;
}

.icon {
    width:100px;
    height: 100px;
    /*border:3px solid #0f9d58;
    border-radius: 50px;*/
}

.icon span {
    color:#fff ;
    font-size: 35pt;
    margin-left: 80px;
}

.elem_content {
    margin-left: 30px;
    padding: 0 !important;
}

.elem_content p {
    margin: 0;
    font-size: 14pt;
}

.elem_content h3 {
    margin:0;
}

.page_wrapper  h1 {
    font-size: 45pt;
    color:#fff;
    margin: 0 0 0 0;
    border-bottom: 1px solid #fff;
}

.page_wrapper  h2 {
    font-size: 25pt;
    color:#282828;
    margin: 0;
    margin-bottom: 20px;
}

#page1 > .page_wrapper > p {
    letter-spacing: 30pt;
    font-size: 25pt;
    color:#fff;
    margin: 0;
    margin-left: 30pt;
}

.page_wrapper > p {
    font-size: 16pt;
    color:#fff;
    margin: 0;
}

.green h2 {
    color: #fff;
}

.green p {
    color: #fff;
}

.white h2 {
    color:#282828;
}

.white p {
    color:#a5a5a5;
}

#page2 {
    position: relative;
    overflow: hidden;
    height: 730px;
    z-index: 1;
}

#page3 {
    height: 10%;
    overflow: hidden;
    background: #065005; /*#0f9d58*/
    z-index: 1;
}

#page3 .start {
    text-align: justify;
    font-size: 13pt;
    padding-bottom: 55px;
}

#page3 .start strong {
    font-size: 14pt;
}

#page3 .start p {
    margin: 15px 0;
}

#page3 .instruction {
    margin-top: 20px;
    display: none;
}

#page3 a {
    /*text-shadow: 1px 1px 1px #4c4c4c;*/
    color: blue;
}

#page3 .expand-instruction {
    background: #065005;
    cursor: pointer;
}

#page3 .expand-instruction:hover {
    text-decoration: underline;
}

#page4 {
    height: 700px;
}

#page5 {
    height: 400px;
    background: #f5f2f0;
}

#instruction-key, #instruction-key p {
    color: #000;
}

#instruction-key .imgDiv {
    text-align: center;
}

.contacts p {
    text-align: left;
    font-size: 18pt;
    color: #282828;
    padding-bottom: 20px;
}

#footer {
    height: 0px;

}

.circle {
    width: 800px;
    height: 800px;
    border-radius: 400px;
    background: rgba(40,40,40,.5);
    position: absolute;
    bottom:-150px;
    left:-100px;
}

.header {
    position: fixed;
    background: #fff;
    height: 80px;
    width: 100%;
    box-shadow: 0 2px 3px -2px rgba(0,0,0,.3);
    /*border-bottom: 1px solid rgba(195,195,195,.2);*/
    z-index: 100;
}

.header div {
    float:left;
}

.logo {
    width:230px;
    padding: 8px 10px 10px 50px ;
}

.logo_top {
    width:170px;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1;
    color: #065005; /*#0f9d58;*/
    padding-bottom: 4px;
    border-bottom: 1px solid #065005; /*#0f9d58;*/
}

.logo_bot {
    color: #065005; /*#0f9d58;*/
    font-size: 10px;
}

.menu {
    margin-left: 50px;
    padding:0 30px;
}

.menu ul li {
    float:left;
    padding: 30px 20px 0px 20px;
}

.menu ul li a {
    padding-bottom: 20px;
    line-height: 20px;
    text-transform: uppercase;
    color: #a5a5a5;
    font-weight: bold;
    font-size: 15px;
    transition: all .3s ease-in-out;
}

.menu ul li a:hover {
    text-decoration: none;
    color: #065005; /*#0f9d58;*/
    border-bottom: 10px solid #065005; /*#0f9d58;*/
}

.right_menu {
    float:right !important;
    height: 100%;
}

.right_menu a {
    float:left;
    margin: 0 10px 0 10px;
}

.right_menu > ul {
    width: 100%;
    display: block;
}

.right_menu > ul > li {
    display: inline-table;
}

.right_menu > ul li>a,
.right_menu > ul li>input {
    position: relative;
    background: #fff;
    cursor: pointer;
    border: none;
    display: block;
    padding: 30px 10px;
    height: 80px;
    font-weight: 700;
    color:#065005;/*#0f9d58;*/
    font-size: 14px;
}

.right_menu > ul li>input:hover {
    background: #065005;/*#0f9d58;*/
    color: #fff;
}

.button {
    display: block;
    border:1px solid #065005;/*#0f9d58;*/
    padding: 3px 10px 3px 10px;
    line-height: 20px;
    color: #065005;/*#0f9d58;*/
    background: #fff;
    border-radius: 16px;
    transition: all .2s ease-in-out;
}

.button:hover {
    text-decoration: none;
    cursor: pointer;
    background: #065005;/*#0f9d58;*/
    color:#fff;
}

.fileLink {
    text-decoration: none;
    cursor: pointer;
    color: #f5f5f5;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;
}

.linkContainer {
    display: flex;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: 0;
    background-color: grey;
    height: 40px;
}