/* normalize.css v1.1.2 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display:block;}
audio,canvas,video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display:none;}
html {font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
button,html,input,select,textarea {font-family:sans-serif;}
body {margin:0;}
a:focus {outline:thin dotted;}
a:active,a:hover {outline:0;}
h1 {font-size:2em; margin:.67em 0;}
h2 {font-size:1.5em; margin:.83em 0;}
h3 {font-size:1.17em; margin:1em 0;}
h4 {font-size:1em; margin:1.33em 0;}
h5 {font-size:.83em; margin:1.67em 0;}
h6 {font-size:.67em; margin:2.33em 0;}
abbr[title] {border-bottom:1px dotted;}
b,strong {font-weight:bold;}
blockquote {margin:1em 40px;}
dfn {font-style:italic;}
hr {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box; height:0;}
mark {background:#ff0; color:#000;}
p,pre {margin:1em 0;}
code,kbd,pre,samp {font-family:monospace,serif; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes:none;}
q:after,q:before {content:''; content:none;}
small {font-size:80%;}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-.5em;}
sub {bottom:-.25em;}
dl,menu,ol,ul {margin:1em 0;}
dd {margin:0 0 0 40px;}
menu,ol,ul {padding:0 0 0 40px;}
nav ol,nav ul {list-style:none; list-style-image:none;}
img {border:0;-ms-interpolation-mode:bicubic;}
svg:not(:root) {overflow:hidden;}
figure {margin:0;}
form {margin:0;}
fieldset {border:1px solid silver; margin:0 2px; padding:.35em .625em .75em;}
legend {border:0; padding:0; white-space:normal;}
button,input,select,textarea {font-size:100%; margin:0; vertical-align:baseline;}
button,input {line-height:normal;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
button[disabled],html input[disabled] {cursor:default;}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; padding:0;}
input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top;}
table {border-collapse:collapse; border-spacing:0;}
@font-face {font-family:'Nickname'; src:url("assets/fonts/nickname.eot") format('embedded-opentype'),url("assets/fonts/nickname.woff2") format('woff2'),url("assets/fonts/nickname.woff") format('woff'),url("assets/fonts/nickname.ttf") format('truetype'),url("assets/fonts/nickname.svg") format('svg'); font-weight:400; font-style:400;}
body {background:#fff; color:#000; font-size:16px; font-weight:400;-webkit-transition:0.6 all ease;-moz-transition:0.6 all ease;-o-transition:0.6 all ease;-ms-transition:0.6 all ease; transition:0.6 all ease; margin:0;}
a {text-decoration:none;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease; transition:all 0.6s ease;}
dd,div,dl,h1,h2,h3,h4,h5,h6,li,ol,p,ul {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box;}
dd:first-child,div:first-child,dl:first-child,h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,li:first-child,ol:first-child,p:first-child,ul:first-child {margin-top:0;}
p {color:#000; margin:15px 0; line-height:1.25em;}
li,ol,table,ul {color:#000; font-size:16px;}
table {width:100%;}
h1,h2,h3,h4,h5,h6 {clear:both; font-style:400; font-weight:700; line-height:1em; color:#000;}
h1 {margin:1.5em auto;}
img {display:block; max-width:100%; margin:0;}
iframe {border:none;}
.dispTable {display:table; height:100%; width:100%;}
.dispCell {display:table-cell; vertical-align:middle; height:100%; width:100%;}
.section {max-width:1100px; margin:0 auto; padding:20px 50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; width:80%;}
.block {display:block; font-size:0; position:relative;}
.block:after {content:''; display:block; clear:both;}
.block > div {font-size:16px; display:inline-block; vertical-align:top;}
.block .b-full {float:left; clear:none; text-align:inherit; width:100%; margin-left:0; margin-right:3%;}
.block .b-full:after,.block .b-full:before {content:''; display:table;}
.block .b-full:after {clear:both;}
.block .b-full:last-child {margin-right:0;}
.block .b-half {float:left; clear:none; text-align:inherit; width:49.050000000000004%; margin-left:0; margin-right:1.9%;}
.block .b-half:after,.block .b-half:before {content:''; display:table;}
.block .b-half:after {clear:both;}
.block .b-half:last-child {margin-right:0;}
.block .b-1of3 {float:left; clear:none; text-align:inherit; width:32.06666666666666%; margin-left:0; margin-right:1.9%;}
.block .b-1of3:after,.block .b-1of3:before {content:''; display:table;}
.block .b-1of3:after {clear:both;}
.block .b-1of3:last-child {margin-right:0;}
.block .b-2of3 {float:left; clear:none; text-align:inherit; width:66.03333333333332%; margin-left:0; margin-right:1.9%;}
.block .b-2of3:after,.block .b-2of3:before {content:''; display:table;}
.block .b-2of3:after {clear:both;}
.block .b-2of3:last-child {margin-right:0;}
.block .b-1of4 {float:left; clear:none; text-align:inherit; width:23.575000000000003%; margin-left:0; margin-right:1.9%;}
.block .b-1of4:after,.block .b-1of4:before {content:''; display:table;}
.block .b-1of4:after {clear:both;}
.block .b-1of4:last-child {margin-right:0;}
.block .b-3of4 {float:left; clear:none; text-align:inherit; width:74.52499999999999%; margin-left:0; margin-right:1.9%;}
.block .b-3of4:after,.block .b-3of4:before {content:''; display:table;}
.block .b-3of4:after {clear:both;}
.block .b-3of4:last-child {margin-right:0;}
.a-center {text-align:center;}
.a-left {text-align:left;}
.a-right {text-align:right;}
.fl-left {float:left;}
.fl-right {float:right;}
.clear {clear:both;}
.hidden {display:none;}
fieldset {margin:0; padding:0; border:none;}
fieldset:first-child {margin-top:0;}
fieldset .form-list {padding:0;}
.form-list {display:block; margin:0; padding-left:30px; padding-right:20px; padding-top:0; list-style:none; font-size:0;}
.form-list .form-list {margin-top:0!important; margin-bottom:0!important;}
.form-list.full {margin-left:0!important; padding:0;}
.form-list.full >li {display:block; margin-left:0; width:auto;}
.form-list.full .hintTip {display:block; width:100%;}
.form-list.full .currentInput .datepicker {width:95%!important;}
.form-list.full .currentInput textarea {width:100%;}
.form-list.compact >li {margin-bottom:8px;}
.form-list.four >li {width:23%;}
.form-list.center {text-align:center;}
.form-list.middle >li {vertical-align:middle!important;}
.form-list.half {padding:0;}
.form-list.half >li {float:left; clear:none; text-align:inherit; width:48.5%; margin-left:0; margin-right:3%;}
.form-list.half >li:after,.form-list.half >li:before {content:''; display:table;}
.form-list.half >li:after {clear:both;}
.form-list.half >li:nth-child(2n) {margin-right:0; float:right;}
.form-list.half >li:nth-child(2n+1) {clear:both;}
.form-list.half >li.full {display:block; clear:both; float:none; width:100%; margin-left:auto; margin-right:auto;}
.form-list.half >li.full:first-child {margin-left:auto;}
.form-list.half >li.full:last-child {margin-right:auto;}
.form-list.inline {margin-left:0 !important;}
.form-list.inline >li {display:inline-block; margin-left:20px; width:auto; vertical-align:top; margin-top:0;}
.form-list.inline >li:first-child {margin-left:0;}
.form-list.grid-4 >li {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; margin:20px 0; padding:0 15px; vertical-align:bottom; width:23%;}
.form-list.grid-3 >li {-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; margin:20px 0 5px; padding:0 15px; vertical-align:bottom; width:33%;}
.form-list [type=email],.form-list [type=password],.form-list [type=text] {display:block; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; font-size:16px; font-weight:400;}
.form-list >li {display:inline-block; margin:0 0 20px 2%; width:48%; margin-top:0; font-size:16px; vertical-align:topbelow(1);}
.form-list >li.full {display:block; width:auto;}
.form-list >li.hidden {display:none;}
.form-list >li.margin {margin-right:50px;}
.form-list >li .currentInput:nth-child(2) {margin-top:50px;}
.form-list >li.doble >.currentInput {float:left; clear:none; text-align:inherit; width:48.5%; margin-left:0; margin-right:3%; margin-top:0;}
.form-list >li.doble >.currentInput:after,.form-list >li.doble >.currentInput:before {content:''; display:table;}
.form-list >li.doble >.currentInput:after {clear:both;}
.form-list >li.doble >.currentInput:last-child {margin-right:0;}
textarea {padding:10px 15px; width:100%; height:65px; outline:none; vertical-align:bottom;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; background:#fff!important; margin-top:2px;}
textarea.lineal {height:15px; resize:none;}
textarea.medio {height:65px; resize:none;}
textarea.full {height:130px; resize:none;}
@font-face {font-family:'MontserratRegular'; src:url("assets/fonts/montserrat/MontserratRegular.eot"); src:local('assets/fonts/montserrat/MontserratRegular'),url("assets/fonts/montserrat/MontserratRegular.woff") format('woff'),url("assets/fonts/montserrat/MontserratRegular.ttf") format('truetype');}
body {font-family:'MontserratRegular'; background:#e7e8ea; min-height: 800px;}
.index {background-color:#0f76b1; width:100%; height:100%; position:fixed;}
.index .panel {position:relative; max-width:400px; width:50%; top:50%; margin:0 auto; margin-top:-104px; padding:20px; text-align:center; border:2px solid #fff;}
.index h1 {color:#fff; font-size:3rem; margin:0 0 25px; padding:0;}
.index .start {width:60%; margin:0;}
.content-view {display:none;}
.header {background:#0f76b1; width:100%; padding:15px 0; text-align:right;}
.header .container {padding:0;}
.header .timer {font-size:2.5em; vertical-align:middle; margin-right:20px; color:#fff;-webkit-transition:0;-moz-transition:0;-o-transition:0;-ms-transition:0; transition:0;}
.header .timer.urgente {color:#bd1928;}
.header .timer.superUrgente {-webkit-animation:pulseCol 1s ease-in-out infinite alternate;-moz-animation:pulseCol 1s ease-in-out infinite alternate;-o-animation:pulseCol 1s ease-in-out infinite alternate;-ms-animation:pulseCol 1s ease-in-out infinite alternate; animation:pulseCol 1s ease-in-out infinite alternate;}
h1 {margin-bottom:30px; padding:20px 0; color:#0f76b1;}
p {font-size:1rem;}
.container {width:80%; max-width:1100px; margin:0 auto; padding:0 30px;}
small {display:inline-block; margin-bottom:20px;}
.steps {display:inline-block; margin:0; padding:0; text-align:right; vertical-align:middle;}
.steps li {background:#3fa4da; display:inline-block; width:35px; height:35px; list-style:none; border-radius:50%; cursor:pointer;}
.steps li.active {background:#fff;}
.steps li.check {background-image:url("assets/graficos/check-white.png");-webkit-background-size:cover;-moz-background-size:cover; background-size:cover;}
.steps li.check.active {background-image:url("assets/graficos/check-blue.png");-webkit-background-size:cover;-moz-background-size:cover; background-size:cover;}
.steps li.prev {background-image:url("assets/graficos/icons.png"); background-position:3px 3px;}
.steps li.next {background-image:url("assets/graficos/icons.png"); background-position:-25px 3px;}
.steps li.disabled {opacity:.5; cursor:no-drop;}
.page {display:table; width:100%; margin-bottom:30px;}
.page .title {background:#0f76b1; display:block; padding:5px 10px; color:#fff; font-size:1.6rem; font-weight:600;}
.feedback,.panel-left {background:#cbd0d1;}
.feedback .content,.panel-left .content {width:80%; margin:15px auto;}
.feedback .title-in,.panel-left .title-in {margin:30px 0; font-size:2rem; font-weight:600; text-align:center;}
.feedback img,.panel-left img {display:inline-block;}
.panel-left {float:left; clear:none; text-align:inherit; width:31.33333333333333%; margin-left:0; margin-right:3%;}
.panel-left:after,.panel-left:before {content:''; display:table;}
.panel-left:after {clear:both;}
.panel-left:last-child {margin-right:0;}
.panel-left .content {width:100%; padding:15px;}
.panel-left .tag {color:#1279af; font-size:.9rem; font-style:italic; font-weight:600;}
.panel-right {float:left; clear:none; text-align:inherit; width:65.66666666666666%; margin-left:0; margin-right:3%; background:#cbd0d1;}
.panel-right:after,.panel-right:before {content:''; display:table;}
.panel-right:after {clear:both;}
.panel-right:last-child {margin-right:0;}
.panel-right .heading {background:#3fa4da; margin-bottom:20px; padding:10px 20px; font-size:.9rem; text-align:center; border-radius:.3rem;}
.panel-right .flex {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex; width:100%;}
.panel-right .flex .demo {background:#9ea0a3; width:60%; padding:10px 15px;}
.panel-right .flex .action {background:#0f76b1; width:40%; padding:10px 15px;}
.panel-right .content {background:#cbd0d1; width:100%; padding:15px;}
.panel-right .content img {margin:0 auto;}
.row {display:table; margin:20px 0; padding:0;}
.row li {float:left; clear:none; text-align:inherit; width:48.5%; margin-left:0; margin-right:3%; list-style:none; padding:10px 0;}
.row li:after,.row li:before {content:''; display:table;}
.row li:after {clear:both;}
.row li:nth-child(2n) {margin-right:0; float:right;}
.row li:nth-child(2n+1) {clear:both;}
.grid {position:relative; display:table; width:100%; margin-bottom:20px;}
.grid .col-md {width:55%; float:left;}
.grid .col-md:nth-child(2) {width:45%;}
.form-list {padding:0;}
.form-list li {width:100%; display:block; padding-right:5px;}
.profiles {list-style:none; padding:0;}
.profiles li {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex; width:100%; margin:10px auto;-webkit-box-shadow:0 0 3px #0f76b1; box-shadow:0 0 3px #0f76b1;}
.profiles li .image {background:#0f76b1; width:80px; margin:0; padding:0;}
.profiles li .text {width:calc(100% - 80px); padding:15px;}
.profiles li.nm {width:100%; margin:0;}
.profile {background:#0f76b1; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex; width:100%;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center; align-items:center; border-radius:.3rem;}
.profile .image {max-width:80px; margin:0; padding:5px;}
.profile .text {width:100%; text-align:center;}
.questions {padding:0; padding-bottom:5px;}
.questions li.question {position:relative; margin-bottom:30px; list-style:none;}
.questions li.question p {padding-right:60px;}
.questions li.question label {color:#0f76b1; font-size:1.2rem; font-weight:800;}
.questions li.question li.item {position:relative; list-style:none;}
.questions li.question li.item:before {content:''; position:absolute; background-color:#0f76b1; display:block; width:10px; height:10px; top:5px; left:-20px; border-radius:50%;}
.questions li.question li.item.ok:after,.questions li.question li.item.wrong:after {content:''; position:absolute; background-repeat:no-repeat;-webkit-background-size:20px;-moz-background-size:20px; background-size:20px; background-position:center; width:30px; height:30px; top:-6px; right:0; border-radius:50%;}
.questions li.question li.item.ok:after {background-color:#538d37; background-image:url("assets/graficos/ok.png");}
.questions li.question li.item.wrong:after {background-color:#ea655d; background-image:url("assets/graficos/wrong.png");}
.questions li.question .answer {position:relative; background:rgba(231,232,234,0.8); margin-bottom:20px; padding:10px; border-radius:5px;}
.questions li.question .answer:before {content:''; position:absolute; display:block; border:10px solid transparent; border-bottom-color:rgba(231,232,234,0.8); top:-20px; left:10px;}
.questions li.question .answer .title-on {font-weight:800;}
[class*='btn'] {background:#0f76b1; display:inline-block; margin:15px 0; padding:10px 30px; color:#fff; font-size:1.2rem; border:none; border-radius:.3rem;-webkit-transition:0.6s all ease;-moz-transition:0.6s all ease;-o-transition:0.6s all ease;-ms-transition:0.6s all ease; transition:0.6s all ease; cursor:pointer;}
[class*='btn']:hover {background:#3fa4da;}
.btn-small {padding:8px 20px; font-size:1rem;}
.btn-inverse {background:#fff; color:#0f76b1; font-weight:600;}
.btn-inverse:hover {background:#3da1dc; color:#fff;}
.image {max-width:500px; margin:20px auto; text-align:center; overflow:hidden;}
.image.view {max-width:300px;}
.image.tree {position:relative; max-width:120px; max-height:120px; padding:10px;}
.image.tree li {display:none;}
.image.tree li:nth-child(1) {display:block;}
.image.tree.effect {border:solid 6px #000; border-radius:50%;}
.image.small {max-width:60px; padding:0; margin:0 auto;}
.image.long {max-width:90%;}
.image img {display:inline-block; width:100%;}
.list-num li {margin-bottom:10px; line-height:1.2rem;}
.table {width:100%; border-collapse:collapse; margin-bottom:20px;}
.table thead {background:#0f76b1; color:#fff;}
.table td,.table th {padding:5px; border:solid 1px #3da1dc; text-align:center;}
.table th {font-size:.8rem; word-break:break-word;}
.table td {position:relative;}
.table td:nth-child(2),.table td:nth-child(3),.table td:nth-child(5),.table td:nth-child(6) {padding:0;}
.table td:nth-child(2) .image,.table td:nth-child(3) .image,.table td:nth-child(5) .image,.table td:nth-child(6) .image {visibility:hidden;}
.currentSelect {display:none;}
.customSelect-label {display:block; width:100%;}
.customSelect {position:relative; background:#fff; min-width:190px; width:190px; top:2; left:0; margin:3px; border:solid 1px #0f76b1; border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; display:inline-block; padding-right:41px; text-align:left; vertical-align:middle; cursor:pointer;}
.customSelect.open {border-radius:5px 5px 0 0;}
.customSelect.open .customSelect-arrow {border-radius:0 5px 0 0;}
.customSelect.open .customSelect-arrow .ico {-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg); transform:rotate(-180deg); margin-top:8px;}
.customSelect.open .customSelect-filter,.customSelect.open .customSelect-options {display:block;}
.customSelect.warning {border-color:#f44336;-webkit-box-shadow:0 0 6px #f44336; box-shadow:0 0 6px #f44336;}
.customSelect-options {position:absolute; background:#fff; display:none; width:100%; z-index:3;-webkit-box-shadow:0 1px 1px 1px rgba(0,0,0,0.3); box-shadow:0 1px 1px 1px rgba(0,0,0,0.3);}
.customSelect-options label {display:block; padding:.5rem 1rem;}
.customSelect-options label.selected,.customSelect-options label:hover {background:rgba(15,118,177,0.6); color:#fff;}
.customSelect-options label:hover {background:#0f76b1;}
.customSelect-label {padding:.5rem 1rem;}
.customSelect-arrow {position:absolute; background:#0f76b1; display:block; right:-1px; top:-1px; width:43px; height:38px; border-radius:0 5px 5px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;-webkit-transition:0.6s all ease;-moz-transition:0.6s all ease;-o-transition:0.6s all ease;-ms-transition:0.6s all ease; transition:0.6s all ease;}
.customSelect-arrow .ico {background:transparent; display:inline-block; width:0; height:0; margin-top:15px; margin-left:16px; border:8px solid transparent; border-top-color:#fff; font-size:0; line-height:0;-webkit-transition:0.4s -webkit-transform ease;-moz-transition:0.4s -moz-transform ease;-o-transition:0.4s -o-transform ease;-ms-transition:0.4s -ms-transform ease; transition:0.4s transform ease;}
textarea {background:#fff; width:100%; height:100px; margin-top:5px; padding:10px 15px; font-family:'MontserratRegular'; border:1px solid #0f76b1; border-radius:.5rem; outline:none; resize:none;}
.checkbox,.radio {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex;}
[type=radio] {position:relative; margin:5px 15px 5px 0;}
[type=radio]:after,[type=radio]:before {content:''; position:absolute; background:#fff; display:block; width:12px; height:12px; top:-2px; left:-2px; border:3px solid #fff; border-radius:20px;-webkit-box-shadow:0 0 0 1px #0f76b1; box-shadow:0 0 0 1px #0f76b1;}
[type=radio]:before {-webkit-box-shadow:inset 0 0 0 1px #0f76b1; box-shadow:inset 0 0 0 1px #0f76b1; z-index:4;}
[type=radio]:checked {position:relative;}
[type=radio]:checked:after {-webkit-box-shadow:0 0 0 1px #0f76b1; box-shadow:0 0 0 1px #0f76b1;}
[type=radio]:checked:before {background-color:#0f76b1;-webkit-box-shadow:inset 0 0 0 1px #0f76b1; box-shadow:inset 0 0 0 1px #0f76b1;}
[type=radio]:disabled:after {-webkit-box-shadow:0 0 0 1px #cbd0d1; box-shadow:0 0 0 1px #cbd0d1;}
[type=radio]:disabled:before {-webkit-box-shadow:inset 0 0 0 1px #cbd0d1; box-shadow:inset 0 0 0 1px #cbd0d1;}
[type=radio]:disabled:checked:before {background-color:#9ea0a3;}
[type=radio].error:after {-webkit-box-shadow:0 0 0 1px #ea655d; box-shadow:0 0 0 1px #ea655d;}
[type=radio].error:before {-webkit-box-shadow:inset 0 0 0 1px #ea655d; box-shadow:inset 0 0 0 1px #ea655d;}
[type=checkbox] {position:relative; margin:5px 15px 5px 0;}
[type=checkbox]:after,[type=checkbox]:before {content:''; position:absolute; background:#fff; display:block; width:18px; height:18px; top:-2px; left:-2px; border:3px solid #fff; border-radius:.3rem;-webkit-box-shadow:0 0 0 1px #0f76b1; box-shadow:0 0 0 1px #0f76b1;}
[type=checkbox]:checked {position:relative;}
[type=checkbox]:checked:after {-webkit-box-shadow:0 0 0 1px #0f76b1; box-shadow:0 0 0 1px #0f76b1;}
[type=checkbox]:checked:before {content:"✓"; color:#0f76b1; font-weight:800; text-align:center; z-index:5;}
[type=checkbox]:disabled:after {-webkit-box-shadow:0 0 0 1px #cbd0d1; box-shadow:0 0 0 1px #cbd0d1;}
[type=checkbox]:disabled:before {-webkit-box-shadow:inset 0 0 0 1px #cbd0d1; box-shadow:inset 0 0 0 1px #cbd0d1;}
[type=checkbox]:disabled:checked:before {background-color:#9ea0a3;}
[type=checkbox].error:after {-webkit-box-shadow:0 0 0 1px #ea655d; box-shadow:0 0 0 1px #ea655d;}
[type=checkbox].error:before {-webkit-box-shadow:inset 0 0 0 1px #ea655d; box-shadow:inset 0 0 0 1px #ea655d;}
.range {position:relative; width:calc(100% - 20px); margin:20px auto 40px;}
.range .range-bar {position:relative; background:#cfd8dc; width:100%; height:10px; margin:auto; margin-bottom:50px; border-radius:.5rem; z-index:5;}
.range .range-pointer {position:absolute; background:transparent; width:2px; height:18px; top:-5px; left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%); transform:translateX(-50%); cursor:pointer; z-index:2;}
.range .range-pointer:before {content:' '; position:absolute; background:#fff; width:18px; height:18px; left:-8px; border:solid 1px #3fa4da; border-radius:50%;}
.range .scale {position:absolute; display:inline-block; width:20px; top:100%; padding-top:20px; color:#fff; font-size:12px; text-align:center;}
.range .scale:before {content:' '; position:absolute; background:#fff; width:2px; height:14px; top:6px; left:2px;}
#js {position:absolute; z-index:200;}
.Lbox-overlay {display:block; position:fixed; z-index:200; top:0; left:0; width:100%; height:100%; text-align:center; /*vertical-align:middle;*/ background-color:rgba(0,0,0,0.75);}
.Lbox-holder {width:100%; height:100%;}
.Lbox-cont {position:relative; top:50%; margin:0 auto; padding:45px 30px 30px; max-width:440px; max-height:80%; border-radius:3px; background:#fff; border:1px solid green3;-webkit-box-shadow:0 0 16px rgba(0,0,0,0.3); box-shadow:0 0 16px rgba(0,0,0,0.3); overflow:auto;}
.Lbox-cont .btn-close {position:absolute; background:transparent; display:block; width:24px; height:23px; top:14px; right:14px; margin:0; padding:0;}
.Lbox-cont .btn-close:after {content:'x'; position:absolute; background:#ea655d; display:block; width:30px; height:30px; top:0; left:0; font-family:'MontserratRegular'; font-size:22px; font-weight:800; color:#fff; line-height:28px; border-radius:50%;}
.Lbox-cont .btn-close:hover {cursor:pointer;}
.Lbox-cont .btn-close:hover:after {color:#fff; background-color:#0f76b1;}
.Lbox-cont .btn-close.white {background-position:-400px -4px;}
.Lbox-cont .btn-close.white:hover {background-position:-333px -34px; cursor:pointer;}
.tag {color:#1279af;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.hidden {display:none;}
.chart {position:relative; display:table; width:100%; padding-left:60px; padding-bottom:25px;}
.chart.active {background:#fff;}
.chart:before {content:attr(data-y); position:absolute; top:5%; left:0; font-size:.7rem; writing-mode:vertical-lr;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg); transform:rotate(180deg);}
.chart:after {content:attr(data-x); position:absolute; left:50%; bottom:0; margin-left:-10px; font-size:.7rem;}
.chart-content {position:relative; width:100%;}
.labels-y {width:100%; list-style:none; margin:0; padding:0;}
.labels-y:before {content:''; position:absolute; width:2px; height:100%; top:0; left:-4px; border-right:solid 2px #000;}
.labels-y li {position:relative; display:block; height:20px; border-top:solid 1px #9ea0a3;}
.labels-y li:before {content:''; position:absolute; width:10px; height:30px; top:-1px; left:-10px; border-top:solid 1px #000;}
.labels-y li span {position:absolute; display:block; width:22px; top:-8px; left:-35px; font-size:.7rem; text-align:right;}
.labels-x {position:relative; width:100%; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex; margin:0; padding:0;}
.labels-x:before {content:''; position:absolute; background:#000; width:104%; height:2px; left:-4%; top:0;}
.labels-x li {display:block; width:10%; height:10px; font-size:.7rem; text-align:center; border-right:solid 1px #000;}
.bars {position:absolute; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex; width:100%; height:260px; top:0; left:0; margin:0; padding:0;}
.bars li {position:relative; width:10%; height:100%; list-style:none; border-right:solid 1px #9ea0a3;}
.bars li.active {background:#fff;}
.bars span {position:absolute; background:#0a6baf; display:block; width:70%; bottom:0; margin-left:15%; z-index:5;}
.grid-bars {position:relative; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:box; display:flex; width:100%; height:260px; margin:0; padding:0 10px;}
.grid-bars li {position:relative; width:10%; height:260px; margin:0; padding:0; list-style:none;}
.grid-bars span {position:absolute; background:#0a6baf; display:block; width:70%; bottom:0; margin:0 auto;}
.c-1 .bars span.d-1,.chart-1 .bars span.d-1,.chart-1 .grid-bars span.d-1 {height:64px;}
.c-1 .bars span.d-2,.chart-1 .bars span.d-2,.chart-1 .grid-bars span.d-2 {height:80px;}
.c-1 .bars span.d-3,.chart-1 .bars span.d-3,.chart-1 .grid-bars span.d-3 {height:104px;}
.c-1 .bars span.d-4,.chart-1 .bars span.d-4,.chart-1 .grid-bars span.d-4 {height:116px;}
.c-1 .bars span.d-5,.chart-1 .bars span.d-5,.chart-1 .grid-bars span.d-5 {height:126px;}
.c-1 .bars span.d-6,.chart-1 .bars span.d-6,.chart-1 .grid-bars span.d-6 {height:136px;}
.c-1 .bars span.d-7,.chart-1 .bars span.d-7,.chart-1 .grid-bars span.d-7 {height:144px;}
.c-1 .bars span.d-8,.chart-1 .bars span.d-8,.chart-1 .grid-bars span.d-8 {height:154px;}
.c-1 .bars span.d-9,.chart-1 .bars span.d-9,.chart-1 .grid-bars span.d-9 {height:165px;}
.c-1 .bars span.d-10,.chart-1 .bars span.d-10,.chart-1 .grid-bars span.d-10 {height:185px;}
.c-2 .bars span.d-1,.chart-2 .bars span.d-1,.chart-2 .grid-bars span.d-1 {height:244px;}
.c-2 .bars span.d-2,.chart-2 .bars span.d-2,.chart-2 .grid-bars span.d-2 {height:211px;}
.c-2 .bars span.d-3,.chart-2 .bars span.d-3,.chart-2 .grid-bars span.d-3 {height:250px;}
.c-2 .bars span.d-4,.chart-2 .bars span.d-4,.chart-2 .grid-bars span.d-4 {height:194px;}
.c-2 .bars span.d-5,.chart-2 .bars span.d-5,.chart-2 .grid-bars span.d-5 {height:180px;}
.c-2 .bars span.d-6,.chart-2 .bars span.d-6,.chart-2 .grid-bars span.d-6 {height:164px;}
.c-2 .bars span.d-7,.chart-2 .bars span.d-7,.chart-2 .grid-bars span.d-7 {height:130px;}
.c-2 .bars span.d-8,.chart-2 .bars span.d-8,.chart-2 .grid-bars span.d-8 {height:172px;}
.c-2 .bars span.d-9,.chart-2 .bars span.d-9,.chart-2 .grid-bars span.d-9 {height:112px;}
.c-2 .bars span.d-10,.chart-2 .bars span.d-10,.chart-2 .grid-bars span.d-10 {height:100px;}
@media screen and (max-width:1000px) and (min-width:801px) {
.container {padding:20px 0; width:90%;}
}
@media screen and (max-width:800px) {
.index .panel {width:80%;}
.container {width:90%; padding:0;}
.panel-left,.panel-right {width:100%; clear:both;}
.panel-left .col-md,.panel-right .col-md {display:block; width:100%; clear:both;}
.panel-left .col-md:nth-child(2),.panel-right .col-md:nth-child(2) {display:block; width:100%; clear:both;}
.image {max-width:300px;}
}
@media screen and (max-width:500px) {
.index .panel {width:90%;}
.panel-right .flex {display:block;}
.panel-right .flex .action,.panel-right .flex .demo {width:100%;}
.row li {float:left; clear:none; text-align:inherit; width:100%; margin-left:0; margin-right:3%; list-style:none; padding:10px 0;}
.row li:after,.row li:before {content:''; display:table;}
.row li:after {clear:both;}
.row li:nth-child(1n) {margin-right:0; float:right;}
.row li:nth-child(1n+1) {clear:both;}
}
@-moz-keyframes pulseCol {
0% {color:#bd1928;}
50% {color:#fff;}
100% {color:#bd1928;}
}
@-webkit-keyframes pulseCol {
0% {color:#bd1928;}
50% {color:#fff;}
100% {color:#bd1928;}
}
@-o-keyframes pulseCol {
0% {color:#bd1928;}
50% {color:#fff;}
100% {color:#bd1928;}
}
@keyframes pulseCol {
0% {color:#bd1928;}
50% {color:#fff;}
100% {color:#bd1928;}
}