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

body {margin:0; font-family: 'Quicksand', sans-serif; font-weight:400; font-size:1.2em; line-height:normal;}

.cf:before, .cf:after {content: " "; display: table;}
.cf:after {clear: both;}
.cf {*zoom: 1;}

p,form {margin:0; padding:0;}
img {border:none; vertical-align:middle;}

.outer {max-width:980px; margin:0 auto;}

.text_center {text-align:center;}
.text_right {text-align:right;}

.line_one {background-color:#00bcd4; color:#000; font-size:3.1em; padding:0.3em 0 0.6em;}
.line_one .logo {color:#fff;}
.line_one .logo span {border:2px solid #fff; border-radius: 8px; padding:2px 5px 8px 5px; line-height:0.4em; font-size:0.7em; vertical-align:middle; display:inline-block; margin:0 0 5px 4px;}
.line_one .logo span em {font-style:normal; vertical-align:middle; display:inline-block;}

.line_two {
    padding-bottom:1em; margin-bottom:1em;
    background: rgb(91,87,211);
    background: linear-gradient(to bottom,  rgba(91,87,211,1) 0%,rgba(84,67,153,1) 100%);
}
.line_two .outer {position:relative;}
.line_two .top_txt {font-size:2.3em;}
.col_one {float:left; width:32%; text-align:right; color:#fff;}
.col_two {position:absolute; width:32%; left:34%; top:-30px; font-size:1em;}
.col_three {float:right; width:32%;}
.line_two .col_three {color:#fff;}

.line_two .col_one .top_txt {padding-top:1.5em;}
.line_two .col_three .top_txt {padding-top:2.5em; margin-bottom:1em;}

.gallery {text-align:center; position:relative; width:100%;}
.gallery .photo {margin-bottom:15px;}
.gallery img {width:100%;}
.gallery a {display:inline-block;}
.gallery a, .gallery a:visited {margin:5px 5px 0 5px; padding:4px; border-radius: 33px;}
.gallery a span {display:block; width:25px; height:25px; border-radius: 25px;}
.gallery a img {position:absolute; top:0; left:0; visibility:hidden;}
.gallery .first_img img {
    visibility:visible;
    z-index:1;
}
.gallery a:hover,
.gallery a:focus,
.gallery a:active {
    padding:3px;
}
.gallery a:active,
.gallery a:focus {
    outline:0;
}
.gallery a:active img,
.gallery a:focus img {
    visibility:visible; outline:0; z-index:2;
}
.gallery .first_img span {
    background-color:#adabae;
}
.gallery .first_img:active,
.gallery .first_img:focus,
.gallery .first_img:hover {
    border:1px solid #adabae;
}
.gallery .second_img span {
    background-color:#eae8e9;
}
.gallery .second_img:active,
.gallery .second_img:focus,
.gallery .second_img:hover {border:1px solid #eae8e9;}
.gallery .third_img span {
    background-color:#e0bf8e;
}
.gallery .third_img:active,
.gallery .third_img:focus,
.gallery .third_img:hover {
    border:1px solid #e0bf8e;
}
.gallery .fourth_img span {
    background-color:#ebc0bc;
}
.gallery .fourth_img:active,
.gallery .fourth_img:focus,
.gallery .fourth_img:hover {border:1px solid #ebc0bc;}

.euro_sign {width:200px; height:200px; position:absolute; z-index:1; color:#fff; background-color:#ffb300; font-size:110px; text-align:center; line-height:200px; border-radius: 200px; bottom:150px; left:-150px;}

.line_three {min-height:190px;}
.line_four {background-color:#000; color:#fff; padding:0.5em 1%; font-size:2em; line-height:0.9em;}
.line_four small {font-size:0.6em;}
.line_four span {color:#ffc12e;}
.line_five {background-color:#fe5366; color:#fff; padding:0.3em 1%;}

.form_content {width:100%; padding:1em 0;}
.form_content p {margin-top:0.6em;}
.form_content label {display:inline-block; text-align:right; width:38%; vertical-align:middle; margin-right:2%;}
.form_content input, .form_content select {width:41%; padding:8px 10px; box-sizing: border-box; border:1px solid #c7c7cc; border-radius: 6px; vertical-align:middle; font-size:1.2em;}
.form_content input:focus, .form_content select:focus {border-color:#fe5366;}
.form_content .button {padding:1em 0 2em; text-align:center; font-size:1.1em;}
.form_content button[type=submit] {background-color:#4cd964; border:none; font-size:1.1em; padding:1em 0 2em; cursor:pointer; text-align:center; color:#fff; text-decoration:none; display:inline-block; padding:0.6em 1.2em; border-radius: 6px;}

.bot_title {font-size:2.2em;}

@media all and (max-width: 990px) {
    .line_one {font-size:2.8em;}
    .outer {padding:0 1%;}
    .line_two .top_txt {font-size:2.1em;}
    .euro_sign {width:160px; height:160px; font-size:90px; line-height:160px; bottom:150px; left:-110px;}
}
@media all and (max-width: 910px) {
    .line_two .col_one .top_txt {padding-top:.5em;}
    .line_two .col_three .top_txt {padding-top:.5em;}
}
@media all and (max-width: 850px) {
    .line_one {font-size:2.6em;}
    .line_two .top_txt {font-size:1.9em;}
}
@media all and (max-width: 760px) {
    .line_one {font-size:2.2em; padding:0.3em 0 1em;}
    .gallery a, .gallery a:visited {margin:5px 2px 0 2px;}
    .line_two .top_txt {font-size:1.7em;}
}
@media all and (max-width: 660px) {
    .line_one {font-size:1.8em; padding:0.3em 0 1em;}
    .line_two .top_txt {font-size:1.2em;}
    .euro_sign {width:100px; height:100px; font-size:60px; line-height:100px; bottom:120px; left:-70px;}
}
@media all and (max-width: 560px) {
    body {font-size:1em;}
    .line_one {padding:0.3em 0 1em;}
    .gallery a, .gallery a:visited {margin:5px 0 0 0;}
    .form_content input {width:45%; padding:4px 8px;}
    .col_three img {width:70px;}
}
@media all and (max-width: 460px) {
    .line_one {font-size:1.4em; padding:0.3em 0 2em;}
    .form_content input {width:55%;}
    .col_one {width:50%; text-align:right; color:#fff;}
    .col_two {position:absolute; width:50%; left:50%; font-size:0.9em;}
    .col_three {width:50%; clear:left; float:left; text-align:right;}
    .euro_sign {display:none;}
    .bot_title {font-size:1.5em;}
}
@media all and (max-width: 400px) {
    body {font-size:0.9em;}
    .line_one {font-size:1.4em; padding:0.3em 0 1.5em;}
    .line_three {min-height:130px;}
    .form_content label {width:100%; display:block; margin-bottom:4px; text-align:left;}
    .form_content input {width:100%;}
    .form_content .button {padding:0.5em 0 1em; font-size:1em;}
    .col_one {width:42%; text-align:right; color:#fff;}
    .col_two {position:absolute; width:57%; left:43%;}
    .col_three {width:42%; clear:left; float:left; text-align:right;}
    .euro_sign {display:none;}
    .bot_title {font-size:1.3em;}
    .line_two .top_txt {font-size:1.3em;}
}
@media all and (max-width: 340px) {
    .line_two .top_txt {font-size:1em;}
}