body{

    font-family: Verdana, Arial, sans-serif;
}

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


a:hover,
a:active {}

#header{
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 2;
}

#header h1{
    margin: 0 0 6px;
}

#header img{}


.section-header {
    background-color: #F9F7DD;
}





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


.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: 22px;
    /* width: 304px; */
}

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

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

.mg-title .left-small {
    font-size: 14px;
    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 20px 0%;
}

.mg-download > a {
    background-image: url(../img/download.png);
    background-position: left 8px;
    background-repeat: no-repeat;
    padding: 10px 8px 10px 20px;
    font-size: 11px;
    font-weight: 700;
    display: block;
}

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

.mg-download .h3 {
}

.mg-download .mg-download__title {
    position: relative;
    color: #5B2509;
    font-size: 15px;
    border-bottom: #D8CBB0 solid 1px;
    padding: 0 0 6px;
    margin: 20px 0 8px;
}

.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: #333;
    background-image: url(../img/map.jpg);
    background-position: center center;
    /* height: 650px; */
    position: relative;
}



.section-map .tip {
    display: inline-block;
    /* width: 200px; */
    float: right;
    margin: 110px 0 0 0;
}

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

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

.section-map .tip .text {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 200px;
}

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

}

.map-botton-bar {
    background-color: #433E3A;
    background-color: rgba(67, 62, 58, 0.82);
    color: #fff;
    text-align: center;
    padding: 25px 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}


#timeline {
    position: relative;
    clear: both;
}



#timeline .mark {
    display: block;
    background-color: transparent;
    float: left;
    width: 16.6%;
    text-align: center;
}

#timeline .mark a:link,
#timeline .mark a:visited{
    position: relative;
    display: block;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    border-radius: 50px;
    transition: box-shadow .5s, transform .3s ease;
}


#timeline .mark a:hover,
#timeline .mark a:active {
    box-shadow: 0 0 20px #000;
    transform: scale(1.1);
}



#timeline .mark.anim a:before,
#timeline .mark.anim a: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 a:before,
#timeline .mark a:after {
  content:'';
  position:absolute;
  border: #fff solid 1px;
}
#timeline .mark.anim a:before 
{
	-webkit-animation-delay:0s;
-moz-animation-delay:0s;
-ms-animation-delay:0s;
animation-delay:0s;

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


#timeline .mark1 {
    margin-top: 140px;
}
#timeline .mark2 {
    margin-top: 160px;
}
#timeline .mark3 {}
#timeline .mark4 {
    margin-top: 120px;
}
#timeline .mark5 {
    margin-top: 129px;
}
#timeline .mark6 {
    margin-top: 180px;
}

#timeline .tooltip-left {
}

#timeline .tooltipstered {
}

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

#timeline .tooltip-right {
}


#footer{
    padding: 40px 0;
}
#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: 980px){

.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: 40px;
    font-weight: 700;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 47px;
    left: 320px;
}

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


.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: 16px;
    width: 200px;
    position: absolute;
    top: 110px;
    right: 10px;
    margin-top: 0;
}


.mg-download {
    margin: 0 0 0 37%;
}

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

  
}