body { margin-top: 135px }
body.admin-bar { margin-top: 165px }
@media screen and (max-width: 1024px) {
    body { margin-top: 125px; }
    body.admin-bar { margin-top: 145px }
}
@media screen and (max-width: 500px) {
    body { margin-top: 75px; }
    body.admin-bar { margin-top: 95px; }
}

html,
body {
    font-family: Source Sans Pro, San Francisco, Helvetica, Arial, sans-serif;
}

@media (min-width: 1200px) {
    .cinquenta-anos-radioterapia .container {
        width: 1170px;
    }
}
@media (min-width: 992px){
    .cinquenta-anos-radioterapia .container {
        width: 970px;
    }
}

@media (min-width: 768px) {
    .cinquenta-anos-radioterapia .container {
        width: 750px;
    }
}
.cinquenta-anos-radioterapia .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    max-width: unset!important;
}
.new-timeline .informacoes-timiline {
    margin-top: 120px;
}
.new-timeline .informacoes-timiline h1.title-timeline {
    color: #00A6B0;
}
.new-timeline .informacoes-timiline h2 {
    color: #00A3AD;
    text-transform: none;
    font-family: Source Sans Pro, San Francisco, Helvetica, Arial, sans-serif;
}

.cinquenta-anos-radioterapia .container {
    width: 100%;
}
.cinquenta-anos-radioterapia .box {
    margin-top: 0;
}
.banner-radioterapia {
    width: 85%;
    margin: 0 auto;
}
.cd-container::after {
    content: '';
    display: table;
    clear: both
}

.dataAppear {
    transition: 4s;
    visibility: visible!important
}

#cd-timeline {
	width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 100px;
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: #d7e4ed;
    visibility: visible;
    margin-top: 0px;
}

.cd-timeline-block:after,
.cd-timeline-content:after {
    content: "";
    clear: both
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0
}

.cd-timeline-block:after {
    display: table
}

.cd-timeline-block:first-child {
    margin-top: 0
}
.new-timeline .cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:550px) {
    #cd-timeline {
        margin-top: 30px;
    }
    .cd-timeline-block {
        margin: 4em 0
    }
    .cd-timeline-block:first-child {
        margin-top: 0
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
    .new-timeline #cd-timeline {
        margin-top: 280px;
    }
    .new-timeline .bullet-timeline {
        top: 25px;
    }
    .new-timeline .cd-timeline-block:first-child .cd-timeline-content {
        margin-top: -70px;
    }
    .new-timeline .cd-timeline-block:first-child .year {
        top: -310px;
    }
}

.cd-timeline-img .bol {
    background-color: #2abec5;
    width: 10px;
    height: 10px;
    position: relative;
    left: 80%;
    top: 550%;
    color: #000;
    border-radius: 50%
}

.cd-timeline-img.cd-movie {
    background: #c03b44
}

.cd-timeline-img.cd-location {
    background: #f0ca45
}

@media only screen and (min-width:550px) {
    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }
    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 .6s;
        -moz-animation: cd-bounce-1 .6s;
        animation: cd-bounce-1 .6s
    }
}

.cd-timeline-content {
    color: #fff;
}

.cd-timeline-content:after {
    display: table
}

.cd-timeline-content h2 {
    color: #303e49;
    text-transform: none;
    font-family: Source Sans Pro, San Francisco, Helvetica, Arial, sans-serif;
    margin: 20px 0 25px;
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more,
.cd-timeline-content p {
    font-size: 13px;
    font-size: .8125rem
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #fff;
    border-radius: .25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}


@media only screen and (min-width:768px) {
    .cd-timeline-content h2 {
        font-size: 20px;
        font-size: 1.25rem
    }
    .cd-timeline-content p {
        font-size: 16px;
        font-size: .9rem
    }
    .cd-timeline-content .cd-date,
    .cd-timeline-content .cd-read-more {
        font-size: 14px;
        font-size: .875rem
    }
}

.cd-container::after {
    content: '';
    display: table;
    clear: both;
}

.dataAppear {
    transition: 4s;
    visibility: visible!important
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 8px;
    background: #2abec5
}

.cd-timeline-block:after,
.cd-timeline-content:after {
    content: "";
    clear: both
}

@media only screen and (min-width:550px) {
    #cd-timeline::before {
        left: 50%;
        margin-left: -4px
    }
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block:after {
    display: table
}

.cd-timeline-block:first-child {
    margin-top: 0
}

.cd-timeline-block:last-child {
    margin-bottom: 0
}

@media only screen and (min-width:550px) {
    .cd-timeline-block.space-top {
        margin-top: 200px;
    }
    .cd-timeline-block:first-child {
        margin-top: 0
    }
    .cd-timeline-block:last-child {
        margin-bottom: 0
    }
}

.cd-timeline-img .bol {
    background-color: #2abec5;
    width: 10px;
    height: 10px;
    position: relative;
    left: 80%;
    top: -3px;
    color: #000;
    border-radius: 50%
}

.year {
    color: #fff;
    font-size: 250px;
    font-weight: bold;
    float: left;
    position: absolute;
    top: -240px;
}

.year-right {
    right: 0;
}

.cd-timeline-img.cd-movie {
    background: #c03b44
}

.cd-timeline-img.cd-location {
    background: #f0ca45
}

.cd-teste-timiline-esquerda {
    width: 90%;
    background: #003b4e;
    background: -moz-linear-gradient(left,  #003b4e 0%, #00b2bb 100%);
    background: -webkit-linear-gradient(left,  #003b4e 0%,#00b2bb 100%);
    background: linear-gradient(to right,  #003b4e 0%,#00b2bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4e', endColorstr='#00b2bb',GradientType=1 );
    -webkit-border-top-right-radius: 150px;
    -webkit-border-bottom-right-radius: 150px;
    -moz-border-radius-topright: 150px;
    -moz-border-radius-bottomright: 150px;
    border-top-right-radius: 150px;
    border-bottom-right-radius: 150px;
    padding: 10px 10% 10px 10%;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    overflow: hidden;
}

.cd-teste-timiline-direita {
    width: 90%;
    margin-left: 10%;
    background: #1e5799;
    background: -moz-linear-gradient(left,  #1e5799 0%, #2989d8 0%, #37c9d0 0%, #003b4e 100%);
    background: -webkit-linear-gradient(left,  #1e5799 0%,#2989d8 0%,#37c9d0 0%,#003b4e 100%);
    background: linear-gradient(to right,  #1e5799 0%,#2989d8 0%,#37c9d0 0%,#003b4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#003b4e',GradientType=1 );
    -webkit-border-top-left-radius: 150px;
    -webkit-border-bottom-left-radius: 150px;
    -moz-border-radius-topleft: 150px;
    -moz-border-radius-bottomleft: 150px;
    border-top-left-radius: 150px;
    border-bottom-left-radius: 150px;
    padding: 10px 10% 10px 10%;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
    overflow: hidden;
}
@media screen and (min-width: 600px) {
    .new-timeline .cd-teste-timiline-direita {
        padding: 10px 27% 10px 12%;
    }
}

.cd-teste-timiline-direita .link {
    color: #ffffff;
    text-decoration: underline;

}

.cd-teste-timiline-esquerda .link {
    color: #ffffff;
    text-decoration: underline;
}

.cd-teste-timiline-texto {
    width: 70%;
    float: left;
}

.cd-teste-timiline-direita-icone {
    width: 25%;
    float: left;
    margin-left: 5%;
}

.cd-teste-timiline-esquerda-icone {
    width: 25%;
    float: left;
    margin-right: 5%;
}

@media only screen and (min-width:550px) {
    .cd-timeline-img {
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden
    }
    .cssanimations .cd-timeline-img.is-hidden {
        visibility: hidden
    }
    .cssanimations .cd-timeline-img.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-1 .6s;
        -moz-animation: cd-bounce-1 .6s;
        animation: cd-bounce-1 .6s
    }
}

@-webkit-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-moz-keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(.5)
    }
    60% {
        opacity: 1;
        -moz-transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1)
    }
}

@keyframes cd-bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.cd-timeline-content {
    width: 70%;
    position: relative;
}

.cd-timeline-content img {
    width: auto;
    box-shadow: none;
    margin-top: 50px;
    margin-left: auto;
}

.cd-timeline-content img.img-direita {
    margin-left: auto;
}

.cd-timeline-content:after {
    display: table
}

.cd-timeline-content h2 {
    color: #ffffff;
    font-weight: normal;
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more,
.cd-timeline-content p {
    font-size: 13px;
    font-size: .8125rem
}

.cd-timeline-content .cd-date,
.cd-timeline-content .cd-read-more {
    display: inline-block
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.2;
    padding-bottom: 0;
}

.cd-timeline-content .cd-read-more {
    float: right;
    padding: .8em 1em;
    background: #acb7c0;
    color: #fff;
    border-radius: .25em
}

.no-touch .cd-timeline-content .cd-read-more:hover {
    background-color: #bac4cb
}

.cd-timeline-content .cd-date {
    float: left;
    padding: .8em 0;
    opacity: .7
}

@media only screen and (min-width:768px) {
    .cd-timeline-content h2 {
        font-size: 27px;
    }
    .cd-timeline-content p {
        font-size: 20px;
    }
    .cd-timeline-content .cd-date,
    .cd-timeline-content .cd-read-more {
        font-size: 14px;
        font-size: .875rem
    }
}

@media only screen and (min-width:550px) {
    .cd-timeline-content img {
        margin-left: 10px;
    }
    .cd-timeline-content img.img-direita {
        margin-left: -10px;
    }
    .cd-timeline-content {
        width: 100%;
        margin-left: 0;
    }

    .cd-timeline-content .cd-read-more {
        float: left
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content,
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
        float: right
    }
    .new-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content,
    .new-timeline .cd-timeline-block:nth-child(odd) .cd-timeline-content,
    .new-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more,
    .new-timeline .cd-timeline-block:nth-child(odd) .cd-timeline-content .cd-read-more {
        float: left
    }
    .new-timeline .cd-timeline-block.from-right:nth-child(even) .cd-timeline-content,
    .new-timeline .cd-timeline-block.from-right:nth-child(odd) .cd-timeline-content,
    .new-timeline .cd-timeline-block.from-right:nth-child(even) .cd-timeline-content .cd-read-more,
    .new-timeline .cd-timeline-block.from-right:nth-child(odd) .cd-timeline-content .cd-read-more {
        float: right
    }
    .new-timeline .cd-timeline-content img.img-direita {
        margin-left: -15.5px;
    }
    .cd-timeline-content .cd-date {
        color: #333;
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
        font-size: 16px;
        font-size: 1rem
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent #2abec5 transparent transparent
    }
    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
        left: auto;
        right: 122%;
        text-align: right
    }
    .cssanimations .cd-timeline-content.is-hidden {
        visibility: hidden
    }
    .cssanimations .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 1.2s;
        -moz-animation: cd-bounce-2 1.2s;
        animation: cd-bounce-2 1.2s
    }
    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 1.2s;
        -moz-animation: cd-bounce-2-inverse 1.2s;
        animation: cd-bounce-2-inverse 1.2s
    }


    .cssanimations .new-timeline .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in,
    .cssanimations .new-timeline .cd-timeline-block:nth-child(odd) .cd-timeline-content.bounce-in {
        visibility: visible;
        -webkit-animation: cd-bounce-2 1.2s;
        -moz-animation: cd-bounce-2 1.2s;
        animation: cd-bounce-2 1.2s
    }
    .cssanimations .new-timeline .cd-timeline-block.from-right:nth-child(even) .cd-timeline-content.bounce-in,
    .cssanimations .new-timeline .cd-timeline-block.from-right:nth-child(odd) .cd-timeline-content.bounce-in {
        -webkit-animation: cd-bounce-2-inverse 1.2s;
        -moz-animation: cd-bounce-2-inverse 1.2s;
        animation: cd-bounce-2-inverse 1.2s
    }
}

@-webkit-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(20px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -moz-transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateX(-20px)
    }
    100% {
        -moz-transform: translateX(0)
    }
}

@keyframes cd-bounce-2-inverse {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
}

.countTime {
    display: none;
    position: fixed;
    right: 10px;
    top: 250px;
    text-align: center
}

.countTimeItem {
    margin: 5px 0;
    width: 40px;
    height: 3px;
    background-color: #68A2C4;
    text-align: left
}

.countDate a {
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700
}

@media(min-width:800px) {
    .countTime {
        right: 30px;
        top: 200px
    }
    .cd-timeline-content {
        width: 50%!important;
        clear: both;
    }
}

@media(max-width:799px) {
    .cd-timeline-img {
        width: 70px;
        height: 70px;
    }
}

@media(max-width:675px) {
    .cd-timeline-img.cd-picture {
        background-color: transparent
    }
    .year {
        color: rgba(42, 190, 197, 1)
    }
    .year-ate-hoje {
        color: #ffffff;
    }
    #cd-timeline::after,
    #cd-timeline::before,
    .cd-timeline-img .bol {
        display: none
    }
}

.bullet-timeline {
	display: block;
	width: 94px;
	height: 94px;
	position: absolute;
	left: 50%;
	margin-left: -47px;
	border-radius: 50%;
	background-image: url('../images/linha-do-tempo/ponto.png');
	background-repeat: no-repeat;
}

@media(max-width: 675px) {
	.bullet-timeline {
		display: none;
	}
}
@media(max-width: 768px) {
    .bullet-timeline {
        width: 36px;
        height: 36px;
        margin-left: -18px;
        background-size: 100%;
    }

    .year {
        top:0px;
        left: 15px;
        font-size: 60px;
        line-height: 70px;
        color: #ffffff;
    }
}

.ate-hoje {
	width: 50%;
    height: auto;
    border-radius: 150px;
    margin: 220px auto 0 auto;
    padding: 50px;
    text-align: center;
    background: #003b4e;
    background: -moz-linear-gradient(left,  #003b4e 0%, #00b2bb 100%);
    background: -webkit-linear-gradient(left,  #003b4e 0%,#00b2bb 100%);
    background: linear-gradient(to right,  #003b4e 0%,#00b2bb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b4e', endColorstr='#00b2bb',GradientType=1 );
}
.year-ate-hoje {
	font-size: 20px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    left: 8px !important;
    float: none !important;
    position: relative !important;
    font-weight: normal !important;
    top: 0 !important;
}
.year-ate-hoje img {
    box-shadow: none;
    margin: 0 auto;
    padding-bottom: 20px;
}
.year-ate-hoje .font-maior {
    font-size: 27px;
}

@media(max-width:549px) {
    .cd-timeline-content {
        width: 100%;
    }
    .cd-teste-timiline-esquerda {
        width: 100%;
        border-radius: inherit;
    }
    .cd-teste-timiline-direita {
        width: 100%;
        border-radius: inherit;
        margin-left: 0;
    }
    .ate-hoje {
        margin-left: 0;
        width: 100%;
        border-radius: inherit;
    }
}
@media(min-width:676px) and (max-width:799px) {
    .cd-teste-timiline-esquerda {
        width: 48%;
    }
    .cd-timeline-content img {
        width: 50%;
    }
    .cd-teste-timiline-direita {
        width: 48%;
        margin-left: 52%;
    }
    .cd-timeline-content img.img-direita {
        margin-left: 50%;
    }
}

@media(min-width:769px) and (max-width:1024px) {
    .year {
        font-size: 220px;
    }
}

.informacoes-timiline {
    width: 70%;
    margin: 0 auto;
}

.informacoes-timiline p {
    color: #ffffff !important;
}

.cinquenta-anos-radioterapia {
    background-image: url('../images/linha-do-tempo/bg-timiline.jpg');
    background-repeat: no-repeat;
    background-position: center center;
	background-color: #003644;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
@media only screen and (min-width: 550px) {
    .new-timeline .cd-teste-timiline-esquerda + picture img:not(.img-direita){
        margin-right: -14px;
        margin-left: auto;
    }
    .new-timeline .cd-teste-timiline-esquerda + picture img.img-direita{
        transform: translateX(calc(100% - 14.5px));
        margin-left: auto;
    }
    .new-timeline .cd-teste-timiline-direita + picture img.img-esquerda{
        transform: translateX(calc(-100% + 13.5px));
        margin-left: 0px;
    }
    .new-timeline .cd-timeline-content img.-tight-xs {
        margin-top: -30px;
    }
    .new-timeline .cd-timeline-content img.-tight-sm {
        margin-top: -150px;
    }
}
.new-timeline .ate-hoje {
    margin: 50px auto 80px auto;
}