body {
    width: 100%;
    margin: 0; padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 1.1vw;
    color: #333;
}
header {
    width: 100%;
}
.h_descktop {
    display: none;
}

.nav-icon {
    display: none;
}

.top_line {
    float: left; width: 100%;
    text-align: right;
    padding: 0.6% 5%;
    background-color: #f3f3f3;
}
.top_line div {
    display: inline-block;
    border-left: 1px solid #0e4d6d;
    margin: 0 30px 0 0;
    padding: 0 0 0 30px;
}
.top_line div:first-child {
    border-left: none;
}
.top_line img {
    height: 20px;
    margin: 5px;
}
.top_line a, .top_line a:visited, .top_line a:hover {
    font-size: 1vw;
    font-weight: bold;
    color: #0e4d6d;
}
.top_line input {
    background: transparent;
    border: none;
    font-size: 1vw;
    min-height: 24px;
}
.top_line input.h_submit {
    background-image: url("images/loupe.svg");
    background-position: right;
    background-repeat: no-repeat;
}
.top_line .div_soc form {
    border-bottom: 1px solid #9eddfd;
}

.top_orange {
    float: left; width: 100%;
    background-color: #0e4d6d;
    padding: 0.4vw 4vw;
    text-align: right;
}
.logo {
    float: left; width: 20%;
}
.logo img {
    width: 100%;
}

nav {
    float: right;
    margin: 1vw 0;
}
nav ul {
    list-style: none;
}
nav ul li {
    float: left;
}
nav ul li a, nav ul li a:visited, nav ul li a:hover {
    color: #fff;
    text-decoration: none;
    padding: 0.5vw 1vw;
    font-size: 1vw;
}
nav ul li:last-child a, nav ul li:last-child a:visited, nav ul li:last-child a:hover {
    border: none;
    font-weight: bold;
}
nav ul li a.cr_item {
    color: #49b848;
    border-bottom: 1px solid #49b848;
}
nav ul li ul {
    position: absolute;
    background-color: #0e4d6d;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    margin: 0;
    padding: 10px 0 15px 0;
    z-index: 1;
    transition: 0.3s;
    display: none;
}
nav ul li:hover ul {
    display: block;
}
nav ul li ul li {
    display: block; float: none;
    text-align: left;
    padding: 10px 10px 0 10px ;
    margin: 0;
    white-space: nowrap;
}
nav ul li ul li a:hover {
    color: #ddd;
}

.top_carusel {
    float: left; width: 100%;
}

main {
    float: left; width: 100%;
    padding: 2vw 5%;
    background-color: #f3f3f3;
}
.main_left {
    float: left; width: 65%;
}
.main_right {
    float: right; width: 30%;
}
.main_left > div {
    width: 100%;
    padding: 25px;
    margin: 0 0 25px 0;
    background-color: #fff;
    box-shadow: 7px 7px 25px #ddd;
}
main h2 {
    padding: 5px 0 10px 0px;
    margin: 1vw 0 1.5vw 0;
    font-weight: bold;
    font-size: 1.8vw;
}
.main_left div img {
    margin: 0 25px;
}

main.h {
    float: left; width: 100%;
    background-image: url("images/home_paralax.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 0;
}
main.h img {
    margin: 0 1vw 2vw 2vw;
}

.home_1 {
    width: 100%;
    text-align: center;
    background-color: white;
    padding: 5vw 18vw;
}
.home_2 {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #f3f3f3;
    padding: 3vw 5%;
    border-top: 3px solid #ddd;
}
.home_3 {
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.5);
    padding: 5vw 18vw;
    color: #fff;
}
.home_4 {
    width: 100%;
    text-align: center;
    background-color: #f3f3f3;
    padding: 5vw 8vw;
    border-bottom: 3px solid #ddd;
    display: inline-block;
}
.home_5 {
    width: 100%;
    text-align: center;
    background-color: white;
    padding: 5vw 8vw;
    display: inline-block;
}

.dot_search {
    margin: 0 0 25px 0;
    box-shadow: 7px 7px 25px #ddd;
}
.dot_title {
    width: 100%;
    background-color: #323333;
    text-align: center;
    color: #fff;
    padding: 16px 0;
}
.dot_form {
    width: 100%;
    text-align: center;
    padding: 1vw 2vw;
    line-height: 2vw;
    background-color: #fff;
}
.dot_form label {
    font-size: 0.9vw;
    font-weight: normal;
}
.dot_form input[type=radio], .dot_form input[type=checkbox] {
    margin: 0 5px 0 10px;
}
.dot_form input[type=text] {
    width: 80%;
    border: 1px solid #ddd;
    padding: 0 10px;
}
.dot_button {
    width: 100%;
}
.dot_button input[type=submit]{
    width: 100%;
    background-color: #49b848;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 15px 0;
}

main .slider_form {
    position: static;
    width: auto;
    margin: 0 0 25px 0;
    box-shadow: 7px 7px 25px #ddd;
}
header .slider_form {
    position: absolute;
    width: 27%;
    top: 10vw; right: 5%;
}
.slider_form .dot_form {
    text-align: left;
    color: #0e4d6d;
}
.slider_form .dot_form div {
    margin: 5px 0 5px 0;
}
.slider_form .dot_form label {
    font-weight: normal;
}
.slider_form .dot_title {
    background-color: #0e4d6d;
    font-size: 1.5vw;
    font-weight: bold;
}
.slider_form .dot_form_fn {
    display: inline-block; width: 40%;
    font-weight: bold;
}
.slider_form .dot_form_fd {
    display: inline-block; width: 60%;
    font-weight: normal;
}
.slider_form .dot_form_fd input[type=text] {
    width: 90%; height: 1.5vw;
}

main table {
    border-collapse
}
main table tr td {
    border: 1px solid #0e4d6d;
    padding: 0.7vw;
}
main table tr td p {
    margin: 0;
}

.news_div {
    background-color: #fff;
    padding: 7%;
    box-shadow: 7px 7px 25px #ddd;
}
.news_caption {
    text-align: center;
    font-size: 1.5vw;
    font-weight: bold;
}






footer {
    float: left; width: 100%;
    background-color: #323333;
    color: #ffffff;
    padding: 25px 15% 0 15%;
}
footer div {
    float: left; width: 33%;
    padding: 25px;
    border-left: 1px solid #777;
    text-align: center;
}
footer div:first-child, footer div.no_border {
    border-left: none;
}
footer div.footer_full {
    float: left; width: 100%;
    border-left: none;
    text-align: center;
}
footer div a, footer div a:visited, footer div a:hover {
    color: white;
    text-decoration: none;
}
footer div a:hover {
    color: #ddd;
}
footer div img {
    width: 24px;
    margin: 5px;
}


.cont_form {
    width: 100%;
    margin: 0;
    text-align: center;
    vertical-align: top;
}
.cont_f_name {
    display: inline-block; width: 20%;
    margin: 0; padding: 2%;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}
.cont_f_field {
    display: inline-block; width: 60%;
    margin: 0;
    padding: 1% 0 2% 0;

}
.cont_f_field .title {
    font-weight: bold;
}
.cont_f_field input, .cont_f_field select, .cont_f_field textarea {
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 10px;
}

.cont_f_field input[type=radio], .cont_f_field input[type=checkbox] {
    width: 24px;
}
.cont_f_field input[type=submit] {
    width: 100%;
    background-color: #49b848;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 15px 0;
}

.m_content {
    display: none;
}

.content-slider li{
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
}
.content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.gallery {
    width: 70%;
    margin: 0 auto;
    padding: 5% 0;
}
.gallery img {
    width: 100%;
}
ul{
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
}

.news_short {
    color: #333;
    padding: 0 0 10px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd;
}
.news_short .news_date {
    color: #0e4d6d;
    font-size: 1vw;
}
.news_short a h3 {
    color: #272727;
    padding: 0; margin: 0;
    font-size: 1.2vw;
    font-weight: bold;
    padding: 5px 0;
}

#image-gallery li {
    position: relative;
}
#image-gallery li img {
    display: block;
    height: auto;
    max-width: 100%;
}
#image-gallery li div {
    background-color: rgba(0, 0, 0, 0.75);
    height: 35px;
    position: absolute;
    bottom: 41px;
    left: 0;
    padding: 10px 0 10px 10px;
    color: #fff;
    width: 100%;
}

.carousel-caption {
    width: 25%;
    top: 20%; left: 40%;
    text-align: right;
    font-family: 'Lato', sans-serif;
}
.carousel-caption h3 {
    font-size: 3vw;
}
.carousel-caption p {
    font-size: 1.5vw;
}

.carousel-indicators li, .carousel-indicators .active {
    margin: 0 5px;
}

#dialog {
    padding: 1vw;
    text-align: center;
}