@charset "utf-8";

.section_bg { background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; border-bottom:#FFFFFF 6px solid; }

.section_bg_home { background:url("../img/bg_city_02.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center; background-attachment: fixed; }
.section_bg_contact { background:url("../img/bg_contact.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.section_bg_team { background:url("../img/bg_team.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.section_bg_sign { background:url("../img/bg_sign.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.section_bg_search { background:url("../img/bg_content_01.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.section_bg_footer { background:url("../img/bg_footer.jpg"); background-size: cover; background-repeat: no-repeat; background-position: center center;  }
.section_bg_container { background-color: rgba(255, 255, 255, 0.95); padding:20px 20px 20px 20px; }
.section_bg_container_white { padding:20px 20px 20px 20px; } /* background-color: rgba(255, 255, 255, 0.2); */
.section_bg_container_black { padding:20px 20px 20px 20px; } /* background-color: rgba(0, 0, 0, 0.4);  */

.font_white { color:#FFFFFF; }
.font_shadow { text-shadow: 1px 1px #000000; }

.section_loop_title { margin: 0; padding: 0px 25px 0px 0px; font-family: 'Poppins',Arial, Helvetica, sans-serif; font-weight: normal; font-size: 32px; line-height: 40px; color: #FFFFFF; }
.section_loop_text { color: #FFFFFF; font-size:17px; line-height:30px; margin-top:30px; }

.btn_lang_header {
    position: absolute;
    width: 100px;
    padding-left: 1em;
    background-color: transparent;
    height: 30px;
    line-height: 30px;
    right: 15px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.color_white { color:#ffffff; }
.color_black { color:#000000; }

.font_bluegreen { color:#055166; }
.font_blueblack { color:#1c2123; }

.mouse-icon { opacity: 1; cursor: pointer; background:transparent;border: 2px solid #FFFFFF;border-radius: 15px;-webkit-border-radius: 15px;bottom: 30px;cursor: pointer; height: 44px;left: 0;margin: 0 auto;position: absolute;right: 0;width: 30px;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s; }
.mouse-icon:hover { opacity: 0.5 !important;transition: all 0.3s linear 0s;-webkit-transition: all 0.3s linear 0s;-moz-transition: all 0.3s linear 0s;-o-transition: all 0.3s linear 0s; }
.mouse-icon .mouse-icon-wheel { -webkit-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; -moz-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; -o-animation: 1.7s ease 0s normal none infinite magic-mouse-icon; border-radius: 50% 50% 50% 50%; height: 12px; left: 0; margin-left: auto; margin-right: auto; margin-top: 6px; right: 0; width: 12px; background-color: #FFFFFF; }

/* Clouds */
.clouds {
position: fixed;
width: 100%;
height: 100%;
overflow: hidden;
background: none;
top: 0;
z-index: 1;
}

.cloud-1 {
position: absolute;
left: 0;
top: 0;
width: 300%;
height: 100%;
background-image: url(../img/cloud-1.png);
background-repeat: repeat-x;
-webkit-animation: cloud-1 50s linear infinite;
   -moz-animation: cloud-1 50s linear infinite;
    -ms-animation: cloud-1 50s linear infinite;
     -o-animation: cloud-1 50s linear infinite;
        animation: cloud-1 50s linear infinite;
-webkit-transform: scale(1,1) translate3d(0,0,0);
   -moz-transform: scale(1,1) translate3d(0,0,0);
    -ms-transform: scale(1,1) translate3d(0,0,0);
     -o-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0);
}

.cloud-2 {
position: absolute;
left: 0;
top: 0;
width: 300%;
height: 100%;
background-image: url(../img/cloud-2.png);
background-repeat: repeat-x;
-webkit-animation: cloud-2 90s linear infinite;
   -moz-animation: cloud-2 90s linear infinite;
    -ms-animation: cloud-2 90s linear infinite;
     -o-animation: cloud-2 90s linear infinite;
        animation: cloud-2 90s linear infinite;
-webkit-transform: scale(1,1) translate3d(0,0,0);
   -moz-transform: scale(1,1) translate3d(0,0,0);
    -ms-transform: scale(1,1) translate3d(0,0,0);
     -o-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0);
}

.cloud-3 {
position: absolute;
left: 0;
top: 0;
width: 300%;
height: 100%;
background-image: url(../img/cloud-3.png);
background-repeat: repeat-x;
-webkit-animation: cloud-3 70s linear infinite;
   -moz-animation: cloud-3 70s linear infinite;
    -ms-animation: cloud-3 70s linear infinite;
     -o-animation: cloud-3 70s linear infinite;
        animation: cloud-3 70s linear infinite;
-webkit-transform: scale(1,1) translate3d(0,0,0);
   -moz-transform: scale(1,1) translate3d(0,0,0);
    -ms-transform: scale(1,1) translate3d(0,0,0);
     -o-transform: scale(1,1) translate3d(0,0,0);
        transform: scale(1,1) translate3d(0,0,0);
}

@-webkit-keyframes cloud-1 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@-moz-keyframes cloud-1 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@keyframes cloud-1 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@-webkit-keyframes cloud-2 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@-moz-keyframes cloud-2 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@keyframes cloud-2 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@-webkit-keyframes cloud-3 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@-moz-keyframes cloud-3 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}

@keyframes cloud-3 {
0% {
    left: 0;
}

100% {
    left: -200%;
}
}