/* FONT FACE */
@font-face { font-family:'Din'; src:url('webfonts/din.eot'); src:url('webfonts/din.eot?#iefix') format('embedded-opentype'), url('webfonts/din.woff') format('woff'), url('webfonts/din.woff2') format('woff2'), url('webfonts/din.ttf') format('truetype'), url('webfonts/din.svg#Din') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DinBold'; src:url('webfonts/din-bold.eot'); src:url('webfonts/din-bold.eot?#iefix') format('embedded-opentype'), url('webfonts/din-bold.woff') format('woff'), url('webfonts/din-bold.woff2') format('woff2'), url('webfonts/din-bold.ttf') format('truetype'), url('webfonts/din-bold.svg#DinBold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DinLight'; src:url('webfonts/din-light.eot'); src:url('webfonts/din-light.eot?#iefix') format('embedded-opentype'), url('webfonts/din-light.woff') format('woff'), url('webfonts/din-light.woff2') format('woff2'), url('webfonts/din-light.ttf') format('truetype'), url('webfonts/din-light.svg#DinLight') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSans'; src:url('webfonts/opensans-regular.eot'); src:url('webfonts/opensans-regular.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-regular.woff') format('woff'), url('webfonts/opensans-regular.woff2') format('woff2'), url('webfonts/opensans-regular.ttf') format('truetype'), url('webfonts/opensans-regular.svg#OpenSans') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansItalic'; src:url('webfonts/opensans-italic.eot'); src:url('webfonts/opensans-italic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-italic.woff') format('woff'), url('webfonts/opensans-italic.woff2') format('woff2'), url('webfonts/opensans-italic.ttf') format('truetype'), url('webfonts/opensans-italic.svg#OpenSansitalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansBold'; src:url('webfonts/opensans-bold.eot'); src:url('webfonts/opensans-bold.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-bold.woff') format('woff'), url('webfonts/opensans-bold.woff2') format('woff2'), url('webfonts/opensans-bold.ttf') format('truetype'), url('webfonts/opensans-bold.svg#OpenSansbold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansBoldItalic'; src:url('webfonts/opensans-bolditalic.eot'); src:url('webfonts/opensans-bolditalic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-bolditalic.woff') format('woff'), url('webfonts/opensans-bolditalic.woff2') format('woff2'), url('webfonts/opensans-bolditalic.ttf') format('truetype'), url('webfonts/opensans-bolditalic.svg#OpenSansBoldItalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansSemiBold'; src:url('webfonts/opensans-semibold.eot'); src:url('webfonts/opensans-semibold.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-semibold.woff') format('woff'), url('webfonts/opensans-semibold.woff') format('woff2'), url('webfonts/opensans-semibold.ttf') format('truetype'), url('webfonts/opensans-semibold.svg#OpenSansSemiBold') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSansSemiBoldItalic'; src:url('webfonts/opensans-semibolditalic.eot'); src:url('webfonts/opensans-semibolditalic.eot?#iefix') format('embedded-opentype'), url('webfonts/opensans-semibolditalic.woff') format('woff'), url('webfonts/opensans-semibolditalic.woff2') format('woff2'), url('webfonts/opensans-semibolditalic.ttf') format('truetype'), url('webfonts/opensans-semibolditalic.svg#OpenSansSemiBoldItalic') format('svg'); font-weight:normal; font-style:normal }


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details,
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{ margin:0; padding:0; border:0; outline:none; font-size:100%; font:inherit; vertical-align:baseline; font-family:'OpenSans', sans-serif }
select, input, textarea { outline:none; resize:none }
textarea { overflow:auto }
strong { font-weight:bold }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
html { background:#000 url(../images/fundo.jpg) no-repeat; background-size:cover; background-position:center center; background-attachment:fixed }
body { -webkit-text-size-adjust: none; }
.obs { font:normal 16px 'OpenSansSemiBold'; color:#CF2134; margin-left:10px  }
.pagina { margin: 0 auto; max-width:400px }
@media only screen and (max-device-width: 480px) { .pagina { max-width:none } }
.no-tela { display:none }

@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {
    transform: rotate(-90deg);
    transform-origin: left top;
    width: 100vh;
    overflow-x: hidden;
    position: absolute;
    top: 100%;
    left: 0;
  }
}

/* GLOBAL */
.invisivel { display:none !important }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }
.bb0 { border-bottom:none !important }
.bt0 { border-top:none !important }
.m0 { margin:0 !important }
.m20 { margin:20px !important }
.mb0 { margin-bottom:0 !important }
.mb10 { margin-bottom:10px !important }
.mb20 { margin-bottom:20px !important }
.ml0 { margin-left:0 !important }
.ml4 { margin-left:4px !important }
.ml5 { margin-left:5px !important }
.ml10 { margin-left:10px !important }
.ml20 { margin-left:20px !important }
.ml30 { margin-left:30px !important }
.mr0 { margin-right:0 !important }
.mr4 { margin-right:4px !important }
.mr5 { margin-right:5px !important }
.mr10 { margin-right:10px !important }
.mr20 { margin-right:20px !important }
.mt-1 { margin-top:-1px !important }
.mt0 { margin-top:0 !important }
.mt5 { margin-top:5px !important }
.mt10 { margin-top:10px !important }
.mt20 { margin-top:20px !important }
.mt28 { margin-top:28px !important }
.pb0 { padding-bottom:0 !important }
.pb5 { padding-bottom:5px !important }
.pb10 { padding-bottom:10px !important }
.pb20 { padding-bottom:20px !important }
.pl0 { padding-left:0 !important }
.pl5 { padding-left:5px !important }
.pl10 { padding-left:10px !important }
.pl20 { padding-left:20px !important }
.pr5 { padding-right:5px !important }
.pr10 { padding-right:10px !important }
.pt10 { padding-top:10px !important }
.f1 { font-size:1px !important }
.f14 { font-size:14px !important }
.f16 { font-size:16px !important }

.verde { color:#27A139 !important; font-family:'OpenSansSemiBold' }
tr.verde td { color:#27A139 !important }
.verde-claro { color:#4cff00 !important; font-family:'OpenSansSemiBold' }
.vermelho { color:#CF2134 !important }
.left { float:left }
.right { float:right !important }
.direita { text-align:right !important }
.esquerda { text-align:left !important }
.centro { text-align:center !important }
.maiusculo { text-transform:uppercase !important }
.capitalize, .capitalize select, .capitalize select option { text-transform:capitalize !important }
.block { display:block !important; width:auto !important }
.inline-block { display:inline-block !important }
.inline { display:inline !important }
.minLogo { min-height:82px !important }
.t40 { top:40px !important }
.veiculo_bloqueado { background-color:#CF2134 !important; color:#FFF !important; padding:4px 10px }

/* FORM ELEMENTS */
.erro { color:#B7333F; font:normal 14px 'OpenSansSemiBoldItalic' }
.ok { color:#27A139; font:normal 14px 'OpenSansSemiBoldItalic' }

a { color:#B72535; font-family:'OpenSansSemiBoldItalic'; font-weight:normal; text-decoration:none }
input[type="button"], button, input[type="image"],  input[type="submit"], a.botao { -webkit-appearance:none; border:none; border-radius:0; text-decoration:none; background:none; display:inline-block; color:#FFF; background-color:#CF2134; font:18px 'OpenSansSemiBold'; text-align:left; padding:7px 15px; text-transform:uppercase }
input[type="checkbox"], input[type="radio"] { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; border:1px solid #CCC; border-right:none }
button.btntxt { height:44px; border:1px solid #CCC; border-left:none; font:16px/24px 'OpenSans'; padding:0 15px; vertical-align:top; line-height:44px; margin:-1px 0 0 -5px }
button.btntxt img { filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(51deg) brightness(110%) contrast(110%); margin-top:5px; height:30px }
span.label, label { color:#252C33; font:13px/1 'OpenSansSemiBold'; height:18px; margin-top:20px; display:block }
input[type="button"].azul, a.botao.azul { background:#00397F; margin-right:10px }
input[type="button"].amarelo { background:#ffd800; color:#555 }
.btnCarregando { }
hr { border:none; border-top:1px solid #6786a3; height:1px; font-size:1px; line-height:1px; display:block }

.checkbox, .radio, .radio2 { margin:20px 0 }
.checkbox input[type="checkbox"], .radio input[type="radio"], .radio2 input[type="radio"] { display:none }
.checkbox input[type="checkbox"]+label, 
.radio input[type="radio"]+label, .radio2 input[type="radio"]+label 
{ background:url("../images/checkbox.svg") no-repeat 0 0; background-size:16px; line-height:16px; margin:0 20px 0 0; padding-left:25px; height:16px; display:inline-block; font:16px/16px 'OpenSansItalic' }
.checkbox input[type="checkbox"]:checked + label, .radio input[type="radio"]:checked + label, 
.radio2 input[type="radio"]:checked + label { background:url("../images/checkbox.svg") no-repeat 0 -16px; background-size:16px }
.radio2 input[type="radio"]+label { padding-left:22px; margin-right:0; margin-left:1%; width:calc(27.3333% - 22px) }
.radio2 input[type="radio"]+label:nth-child(2) { margin-left:0; width:calc(40.3333% - 22px) }
.radio2 input[type="radio"]+label:nth-child(5) { margin-left:0; width:calc(30.3333% - 22px) }
.radio2 br { display:none }

.checkgrupo { margin:10px 20px; display:block }
.checkgrupo input[type="checkbox"], .checkgrupo input[type="checkbox"]+label { margin-top:10px; margin-bottom:10px }

.check_background { margin:0 auto; padding:3px 0; width:213px; text-align:left }
.check_background input[type="checkbox"]+label{ background-size:14px; height:14px; padding-left:20px; font:normal 13px/14px 'OpenSansSemiBold' }
.check_background input[type="checkbox"]:checked + label { background:url("../images/checkbox.svg") no-repeat 0 -14px; background-size:14px }

#CPH_Conteudo_rblOqueVoceDeseja { display:block }
.radio #CPH_Conteudo_rblOqueVoceDeseja input[type="radio"] + label, 
.radio #CPH_Conteudo_rblOqueVoceDeseja input[type="radio"]:checked + label { margin-bottom:10px }

.select { position:relative; display:inline-block; border:1px solid #CCC; border-radius:0; background:#F0F0F0; height:40px; padding:0 10px }
.select select { width:calc(100% - 12px); background:none; outline:none; border:none;
                 appearance:none; -webkit-appearance:none; font:16px/24px 'OpenSansItalic'; color:#000; padding:0; height:40px }
.select::after { content:""; position:absolute; width:16px; height:16px; top:12px; right:5px; background:url("../images/arrow-select.svg") no-repeat center; filter:invert(71%) sepia(6%) saturate(125%) hue-rotate(323deg) brightness(87%) contrast(78%); background-size:10px; z-index:2; pointer-events:none }
.select option { font-weight:normal }
x:-o-prefocus, .select::after { display:none }
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) { .select select::-ms-expand { display:none } .select select:focus::-ms-value { background:transparent; color:#000 } }
@-moz-document url-prefix() { .select { overflow:hidden }  .select select { width:100%; width:-moz-calc(100% + 4em); width:calc(100% + em) } }
@media screen and (-webkit-min-device-pixel-ratio:0) { .select { font-size:1px } }
.select select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000 }
select.listbox, select.listbox2 { padding-top:7px }

::placeholder { color:rgb(0,57,127); text-transform:none !important }
input[type="tel"], input[type="text"], input[type="file"],input[type="number"],
input[type="password"], textarea, .listbox, .listbox2 { -webkit-appearance:none; border-radius:0; display:inline-block; height:40px; font:18px/24px 'OpenSansItalic'; color:#000; background:#F0F0F0; border:1px solid #CCC; padding:0 10px }
textarea { padding:5px 10px }
textarea.mini { padding:5px; font:14px/16px 'OpenSansItalic' }

.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { max-width:100%; text-overflow:ellipsis; text-align:left; white-space:nowrap; margin:0; height:40px; line-height:40px; display:inline-block; font:16px/24px 'OpenSansItalic'; color:#000; background:#F0F0F0; border:1px solid #CCC; overflow:hidden; padding:0 10px }
.no-js .custom-inputfile + label { display:none }
.custom-inputfile:focus + label, .custom-inputfile.has-focus + label { background-color:#F0F0F0 }
.custom-inputfile + label * { /* pointer-events:none; */ }
.custom-inputfile + label span { font:16px 'OpenSansItalic'; line-height:40px }
.custom-inputfile + label svg { width:30px; height:30px; padding:4px 15px 7px 15px; border:1px solid #CCC; position:absolute; top:-1px; right:0; background-color:#CF2134; vertical-align:top; fill:#FFF; margin:0 }
.fileupload { position:relative; margin-left:0; text-align:left; width:calc(100% - 10px) }

.listbox { padding:0; position:relative; overflow:auto }
.listbox label { display:block; text-align:left; margin:0; height:auto; padding:3px 5px; font:18px/20px 'OpenSansItalic' }
.mini-label label { padding:3px 5px; font:12px/14px 'OpenSansItalic' }
.mini-label2 label { padding:3px 5px; font:14px/16px 'OpenSansItalic' }
.listbox label:after, .listbox label:before { content: "" }
.listbox input[type="radio"] { display:none; position:absolute; width:100% }
.listbox input[type="radio"]:checked + label { background:#00397F; color:#FFF }

.listbox2 { padding:0; position:relative; overflow:auto }
.listbox2 div { position:relative; display:block }
.listbox2 div label { display:block; text-align:left; margin:0; height:auto; padding:3px 5px; font:18px/20px 'OpenSansItalic' }
.listbox2 div label:after, .listbox2 div label:before { content: "" }
.listbox2 div input[type="radio"] { display:none; position:absolute; width:100% }
.listbox2 div input[type="radio"]:checked + label { background:#00397F; color:#FFF }

.aspNetDisabled, .disabled, input[readonly="readonly"] { color:#999 !important; text-decoration:none !important }



/* ALERT */
.alert_message { text-align:center; padding:0; margin:0; width:100% }
.alert_message h1 { font:normal 16px/22px 'OpenSansSemiBold'; padding:5px 10px; color:#FFF; background:#999 }
.alert_message p { font-size:18px; padding:20px 10px; line-height:24px }
.alert_message input[type="button"] { margin:0; line-height:24px; width:100%; padding:8px 0; border-top:1px solid #CCC; display:block; color:#CF2134; background:#F0F0F0; font:24px 'OpenSansBold'; text-align:center }
.alert_message input[type="button"]#nao { width:50%; display:inline-block; color:#999 }
.alert_message input[type="button"]#sim { border-left:1px solid #CCC; display:inline-block; width:calc(50% - 1px) }


/* TABLE */
table { text-transform:uppercase; border-collapse:collapse; border-spacing:0; padding:0; margin:0; border:none; width:100% }
table tr th { font:normal 12px/1 'OpenSans'; background:#6786a3; vertical-align:bottom; color:#FFF; padding:7px 5px }
table tr td { padding:7px 5px; font:normal 12px 'OpenSans'; vertical-align:middle; text-align:center; color:#000 }
table tr td:nth-child(even) { background:#DDD }
table tbody td.img0 { font-size:1px }
table tbody td.img0 input, table tbody td.img0 a { padding:0; display:block; margin:0 auto; width:24px; height:24px; font-size:1px; background-color:transparent; background-size:contain; background-repeat:no-repeat }
table tbody td.img0 .excluir { background:url("../images/excluir.svg") no-repeat center; background-size:18px; filter:invert(24%) sepia(44%) saturate(4304%) hue-rotate(337deg) brightness(84%) contrast(100%) }
table tbody td.img0 .editar { background:url("../images/editar.svg") no-repeat center; background-size:18px }
table tbody td.img0 .editar { background:url("../images/editar.svg") no-repeat center; background-size:18px }
table tbody td.img0 .visualizar { background:url("../images/buscar.svg") no-repeat center; background-size:18px }
table tr.sem-resultados td p { margin:0; font:18px/24px 'OpenSansItalic'; text-transform:none }

table.estatistica { margin:10px; width:calc(100% - 20px); border:1px solid #888 }
table.estatistica tr th { background:#888; color:#FFF }
table.estatistica tr th:first-child, table.estatistica tr td:first-child { text-align:left }
table.estatistica tr td:nth-child(even) { background:none }

table.mini tr th { font:normal 10px/1 'OpenSans'; padding:7px 5px }
table.mini tr td { padding:7px 5px; font:normal 10px 'OpenSans' }


table.gvFileUpload { width:calc(100% - 10px); margin-left:0; border:none }
table.gvFileUpload tbody tr td { padding:5px; line-height:13px; background:#27A139; text-align:left; vertical-align:top; color:#FFF; border-bottom:2px solid #FFF }
table.gvFileUpload tbody tr td:nth-child(even) { background:#27A139; border-left:1px solid #27A139 }
table.gvFileUpload tbody tr td p { margin:0 0 0 5px; font-size:11px }
table.gvFileUpload tbody tr td p.ico_ok { margin:2px 5px 0 0; width:21px; height:21px; text-align:center; border-radius:50%; background-color:#185b22; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) }
table.gvFileUpload tbody tr td p.ico_ok img { width:14px; height:14px; vertical-align:top; margin:4px 0 0 0; filter:invert(100%) sepia(100%) saturate(1%) hue-rotate(45deg) brightness(102%) contrast(101%) }
table.gvFileUpload tbody tr td span { font-size:10px; opacity:0.5; line-height:12px; margin-left:5px; color:#FFF }


#top_bar { height:42px; position:fixed; max-width:400px; background:#000; width:100%; z-index:98 }
@media only screen and (max-device-width:480px) { #top_bar { max-width:none } }
#top_bar div { margin:2px 1% 0 1% }
#top_bar a, #top_bar span, #top_bar p { color:#FFF; float:right; display:inline-block; margin-top:12px; vertical-align:top; font:normal 12px/1 'OpenSansSemiBold' }
#top_bar a { margin-right:15px }
#top_bar p { margin:11px 4px 0 4px }
#top_bar a.ico_menu { font-size:1px; height:29px; width:42px; padding:7px 0 0 4px; margin:0 -15px 0 0; display:block; float:left; text-align:center }
#top_bar a.ico_menu img { filter:invert(100) brightness(1000); width:22px }
#top_bar span.projeto { float:left; margin-left:15px }
#top_bar .select { border:1px solid #666; background:#000; margin:5px 0 0 15px; height:25px; padding:0 }
#top_bar .select select option { background:#000; color:#FFF }
#top_bar .select select { width:90px; background:none; outline:none; border:none;
                 appearance:none; -webkit-appearance:none; font:12px/25px 'OpenSansSemiBold'; color:#FFF; padding:0 0 0 7px; height:25px }
#top_bar .select::after { width:9px; height:9px; top:8px; right:7px; background-size:9px }



#logo { text-align:center; padding-top:30px }
#logo h1 { text-align:center; color:#FFF; font:32px/1 'DinBold'; text-shadow:2px 2px #000; display:block; font-weight:normal }
#logo h1 strong { font:18px/1 'Din'; display:block; font-style:italic; text-shadow:2px 2px #162E45; font-weight:normal }
#logo h1 img  { width:100px; margin-bottom:10px }


section[id*="form_login"] { margin:30px 15px 0 15px }
section[id*="form_login"] h1 { color:#E0E0E0; letter-spacing:-0.4px; font:22px/1 'Din'; text-transform:uppercase; margin-bottom:20px }
section[id*="form_login"] h1 strong { font-family:'DinBold'; font-weight:normal }
section[id*="form_login"] input[type="tel"], section[id*="form_login"] input[type="text"], 
section[id*="form_login"] input[type="password"] { background:#FFF; width:calc(100% - 20px); margin:0 0 25px 0 }
section[id*="form_login"] input[type="text"]:-webkit-autofill::first-line, 
section[id*="form_login"] input[type="tel"]:-webkit-autofill::first-line, 
section[id*="form_login"] input[type="password"]:-webkit-autofill::first-line { font:20px/24px 'OpenSansItalic'; color:#000 }
section[id*="form_login"] .link { font:14px/1 'OpenSansSemiBold'; text-decoration:underline; background:none; display:none; padding:0; text-transform:none; color:#FFF; margin-left:110px }
section[id*="form_login"] a.botao { text-transform:uppercase; font:18px/1 'OpenSans'; padding:10px 24px; margin:0 }
section[id*="form_login"] input.esqueci_senha { float:right; background:none; padding:0; text-transform:none; font:16px/38px 'OpenSansItalic' }


.menu { border-top:42px solid transparent; border-left:5px solid transparent; border-right:5px solid transparent }
.menu .square { float:left; position:relative; width:30%; padding-bottom:30%; margin:1.66%; background-color:rgba(128, 128, 128, 0.3); overflow:hidden }
.menu .content { position:absolute; height:94%; overflow:hidden; width:94%; padding:3% }
.menu p { display:table; overflow:hidden; width:100%; height:100%; background-repeat:no-repeat; background-position:center 20%; 
		  background-size:75% 50%; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(124deg) brightness(101%) contrast(104%); }
.menu a { display:table-cell; width:100%; overflow:hidden; text-align:center; color:#000; vertical-align:middle }
.menu a span { display:block; text-align:center; white-space:nowrap; width:100%; overflow:hidden; height:31%; margin-top:67%; color:#000; font:normal 12px/14px 'OpenSansSemiBold' }

.menu p.ico_abastecimento { background-image:url('../images/abastecimento.svg') }
.menu p.ico_alterarsenha { background-image:url('../images/alterar-senha.svg') }
.menu p.ico_autorizacao { background-image:url('../images/autorizacao-agendamento.svg') }
.menu p.ico_avarias { background-image:url('../images/avarias.svg') }
.menu p.ico_avaria-vale { background-image:url('../images/avaria-vale.svg') }
.menu p.ico_cadastro-numero-motor { background-image:url('../images/cadastro-numero-motor.svg'); background-size:63% 43% }
.menu p.ico_capatazia { background-image:url('../images/capatazia.svg') }
.menu p.ico_checklist { background-image:url('../images/car-checklist.svg') }
.menu p.ico_checkin { background-image:url('../images/checkin.svg') }
.menu p.ico_checkout { background-image:url('../images/checkout.svg') }
.menu p.ico_conformidade { background-image:url('../images/conformidade.svg') }
.menu p.ico_consulta { background-image:url('../images/consulta.svg') }
.menu p.ico_desembarque { background-image:url('../images/desembarque.svg') }
.menu p.ico_embarque { background-image:url('../images/embarque.svg') }
.menu p.ico_enderecamento { background-image:url('../images/enderecamento.svg') }
.menu p.ico_estatistica-avarias { background-image:url('../images/estatistica-avarias.svg') }
.menu p.ico_estatistica-navio { background-image:url('../images/estatistica-navio.svg') }
.menu p.ico_expedicao { background-image:url('../images/checkout.svg') }
.menu p.ico_gatein { background-image:url('../images/gatein.svg') }
.menu p.ico_gateout { background-image:url('../images/gateout.svg') }
.menu p.ico_inspecao { background-image:url('../images/inspecao.svg') }
.menu p.ico_inventario { background-image:url('../images/inventario.svg') }
.menu p.ico_manobra { background-image:url('../images/manobra.svg') }
.menu p.ico_pdi-qualidade { background-image:url('../images/pdi-qualidade.svg') }
.menu p.ico_picking { background-image:url('../images/picking.svg') }
.menu p.ico_pre-embarque { background-image:url('../images/pre-embarque.svg') }
.menu p.ico_recebimento { background-image:url('../images/recebimento.svg') }
.menu p.ico_recebimento-combustivel { background-image:url('../images/recebimento-combustivel.svg') }
.menu p.ico_servicos { background-image:url('../images/servicos.svg') }
.menu p.ico_tracking { background-image:url('../images/tracking.svg') }
.menu p.ico_validacao-os { background-image:url('../images/validacao-os.svg') }
.menu p.ico_witech { background-image:url('../images/witech.svg') }
.menu p.ico_teste { background-image:url('../images/teste.svg') }
.menu p.ico_manual_parqueamento { background-image:url('../images/manual-parqueamento.svg') }
.menu p.ico_manual_inspecao { background-image:url('../images/manual-inspecao.svg') }




/* MÁSCARAS */
.f_3numeros, .f_5numeros, f_7numeros, .f_11numeros, .f_data, .f_datahora, .f_ano, .f_cpf,
.f_cep, .f_ddd, .f_endereco, .f_matricula, .f_tel, .f_cnh, .f_cnpj, .f_placa { }


.iframe { margin:0; background:#FFF; padding-top:42px }
.iframe iframe { width:100%; height:100%; border:none; margin:0; padding:0 }



/* CONTEUDO */
.conteudo { margin:0 15px; background:#FFF; padding-top:42px }
.conteudo h2 { font:normal 20px 'OpenSans'; letter-spacing:-0.8px; background:#00397F; margin:0; padding:7px 10px; color:#FFF }
.conteudo p { margin:20px 0 }

.centraliza { text-align:center; padding:20px 0 }
.aesquerda { text-align:left; padding:20px 0; margin-left:15px }
.aesquerda button.btntxt { padding:0 13px }
.aesquerda #CPH_Conteudo_btnCamera { margin-left:0 }

.d50_3 { width:calc(50% - 42px) }

.t50 { width:calc(50% - 32px) }
.t50_1 { width:calc(50% - 100px) }
.t50_2 { width:calc(50% - 10px) }
.t50_3 { width:50% }

.t70d { width:calc(70% - 8px) }
.t30d { width:calc(30% - 12px) }
.t30d_1 { width:calc(30% - 2px) }

.t40d { width:calc(40% - 8px) }
.t60d { width:calc(60% - 2px) }

.t100 { width:calc(100% - 32px) }
.t100_0 { width:calc(100% - 18px) }
.t100_1 { width:calc(100% - 100px) }
.t100_1b { width:calc(100% - 79px) }
.t100_1c { width:calc(100% - 92px) }
.t100_1d { width:calc(100% - 90px) }
.t100_2 { width:calc(100% - 160px) }
.t100_f { width:calc(100% - 23px) }
.t100_t { width:calc(100% - 42px) }
.t100_t2 { width:calc(100% - 40px) }
.t100_t3 { width:calc(100% - 20px) }

.requisitos { padding:15px; border:1px solid #6786a3; margin:20px 10px }
.requisitos p, .requisitos span { font:normal 13px 'OpenSans', sans-serif }
.requisitos p { margin:0 0 10px 0 }
.requisitos span { display:block; line-height:22px; vertical-align:top; transition:0.4s }
.requisitos span img { width:14px; margin:4px 7px 0 0; vertical-align:top; line-height:22px; transition:0.4s }
.requisitos span.ok { color:#009a2d }
.requisitos span.ok img { filter:invert(32%) sepia(94%) saturate(1303%) hue-rotate(117deg) brightness(93%) contrast(104%) }

.dados-imagem { padding:0 0 3px 10px; border:1px solid #6786a3; margin:0 15px 20px 15px; position:relative }
.dados-imagem div.icone { width:61px; height:36px; background:#6786a3; position:absolute; left:0; top:0 }
.dados-imagem div.icone span { font:normal 17px 'OpenSansSemiBold'; color:#FFF; text-align:center; margin-top:2px; display:block }
.dados-imagem img { width:40px; filter:invert(100) brightness(1000); margin:7px 0 0 10px }
.dados-imagem img.montadora { position:absolute; filter:none; display:inline-block; max-width:95px; max-height:40px; width:auto; height:auto; margin:0; right:5px; bottom:5px }
.dados-imagem h3, .dados-imagem h4, .dados-imagem h5, .dados-imagem h6, 
.dados-imagem span, .dados-imagem p { font:14px 'OpenSansSemiBold'; margin:0; padding:3px 0; display:inline-block; vertical-align:top }
.dados-imagem.mt-1 h3 { color:#00397F; margin-bottom:0 }
.dados-imagem strong { font-family:'OpenSansSemiBold'; font-weight:normal; color:#00397F; padding-right:3px }
.dados-imagem h3 { display:block; border-bottom:1px solid #6786a3; margin:0 0 5px 50px; height:35px; line-height:35px; padding:0 0 0 10px; font-size:18px; color:#CF2134 }
.dados-imagem p, .dados-imagem h5  { width:160px }
.dados-imagem.parada p { text-align:center; width:42px; background:#CCC; margin:0 9px 2px -10px; font:24px/28px 'OpenSansBold' }
.dados-imagem.parada p:last-child { margin-right:0 }
.dados-imagem.parada p.atual { background:#00397F; color:#FFF }
.dados-imagem h4, .dados-imagem h6 { width:130px }
.dados-imagem ul { display:block; width:calc(100% - 10px); padding:5px 0 }
.dados-imagem ul li { display:block; width:100%; font:normal 14px 'OpenSansSemiBold'; margin-bottom:10px }
.dados-imagem ul li span { display:block; color:#00397F; font:normal 14px 'OpenSansSemiBold' }
.dados-imagem ul li p { display:inline-block; vertical-align:top; width:auto; margin:0 0 0 20px; padding:0 }
.dados-imagem ul li p:first-child { margin-left:0 }
.dados-imagem ul.limb5 li { margin-bottom:5px }
.dados-imagem .embarque input[type="text"]:read-only { text-align:center; font:28px 'OpenSansBold'; color:#000 !important }
.dados-imagem .embarque input[type="button"] { margin:0; font-size:24px; padding:8px 20px }

.dados-imagem-mini { padding:0 0 3px 10px; border-top:1px solid #6786a3; margin:10px 15px 0 15px; position:relative }
.dados-imagem-mini div.icone { width:41px; height:26px; background:#6786a3; position:absolute; left:0; top:0 }
.dados-imagem-mini img { width:25px; filter:invert(100) brightness(1000); margin:9px 0 0 9px }
.dados-imagem-mini h3 { font:16px 'OpenSansSemiBold'; border-bottom:1px solid #6786a3; border-right:1px solid #6786a3; margin:0 0 5px 32px; height:25px; line-height:25px; padding:0 0 0 7px; display:block; color:#CF2134; vertical-align:top }

.alerta { border:1px solid #CF2134; text-align:center; color:#FFF; margin:0 15px; background:#CF2134; font:normal 16px/30px 'OpenSansBold';  }

.dados { border:1px solid #6786a3; margin:20px 15px 0 15px; position:relative }
.dados h3 { font:normal 14px 'OpenSansSemiBold'; background:#6786a3; margin:0; padding:3px 10px; color:#FFF }
.dados h5 { font:normal 14px 'OpenSansSemiBold'; text-align:left; margin:-10px 10px 10px 10px; padding:0; color:#00397F }
.dados h5 span { font:normal 14px 'OpenSansSemiBold' }
.dados h6 { font:normal 18px 'OpenSansSemiBold'; color:#CF2134; margin:5px 12px }
.dados ul { display:block; width:calc(100% - 20px); padding:5px 0 5px 10px }
.dados ul li { display:block; width:100%; font:normal 14px 'OpenSansSemiBold'; margin-bottom:10px }
.dados ul li span { display:block; color:#00397F; font:normal 14px 'OpenSansSemiBold' }
.dados ul li p { display:inline-block; vertical-align:top; width:auto; margin:0 0 0 20px; padding:0 }
.dados ul li p:first-child { margin-left:0 }
.dados ul.limb5 li { margin-bottom:5px }
.dados .mini-botao { position:absolute; right:0; bottom:0; font-size:12px; padding:4px 10px }

h5.total_grid { font:normal 14px 'OpenSansSemiBold'; text-align:right; margin:5px 15px 0 0; padding:0; color:#00397F }
.total_titulo { font:normal 14px 'OpenSansSemiBold'; margin:0; padding:0; color:#FFF; position:absolute; right:10px }

.dados-sem-borda { margin:20px 15px 0 15px }
.dados-sem-borda h3 { font:normal 16px 'OpenSansSemiBold'; padding:3px 7px; text-transform:uppercase; border:1px solid #6786a3; margin:10px 0 0 0; color:#00397F }
.dados-sem-borda h4 { font:normal 16px 'OpenSansSemiBold'; padding:0; text-transform:uppercase; margin:10px 0 20px 0; color:#00397F }
.dados-sem-borda .avaria { position:relative; border:1px solid #6786a3; padding:5px 10px 0 10px; border-left:10px solid #6786a3 }
.dados-sem-borda .avaria-nova { border:1px solid #0069cc; border-left:10px solid #0069cc }
.dados-sem-borda .avaria input { position:absolute; right:1px; top:3px; width:24px; height:30px; background:url("../images/excluir.svg") no-repeat center; background-size:22px; filter:invert(24%) sepia(44%) saturate(4304%) hue-rotate(337deg) brightness(84%) contrast(100%) }
.dados-sem-borda .avaria p { display:inline-block; font-size:13px; line-height:15px; margin:0; color:#00397F; vertical-align:top }
.dados-sem-borda .avaria span { display:inline-block; font-size:13px; line-height:15px; margin:0 0 0 3px; vertical-align:top }
.dados-sem-borda .sem-avarias p { text-align:center; margin:40px 0; font:16px/24px 'OpenSansItalic'; }

.rampas { padding-bottom:10px }
.rampas .square { float:left; position:relative; width:15%; padding-bottom:15%; margin:1% 0.5%; overflow:hidden }
.rampas .content { position:absolute; height:90%; width:90%; padding:5% }
.rampas p { display:table; width:100%; height:100% }
.rampas input[type="button"] { display:table-cell; text-align:center; vertical-align:middle; width:100%; height:100%; background:#CCC; color:#333; padding:0; font-size:26px }
.rampas input[type="button"].selecionado { background:#00397F; color:#FFF }

.lbComCamera #CPH_Conteudo_btnCamera { margin:-1px 0 0 -5px; display:inline-block; padding:0 12px; width:61px }
.lbComCamera .listbox, .lbComCamera .listbox2 { margin-right:-4px; margin-left:3px }
.lbComCamera .btnMaisMenos { width:61px; margin-top:1px; display:inline-block; vertical-align:top }
.lbComCamera .btnMaisMenos button:first-child { margin-bottom:22px }

.quadrante { text-align:center; margin-bottom:10px }
.quadrante label { text-align:left; margin-left:10px }
.quadrante input { background:#CCC; text-align:center; color:#000; width:80px; height:60px; margin:5px }
.quadrante input.selecionado { background:#CF2134; color:#FFF }

.setores { margin:10px 0 20px 0; padding-bottom:10px }
.setores p { display:inline-block; margin:10px 0 0 10px; padding:20px 0 20px 7px; vertical-align:top; width:calc(50% - 24px) }
.setores p.amarelo { background-color:#FFF729 }
.setores p.azul { background:#1030A5 }
.setores p.laranja { background:#FF8629 }
.setores p.vermelho { background:#EF1821 }
.setores input[type="radio"] { display:none }
.setores input[type="radio"] + label { background:url("../images/checkbox.svg") no-repeat 0 0; background-size:16px; color:#000; margin:0 20px 0 0; padding-left:22px; height:16px; display:inline-block; text-transform:uppercase; font:16px/16px 'OpenSansSemiBold' }
.setores input[type="radio"]:checked + label { background:url("../images/checkbox.svg") no-repeat 0 -16px; background-size:16px }
.setores p.azul input[type="radio"] + label, 
.setores p.vermelho input[type="radio"] + label { color:#FFF; background:url("../images/checkbox_branco.svg") no-repeat 0 0; background-size:16px } 
.setores p.azul input[type="radio"]:checked + label, 
.setores p.vermelho input[type="radio"]:checked + label { background:url("../images/checkbox_branco.svg") no-repeat 0 -16px; background-size:16px }

.checklist_item { text-transform:none }
.checklist_item_azul { table-layout:fixed }
.checklist_item tr td:nth-child(even) { background:#FFF }
.checklist_item tr td { text-align:left; border-bottom:1px solid #BBB }
.checklist_item tr th { background:#AAA; text-align:left }
.checklist_item_azul tr th { background:#6786a3; font:normal 14px 'OpenSansSemiBold'; padding:3px 10px }
.checklist_item tr th.r { width:25px; text-align:center }
.checklist_item_azul tr th.r { padding-left:0; padding-right:0; width:46px }
.checklist_item tr td:first-child { font:normal 14px/16px 'OpenSansBold', sans-serif; width:25px }
.checklist_item_azul tr td:first-child { padding:7px 10px }
.checklist_item tr td h4,
.checklist_item tr.marcar_todos td span { font:normal 14px/16px 'OpenSansSemiBold', sans-serif }
.checklist_item tr td p { font:normal 12px/14px 'OpenSans', sans-serif; margin:5px 0 }
.checklist_item tr td.checks { padding:0; text-align:center }
.checklist_item tr td.checks span { display:block; vertical-align:top }
.checklist_item tr td.checks input[type="radio"],
.checklist_item tr.marcar_todos td input[type="checkbox"] { display:none }
.checklist_item tr td.checks input[type="radio"] + label,
.checklist_item tr.marcar_todos td input[type="checkbox"] + label { background:#FFF; transition:1s; border:1px solid #CCC; vertical-align:top; color:#000; margin:5px 1px; width:31px; height:31px; display:inline-block; text-indent:-9999px; font-size:1px }
.checklist_item tr td.checks input[type="radio"]:checked + label { background:#27A139; background-size:35px }
.checklist_item tr.marcar_todos td input[type="checkbox"]:checked + label { background:#FFF; background-size:35px }
.checklist_item tr td.checks input[type="radio"]:checked + label:nth-child(4),
.checklist_item_azul tr td.checks:nth-child(3) input[type="radio"]:checked + label { background:#CF2134 }
.checklist_item tr td.checks input[type="radio"]:checked + label:nth-child(6) { background:#CCC }
.checklist_item tr.marcar_todos td { background:#F0F0F0 }
.checklist_item tr.marcar_todos td:nth-child(2) { padding:0 }


.motivo { left:-9999px; position:absolute }
.motivo div { position:absolute; width:292px; height:182px; margin:-91px 0 0 -146px; background-color:#FFF; top:50%; left:50% }
.motivo.loading { z-index:999 }


.manuais-montadoras p { display:block; margin:20px; border:1px solid #CCC; text-align:center; font-size:1px }
.manuais-montadoras p#stellantis { height:133px; line-height:133px }
.manuais-montadoras p img { width:100% }
.manuais-montadoras p#stellantis img { width:calc(100% - 40px); max-height:96px; vertical-align:middle }
.galeria-manual { position:absolute; font-size:1px; z-index:999; background:#000 }
.galeria-manual img { width:calc(100% - 2px); margin-top:1px }
.galeria-manual img:last-child { margin-bottom:38px }
.galeria-manual a.botao { position:fixed; bottom:20px; right:20px }

.obs_confirma h2 { font:normal 20px 'OpenSans'; letter-spacing:-0.8px; background:#00397F; margin:0; padding:7px 10px; color:#FFF }
.obs_confirma .radio { margin:10px 10px 0 10px }
.obs_confirma .radio input, .obs_confirma .radio input[type="radio"]+label { margin:7px 0 }
.obs_confirma textarea { margin:10px }


/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background:url(../images/fancybox_overlay.png) }
.cssload-wrap { position:fixed; border:1px solid #CCC; width:230px; height:130px; background-color:#FFF; top:50%; left:50%; opacity:0.9; margin:-65px 0 0 -115px; z-index:999; text-align:center }
.cssload-wrap p { display:block; text-align:center; font:normal 16px/22px 'OpenSansBold', sans-serif; color:#000; padding:25px 0 10px 0 }
.cssload-container { display:inline-block }
.cssload-dots { display:inline-block; position:relative }
.cssload-dots:not(:last-child) { margin-right:12px }
.cssload-dots:before, .cssload-dots:after { content:""; display:inline-block; width:8px; height:8px; border-radius:50%; position:absolute }
.cssload-dots:nth-child(1):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-1.04s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(1):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-1.04s; background-color:rgba(0,57,127,0.97) }
.cssload-dots:nth-child(2):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-2.07s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(2):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-2.07s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(3):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-3.11s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(3):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-3.11s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(4):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-4.14s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(4):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-4.14s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(5):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-5.18s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(5):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-5.18s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(6):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-6.21s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(6):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-6.21s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(7):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-7.25s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(7):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-7.25s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(8):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-8.28s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(8):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-8.28s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(9):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-9.32s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(9):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-9.32s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(10):before { transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; animation-delay:-10.35s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(10):after { transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite; animation-delay:-10.35s; background-color:rgb(0,57,127) }
@keyframes cssload-animBefore { 0% { transform:scale(1) translateY(-200%); z-index:1 } 25% { transform:scale(1.3) translateY(0); z-index:1	}
	50% {
		transform:scale(1) translateY(200%);
		z-index:-1;
	}
	75% {
		transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	100% {
		transform:scale(1) translateY(-200%);
		z-index:-1;
	}
}
@-o-keyframes cssload-animBefore {
	0% {
		-o-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	25% {
		-o-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	50% {
		-o-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	75% {
		-o-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	100% {
		-o-transform:scale(1) translateY(-200%);
		z-index:-1;
	}
}
@-ms-keyframes cssload-animBefore {
	0% {
		-ms-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	25% {
		-ms-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	50% {
		-ms-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	75% {
		-ms-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	100% {
		-ms-transform:scale(1) translateY(-200%);
		z-index:-1;
	}
}
@-webkit-keyframes cssload-animBefore { 0% { -webkit-transform:scale(1) translateY(-200%); z-index:1 } 25% { -webkit-transform:scale(1.3) translateY(0); z-index:1 }
                                       50% { -webkit-transform:scale(1) translateY(200%); z-index:-1 } 75% { -webkit-transform:scale(0.7) translateY(0); z-index:-1; } 100% { -webkit-transform:scale(1) translateY(-200%); z-index:-1 } }
@-moz-keyframes cssload-animBefore { 0% { -moz-transform:scale(1) translateY(-200%); z-index:1 } 25% { -moz-transform:scale(1.3) translateY(0); z-index:1 } 50% { -moz-transform:scale(1) translateY(200%); z-index:-1 }
                                    75% { -moz-transform:scale(0.7) translateY(0); z-index:-1 } 100% { -moz-transform:scale(1) translateY(-200%); z-index:-1 } }
@keyframes cssload-animAfter { 0% {	transform:scale(1) translateY(200%); z-index:-1 } 25% { transform:scale(0.7) translateY(0); z-index:-1 } 50% { transform:scale(1) translateY(-200%); z-index:1 }
                              75% { transform:scale(1.3) translateY(0); z-index:1 } 100% { transform:scale(1) translateY(200%); z-index:1 } }
@-o-keyframes cssload-animAfter { 0% { -o-transform:scale(1) translateY(200%); z-index:-1 } 25% { -o-transform:scale(0.7) translateY(0); z-index:-1 } 50% { -o-transform:scale(1) translateY(-200%); z-index:1 }
                                 75% { -o-transform:scale(1.3) translateY(0); z-index:1 } 100% { -o-transform:scale(1) translateY(200%); z-index:1 } }
@-ms-keyframes cssload-animAfter { 0% { -ms-transform:scale(1) translateY(200%); z-index:-1 } 25% { -ms-transform:scale(0.7) translateY(0); z-index:-1 } 50% { -ms-transform:scale(1) translateY(-200%); z-index:1 }
                                  75% {	-ms-transform:scale(1.3) translateY(0); z-index:1 } 100% { -ms-transform:scale(1) translateY(200%); z-index:1 } }
@-webkit-keyframes cssload-animAfter {
	0% {
		-webkit-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	25% {
		-webkit-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	50% {
		-webkit-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	75% {
		-webkit-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	100% {
		-webkit-transform:scale(1) translateY(200%);
		z-index:1;
	}
}
@-moz-keyframes cssload-animAfter {
	0% {
		-moz-transform:scale(1) translateY(200%);
		z-index:-1;
	}
	25% {
		-moz-transform:scale(0.7) translateY(0);
		z-index:-1;
	}
	50% {
		-moz-transform:scale(1) translateY(-200%);
		z-index:1;
	}
	75% {
		-moz-transform:scale(1.3) translateY(0);
		z-index:1;
	}
	100% {
		-moz-transform:scale(1) translateY(200%);
		z-index:1;
	}
}