/* TODO */

html{
    font-size: 62.5%;
    font-family: 'Noto Sans TC', sans-serif;
}
body{
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: top center;
}
header,
footer{
    display: block;
}
header label,
footer label{
    opacity: 0;
    position: absolute;
}
a{
    text-decoration: none;
}
ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
strong 
{
    font-weight: bold !important;
}
img,
picture,
video,
embed {
    max-width: 100%;
}
button{
    cursor: pointer;
}
p{
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #414040;
    font-weight: 400;
}
p + p{
    margin-top: 1.6rem;
} 
h1{
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 700;
    color: #414040;
    text-transform: uppercase;
}
h2{
    font-size: 4rem;
    line-height: 4.5rem;
    font-weight: 700;
    color: #414040;
    text-transform: uppercase;
}
h3{
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #A22C35;
}
h4{
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 900;
    color: #414040;
}
h5{
    font-size: 2.1rem;
    line-height: 2.8rem;
    font-weight: 900;
    color: #bababa;
}
h6{
    font-size: 3.5rem;
    line-height: 4.8rem;
    font-weight: 900;
    color: #414040;
    text-transform: uppercase;
}

input{
    transition: ease-in-out 0.5s;
}
input[type="text"]{
    background-color: #fff;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
    padding: 1.4rem 1.9rem;
    border-radius: 0.6rem;
    border: 1px solid #E5E5E5;
}

input[type="text"]:focus,
input[type="email"]:focus{
    color: #202020;
    background-color: #dddddd;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder{
    transition: ease-in-out 0.5s;
}
input[type="text"]:focus::placeholder,
input[type="email"]:focus::placeholder{
    color: #202020;
}

textarea{
    background-color: #fff;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
    padding: 1.4rem 1.9rem;
    border: 1px solid #E5E5E5;
    height: 13rem;
    min-width: 100%;
    max-height: 20rem;
    min-height: 13rem;
}
textarea:focus{
    color: #202020;
    background-color: #dddddd;
}
textarea::placeholder{
    transition: ease-in-out 0.5s;
}
textarea:focus::placeholder{
    color: #202020;
}
select{
    height: 4.8rem;
    padding: 0 1.9rem;
    background-color: #fff;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 700;
    border-radius: 0.6rem;
    border: 1px solid #E5E5E5;
}
input[type="email"]{
    background-color: #fff;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
    padding: 1.4rem 1.9rem;
    border-radius: 0.6rem;
    border: 1px solid #E5E5E5;
}
input[type="file"]{
    background-color: #fff;
    color: #707070;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.8rem;
    padding: 1.4rem 1.9rem;
    border-radius: 0.6rem;
    border: 1px solid #E5E5E5;
}
button[type="submit"]{
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 2rem;
    padding: 1rem 2.3rem;
    background-color: #A22C35;
    color: #fff;
    border-radius: 0.7rem;
    text-transform: uppercase;
    float: right;
    transition: ease-in-out .5s;
}
button[type="submit"]:hover{
    background-color: #801820;
}


.clear{
    clear: both;
    display: block;
}
.central{
    max-width: 1220px;
    padding: 0rem 1rem 0rem 1rem;
    margin: 0 auto;
}
.strong{
    font-weight: 700;
}

.read_more{
    font-size: 1.6rem;
    line-height: 2.1rem;
    font-weight: 900;
    color: #A22C35;
    text-transform: uppercase;
    transition: ease-in-out .5s;
}
.see_more {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.7rem;
    padding: 1rem 2.9rem;
    color: #fff;
    border: 2px solid #fff;
    text-transform: uppercase;
    transition: ease-in-out .5s;
}
.link_read_more{
    display: inline-block;
    color: #fff;
    padding: 1.5rem 3.6rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    font-weight: 900;
    background-color: #A22C35;
    text-transform: uppercase;
}
.btn_solicitation{
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 2rem;
    padding: 1rem 2.3rem;
    background-color: #A22C35;
    color: #fff;
    border-radius: 0.7rem;
    text-transform: uppercase;
    float: left;
}
.btn_see_more_door{
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 2rem;
    padding: 1rem 2.3rem;
    background-color: #801820;
    color: #fff !important;
    border-radius: 0.7rem;
    text-transform: uppercase;
    margin-top: 2rem;
    margin-bottom: 1rem;
    transition: ease-in-out 0.5s;
    border: 1px solid transparent;
}
.outdoor_right:hover .btn_see_more_door{
    background-color: #414141;
}
.outdoor_left:hover .btn_see_more_door{
    background-color: #414141;
}
.outdoor_right .btn_see_more_door{
    float: right;
}
.outdoor_left .btn_see_more_door{
    float: left;
}
.logo{
    cursor: pointer;
}

.social_medias,
.social_medias_gray{
    display: block;
}
.social_medias li,
.social_medias_gray li{
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 2rem 2rem;
    width: 2rem;
    height: 2rem;
}
.social_medias li a,
.social_medias_gray li a{
    display: block;
    width: 2rem;
    height: 2rem;
}
.social_medias li:nth-child(n+2),
.social_medias_gray li:nth-child(n+2){
    margin-left: 2.4rem;
}
.social_medias li:first-child{
    background-image: url(../img/ico/facebook_icon.svg);
}
.social_medias_gray li:first-child{
    background-image: url(../img/ico/facebook_gray.svg);
}
.social_medias li:nth-child(2){
    background-image: url(../img/ico/instagram_icon.svg);
}
.social_medias_gray li:nth-child(2){
    background-image: url(../img/ico/instagram_gray.svg);
}
.social_medias li:nth-child(3){
    background-image: url(../img/ico/linkedin_icon.svg);
}
.social_medias_gray li:nth-child(3){
    background-image: url(../img/ico/linkedin_gray.svg);
}
.social_medias li:nth-child(4){
    background-image: url(../img/ico/youtube_icon.svg);
}
.social_medias_gray li:nth-child(4){
    background-image: url(../img/ico/youtube_gray.svg);
}

.gray_phone_icon,
.dark_phone_icon{
    display: inline-block;
    font-size: 2rem;
    line-height: 2.4rem;
    padding-left: 3.5rem;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 2.2rem;
}
.white_phone_icon{
    background-image: url(../img/ico/white_phone_icon.svg);
    font-weight: 400;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding-left: 3rem;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 1.8rem;
}
.gray_phone_icon{
    background-image: url(../img/ico/gray_phone_icon.svg);
    color: #fff;
}
.dark_phone_icon{
    background-image: url(../img/ico/dark_phone_icon.svg);
    color: #414040;
    font-weight: 700;
}
.gray_position_icon{
    display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-left: 3.5rem;
    background-image: url(../img/ico/position_icon.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 1.8rem;
    text-align: left;
}
.gray_email_icon{
    display: inline-block;
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-left: 3.5rem;
    background-image: url(../img/ico/gray_email_icon.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 2.2rem;
    text-align: left;
}
.dark_email_icon{
    display: inline-block;
    color: #414040;
    font-size: 1.4rem;
    line-height: 2.4rem;
    padding-left: 3.5rem;
    background-image: url(../img/ico/dark_email_icon.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 2.2rem;
}
header #header{
    display: block;
    background-color: #414040;
}
header #header #header_top{
    display: block;
    background: linear-gradient(to right, #A22C35 0%,#A22C35 50%,#414040 50%,#414040 100%);
    text-align: center;
}
header #header #header_top .central{
    display: flex;
}
header #header #header_top #header_top_left{
    display: block;
    width: 81.67%;
    background-color: #A22C35;
}
header #header #header_top #header_top_right{
    display: flex;
    width: 26.33%;
    background-color: #414040;
    transition: ease-in-out 0.5s;
}
header #header #header_top .site_menu{
    position: relative;
    z-index: 1000;
}
header #header #header_top #header_top_left .site_menu{
    width: 100%;
    text-align: center;
}
header #header #header_top #header_top_right .site_menu{
    width: 100%;
    transition: ease-in-out 0.5s;
}
header #header #header_top #header_top_right .site_menu li{
    width: 100%;
}
header #header #header_top .site_menu li{
    display: inline-block;
    position: relative;
    vertical-align: top;
}
header #header #header_top .site_menu .bt_search{
    float: right;
}
header #header #header_top .site_menu .bt_search a{
    padding: 2.2rem 2.5rem 1rem;
}
header #header #header_top .site_menu .bt_search a img{
    height: 2rem;
}
header #header #header_top .site_menu li a{
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 2.5rem 1.5rem 1.4rem;
    border-bottom: 9px solid transparent;
    position: relative;
}
header #header #header_top #header_top_left .site_menu li .active{
    border-bottom: 9px solid #801820;
}

header #header #header_top .site_menu li::before{
    content: "";
    position: absolute;
    bottom: 0rem;
    left: 0;
    width: 0;
    height: 0.9rem;
    transition: ease-in-out 0.5s;
    overflow: hidden;
}
header #header #header_top #header_top_left .site_menu li::before{
    background-color: #801820;
}
header #header #header_top #header_top_right .site_menu li::before{
    display: none;
}
header #header #header_top #header_top_right .site_menu:hover{
    background-color: #801820;
}

header #header #header_top .site_menu li:hover::before{
    width: 100%;
}
header #header #header_top .site_menu li .dropdown{
    display: inline-block;
    vertical-align: middle;
    width: 0rem;
    height: 0rem;
    margin-left: 0.2rem;
    margin-bottom: 0.3rem;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #fff;
    transition: ease-in-out 0.5s;
}

header #header #header_top .site_menu li .submenu{
    text-align: left;
    display: block;
    top: calc(100% - 1px);
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    transition: ease-in-out 0.5s;
    width: 200%;
    opacity: 0;
    box-shadow: 3px 3px 6px #00000088;
    pointer-events: none;
    padding: 0.3rem 0 0.3rem;
}
header #header #header_top .site_menu li:hover .submenu{
    opacity: 1;
    pointer-events: all;
}
header #header #header_top .site_menu li .submenu li{
    display: block;
    padding: 0 2rem;
}
header #header #header_top .site_menu li .submenu li a{
    border-bottom: 1px solid #929292;
    font-size: 1.4rem;
    line-height: 1.9rem;
    padding: 1.5rem 0rem 1rem;
    color: #414141;
    transition: ease-in-out 0.5s;
}
header #header #header_top .site_menu li .submenu li:hover a{
    color: #801820;
}
header #header #header_top .site_menu li .submenu li:last-child a{
    border-bottom: 0px solid #929292;
}
header #header #header_top #header_top_left .site_menu li .submenu li::before{
    display: none;
}
header #header #header_bottom{
    display: block;
    position: relative;
}
header #header #header_bottom .central{
    padding: 2.7rem 1rem 4rem 1rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 999;
    position: relative;
}
header #header #header_bottom #header_bottom_left{
    display: flex;
    flex-wrap: wrap;
    width: 78.67%;
}
header #header #header_bottom #header_bottom_left .logo{
    display: block;
    height: 9rem;
    width: 50%;
    background-image: url(../img/general/logo_riva.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#bt_menu{
    display: none;
    position: absolute;
    top: 3.5rem;
    right: 2rem;
    width: 3rem;
    height: 3rem;
    background-image: url(../img/ico/menu.svg);
    background-size: 3rem;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
#menu_res{
    display: none;
    width: 100%;
    margin-top: 2rem;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 1.5rem 0;
}
#menu_res li{
    display: block;
    padding: 1.5rem 0;
    position: relative;
    border-top: 2px solid transparent;
    transition: linear 0.2s;
}
#menu_res li a{
    color: #fff;
    font-size: 1.5rem;
    padding-left: 1.5rem;
    text-transform: uppercase;
    transition: ease-in-out 0.5s;
}
#menu_res li .dropdown{
    display: inline-block;
    vertical-align: middle;
    width: 0rem;
    height: 0rem;
    margin-left: 0.5rem;
    margin-bottom: 0.3rem;
    border-left: 6px solid #fff;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    transition: ease-in-out 0.5s;
}
#menu_res li .dropdown.active{
    transform: rotateZ(90deg);
}
#menu_res li .submenu{
    max-height: 0px;
    overflow: hidden;
    transition: ease-in-out 0.5s;
}
#menu_res li .submenu.active{
    max-height: 20rem;
    padding-top: 1rem;
}

#menu_res li .submenu li{
    padding: 1.2rem 0rem 1.2rem 3rem;
}
.menu_active{
    display: block !important;
}
.menu_inactive{
    display: none !important;
}
.keep_responsive_size_logo{
    width: 100% !important;
    height: 6rem !important;
    float: none !important;
    background-size: contain !important;
    background-position: 1rem !important;
}
.keep_responsive_size_form{
    margin: 0 auto !important;
    float: none !important;
    width: 100% !important;
    margin-top: 4rem !important;
    padding-bottom: 2rem !important;
}
.keep_responsive_size{
    width: 100% !important;
}
.keep_responsive_flex_align{
    justify-content: center !important;
}
.keep_responsive_text_align{
    text-align: left !important;
}
.keep_responsive_color{
    background: linear-gradient(#801820 0, #701520 6rem , #801820 12rem) !important;
}

#whatsapp_call{
    display: block;
    width: 5rem;
    height: 5rem;
    background-image: url(../img/ico/whatsapp.svg);
    background-size: cover;
    position: fixed;
    z-index: 1000;
    bottom: 3rem;
    right: 3rem;
}

header #header #header_bottom #header_bottom_right #form_search{
    display: none;
    position: relative;
    max-width: 50rem;
    margin: 0 auto;
    width: 80%;
    margin-top: 4rem;
    padding-bottom: 2rem;
}
header #header #header_bottom #header_bottom_right #search{
    display: block;
    width: 100%;
    float: none; 
}
header #header #header_bottom #header_bottom_right #btn_search{
    background-image: url(../img/ico/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 2.6rem;
    cursor: pointer;
    height: 4.8rem;
    right: 0rem;
    position: absolute;
    top: 0rem;
    width: 5rem;
    background-color: #F4F3FB;
}
header #header #header_bottom #header_bottom_right{
    display: block;
    width: 21.33%;
    float: right;
    text-align: right;
}
header #header #header_bottom #header_bottom_right .social_medias{
    margin-bottom: 2rem;
    margin-top: 0.6rem;
}
header #header #header_bottom #header_bottom_right #contacts{
    display: block;
    width: 100%;
    text-align: center;
}
header #header #header_bottom .outdoor{
    display: none;
}
footer #footer{
    display: block;
}
footer #footer #footer_top{
    background-color: #414040;
    padding: 4.2rem 0;
    display: block;
    width: 100%;
    position: relative;
}
 footer #footer .budget_outdoor_external{
   background: linear-gradient(to bottom, #96292F 0%, #96292F calc(100% - 1.4rem), #FAFAF8 calc(100% - 1.4rem), #FAFAF8 100%);
} 
footer #footer .budget_outdoor{
    display: block;
    height: 37.5rem;
    background-image: url(../img/cover/budget_outdoor.jpg);
    background-size: cover;
    max-width: 200rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center bottom;
}
footer #footer .budget_outdoor h1,
footer #footer .budget_outdoor p{
    color: #fff;
}
footer #footer .budget_outdoor .title_detail{
    margin-bottom: 2rem;
}
footer #footer .budget_outdoor .budget_outdoor_description{
    width: 53%;
    float: right;
}
footer #footer .budget_outdoor .budget_outdoor_description h1{
    margin-top: 2.5rem;
}
footer #footer .budget_outdoor .budget_outdoor_description .budget{
    padding-right: 2rem;
    width: 100%;
    max-width: 50rem;
    display: block;
}
footer #footer .budget_outdoor .budget_outdoor_description .budget .budget_solicitation{
    display: block;
    margin-top: 4rem;
    float: left;
    padding: 1rem 3rem;
    color: #A22C35;
    font-size: 1.4rem;
    line-height: 1.9rem;
    text-transform: uppercase;
    font-weight: 900;
    border-radius: 0.4rem;
    background-color: #fff;
    transition: ease-out .5s;
    position: relative;
}
footer #footer .budget_outdoor .budget_outdoor_description .budget .budget_solicitation:hover{
    color: #fff;
    background-color: #801820;
}
footer #footer #footer_top .central{
    display: flex;
    flex-wrap: wrap;
}
footer #footer #footer_top #logo_column{
    display: block;
    width: 33.33%;
    transition: ease-in-out 0.5s;
}
footer #footer #footer_top #logo_column .logo{
    display: block;
    margin: 0 auto;
    width: 66%;
    height: 100%;
    background-image: url(../img/general/logo_riva.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
footer #footer #footer_top #address_column{
    display: block;
    width: 38.33%;
    padding: 1.2rem 0rem;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
    transition: ease-in-out 0.5s;
    text-align: center;
}
footer #footer #footer_top #contact_column{
    display: block;
    width: 28.33%;
    transition: ease-in-out 0.5s;
}
footer #footer #footer_top #contact_column #contacts_footer{
    display: block;
    margin: 0 auto;
    width: 22rem;
}
footer #footer #footer_top #contact_column #contacts_footer .gray_phone_icon{
    display: block;
    margin-bottom: 1.6rem;
}

footer #footer #footer_bottom{
    background-color: #4B4A4A;
    padding: 3rem 0 0;
    display: block;
    width: 100%;
}
footer #footer #footer_bottom .central{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
footer #footer #footer_bottom #attendence_column{
    width: 38.33%;
    display: block;
    transition: ease-in-out 0.5s;
}
footer #footer #footer_bottom #attendence_column #attendence{
    width: 26rem;
    display: block;
    margin: 0 auto;
}
footer #footer #footer_bottom #attendence_column #attendence #attendence_schedule{
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: block;
    margin: 1.5rem 0 3rem;
}
footer #footer #footer_bottom #form_column{
    width: 25%;
    display: block;
    transition: ease-in-out 0.5s;
}
footer #footer #footer_bottom #form_column #form_newsletter{
    width: 100%;
    display: block;
}
footer #footer #footer_bottom #form_column #form_newsletter h5{
    margin-bottom: 0.8rem;
}
footer #footer #footer_bottom #form_column #form_newsletter input{
    width: 100%;
    margin-bottom: 2rem;
}
footer #footer #footer_bottom #sitemap_column{
    width: 36.66%;
    display: block;
    font-family: 'Montserrat', sans-serif;
    padding-left: 8rem;
    transition: ease-in-out 0.5s;
}
footer #footer #footer_bottom #sitemap_column #sitemap{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
footer #footer #footer_bottom #sitemap_column #sitemap #sitemap_left{
    display: block;
    float: left;
    width: 40%;
}
footer #footer #footer_bottom #sitemap_column #sitemap #sitemap_right{
    display: block;
    float: right;
    width: 60%;
}
footer #footer #footer_bottom #sitemap_column #sitemap li:nth-child(n+2){
    margin-top: 0.7rem;
}
footer #footer #footer_bottom #sitemap_column #sitemap li a{
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.5rem;
    text-transform: uppercase;
    font-size: 500;
}
footer #footer #footer_bottom #sitemap_column #sitemap li:hover a{
    font-weight: 900;
}

footer #footer #footer_bottom #credits{
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
    border-top: 1px solid #0D0D0D;
    margin: 3rem 5.5rem 0;
    padding-bottom: 2rem;
    transition: ease-in-out .5s;
}
footer #footer #footer_bottom #credits span{
    color: #fff;
    font-size: 1rem;
    line-height: 1.3rem;
}
footer #footer #footer_bottom #credits #rights a{
    color: #fff;
    text-decoration: underline;
    margin-top: 0.5rem;
}
footer #footer #footer_bottom #credits #rights{
    display: flex;
    flex-direction: column;
    width: 60%;
    text-align: left;
    padding: 2.3rem 0 0rem 1.5rem;
}
footer #footer #footer_bottom #credits #developed{
    display: block;
    width: 40%;
    text-align: right;
}
footer #footer #footer_bottom #credits #developed #mkd_logo{
    display: block;
    height: 3.6rem;
    color: #fff;
    background-image: url(../img/ico/logo_mkd.svg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 3.6rem;
    margin-top: 1.2rem;
    padding: 1.2rem 4.2rem 0rem 0rem;

}



.blog_posts .posts{
    max-width: 87rem;
    margin: 0 auto;
    padding: 2.4rem 1rem 2.2rem;
}
.blog_posts .posts_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.blog_posts .posts_list li{
    width: 32%;
    background-color: #FFFFFF;
    margin-left: 2%;
    margin-bottom: 7rem;
    transition: ease-in-out 0.5s;
}
.blog_posts .posts_list li:hover{
    background-color: #eeeeee;
}
.blog_posts .posts_list li:first-child,
.blog_posts .posts_list li:nth-child(3n+1){
    margin-left: 0;
}
.blog_posts .posts_list li .description span{
    display: block;
    color: #767676;
    font-size: 1.6rem;
    line-height: 2.1rem;
    padding-top: 1.3rem;
    padding-bottom: 2.5rem;
}
.blog_posts .posts_list li .post_image{
    height: 16.5rem;
    overflow: hidden;
}
.blog_posts .posts_list li .post_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: ease-in-out 0.5s;
}
.blog_posts .posts_list li:hover .post_image img{
    transform: scale(1.1);
}
.blog_posts .posts_list li .post_date{
    display: block;
    float: left;
    margin-left: 1.8rem;
    margin-top: -2rem;
    background-color: #A22C35;
    border-radius: 0.3rem;
    padding: 0.8rem 0.6rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.2rem;
    line-height: 1.6rem;
    z-index: 10;
    position: relative;
}
.blog_posts .posts_list li .description{
    padding: 2.5rem 2.2rem;
}

.team_outdoor{
    display: flex;
    height: 55rem;
    background-image: url(../img/cover/team_outdoor.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.team_outdoor div{
    display: block;
    padding: 2.5rem;
    border: 5px solid #fff;
}
.team_outdoor div span{
    color: #fff;
    font-size: 6rem;
    line-height: 7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.title_detail{
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    display: block;
    width: 10.4rem;
    height: 1.1rem;  
}
.title_white{
    color: #fff;
}
.light_gray{
    background-color: #F3F3F3;
}
.gray{
    background-color: #929292;
}
.title_gray{
    color: #929292;
}
.dark_gray{
    background-color: #414141;
}
.red{
    background-color: #A22C35;
}
.title_red{
    color: #A22C35;
}
.light_red{
    background-color: #CC676F;
}
.light_blue{
    background-color: #8ABFD4;
}
.brown{
    background-color: #544232;
}
.light_brown{
    background-color: #A48A72;
}

.outdoor_photo .outdoor_photo_description{
    pointer-events: none;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    display: block;
    opacity: 0;
    z-index: 999;
    transition: ease-out 0.5s;
    background-color: #801820de;
    padding: 0 1rem;
}
.outdoor_photo .outdoor_photo_description .title{
    display: inline-block;
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 900;
    color: #fff;
    margin: 5rem 0;
}
.outdoor_photo .outdoor_photo_description p{
    display: inline-block;
    max-width: 90%;
    color: #fff;
    float: none;
}
.outdoor_photo .outdoor_photo_description .see_more {
    margin-top: 5rem;
}
.outdoor_photo .outdoor_photo_description .see_more:hover {
    background-color: #fff;
    color: #801820;
}
.outdoor_right:hover .outdoor_photo .outdoor_photo_description,
.outdoor_left:hover .outdoor_photo .outdoor_photo_description{
    pointer-events: initial;
    opacity: 1;
}

.outdoor_description h1{
    max-width: 44rem;
}
.outdoor_photo{
    position: relative;
    display: block;
}
.outdoor_photo img{
    display: block;
    height: calc(100% + 0.1rem);
    object-fit: cover;
}

.outdoor_right,
.outdoor_left{
    display: flex;
    flex-wrap: wrap;
    position: relative;
    min-height: 39.5rem;
}
.outdoor_right{
    flex-direction: row;
}
.outdoor_left,
.outdoor_left_internal{
    flex-direction: row-reverse;
}
.outdoor_right .outdoor_description{
    width: 56%;
    display: block;
    padding-top: 2.4rem;
    padding-bottom: 1rem;
}
.outdoor_right .outdoor_photo{
    width: 44%;
}
.outdoor_right p{
    display: block;
    max-width: 60rem;
    float: right;
    padding-left: 1rem;
}
.outdoor_right .outdoor_description{
    float: left;
    text-align: right;
    padding-right: 6rem;
}
.outdoor_right .outdoor_description h1{
    float: right;
}
.outdoor_right .outdoor_photo{
    float: right;
    overflow: hidden;
}
.outdoor_right .outdoor_photo img{
    object-position: left;
    transition: ease-in-out 1s;
}
.outdoor_right .outdoor_description .title_detail{
    float: right;
}

.outdoor_left .outdoor_description{
    width: 56%;
    display: block;
    padding-top: 2.4rem;
    padding-bottom: 1rem;
}
.outdoor_left .outdoor_description h1{
    float: left;
}
.outdoor_left .outdoor_photo{
    width: 44%;
}
.outdoor_left h1{
    color: #fff;
}
.outdoor_left p{
    max-width: 60rem;
    display: block;
    color: #fff;
    padding-right: 1rem;
}
.outdoor_left .outdoor_description{
    float: right;
    text-align: left;
    padding-left: 6rem;
}
.outdoor_left_internal .outdoor_description{
    padding-top: 2rem;
}
.outdoor_left .outdoor_photo img{
    object-position: right;
    float: right;
}
.outdoor_left .outdoor_description .title_detail,
.outdoor_left_internal .outdoor_description .title_detail{
    float: left;
}

.status{
    display: block;
    width: 100%;
    margin: 2rem 0;
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #fff;
}
.status p{
    font-size: 2.3rem;
    line-height: 4rem;
    color: #fff;
    font-weight: 700;
}
.status .status_success{
    display: block;
    padding: 2rem;
    background-color: #801820;
}
.status .status_error{
    display: block;
    padding: 2rem;
    background-color: #801820;
}

/*LOADING**********************************************************************/
.loading
{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    top: 0;
    z-index: 50;
}

.loading .loader
{
    display: inline-block;
    left: 50%;    
    position: relative;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}

.loading p
{
    color: #fff;
    font-size: 1.8rem;
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-default div {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #fff;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 29px;
    left: 53px;
}
.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 18px;
    left: 50px;
}
.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 9px;
    left: 41px;
}
.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 6px;
    left: 29px;
}
.lds-default div:nth-child(5) {
    animation-delay: -0.6s;
    top: 9px;
    left: 18px;
}
.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 18px;
    left: 9px;
}
.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 29px;
    left: 6px;
}
.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 41px;
    left: 9px;
}
.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 50px;
    left: 18px;
}
.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 53px;
    left: 29px;
}
.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 50px;
    left: 41px;
}
.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 41px;
    left: 50px;
}
@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}


.box_bg
{
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    opacity: 0.85;
    filter: alpha(opacity=85); /* For IE8 and earlier */
    display: none;
}

.box_search_close
{
    position: relative;
    color: #ffffff;
    display: block;
    float: right;
    padding-bottom: 5.0rem;
    z-index: 1000;
    width: 3rem;
    height: 3rem;
    background-image: url(../img/ico/close.svg);
    background-size: 2.2rem;
    background-repeat: no-repeat;
}

.box_search_close:hover
{
    color: #ffffff;
}

.box_search form
{
    border-bottom: 1px solid #ffffff;
    padding-bottom: 2.0rem;
}


.box_search
{

    width: 100%;
    max-width: 80rem;
    padding: 0rem 2rem;
    position: fixed;
    z-index: 1001;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    

}

.box_search .box_field_search
{
    background-color: transparent !important;
    border: 0;
    float: left;
    background: transparent;
    font-size: 3.0rem;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif;
    padding: 1.0rem 0rem 1.0rem 0rem;
    width: calc(90% - 5rem);
    outline: 0;
    font-weight: 100;

}

.box_field_search::placeholder {
    color: #ffffff !important;
    
}

.box_field_search:-moz-placeholder {
    color: #ffffff;
}

.box_field_search::-moz-placeholder {
    color: #ffffff;
}

.box_field_search:-ms-input-placeholder {  
    color: #ffffff;
}

.box_bt_search
{
    float: right;
    width: 5rem;
}
.menu_language {
    display: flex;
}
.menu_language li a{
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    padding: 2.5rem 1rem 1.4rem;
    border-bottom: 9px solid transparent;
    position: relative;
}