/***********************************************/
/* Reset Styles */
/***********************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; font-size: 100%; font-weight: inherit; font-style: normal; vertical-align: baseline; background: transparent; border: 0; outline: 0; }

article, aside, figure, figure img, hgroup, footer, header, nav, section { display: block; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
a img { border: 0; }
:focus { outline: 0; }
a:hover, a:active { outline: none; }
img, embed, object, video { max-width: 100%; }


/*************************************************/
/* Styles for all */
/*************************************************/

*{ user-select: none; }

body{ color:#888da8; background:#262626; -webkit-text-size-adjust:100%; font-family: 'Roboto', sans-serif; font-weight: 300; font-size:13px; width:100%; height:100%; }

.backhome{ background-color: #262626; }

.clear{ float:none; clear:both; font-size:0px; line-height:0px; }

#wrapper{ width:100%; height:100%; }

/**************************************************/

.ap-hero-page{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 100vh;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
    background-image: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65));
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ap-hero-page .ahero-content{ width: 700px; padding: 20px 20px; text-align: center; }
.ap-hero-page .ahero-content h1{ color: #ffffff; font-size:30px; line-height:38px; text-align: justify; }
.ap-hero-page .ahero-content h2{ color: #ffffff; font-size:22px; line-height:30px; text-align: justify;}

.ap-hero-page .ahero-content .ahero-msg01{ color: #ffffff; font-size:17px; line-height: 25px;  padding: 15px 0 0; text-align: justify;}
.ap-hero-page .ahero-content .ahero-msg02{ color: #ffffff; font-size:17px; line-height: 25px; }

.ap-hero-page .ahero-content .ahero-msg03{ color: #ffffff; font-size:18px; line-height: 25px; }

.ap-hero-page .ahero-content .ahero-copyright{ color: #ffffff; font-size:15px; }

.ap-hero-page .ahero-content .ahero-email{ font-size:18px; font-weight: 500; color: #FFF; margin: 20px 0; }

.ap-hero-page .ahero-content b{ font-weight: 500; }

.ap-hero-page .ahero-content .ahero-ico{ margin: 20px 0; }
.ap-hero-page .ahero-content .ahero-ico img{ width: 80px; height: 80px; }

.ap-hero-page .ahero-content .ico-logo-tmp{}
.ap-hero-page .ahero-content .ico-logo-tmp img{ width: 200px; height: 200px; }

.ap-hero-page .ahero-content .ico-flag{ height: 30px; }
.ap-hero-page .ahero-content .ico-flag img{ width: 40px; height: 40px; position: relative; top: -20px; }

/**************************************************/

.ap-hero-page .ahero-content .ahc-section-countries{ margin-top: 40px; text-align: center; box-sizing: border-box; margin-bottom: 70px; }

.ap-hero-page .ahero-content .ahc-section-countries #title-select-country{ font-size: 18px; color: #FFF; font-weight: 500; margin-bottom: 30px; }

.ap-hero-page .ahero-content .ahc-section-countries .ahc_sc_country{ position: relative; float: left; width: 33.3333%; text-align: center; box-sizing: border-box; }
.ap-hero-page .ahero-content .ahc-section-countries .ahc_sc_country a{ text-decoration: none; color: #FFF; }

.ap-hero-page .ahero-content .ahc-section-countries .ahc_sc_country .ico-flag-country{ }
.ap-hero-page .ahero-content .ahc-section-countries .ahc_sc_country .ico-flag-country img{ width: 50px; height: 50px; }
.ap-hero-page .ahero-content .ahc-section-countries .ahc_sc_country .the-name-country{ font-size: 15px; }


/**************************************************/
