@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: NotoSans;
    src: url('/public/files/fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: NotoSans;
    color: #333333;
    background: #ffffff;
}


div, ul, li, p, section { padding: 0; margin: 0; }
.clearer { clear: both; }
a { color: #882600; text-decoration: none; }
a:hover { color: #333333; text-decoration: none; }
a:focus { color: #333333; text-decoration: none; }
img { border: 0; max-width: 100%; height: auto; width: auto\9; /* ie8 */ }


p { margin: 10px 0; padding: 0; text-align: justify; width: 100%; line-height: 150%; }
h1 { word-wrap: break-word; font-family: Calibri; font-size: 44px; color: #417704; font-style: normal; margin: 0 0 30px 0; text-align: left; font-weight: bold; }
h2 { word-wrap: break-word; font-family: Calibri; font-size: 30px; color: #333333; font-style: normal; margin: 0; padding: 20px 0; text-align: left; font-weight: bold; }
h3 { font-family: Calibri; font-size: 28px; font-weight: normal; font-style: normal; color: #333333; padding: 0; margin: 20px 0 15px 0; }
h4 { font-family: Calibri; font-size: 20px; font-weight: bold; font-style: normal; padding: 0; margin: 20px 0 10px 0; }  
ul { list-style-type: square; margin: 10px 0 10px 25px; }
ul li { padding: 0; margin: 0; }
ul li ul { list-style-type: circle; margin: 0 0 0 10px; }


input[type="text"] { font-size: 16px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; border: 2px solid #468300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="text"]:focus { border: 2px solid #a46101; outline: 0 none; }
input[type="file"] { font-size: 16px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; }
input[type="file"]:focus { outline: 0 none; }
input[type="email"] { font-size: 16px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; border: 2px solid #468300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="email"]:focus { border: 2px solid #a46101; outline: 0 none; }
input[type="number"] { font-size: 16px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; border: 2px solid #468300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="number"]:focus { border: 2px solid #a46101; outline: 0 none; }
input[type="password"] { font-size: 16px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; border: 2px solid #468300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="password"]:focus { border: 2px solid #a46101; outline: 0 none; }
input[type="button"] { word-wrap: break-word; height: 100%; white-space: normal; -webkit-appearance: none; font-size: 16px; font-family: Calibri; color: #333333; background: #ffbd94; margin: 10px 0; padding: 5px 15px 7px 15px; border: 2px solid #468300; cursor: pointer; transition: border-color 0.218s ease 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="button"]:hover { color: #ffffff; outline: 0 none; background: #468300; }
input[type="button"]:focus { color: #ffffff; outline: 0 none; background: #468300; }
select { font-size: 14px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; border: 2px solid #468300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
select:focus { border: 2px solid #a46101; outline: 0 none; }
textarea { font-size: 14px; font-family: NotoSans; color: #333333; background: #ffffff; margin: 0 0 5px 0; padding: 3px 5px; border: 2px solid #468300; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
textarea:focus { border: 2px solid #a46101; outline: 0 none; }
button { word-wrap: break-word; height: 100%; white-space: normal; -webkit-appearance: none; font-size: 16px; font-family: Calibri; color: #333333; background: #ffbd94; margin: 10px 0; padding: 5px 15px 7px 15px; border: 2px solid #468300; cursor: pointer; transition: border-color 0.218s ease 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
button:hover { color: #ffffff; outline: 0 none; background: #468300; }
button:focus { color: #ffffff; outline: 0 none; background: #468300; }

.btn { word-wrap: break-word; height: 100%; white-space: normal; -webkit-appearance: none; font-size: 16px; font-family: Calibri; color: #333333; text-decoration: none; background: #ffbd94; margin: 10px 0; padding: 5px 15px 7px 15px; border: 2px solid #468300; cursor: pointer; transition: border-color 0.218s ease 0s; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.btn:hover { color: #ffffff; outline: 0 none; background: #468300; }
.btn:focus { color: #ffffff; outline: 0 none; background: #468300; }


#cookiecontainer { width: 80%; margin: 0 auto; left: 10%; position: fixed; z-index: 2000; bottom: 0%; }
#jumpcontainer { top: 0%; width: 98%; position: fixed; z-index: 1000; padding: 10px 1%; background: #ebfdd6; -webkit-box-shadow: 0px 5px 11px 0px rgba(3,3,3,0.17); -moz-box-shadow: 0px 5px 11px 0px rgba(3,3,3,0.17); box-shadow: 0px 5px 11px 0px rgba(3,3,3,0.17); }
#headercontainer { height: 330px; padding-top: 100px; width: 100%; background: url('/public/images/bg_header_big.png') no-repeat top center; }
#header { display: table; vertical-align: bottom; width: 94%; max-width: 1300px; margin: 0 auto; height: 100%; padding: 0 3%; }
#contentcontainer { width: 94%; display: table; max-width: 1300px; margin: 0 auto; padding: 0 3%; }
#datacontainer { width: 74%; display: table-cell; padding-right: 2%; padding-top: 20px; padding-bottom: 100px; vertical-align: top; }
#rightcontainer { width: 26%; display: table-cell; padding-top: 80px; box-sizing: border-box; background: #82cd2c; border-left: 1px solid #afff0d; border-right: 1px solid #afff0d; padding-bottom: 100px; vertical-align: top; }
#footercontainer { width: 100%; }


.simple_table { cursor: default; padding: 10px 0; width: 100%; }
.simple_table tr { vertical-align: middle; }
.simple_table tr:hover { background: #fffac5; }
.simple_table tr td { padding: 5px; border-bottom: 1px solid #5a5b96; }

.table_noborder { cursor: default; padding: 10px 0; width: 100%; }
.table_noborder tr { vertical-align: middle; }
.table_noborder tr:hover { background: #fffac5; }
.table_noborder tr td { padding: 5px; }

.clearer_big { display: block; }
.clearer_1080 { display: none; }
.clearer_980 { display: none; }
.clearer_880 { display: none; }
.clearer_768 { display: none; }
.clearer_650 { display: none; }
.clearer_550 { display: none; }
.clearer_420 { display: none; }

.hide_768 { display: block; }

.form1 { width: 80%; }
.form2 { width: 70%; }
.form3 { width: 60%; }
.form4 { width: 50%; }
.form5 { width: 40%; }
.form6 { width: 30%; }
.form7 { width: 20%; }


.text_right { text-align: right; }
.red { color: #fd263a; }

.hidetext { position: absolute; color: transparent; font-size: 0; }





@media screen and (max-width: 2000px) {
    
    #headercontainer { background: url('/public/images/bg_header_2000.png') no-repeat top center; }
    
}

@media screen and (max-width: 1700px) {
    
    #headercontainer { background: url('/public/images/bg_header_1700.png') no-repeat top center; }
    
}

@media screen and (max-width: 1500px) {
    
    #headercontainer { background: url('/public/images/bg_header_1500.png') no-repeat top center; }
    
}

@media screen and (max-width: 1300px) {
    
    #headercontainer { background: url('/public/images/bg_header_1300.png') no-repeat top center; }
    
}

@media screen and (max-width: 1000px) {
    
    
}



@media screen and (max-width: 1080px) {
    
    .clearer_1080 { display: block !important; }
    
}

 
@media screen and (max-width: 980px) {
    
    .clearer_big { display: none; }
    .clearer_980 { display: block !important; }
    
}

@media screen and (max-width: 880px) {
    
    .clearer_880 { display: block !important; }
    
    .form3 { width: 50%; }
    
}

@media screen and (max-width: 850px) {
    
    #slidercontainer { height: 415px; }
    
}


@media screen and (max-width: 768px) {
    
    #jumpcontainer { position: static; }
    
    #headercontainer { padding-top: 30px; height: auto; }
    #header { width: 100%; padding: 0; }
    
    #contentcontainer { width: 100%; padding: 0; }
    #datacontainer { width: 94%; display: block; padding: 20px 3% 100px 3%; vertical-align: top; }
    #rightcontainer { width: 94%; box-sizing: content-box; display: block; padding: 20px 3% 100px 3%; border-left: none; border-right: none; border-top: 5px solid #afff0d; vertical-align: top; }
    
    .clearer_768 { display: block !important; }
    .clearer_980 { display: none !important; }
    .clearer_1080 { display: none !important; }
    
    .hide_768 { display: none !important; }
    
    .form3 { width: 70%; }
    
}


@media screen and (max-width: 650px) {
    
    .clearer_650 { display: block !important; }
    .hide_650 { display: none; }
    
    .form1 { width: 95%; }
    .form2 { width: 90%; }
    .form3 { width: 60%; }
    .form4 { width: 70%; }
    .form5 { width: 60%; }
    .form6 { width: 50%; }
    .form7 { width: 40%; }
    
}


@media screen and (max-width: 550px) {
    
    .clearer_550 { display: block !important; }
    
}

@media screen and (max-width: 510px) {
    
    
}


@media screen and (max-width: 480px) {
    
    .form1 { width: 95%; }
    .form2 { width: 75%; }
    .form3 { width: 40%; }
    .form4 { width: 80%; }
    .form5 { width: 70%; }
    .form6 { width: 50%; }
    .form7 { width: 50%; }

}


@media screen and (max-width: 420px) {
    
    .clearer_420 { display: block; }
    
}