/* FONT FACE */
@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.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.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.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.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.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.ttf') format('truetype'), url('webfonts\\opensans-semibolditalic.svg#OpenSansSemiBoldItalic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'OpenSanslightItalic'; src:url('webfonts\\opensans-lightitalic.eot'); src:url('webfonts\\opensans-lightitalic.eot?#iefix') format('embedded-opentype'), url('webfonts\\opensans-lightitalic.woff') format('woff'), url('webfonts\\opensans-lightitalic.ttf') format('truetype'), url('webfonts\\opensans-lightitalic.svg#open_sanslight_italic') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DINAlternateLight'; src:url('webfonts\\din_alternate_light.eot'); src:url('webfonts\\din_alternate_light.eot?#iefix') format('embedded-opentype'), url('webfonts\\din_alternate_light.woff') format('woff'), url('webfonts\\din_alternate_light.ttf') format('truetype'), url('webfonts\\din_alternate_light.svg#din_alternate_light') format('svg'); font-weight:normal; font-style:normal }
@font-face { font-family:'DINAlternateMedium'; src:url('webfonts\\din_mediumalternate.eot'); src:url('webfonts\\din_mediumalternate.eot?#iefix') format('embedded-opentype'), url('webfonts\\din_mediumalternate.woff') format('woff'), url('webfonts\\din_mediumalternate.ttf') format('truetype'), url('webfonts\\din_mediumalternate.svg#din_mediumalternate') 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; font-size:100%; font:inherit; font-family:'OpenSans', sans-serif; vertical-align:baseline }
* { font-family:'OpenSans', sans-serif }
select, input, textarea { outline:none; resize:none }
textarea { overflow:auto }


.hidden { display:none !important; visibility:hidden !important }
.msg_erro { color:#C9302C; font-size:13px; margin:10px }
.alert_message { text-align:center; padding:20px 20px 10px 20px; width:300px }
.alert_message p { font-size:14px; padding:20px 40px; line-height:18px }
.alert_message input[type="button"] { margin-right:10px }

.select { position:relative; display:inline-block; vertical-align:middle; box-shadow:inset 0 0 6px rgba(0, 0, 0, .17); margin-right:20px; font-size:13px; background:#FFF; border:1px solid #BCBEBF }
.select select { cursor:pointer; width:100%; background:none; border:1px solid transparent; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none; box-sizing:border-box; appearance:none; -webkit-appearance:none; font-size:13px; color:#000; padding:0 8px; line-height:29px }
.select::after { content:""; position:absolute; width:16px; height:16px; top:6px; right:5px; background:url("../img/arrow-select.svg") no-repeat center; filter:invert(80%) sepia(4%) saturate(1181%) hue-rotate(165deg) brightness(86%) contrast(82%); background-size:10px; z-index:2; pointer-events:none }
.select option { font-weight:normal	}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { font-size:14px; -webkit-font-smoothing:antialiased; line-height:1.5; color:#000; background-color:#F1F2F3; background-image:radial-gradient(center 500px, ellipse closest-side, #fff,#f2f3f4 200px,#d2d4d5 400px); }
body.login { line-height:1; background:#000 url('/img/fundo_stellantis.jpg') no-repeat center center fixed; background-size:cover }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
.clear { clear:both; font-size:1px; height:1px; line-height:1px; display:block }
.maiusculo { text-transform:uppercase !important }
.left { float:left !important }
.right { float:right !important }
.direita { text-align:right !important }
.esquerda { text-align:left !important }
.centro { text-align:center !important }
.mr0 { margin-right:0 !important }
.mt20 { margin-top:20px !important }


label { font-size:13px; color:#444; line-height:20px; font-weight:500; display:inline-block; vertical-align:top; margin-top:6px; margin-right:10px }
input[type="text"], input[type="password"], textarea { font-size:13px; background:#FFF; border:1px solid #BCBEBF; line-height:30px; vertical-align:middle; outline:none; box-shadow:inset 0 0 6px rgba(0, 0, 0, .17); padding:0 8px; color:#000; display:inline-block; margin-right:20px; margin-bottom:20px }
textarea { vertical-align:top }
input[type="button"], input[type="submit"] { color:#FFF; cursor:pointer; text-transform:uppercase; border:none; background-color:#243782; vertical-align:middle; font-weight:lighter; font-size:14px; text-align:center; padding:7px 20px; margin-bottom:20px }
@-moz-document url-prefix() { input[type="button"], input[type="submit"] { padding:3px 23px } }
input[type="button"]:hover, input[type="submit"]:hover, span.btnTopo:hover { background-color:#698295; transition:1s }

a { color:#E10025; cursor:pointer; text-decoration:none; font-size:12px }
a:hover { color:#999; transition:1s }

.js .custom-inputfile { width:0.1px; height:0.1px; opacity:0; overflow:hidden; position:absolute; z-index:-1 }
.custom-inputfile + label { text-overflow:ellipsis; cursor:pointer; margin:0; background:#243782 url(../img/excel.svg) no-repeat 212px center; background-size:16px; line-height:16px; vertical-align:middle; padding:7px 40px 7px 20px }
.no-js .custom-inputfile + label { display:none }
.custom-inputfile + label:hover { opacity:0.5 }
.custom-inputfile + label * { /* pointer-events:none; */ }
.custom-inputfile + label span { color:#FFF; font-weight:lighter; font-size:13px }
.fileupload { position:relative; display:inline-block }


table { border-spacing:0px; margin:40px 0 20px 0; width:100% }
table tbody th, table tbody td { border-collapse:collapse; padding:7px 5px; text-align:center; vertical-align:middle }
table tbody th { border-top:1px solid #666; border-left:1px solid #666; font:normal 12px 'OpenSansBold', sans-serif; background:#1A478C; color:#FFF; text-transform:uppercase }
table tbody td { border-bottom:1px solid #DDD; border-left:1px solid #DDD; font:normal 11px 'OpenSans', sans-serif; background:#FFF; color:#333 }
table tbody th:last-child, table tbody td:last-child { border-right:1px solid #DDD }
table tr:nth-child(odd) td { background:#F9F9F9 }
table tr:nth-child(even) td { background:#FFF }
table tbody tr:hover td { background:#F1EFBC }

table tbody tr.sem-resultados, table tbody tr.sem-resultados:hover { background:none }
table tbody tr.sem-resultados td { background:none; border:none; font:normal 16px 'OpenSansSemiBoldItalic', sans-serif; padding:60px 0 40px 0 }

p.total_registros { position:absolute; font:normal 13px 'OpenSans', sans-serif; text-align:right; right:40px; top:175px; margin:0 }
p.total_registros span { font:normal 13px 'OpenSansBold', sans-serif; text-transform:uppercase; margin-right:5px; margin-left:20px }
p.total_registros2 { text-align:center; margin:40px 0 -40px 0; padding:7px 5px; width:290px; color:#FFF; font:normal 12px 'OpenSans', sans-serif; border-top:1px solid #666; border-left:1px solid #666; background:#1A478C }
p.total_registros2 span { font:normal 12px 'OpenSansBold', sans-serif; text-transform:uppercase; color:#FFF }
p.veiculos_presentes { position:absolute; width:200px; top:170px; left:calc(50% - 100px); font:normal 13px 'OpenSans', sans-serif; text-align:center }
p.veiculos_presentes span { font:normal 13px 'OpenSansBold', sans-serif; text-transform:uppercase; margin-right:5px }

table tr .l30 { width:30px }
table td a, table td input { text-indent:-99999px; background-repeat:no-repeat; background-position:0 0; padding:0 !important; display:inline-block; vertical-align:top; width:20px; height:20px; background-size:contain }
table td a:hover, table input a:hover { opacity:0.5; padding:0; font-size:1px }
table td a.fotos { background-image:url('../img/fotos.svg'); filter:invert(15%) sepia(25%) saturate(6466%) hue-rotate(220deg) brightness(98%) contrast(89%) }
table td a.pdf { background-image:url('../img/pdf.svg'); color:#E10025; filter:invert(10%) sepia(96%) saturate(6917%) hue-rotate(346deg) brightness(87%) contrast(104%) }
table td a.zip { background-image:url('../img/zip.svg'); color:#926e09; filter:invert(36%) sepia(100%) saturate(374%) hue-rotate(7deg) brightness(98%) contrast(102%) }

table tbody tr.paginacao, table tbody tr.paginacao:hover td { background:#FFF }
.paginacao td table { width:auto; margin:20px auto }
.paginacao td table td { border-top:1px solid #DDD; padding:0 }
.paginacao a, .paginacao span { text-indent:initial; font-size:11px; color:#428BCA; padding:2px 0; width:32px; display:inline-block; line-height:20px; margin-left:-1px }
.paginacao a:hover { background:#CCC; color:#333; text-decoration:none }
.paginacao span { background:#428BCA; color:#FFF; cursor:default }


/* Topo */
.topo { background:#FFF; height:30px; border-bottom:1px solid #D6D6D6; margin-bottom:30px }
.topo h1 { position:absolute; margin:50px 0 0 10px; width:150px; text-align:left }
.topo h2 { position:absolute; margin:130px 0 0 10px; width:150px; text-align:left }
.topo h1 img, .topo h2 img { margin:7px 0 10px 0; width:106px }
.usuario { text-align:right; margin-right:13px }
.usuario a { font:normal 12px 'OpenSans', sans-serif; margin:0 7px }
.usuario span { font:normal 12px 'OpenSans', sans-serif; margin:0 7px; display:inline-block; padding-top:7px }


/* Index */
.menu { float:left; width:124px; margin:130px 0 0 0 }
.menu li { width:124px; margin-bottom:1px }
.menu li a { display:block; height:50px; padding:12px 10px; font-size:11px; text-align:center; color:#243782; line-height:14px; background:#E6E6E6; font-family:'OpenSansSemiBold', sans-serif }
.menu li a img { height:24px; filter:invert(17%) sepia(72%) saturate(1667%) hue-rotate(212deg) brightness(92%) contrast(95%) }
.menu li a:hover { transition:all 0.6s ease; text-decoration:none; background-color:#243782; color:#FFF }
.menu li a:hover img { filter:invert(98%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(110%) contrast(101%) }
.menu li a.ativado { background:#243782; color:#FFF }
.menu li a.ativado img { filter:invert(98%) sepia(0%) saturate(0%) hue-rotate(192deg) brightness(110%) contrast(101%) }
.menu li a.ativado:hover { background:#243782; color:#FFF; cursor:default }

.conteudo { float:left; width:calc(100% - 144px) }
.conteudo h2 { font:normal 20px 'OpenSansBold', sans-serif; margin:0 0 40px 30px }

.filtro { background:#E9E9E9; padding:11px 0; margin:-21px 0 0 30px; padding:20px }
.filtro label { color:#333 }
.filtro input[type="text"] { margin-bottom:0 }
.filtro input.buscar { background:#243782 url(../img/buscar.svg) no-repeat center center; background-size:16px; padding:6px 20px; margin:0 }
.filtro input.buscar:hover { background:#8b9aa7 url(../img/buscar.svg) no-repeat center center; background-size:16px }
.filtro input.excel { background:#1F6B41 url(../img/excel.svg) no-repeat center center; background-size:16px; padding:6px 20px; margin:0 }
.filtro input.excel:hover { background:#8b9aa7 url(../img/excel.svg) no-repeat center center; background-size:16px }
.filtro input#CPH_Content_btnImportarExcel { background-position-x:140px; float:right; padding-right:35px }

.slider_img { position:relative; overflow:hidden }
.slider_img ul { position:relative; vertical-align:middle; height:442px; list-style:none; margin:0 }
.slider_img ul li { position:relative; display:inline-block; margin:0; padding:0; width:768px; height:472px; text-align:center; background:none }
.slider_img ul li p { font:13px/1 'OpenSansItalic'; margin:5px 0; color:#FFF }
.slider_img ul li span { position:absolute; right:0; padding-right:5px }
.slider_img a.control_prev, 
.slider_img a.control_next { position:absolute; top:120px; z-index:999; height:100px; line-height:100px; display:block; padding:0 10px; background:#444; color:#FFF; text-decoration:none; cursor:pointer }
.slider_img a.control_prev:hover, 
.slider_img a.control_next:hover { opacity:0.5; -webkit-transition:all 0.2s ease }
.slider_img a.control_prev { left:0; border-radius:0 2px 2px 0 }
.slider_img a.control_next { right:0; border-radius:2px 0 0 2px }

.fotos_avarias_jf { padding:20px }
.fotos_avarias_jf h3 { font:normal 15px 'OpenSansBold', Arial; text-transform:uppercase; color:#333; margin:0 0 35px 0 }
.fotos_avarias_jf .foto_popup_fotografia { background:#000 url("/img/loading_sv_preto.gif") no-repeat center center; width:768px; height:422px; margin:-15px 0 20px 0 }
.fotos_avarias_jf .foto_popup_fotografia .slider_img ul li img { max-width:768px; height:422px }
.fotos_avarias_jf .foto_popup_fotografia .slider_img ul li span { display:block; padding:0; right:initial; position:initial; letter-spacing:0.35px; font:14px/1 'OpenSansItalic' }

.tracking { margin:40px 0 0 -10px }
.tracking li { display:block; margin:0 0 10px 10px; float:left; width:calc(16.6% - 12px); vertical-align:middle; background:#F1F2F3; text-align:center; border:1px solid #DDD }
.tracking li:hover { border:1px solid #428BCA; transition:1s }
.tracking li a { display:block }
.tracking li a p { height:150px; vertical-align:bottom }
.tracking li a p img { width:80%; display:block; max-height:80px; padding:30px 10% }
.tracking li a strong { font:normal 14px/18px 'OpenSans', Arial; display:block; margin:0 5px; height:48px }
.tracking li a span { display:block; padding:7px 0; margin-top:10px; color:#FFF; font:normal 22px/30px 'OpenSansSemiBold', Arial; background:#428BCA }
.tracking li a:hover { color:#428BCA }
.tracking li a.aspNetDisabled { cursor:default }
.tracking li a.aspNetDisabled:hover { color:#E10025 }
.tracking li:has(a.aspNetDisabled):hover { border:1px solid #DDD; transition:none }
.tracking li a.data span { font-size:18px }
.tracking li a.data.atual { background-color:#b7ddff }


.popup_janela { padding:20px }
.popup_janela table { margin:0 }
.popup_janela h2 { font:normal 16px/18px 'OpenSansSemiBold', Arial; color:#428BCA; margin:0 0 20px 0 }
.popup_janela input.excel { position:absolute; right:20px; top:15px; background:#1F6B41 url(../img/excel.svg) no-repeat center center; background-size:16px; padding:6px 20px; margin:0 }
.popup_janela input.excel:hover { background:#8b9aa7 url(../img/excel.svg) no-repeat center center; background-size:16px }
.popup_janela table tr.marca_tr td { background:#d2e9fe }

/* LOADING */
.loading { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background:url(../img/fancybox_overlay.png) }
.cssload-wrap { position:fixed; border:1px solid #CCC; width:270px; height:130px; background-color:#FFF; top:50%; left:50%; opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter:alpha(opacity=90); margin:-65px 0 0 -135px; z-index:999; text-align:center }
.cssload-wrap p { display:block; text-align:center; font:normal 16px "DINAlternateMedium", sans-serif; color:#000; padding:30px 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%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite; 
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite; 
                                    animation-delay:-1.04s; -o-animation-delay:-1.04s; -ms-animation-delay:-1.04s; -webkit-animation-delay:-1.04s; -moz-animation-delay:-1.04s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(1):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-1.04s; -o-animation-delay:-1.04s; -ms-animation-delay:-1.04s; -webkit-animation-delay:-1.04s; -moz-animation-delay:-1.04s; background-color:rgba(0,57,127,0.97) }
.cssload-dots:nth-child(2):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-2.07s;	-o-animation-delay:-2.07s; -ms-animation-delay:-2.07s; -webkit-animation-delay:-2.07s; -moz-animation-delay:-2.07s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(2):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-2.07s; -o-animation-delay:-2.07s; -ms-animation-delay:-2.07s; -webkit-animation-delay:-2.07s; -moz-animation-delay:-2.07s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(3):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-3.11s; -o-animation-delay:-3.11s; -ms-animation-delay:-3.11s; -webkit-animation-delay:-3.11s; -moz-animation-delay:-3.11s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(3):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-3.11s; -o-animation-delay:-3.11s; -ms-animation-delay:-3.11s; -webkit-animation-delay:-3.11s; -moz-animation-delay:-3.11s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(4):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-4.14s; -o-animation-delay:-4.14s; -ms-animation-delay:-4.14s; -webkit-animation-delay:-4.14s; -moz-animation-delay:-4.14s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(4):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-4.14s; -o-animation-delay:-4.14s; -ms-animation-delay:-4.14s; -webkit-animation-delay:-4.14s; -moz-animation-delay:-4.14s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(5):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-5.18s; -o-animation-delay:-5.18s; -ms-animation-delay:-5.18s; -webkit-animation-delay:-5.18s; -moz-animation-delay:-5.18s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(5):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-5.18s; -o-animation-delay:-5.18s; -ms-animation-delay:-5.18s; -webkit-animation-delay:-5.18s; -moz-animation-delay:-5.18s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(6):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-6.21s; -o-animation-delay:-6.21s; -ms-animation-delay:-6.21s; -webkit-animation-delay:-6.21s; -moz-animation-delay:-6.21s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(6):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-6.21s; -o-animation-delay:-6.21s; -ms-animation-delay:-6.21s; -webkit-animation-delay:-6.21s; -moz-animation-delay:-6.21s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(7):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-7.25s; -o-animation-delay:-7.25s; -ms-animation-delay:-7.25s; -webkit-animation-delay:-7.25s; -moz-animation-delay:-7.25s; background-color:rgba(225,0,37,0.98) }
.cssload-dots:nth-child(7):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-7.25s; -o-animation-delay:-7.25s; -ms-animation-delay:-7.25s; -webkit-animation-delay:-7.25s; -moz-animation-delay:-7.25s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(8):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-8.28s; -o-animation-delay:-8.28s; -ms-animation-delay:-8.28s; -webkit-animation-delay:-8.28s; -moz-animation-delay:-8.28s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(8):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-8.28s; -o-animation-delay:-8.28s; -ms-animation-delay:-8.28s; -webkit-animation-delay:-8.28s; -moz-animation-delay:-8.28s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(9):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                    -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                    animation-delay:-9.32s; -o-animation-delay:-9.32s; -ms-animation-delay:-9.32s; -webkit-animation-delay:-9.32s; -moz-animation-delay:-9.32s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(9):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                   -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                   animation-delay:-9.32s; -o-animation-delay:-9.32s; -ms-animation-delay:-9.32s; -webkit-animation-delay:-9.32s; -moz-animation-delay:-9.32s; background-color:rgb(0,57,127) }
.cssload-dots:nth-child(10):before { transform:translateY(-200%); -o-transform:translateY(-200%); -ms-transform:translateY(-200%); -webkit-transform:translateY(-200%); -moz-transform:translateY(-200%); animation:cssload-animBefore 1.15s linear infinite;
                                     -o-animation:cssload-animBefore 1.15s linear infinite; -ms-animation:cssload-animBefore 1.15s linear infinite; -webkit-animation:cssload-animBefore 1.15s linear infinite; -moz-animation:cssload-animBefore 1.15s linear infinite;
                                     animation-delay:-10.35s; -o-animation-delay:-10.35s; -ms-animation-delay:-10.35s; -webkit-animation-delay:-10.35s; -moz-animation-delay:-10.35s; background-color:rgb(225,0,37) }
.cssload-dots:nth-child(10):after { transform:translateY(200%); -o-transform:translateY(200%); -ms-transform:translateY(200%); -webkit-transform:translateY(200%); -moz-transform:translateY(200%); animation:cssload-animAfter 1.15s linear infinite;
                                    -o-animation:cssload-animAfter 1.15s linear infinite; -ms-animation:cssload-animAfter 1.15s linear infinite; -webkit-animation:cssload-animAfter 1.15s linear infinite; -moz-animation:cssload-animAfter 1.15s linear infinite;
                                    animation-delay:-10.35s; -o-animation-delay:-10.35s; -ms-animation-delay:-10.35s; -webkit-animation-delay:-10.35s; -moz-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;
	}
}