body {
    font-family: Arial, sans-serif;
    background-color: #ffffff;
    color: #fff;
}

a:link, a:visited {
    color: #ED790E;
}

a:hover, a:active {
}

.bg-gradient {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8cfd7+0,ffffff+100 */
    background: #c8cfd7;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #c8cfd7 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #c8cfd7 0%,#ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #c8cfd7 0%,#ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8cfd7', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

.bg {
    background-image: url(../img/bg-sm.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

#header {
    position: relative;
    z-index: 2;
    /* background-color: rgba(255, 255, 255, 0.35); */
    /* overflow: hidden; */
}

#header h1 {
    padding: 30px 10px 0px;
    text-align: center;
}

#header h1 img {
    margin: 0 auto;
    /* max-width: 100%; */
    /* width: 100%; */
}

#header img {
    margin: 0;
}

.section-header {
    background-position: center top;
    overflow: hidden;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
}

.strips {
    display: block;
    height: 13px;
    background-image: url(../img/strips.png);
}

.strips.b {
    background-image: url(../img/strips-b.png);
}

.section-info {
    background-color: #EDE49A;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 20px 0;
    font-size: 0.9em;
}

.main {
}

.resultados-logo {
    width: 100%;
    margin: 0 auto 0;
}

.resultados-logo img {
    /* margin-left: 20%; */
    /* margin: 20px; */
}

.resultados-info {
    margin: 0;
    font-size: 0.8em;
    position: relative;
}

.resultados-info .left {
    position: relative;
    max-width: 260px;
    margin: 10px 0;
    /* margin-left: 30%; */
    float: left;
    text-align: left;
}

.resultados-info .right {
    position: relative;
    max-width: 280px;
    margin: 10px 0;
    /* margin-left: 30%; */
    float: right;
    text-align: right;
}

.resultados-info .fio {
    position: absolute;
    display: block;
    width: 1px;
    height: 420px;
    background-color: #fcc200;
    bottom: -10px;
}

.resultados-info .fio::after {
    position: absolute;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #fcc200;
    border-radius: 10px;
    bottom: -2px;
    left: -2px;
}

.resultados-info .left .fio {
    left: -14px;
}

.resultados-info .right .fio {
    right: -14px;
}

.resultados-info .right b, .resultados-info .left b {
    font-size: 1.3em;
}

.highlight {
    color: #000;
    padding: 30px 30px 30px 45px;
    display: block;
    transform: skewX(-10deg);
    border-radius: 20px;
    box-shadow: 6px 6px 20px #0000004f;
    margin: 0 auto;
    width: 300px;
    display: none;
}

.highlight span {
    display: block;
    transform: skewX(10deg);
}

.highlight span b {
    font-size: 1.4em;
}

.main-group {
    /* background-image: url(../img/title.png); */
    background-repeat: no-repeat;
    background-position: center top;
    /* width: 901px; */
    /* height: 387px; */
    position: relative;
    overflow: hidden;
    /* margin: 20px auto -20px; */
}

.mg-title {
    position: relative;
    text-align: center;
    /* height: 270px; */
    margin: 40px 0;
}

.resultados {
    color: #E56404;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
    margin: 0;
    /* position: absolute; */
    /* top: 47px; */
    /* left: 330px; */
}

.beneficios {
    color: #E56404;
    font-size: 32px;
    font-weight: 700;
    display: block;
    margin: 0;
    /* position: absolute; */
    /* top: 120px; */
    /* left: 394px; */
}

.mg-title .left {
    color: #5A2508;
    text-align: center;
    /* width: 304px; */
    /* position: absolute; */
    /* top: 180px; */
    margin-top: 20px;
}

.mg-title .left-main {
    font-size: 24px;
    /* width: 304px; */
}

.mg-title .left-main > strong {
}

.mg-title .left-main > br {
}

.mg-title .left-small {
    font-size: 15px;
    width: 215px;
    margin: 10px auto 0;
}

.mg-title .left-small > br {
}

.mg-title .left-small > strong {
}

.mg-title .right {
    color: #5A2508;
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
    /* width: 200px; */
    /* position: absolute; */
    /* top: 110px; */
    /* right: 10px; */
}

.right > sub {
}

.mg-title .right > strong {
}

.mg-download {
    margin: 20px 0;
    text-align: center;
}

.mg-download a {
    padding: 10px 28px;
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 1px;
    font-weight: 700;
    display: block;
    color: #073f96;
    border: solid 1px #fff;
    border-radius: 30px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.48);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-download a .icon {
    background-color: #0179f0;
    border-radius: 20px;
    display: block;
    padding: 4px;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    text-align: center;
    line-height: 19px;
    margin-left: -13px;
    margin-right: 10px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.25);
    background: #007ffd;
    background: -moz-linear-gradient(top, #007ffd 0%, #044e97 100%);
    background: -webkit-linear-gradient(top, #007ffd 0%,#044e97 100%);
    background: linear-gradient(to bottom, #007ffd 0%,#044e97 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ffd', endColorstr='#044e97',GradientType=0 );
}

.mg-download a .icon .icon-download {
    vertical-align: middle;
    color: #fff;
}

.mg-download a span {
    display: inline-block;
}

.mg-download a:hover {
    text-decoration: none;
    z-index: 9;
    background: #ffffff;
}

.mg-download > a:last-child {
    padding-right: 0;
}

.mg-download .h3 {
}

.mg-download__title {
    position: relative;
    margin: 0;
    z-index: 1;
}

.mg-download__title.handler {
    cursor: pointer;
    text-decoration: underline;
}

.mg-download__body {
    max-width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.mg-download .mg-download__title::before {
    /* content:""; */
    /* position: absolute; */
    /* background-image: url(../img/downarrow.png); */
    /* background-repeat: no-repeat; */
    /* width: 13px; */
    /* height: 36px; */
    /* top: 5px; */
    /* left: -15px; */
}

.section-map {
    /* background-color: rgba(255, 255, 255, 0.1); */
    /* background-image: url(../img/map.jpg); */
    /* background-position: 24% -140px; */
    /* height: 650px; */
    position: relative;
}

.section-map .tip {
    width: 230px;
    margin: 0px auto 20px;
    background-color: rgba(255, 255, 255, 0.65);
    padding-right: 20px;
    border-radius: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.section-map .tip .icon {
    display: inline-block;
    /* background-color: rgba(255, 255, 255, 0.23); */
    width: 65px;
    height: 58px;
    border-radius: 40px;
    padding: 14px 20px;
    vertical-align: middle;
}

.section-map .tip .icon > img {
}

.section-map .tip .text {
    color: #254d5b;
    display: inline-block;
    vertical-align: middle;
    width: 181px;
    font-weight: 700;
    font-size: 12px;
}

.section-map .tip .text .sm {
}

.section-map .tip .text .lg {
    display: none;
}

.section-map .column {
    position: relative;
    /* height: 650px; */
}

.map-botton-bar {
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0;
}

.map-botton-bar a {
    color: #fff;
    text-decoration: underline;
}

.map-botton-bar .bb-left {
    padding: 10px;
    font-weight: 700;
    background: #0e4fa1;
    background: -moz-linear-gradient(left, #0e4fa1 0%, #1f6ec2 100%);
    background: -webkit-linear-gradient(left, #0e4fa1 0%,#1f6ec2 100%);
    background: linear-gradient(to right, #0e4fa1 0%,#1f6ec2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4fa1', endColorstr='#1f6ec2',GradientType=1 );
}

.map-botton-bar .bb-right {
}

.map-botton-bar p {
    margin: 0;
}

#timeline {
    position: relative;
    clear: both;
    /* background: rgba(255, 0, 0, 0.16); */
    height: 215px;
    margin: 0;
    /* border: red solid 1px; */
    /* overflow: hidden; */
}

@media all and (min-width: 434px) and (max-width: 992px) {
    #timeline {
        /* margin-right: 18%; */
    }
}

@media all and (min-width: 515px) and (max-width: 992px) {
    #timeline {
        /* margin-right: 31%; */
    }
}

@media all and (min-width: 800px) and (max-width: 992px) {
    #timeline {
        /* margin-right: 39%; */
    }
}

#timeline .mark {
    display: block;
    background-color: transparent !important;
    float: left;
    width: 11.08%;
    text-align: center;
    height: 100%;
    position: relative;
}

#timeline .mark .item, #timeline .mark .item:visited {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    margin-left: -13px;
    color: #254d5b;
    display: block;
    width: 26px;
    /* height: 40%; */
    border-radius: 25px 25px 0 0;
    /* background: rgb(255 0 0 / 12%); */
    transition: box-shadow .5s, transform .3s ease;
    transform-origin: 50% 100%;
}
#timeline .mark .item:focus {
    text-decoration: none;
}
#timeline .mark .item::after {
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    /* background-image: url(../img/light-ball.png); */
    background-size: contain;
    background-position: center;
    bottom: -15px;
    left: -3px;
}

#timeline .mark .item.left {
}

#timeline .mark .item.bottom {
    /* margin-top: 310px; */
    transform-origin: 50% 0%;
    top: 47.7%;
    bottom: 0;
}

#timeline .mark .item.bottom .p {
    position: absolute;
    bottom: 0;
}

#timeline .mark .item.bottom .l {
    top: 0;
    bottom: 26px;
}

#timeline .p {
    cursor: help;
    border: solid #899ba7 2px;
    position: relative;
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 30px;
    font-weight: 700;
    line-height: 22px;
    font-size: 24px;
    transition: color .5s;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8cfd7+0,ffffff+100 */
    z-index: 4;
    background: #c8cfd7;
    /* Old browsers */
    background: -moz-linear-gradient(-45deg, #c8cfd7 0%, #ffffff 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #c8cfd7 0%,#ffffff 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #c8cfd7 0%,#ffffff 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8cfd7', endColorstr='#ffffff',GradientType=1 );
    /* IE6-9 fallback on horizontal gradient */
}

#timeline .p::before {
    content: "";
    width: 10px;
    height: 10px;
    background-color: #254d5b;
    display: block;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
  
    transition: all .5s ease;
}

#timeline .item:hover .p {
    border-color: #fff;
    box-shadow: 0 8px 16px rgb(0 0 0 / 32%);
    color: #eceef1;
}

#timeline .item:hover .p::before {
    transform: translate(-50%, -50%) scale(1);
}

#timeline .l {
    display: block;
    width: 4px;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 26px;
    bottom: 0;
    z-index: 1;
    opacity: .2;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

#timeline .item:hover .l {
}

#timeline .item.bottom:hover .l {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5cd80+54,ffffff+100 */
    background: rgb(245,205,128);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(245,205,128,1) 54%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245,205,128,1) 54%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245,205,128,1) 54%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5cd80', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}

#timeline .mark .item:hover, #timeline .mark .item:active {
    transform: scale(1.04);
    text-decoration: none;
}

#timeline .mark.anim .item:before, #timeline .mark.anim .item:after {
    display: block;
    border-radius: 46px;
    width: 44px;
    height: 44px;
    z-index: 1;
    -webkit-animation: rip 5s infinite;
    -moz-animation: rip 6s infinite;
    -ms-animation: rip 6s infinite;
    animation: rip 6s infinite;
}

#timeline .mark .item:before, #timeline .mark .item:after {
    /* content:''; */
    /* position:absolute; */
    /* border: #fff solid 1px; */
}

#timeline .mark.anim .item:before {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
    top: 0px;
    left: 0px;
}

#timeline .mark.anim .item:after {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    animation-delay: 1s;
    top: 0px;
    left: 0;
}

#timeline li.mark1 .item {
    bottom: 20% !important;
    top: 13% !important;
}

#timeline .mark2 .item {
    /* bottom: 26% !important; */
    top: 28% !important;
}

#timeline .mark3 .item {
    /* bottom: 30% !important; */
    top: 47% !important;
}

#timeline .mark4 .item {
    /* bottom: 38% !important; */
    top: 35% !important;
}

#timeline .mark5 .item {
    /* bottom: 36% !important; */
    top: 12% !important;
}

#timeline .mark6 .item {
    /* bottom: 33% !important; */
    top: 26% !important;
}

#timeline .mark7 .item {
    /* bottom: 30% !important; */
    top: 53% !important;
}

#timeline .mark8 .item {
    bottom: 25% !important;
    top: 21% !important;
}

#timeline .mark9 .item {
    bottom: 25% !important;
    top: 42% !important;
}

#timeline .tooltip-left {
}

#timeline .tooltipstered {
}

#timeline .tooltipstered > img {
    position: relative;
    z-index: 5;
}

#timeline .tooltip-right {
}

#footer {
    padding: 40px 0;
    background-color: #ffffff;
}

#footer img {
    margin: 0 auto;
}

.credits {
    display: block;
    margin: 40px 0 0 0;
}

@-webkit-keyframes rip {
    0% {
        opacity: .1;
        transform: scale(0);
        /*box-shadow:0 0 0 0 transparent;*/
    }

    80% {
        opacity: .4;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }

    100% {
        opacity: .0;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }
}

@-moz-keyframes rip {
    0% {
        opacity: .1;
        transform: scale(0);
        /*box-shadow:0 0 0 0 transparent;*/
    }

    80% {
        opacity: .4;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }

    100% {
        opacity: .0;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }
}

@-ms-keyframes rip {
    0% {
        opacity: .1;
        transform: scale(0);
        /*box-shadow:0 0 0 0 transparent;*/
    }

    80% {
        opacity: .4;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }

    100% {
        opacity: .0;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }
}

@keyframes rip {
    0% {
        opacity: .1;
        transform: scale(0);
        /*box-shadow:0 0 0 0 transparent;*/
    }

    80% {
        opacity: .4;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }

    100% {
        opacity: .0;
        transform: scale(2);
        /*box-shadow:
                                                                                                               0 0 5px 22px #45c2c5;*/
    }
}

@media all and (min-width: 768px) {
    .resultados-info {
    }

    .resultados-info .left {
    }

    .resultados-info .right {
    }

    .resultados-info .fio {
        width: 2px;
    }

    .resultados-info .fio::after {
        width: 8px;
        height: 8px;
        left: -3px;
    }

    #header h1 {
        /* width: 148px; */
        /* top: 10px; */
        /* left: 10px; */
    }

    .mg-download a img {
    }

    #timeline .mark .item, #timeline .mark .item:visited {
        width: 40px;
    }

    #timeline .p {
        width: 40px;
        height: 40px;
        line-height: 36px;
        font-size: 32px;
    }

    #timeline {
        height: 300px;
    }
}

@media all and (min-width: 980px) {
    .section-map .tip .text .sm {
        display: none;
    }

    .section-map .tip .text .lg {
        display: inline-block;
    }

    .resultados-info {
    }

    .resultados-info .left {
        /* margin-left: 10%; */
    }

    .resultados-info .right {
        /* margin-left: 10%; */
    }

    .section-map {
        background-position: center center;
        /* padding-top: 6%; */
        /* z-index: 10; */
    }

    #header h1 {
    }

    .section-map .tip {
        width: 285px;
    }

    #header {
        /* float: left; */
        /* width: 40%; */
        /* text-align: right; */
        /* height: 330px; */
    }

    #header img {
        /* margin: 30px 20px 30px 0; */
        /* display: inline-block; */
    }

    .main {
        /* float: left; */
        /* width: 60%; */
        /* height: 330px; */
    }

    .resultados-logo {
        /* margin-top: 50px; */
        /* max-width: 410px; */
        /* float: left; */
        /* width: 50%; */
    }

    .resultados-logo img {
        /* margin-left: 20px; */
        /* width: 84%; */
        /* max-width: 500px; */
    }

    .resultados-info {
        /* float: right; */
        /* width: 50%; */
        /* margin: 100px 0 0 0; */
        font-size: 1.2em;
    }

    .highlight {
        display: block;
        position: absolute;
        right: 8%;
        top: 9%;
    }

    .highlight span {
    }

    #timeline .mark .item, #timeline .mark .item:visited {
    }

    #timeline {
        height: 500px;
        padding: 0 20% 0;
        margin-top: -7%;
        z-index: 1;
    }

    #timeline li.mark1 .item {
        bottom: 30% !important;
        top: 13% !important;
    }

    #timeline .mark2 .item {
        /* bottom: 36% !important; */
        top: 36% !important;
    }

    #timeline .mark3 .item {
        /* bottom: 40% !important; */
        top: 29% !important;
    }

    #timeline .mark4 .item {
        /* bottom: 48% !important; */
        top: 64% !important;
    }

    #timeline .mark5 .item {
        /* bottom: 46% !important; */
        top: 48% !important;
    }

    #timeline .mark6 .item {
        /* bottom: 43% !important; */
        top: 77% !important;
    }

    #timeline .mark7 .item {
        /* bottom: 40% !important; */
        top: 44% !important;
    }

    #timeline .mark8 .item {
        bottom: 35% !important;
        top: 14% !important;
    }

    #timeline .mark {
        /* width: 7%; */
        /* background-color: #ff00001f; */
        /* border: solid 1px red; */
    }

    #timeline .mark.mark4 {
        /* margin-right: 32%; */
    }

    #timeline .mark.mark5, #timeline .mark.mark6, #timeline .mark.mark7, #timeline .mark.mark8 {
        /* width: 9%; */
    }

    .main-group {
        background-image: url(../img/title.png);
        background-repeat: no-repeat;
        background-position: center top;
        width: 901px;
        height: 387px;
        position: relative;
        overflow: hidden;
        margin: 20px auto -20px;
    }

    .mg-title {
        position: relative;
        height: 270px;
        margin: 0;
        /* text-align: left; */
    }

    .resultados {
        color: #E56404;
        font-size: 43px;
        font-weight: 700;
        display: inline-block;
        margin: 0;
        position: absolute;
        top: 47px;
        left: 330px;
    }

    .beneficios {
        color: #E56404;
        font-size: 32px;
        font-weight: 700;
        display: inline-block;
        margin: 0;
        position: absolute;
        top: 120px;
        left: 394px;
    }

    .mg-title .left {
        color: #5A2508;
        text-align: center;
        width: 304px;
        position: absolute;
        top: 180px;
        margin-top: 0;
    }

    .mg-title .right {
        color: #5A2508;
        text-align: center;
        font-size: 18px;
        width: 200px;
        position: absolute;
        top: 110px;
        right: 10px;
        margin-top: 0;
    }

    .mg-download {
        /* margin: 0 0 0 40%; */
        /* margin-top: 40px; */
        /* margin-top: -10px; */
        /* margin-bottom: 60px; */
    }

    .mg-download .strips {
        /* margin-left: 40%; */
        width: 200px;
        float: right;
        margin-bottom: 10px;
    }

    .mg-download__body {
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mg-download a {
        /* padding: 15px 20px; */
        margin-left: -2px;
        margin-right: -2px;
        min-height: auto;
        font-size: 1.2em;
    }

    .mg-download a:first-child {
        /* border-radius: 30px 0 0 30px; */
    }

    .mg-download a:last-child {
        /* border-radius: 0 30px 30px 0; */
    }

    .mg-download__title {
        /* text-align: left; */
        /* margin-left: 40%; */
        /* padding-right: 100px; */
        /* clear: both; */
    }

    .mg-download > a {
        display: inline-block;
    }

    .map-botton-bar {
    }

    .map-botton-bar .bb-left {
        /* text-align: right; */
        /* padding-right: 25px; */
        flex: 1;
    }

    .map-botton-bar .bb-right {
        /* background: rgba(87,148,197,0.8); */
        /* flex: 1; */
    }

    .bg {
        background-image: url(../img/bg.jpg);
    }

    .credits {
        margin-top: 60px;
    }

    #footer {
        padding-top: 60px;
    }

    #timeline .mark .item::after {
        width: 48px;
        height: 48px;
        left: -11px;
        bottom: -20px;
    }

    .mg-download a img {
        display: inline-block;
    }
}

@media all and (min-width: 1200px) {
    #header {
        /* width: 30%; */
    }

    .main {
        /* width: 70%; */
    }

    .resultados-info {
        /* margin-left: 36%; */
    }

    .highlight {
        right: 21%;
        top: 14%;
    }

    .highlight span {
    }
}

@media all and (min-width: 1400px) {
    .highlight {
    }

    .highlight span {
    }
}