@charset "utf-8";

html { height: 100%; }
body { position:absolute; top:0; bottom:0; right:0; left:0; min-height: 100%; max-height: 100%; }

* {
    margin: 0;
    padding: 0;

    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);    
    -webkit-text-size-adjust: 100%;   
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
}
*:focus { outline: 0; }

body { 
    line-height: 1; 
    -webkit-overflow-scrolling: touch
}

img,embed,iframe { 
    max-width: 100%; vertical-align: middle; 
    border: none;   
}
embed,iframe {
    background-color: #212121;
    background-color: rgba(33, 33, 33, 0.3);
    box-shadow: 0 0 20px #212121 inset;
}

a {text-decoration: none; color: inherit;}

.cf:after {
    display: table; clear: both; height: 0; content: '';
}

.cover {background-size: cover; }

.tocen {text-align: center; height: 100%; font-size: 0;}
.tocen:before {content: ''; height: 100%; display: inline-block; vertical-align: middle; width: 0;}
.cen {display: inline-block; font-size: 16px; max-height: 99.9%; max-width: 99.9%; overflow: auto; vertical-align: middle;padding: 10px;}

.tac {
    text-align: center
}
.tal {
    text-align: left
}
.tar {
    text-align: right
}
.taj {
    text-align: justify
}
.vat {
    vertical-align: top;
}
.vam {
    vertical-align: middle;
}
.fl {
    float: left
}
.fr {
    float: right
}
.fh {
    height: 100%
}

.fs0 {
    font-size: 0!important;}

.ptb10 {
    padding: 10px 0
}

.p10 {
    padding: 6px;}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.read {
    line-height: 1.5;
    color: #00549E;
    text-align: justify;
    font-size: 16px;
}

input, textarea, select {
    border: none;
    padding: 6px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    color: #1A1A1A;
    font-family: sans-serif;
    background: #FFFFFF;
    height: 40px;
    border-bottom: 1px solid #D2D2D2;
    vertical-align: middle;
}
textarea {
    min-height: 150px;
    resize: vertical;
}
select {
    background-color: #c1c1c1;
}
button {
    -webkit-appearance: none;
}

.submit {
    background-color: #8E8E8E;
    color: #FFF;
    border-bottom: none;
    border-radius: 15px;
    padding: 8px;
    height: auto;
    width: 80%;
    margin: 25px 10%;
    display: block;
}

label {
    position: relative;
    display: block;
    margin-top: 10px;
    padding: 5px;
}
label.focus p {
    top: 3px;
    font-size: 12px;
    color: #ADADAD;
    left: 5px;
    letter-spacing: 1px;
}
label p {
    text-transform: uppercase; 
    font-size: 16px;
    position: absolute; 
    top: 19px;
    left: 7px;
    z-index: 10;
    transition: all 0.2s;
    color: #A9A9A9;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    letter-spacing: 0;
    pointer-events: none;
}
label input {
    margin-top: 15px;
    padding: 3px 7px;
    height: 31px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;    
    width: 100%;
}
label textarea {
    margin-top: 15px;
}
.dark label p {
    color: #FFF
}
.dark label input, .dark label textarea {
    background-color: transparent;
    color: #FFF;
}

.sidebar {vertical-align: top}


/* .gM = mini > 320 */
/* .gS = smartphone > 400 */
/* .gL = landscape smp > 680 */
/* .gP = tablet portrait > 800 */
/* .gC = mini computer > 1080 */
/* .gB = big screen > 1280 */
/* .gX = Xtra > 1440 */
/* .gT = Television < 1440 */

.g1 { width: 8.3333% } 
.g2 { width: 16.666% } 
.g3 { width: 25% } 
.g4 { width: 33.333% } 
.g5 { width: 41.666% } 
.g6 { width: 50% } 
.g7 { width: 58.333% } 
.g8 { width: 66.666% } 
.g9 { width: 75% } 
.g10 { width: 83.333% } 
.g11 { width: 91.666% } 
.g12 { width: 100% } 

.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 
{ display: inline-block; font-size: 16px; vertical-align: top}

.g, .gf
{width: 1080px; max-width: 100%; margin: 0 auto;font-size: 0;}

.gf
{width: 100%}

@media (min-width : 1441px) { 
    .gt1 { width: 8.3333% } 
    .gt2 { width: 16.666% } 
    .gt3 { width: 25% } 
    .gt4 { width: 33.333% } 
    .gt5 { width: 41.666% } 
    .gt6 { width: 50% } 
    .gt7 { width: 58.333% } 
    .gt8 { width: 66.666% } 
    .gt9 { width: 75% } 
    .gt10 { width: 83.333% } 
    .gt11 { width: 91.666% } 
    .gt12 { width: 100% } 
}

@media (max-width : 1440px) { 
    .gx1 { width: 8.3333% } 
    .gx2 { width: 16.666% } 
    .gx3 { width: 25% } 
    .gx4 { width: 33.333% } 
    .gx5 { width: 41.666% } 
    .gx6 { width: 50% } 
    .gx7 { width: 58.333% } 
    .gx8 { width: 66.666% } 
    .gx9 { width: 75% } 
    .gx10 { width: 83.333% } 
    .gx11 { width: 91.666% } 
    .gx12 { width: 100% } 
}

@media (max-width : 1280px) { 
    .gb1 { width: 8.3333% } 
    .gb2 { width: 16.666% } 
    .gb3 { width: 25% } 
    .gb4 { width: 33.333% } 
    .gb5 { width: 41.666% } 
    .gb6 { width: 50% } 
    .gb7 { width: 58.333% } 
    .gb8 { width: 66.666% } 
    .gb9 { width: 75% } 
    .gb10 { width: 83.333% } 
    .gb11 { width: 91.666% } 
    .gb12 { width: 100% } 
}

@media (max-width : 1080px) { 
    .gc1 { width: 8.3333% } 
    .gc2 { width: 16.666% } 
    .gc3 { width: 25% } 
    .gc4 { width: 33.333% } 
    .gc5 { width: 41.666% } 
    .gc6 { width: 50% } 
    .gc7 { width: 58.333% } 
    .gc8 { width: 66.666% } 
    .gc9 { width: 75% } 
    .gc10 { width: 83.333% } 
    .gc11 { width: 91.666% } 
    .gc12 { width: 100% } 
}

@media (max-width : 800px) { 
    .gp1 { width: 8.3333% } 
    .gp2 { width: 16.666% } 
    .gp3 { width: 25% } 
    .gp4 { width: 33.333% } 
    .gp5 { width: 41.666% } 
    .gp6 { width: 50% } 
    .gp7 { width: 58.333% } 
    .gp8 { width: 66.666% } 
    .gp9 { width: 75% } 
    .gp10 { width: 83.333% } 
    .gp11 { width: 91.666% } 
    .gp12 { width: 100% } 
}

@media (max-width : 680px) { 
    .gl1 { width: 8.3333% } 
    .gl2 { width: 16.666% } 
    .gl3 { width: 25% } 
    .gl4 { width: 33.333% } 
    .gl5 { width: 41.666% } 
    .gl6 { width: 50% } 
    .gl7 { width: 58.333% } 
    .gl8 { width: 66.666% } 
    .gl9 { width: 75% } 
    .gl10 { width: 83.333% } 
    .gl11 { width: 91.666% } 
    .gl12 { width: 100% } 
}

@media (max-width : 400px) { 
    .gs1 { width: 8.3333% } 
    .gs2 { width: 16.666% } 
    .gs3 { width: 25% } 
    .gs4 { width: 33.333% } 
    .gs5 { width: 41.666% } 
    .gs6 { width: 50% } 
    .gs7 { width: 58.333% } 
    .gs8 { width: 66.666% } 
    .gs9 { width: 75% } 
    .gs10 { width: 83.333% } 
    .gs11 { width: 91.666% } 
    .gs12 { width: 100% } 
}

@media (max-width : 320px) { 
    .gm1 { width: 8.3333% } 
    .gm2 { width: 16.666% } 
    .gm3 { width: 25% } 
    .gm4 { width: 33.333% } 
    .gm5 { width: 41.666% } 
    .gm6 { width: 50% } 
    .gm7 { width: 58.333% } 
    .gm8 { width: 66.666% } 
    .gm9 { width: 75% } 
    .gm10 { width: 83.333% } 
    .gm11 { width: 91.666% } 
    .gm12 { width: 100% } 
}

@media print {
   * { -webkit-print-color-adjust: exact; }
}


.nsel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sel {
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

::selection {
    background: transparent;
    color: #f55;
}