html {
    height: 100%;
	font-size: 14px;
}

body {
    height: 100%;
	padding-top: 80px;
    overflow-x: hidden;
    font-family: 'Source Sans Pro', sans-serif;
    -ms-overflow-style: scrollbar;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;
}

.height-30px{ height: 30px; }
.height-50px{ height: 50px; }
.text-align--webkit-center{ text-align: -webkit-center; }

.clear-margin {
    margin: 0;
}

.page-title {
    margin-top: 60px;
    margin-bottom: 50px;
}

.primary-title {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #02495A;
    letter-spacing: 2px;
    /*margin-top: 60px;
    margin-bottom: 50px;*/
}

.primary-title-homepage {
    margin-top: 50px;
	margin-bottom: 50px;
}

.primary-quote {
    text-transform: uppercase;
    font-size: 16px;
}

.description {
    font-size: 14px;
    color: #5E5E5E;
}

.description-intro {
	padding-right: 50px;
}

.description-news-home {
    font-size: 14px;
    color: #c4c4c4;
}

.description-date {
    color: #c4c4c4;
}

.subtitle {
    color: #037188;
    font-size: 16px;
    margin-bottom: 50px;
}

.secondary-quote {
    color: #3199b2;
    font-size: 24px;
}

.secondary-title {
    color: #02495A;
    font-weight: bold;
    font-size: 24px;
}

.page-title .horizontal-line {
    width: 75px;
    border: 1px solid #02495A;
    margin-left: 30px;
    display: inline-block;
    margin-right: 15px;
    position: relative;
    top: -15px;
}

.page-title .primary-title {
    display: inline-block;
    margin-bottom: 0;
}

.page-title .subtitle {
    margin-left: 125px;
}


.page-title .secondary-title {
    display: inline-block;
}

.label-title {
    font-size: 16px;
    color: #02495A;
    font-weight: 500;
    font-family: 'Montserrat', 'sans-serif';
}

.page-content {
    margin-left: 93px;
}

/* BUTTONS */

.btn-primary-custom {
    background-color: #037188;
    background-image: -webkit-linear-gradient(left, #037188, #02495A);
    background-image: -moz-linear-gradient(left, #037188, #02495A);
    background-image: -ms-linear-gradient(left, #037188, #02495A);
    background-image: -o-linear-gradient(left, #037188, #02495A);
    background-image: linear-gradient(to right, #037188, #02495A);
    -webkit-border-radius: 30;
    -moz-border-radius: 30;
    border-radius: 30px;
    color: #ffffff;
    padding: 7px 24px;
    text-decoration: none;
    text-transform: uppercase;
    height: 36px;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    min-width: 195px;
    text-align: left;
}

.btn-primary-custom:hover,
.btn-primary-custom:focus {
    /*background-color: transparent;
    background-image: none;
    border: 1px solid #037188;*/
    outline: none;
    color: #ffffff;
}

.btn-primary-custom:active:focus {
    outline: none;
}

.btn-primary-custom .icon-seta {
    font-size: 25px;
    vertical-align: middle;
    position: relative;
    top: 3px;
    left: 10px;
}

.btn-primary-custom .icon-seta::before {
    line-height: 0;
}

.btn-circle {
    border: 1px solid #fff!important;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 7px!important;
    margin-top: 4px;
}

.btn-circle:hover {
    background-color: #fff!important;
    color: #013743!important;
    border: 1px solid transparent!important;
}

.btn-half-circle {
    border: 1px solid #fff!important;
    border-radius: 30px;
    height: 35px;
    width: 115px;
    padding: 7px!important;
    margin-top: 4px;
}

.btn-half-circle:hover {
    background-color: #fff!important;
    color: #013743!important;
    outline: none;
}

.btn-back {
    background-color: transparent;
    text-decoration: none;
    color: #5E5E5E;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
}

.btn-back:hover,
.btn-back:focus {
    text-decoration: none;
    outline: none;
    box-shadow: none;
    color: #5E5E5E;
}

.btn-title-anchor {
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    padding: 0;
}

.btn-title-anchor {
    outline: none;
}

.btn-logout {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    border-radius: 30px;
    height: 35px;
    width: 115px;
    padding: 7px!important;
    margin-top: 4px;
    font-size: 12px;
}

.btn-logout:hover,
.btn-logout:focus {
    background-color: #fff!important;
    color: #013743!important;
    outline: none;
}

.btn-logout:active:focus {
    outline: none;
}

.button-line {
    width: 36px;
    height: 1px;
    display: inline-block;
    background-color: #FAD574;
    margin-left: 10px;
    vertical-align: middle;
}

.button-line-news-home {
    width: 36px;
    height: 1px;
    display: inline-block;
    background-color: #ddb86c;
    margin-left: 10px;
    vertical-align: middle;
}

.button-line-news {
    width: 36px;
    height: 1px;
    display: inline-block;
    background-color: #037188;
    margin-left: 10px;
    vertical-align: middle;
}

.button-line-btn {
    width: 36px;
    height: 1px;
    display: inline-block;
    background-color: #ffffff;
    margin-left: 10px;
    vertical-align: middle;
}

.button-line-expand {
    width: 1px;
    height: 25px;
    display: inline-block;
    background-color: #ddb86c;
    margin-top: 5px;
    vertical-align: middle;
    position: absolute;
}

.button-line-anime-text:hover + .button-line {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLine;
    animation-name: buttonLine;
    animation-iteration-count: 1;
}

.button-line-anime-text:hover + .button-line-news {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLine;
    animation-name: buttonLine;
    animation-iteration-count: 1;
}

.button-line-anime-text:hover + .button-line-news-home {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLine;
    animation-name: buttonLine;
    animation-iteration-count: 1;
}

.button-line-anime-text:hover + .button-line-btn {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLine;
    animation-name: buttonLine;
    animation-iteration-count: 1;
}


.btn-primary-custom:hover .button-line-btn {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLine;
    animation-name: buttonLine;
    animation-iteration-count: 1;
}

.btn-plus:hover .button-line-expand {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLineVertical;
    animation-name: buttonLineVertical;
    animation-iteration-count: 1;
}

.btn-year-timeline {
    min-width: 75px;
}

.btn-year-timeline:hover {
    color: #037188;
    background-color: transparent;
    border: 1px solid #037188;
    background-image: none;
}

@keyframes buttonLine {

    0% {
        width: 0;
    }

    to {
        width: 36px;
    }

}

@keyframes buttonLineVertical {

    0% {
        height: 0;
    }

    to {
        height: 25px;
    }

}

.btn-send-map {
    min-width: 125px;
    text-align: center;
}

.btn-primary-large {
    width: 275px;
}

.btn-primary-medium {
    width: 225px;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset!important;
    transition: background-color 5000s ease-in-out 0s;
}

.inputHoverFocus:-webkit-autofill:hover,
.inputHoverFocus:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset!important;
}

/* SLICK */

.slick-dots {
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    right: 2%;
    top: 15%;
}

.slick-dots li {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    padding: 7px;
    cursor: pointer;
    color: transparent;
    border: 1px solid #fff;
    outline: none;
    background: transparent;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.slick-dots li.slick-active button {
    border: 3px solid #fff;
    left: -2px;
    top: -2px;
}

.slick-vertical .slick-slide {
   height: 200px!important;
}

.slick-slide:focus {
    outline: none;
}

.slick-list {
	z-index: 15;
}

/* PROGRESS BAR */

.progress-bar-area {
  width: 10%;
  background-color: #4E7A83;
  text-align: center;
  margin: 0 auto;
}

.progress-bar-content {
  width: 0;
  height: 2px;
  background-color: #fff;
  text-align: center;
}

/* LOGIN PAGE */

.login-page {
    background-color: #eeeeee;
    background-image: url(../images/fundo-login.png);
    min-height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.login-form {
    background-color: #fff;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px;
    position: absolute;
    top: 60%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
}

.login-page label.left {
    color: #02495A;
    font-family: 'Montserrat', 'sans-serif';
    position: absolute;
    margin-top: 15px;
}

.login-page .middleColumn input {
    width: 100%;
    display: inline-block;
    padding: 15px 15px 15px 60px;
    border-bottom: 1px solid #02495A;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    outline: none;
    box-shadow: none;
    border-radius: 0;
}

.login-page .middleColumn input:focus {
    outline: none;
    box-shadow: none;
    border-color: #87d0e1;
    border-width: 1px;
}


.login-page .middleColumn input.password {
    padding: 15px 15px 15px 90px;
}

.login-page #Password {
    margin-top: 50px;
}

.login-page .checkbox {
    color: #5E5E5E;
    top: 50px;
    text-align: center;
}

.login-page .checkbox input {
    margin-left: 0;
    top: 0;
    left: 32%;
}

.login-page .Actions {
    text-align: center;
}

.login-page .Actions input {
    margin: 30px 0;
    background-color: #037188;
    background-image: -webkit-linear-gradient(left, #037188, #02495A);
    background-image: -moz-linear-gradient(left, #037188, #02495A);
    background-image: -ms-linear-gradient(left, #037188, #02495A);
    background-image: -o-linear-gradient(left, #037188, #02495A);
    background-image: linear-gradient(to right, #037188, #02495A);
    -webkit-border-radius: 30;
    -moz-border-radius: 30;
    border-radius: 30px;
    color: #ffffff;
    padding: 1px 24px;
    text-decoration: none;
    text-transform: uppercase;
    height: 36px;
    vertical-align: middle;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    border: 1px solid #037188;
    top: 50px;
    position: relative;
}

.login-page .Actions input:hover,
.login-page .Actions input:focus {
    background-color: transparent;
    background-image: none;
    color: #037188;
    border: 1px solid #037188;
    outline: none;
}

.login-page .Actions input:active:focus {
    outline: none;
}

.login-page .Actions #ForgotPassword {
    position: relative;
    top: -125px;
    text-align: right;
}

.login-page .Actions #ForgotPassword a {
    color: #037188;
}

/* HOMEPAGE HEADER */

.header-homepage {
    text-align: center;
    color: #ffffff;
	background-color: #03252e;
    background-image: url(../images/home_final.jpg);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: right bottom;
    min-height: 100%!important;
    height: 100%!important;
}

.carousel-slides {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.slogan-item .title {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.slogan-item .subtitle-slogan {
    font-weight: 200;
}

.row-bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.col-news-homepage {
    border-left: 1px solid #fff;
    text-align: left;
    margin-left: 32px;
    padding: 0 30px;
}

.col-news-homepage .primary-quote {
    font-weight: 400;
    line-height: 21px;
}

.btn-read-more {
    color: #FAD574;
    text-decoration: none;
}

.btn-read-more:hover,
.btn-read-more:focus {
    color: #FAD574;
    text-decoration: none;
}

.btn-read-more .icon-seta {
    font-size: 25px;
    vertical-align: middle;
    position: relative;
    top: 4px;
    left: 5px;
}

.col-scroll {
    height: 100px;
}

.mouse {
    display: block;
    height: 100px;
    z-index: 9999;
    margin: 0 auto;
    position: absolute;
    bottom: -20px;
    left: 50%;
    font-size: calc(100vw/1280*28);
    pointer-events: none;
    -webkit-transform: translateX(calc(50% - 17px));
    transform: translateX(calc(50% - 17px));
    z-index: 1;
}

.mouse div.bottom::after, .mouse div.top::after {
    display: block;
    content: "";
    width: 10px;
    margin-left: 17px;
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    -webkit-animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.mouse div.top{
    top: 20px;
}
.mouse div.bottom{
    bottom:  20px;
}
.mouse div.bottom,
.mouse div.top {
    position: absolute;
    left: 0;
    font-size: 14px;
    color: #fff;
}
.mouse div.top::after {
    height: 1px;
    border-left-width: 1px;
    border-left-style: solid;
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: 1.5s;
    -webkit-animation-name: scroll;
    animation-name: scroll;
    animation-iteration-count: infinite;
}

.mouse div.bottom::after {
    height: 0;
    border-left: 1px;
    border-left-style: solid;
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: 1.5s;
    -webkit-animation-name: scrollInverse;
    animation-name: scrollInverse;
    animation-iteration-count: infinite;
}

@keyframes scroll {
    0% {
        height: 0;
        border: none;
    }

    50% {
        height: 0;
        border-left-width: 1px;
        border-left-style: solid;
    }

    to {
        height: 60px;
        border-left-width: 1px;
        border-left-style: solid;
    }

}

@keyframes scrollInverse {
    0% {
        height: 60px;
        border-left-width: 1px;
        border-left-style: solid;
    }

    50% {
        height: 0;
        border-left-width: 1px;
        border-left-style: solid;
    }

    to {
        height: 0;
        border: none;
    }

}

/* HOMEPAGE SERVICES */

.section-services {
    background-color: #eeeeee;
    background-image: url(../images/servicos-home.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 100%;
}

.container-services {
    margin-right: 100px;
    margin-left: 100px;
}

.section-services .subtitle {
    margin-bottom: 100px;
}

.row-services {
    border-bottom: 1px solid #87d0e1;
    padding-bottom: 50px;
    text-align: center;
}

.circle-service {
    display: block;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    text-decoration: none;
    color: #5E5E5E;
    margin: 0 auto 30px auto;
	cursor: pointer;
}

.circle-service:hover {
    text-decoration: none;
    color: #5E5E5E;
    -webkit-box-shadow: 0px 0px 65px 0px rgba(3,114,136,0.3);
    -moz-box-shadow: 0px 0px 65px 0px rgba(3,114,136,0.3);
    box-shadow: 0px 0px 65px 0px rgba(3,114,136,0.3);
}

.circle-service:focus {
    outline: none;
    text-decoration: none;
    color: #5E5E5E;
}

.circle-service .icon-container {
    padding-top: 50px;
    padding-bottom: 25px;
}

.circle-service .secondary-title {
    margin: 0;
    font-weight: 500;
    color: #037188;
}

.circle-service .small-line {
    height: 20px;
    width: 1px;
    background-color: #037188;
    margin: 10px auto;
}

.circle-description {
    padding: 0 70px;
}

.row-button {
    margin-top: 100px;
    margin-bottom: 100px;
    text-align: center;
}

/* HOMEPAGE NETWORK */

.section-network {
    min-height: 100%;
    overflow: hidden;
}

.network-facts {
    margin-bottom: 100px;
    margin-top: 75px;
    left: 8%;
}

.network-item {
    text-align: left;
}

.network-item .value {
    font-size: 56px;
    font-weight: 600;
    color: #3199B2;
    margin-bottom: -10px;
}

.network-item .description {
    margin-top: 10px;
    color: #868686;
}

.network-item .icon-check {
    font-size: 21px;
    color: #87d0e1;
    vertical-align: middle;
}

.network-places {
    position: relative;
}

.image-network-cover {
    position: absolute;
    top: -535px;
    left: 0%;
    z-index: 9;
}

.image-network-country {
    position: absolute;
    z-index: 99;
    left: 40%;
}

.network-title {
    border-left: 1px solid #87d0e1;
    position: relative;
    left: calc((100vw - 1967px)/2);
}

.network-title .secondary-title {
    text-align: left;
    margin: 0 30px;
    padding-top: 50px;
    font-size: 24px;
    line-height: 1.4;
    position: relative;
    z-index: 99;
    color: #037188;
    text-transform: uppercase;
    max-width: 285px;
    font-weight: 300;
}

.map-title {
    width: 275px;
    padding-top: 30px;
    margin-left: 0;
}

.map-title .secondary-title {
    position: relative;
    z-index: 99;
    color: #037188;
    text-transform: uppercase;
    font-weight: 500;
}

.map-title .description {
    position: relative;
    z-index: 99;
    margin-bottom: 15px;
    font-size: 16px;
}

.col-network-left {
    min-height: 300px;
    background-color: #eeeeee;
}

.col-network-left::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    clear: both;
    border-top: 150px solid transparent;
    border-bottom: 150px solid transparent;
    border-left: 118px solid #eeeeee;
}

.col-network-right {
    min-height: 300px;
    background-color: #fff;
    border-top: 1px solid #87d0e1;
    border-bottom: 1px solid #87d0e1;
    border-left: 1px solid #87d0e1;
}

.col-network-right::before,
.col-network-right::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-left: 0;
}

.col-network-right::before {
    border-bottom: 150px solid transparent;
    border-top: 150px solid transparent;
    border-right: 117px solid #fff;
    border-right-color: #87d0e1;
    left: -117px;
    top: -1px;
}

.col-network-right::after {
    border-bottom: 150px solid transparent;
    border-top: 150px solid transparent;
    border-right: 116px solid #fff;
    left: -115px;
    top: -1px;
}

.col-network-right .btn-primary-custom {
    z-index: 99;
    position: relative;
}

.col-network-center img {
    max-height: 300px;
    margin: 0 auto;
}

.col-network-left-hidden {
    min-height: 150px;
    margin-top: 50px;
    background-color: #eeeeee;
}

/* HOMEPAGE CLIENTS */

.section-customers {
    padding: 50px 0;
}

.col-container-companies {
    border: 1px solid #87d0e1;
    padding: 0 15px;
}

.col-logo {
    margin-bottom: 50px;
}

.col-logo img {
  filter: grayscale(1);
  opacity: 0.5;
}

.col-logo img:hover {
  filter: none;
  opacity: 1;
}


/* HOMEPAGE NEWS */

.section-news {
    background-color: #eeeeee;
    padding: 0 15px 30px 15px;
}

.box-news {
    background-color: #fff;
    text-align: left;
    -webkit-box-shadow: 10px 10px 44px 4px rgba(219,219,219,0.37);
    -moz-box-shadow: 10px 10px 44px 4px rgba(219,219,219,0.37);
    box-shadow: 10px 10px 44px 4px rgba(219,219,219,0.37);
	height: 100%;
}

.box-news .subtitle {
    margin: 0;
    padding: 15px 15px 10px 30px;
}

.box-news .secondary-title {
    padding: 0 30px 5px 30px;
    text-transform: none;
    font-weight: 500;
    line-height: 1.3;
    color: #037188;
    margin-top: 0;
}

.box-news .horizontal-news-line {
    width: 75px;
    height: 1px;
    border-top: 1px solid #037188;
    margin-left: 30px;
    margin-bottom: 5px;
}

.box-news .description {
    padding: 15px 30px;
    color: #5E5E5E;
    font-size: 16px;
}

.box-news .read-more-info {
    padding: 10px 30px 20px 30px;
}

.box-news .read-more-info .news-link {
    color: #ddb86c;
}

.box-news .read-more-info .news-link:hover {
    color: #ddb86c;
    text-decoration: none;
}

.row-see-all-news {
    border-top: 1px solid #87d0e1;
    padding: 30px;
    margin-top: 30px;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
}

.col-eq-height {
	display: flex;
	flex-direction: column;
	margin-bottom: 30px;
}

/* HOMEPAGE MORE INFO */

.section-more-info {
    padding: 50px 30px;
}

.section-more-info .subtitle {
    font-weight: 500;
    color: #037188;
    font-size: 24px;
    margin-bottom: 30px;
    margin-top: 0;
}

.section-more-info .description {
    color: #5E5E5E;
    margin-bottom: 15px;
    font-size: 16px;
}

.row-more-info-home {
    text-align: center;
}

/* SERVICES */

.services-page {
    background-color: #eeeeee;
    padding-bottom: 30px;
}

.services-modal-dialog {
    margin: 80px auto;
}

.services-modal-content {
    background-color: #eeeeee;
    border-radius: 0;
    text-align: center;
    padding: 0 150px;
    box-shadow: 12px 12px 20px 0px rgba(1, 55, 67, 0.29);
}

.modal-backdrop {
   background-color: #013743;
}

.page-title .modal-subtitle {
    margin-left: 0;
}

.services-modal-header {
    border: 0;
    text-align: left;
}

.services-modal-header .page-title {
    margin-top: 25px;
    margin-bottom: 15px;
}

.services-modal-header .page-title .subtitle {
    display: block;
    margin-bottom: 0;
}

.services-modal-body {
    text-align: left;
}

.services-modal-body .img-service-thumbnail {
    margin-bottom: 30px
}

.services-modal-body p {
    font-size: 18px;
    padding-right: 150px;
}

.services-modal-footer {
    border: 0;
}

.services-modal-subdescription {
    color: #037188;
    font-size: 16px;
}

.col-image-adjust {
    padding-left: 23px;
}

.btn-close-modal {
    position: absolute;
    right: -40px;
    top: 0;
    border-radius: 0;
    background-color: #CECECE;
    padding: 0 2px;
    line-height: 0;
    width: 40px;
    height: 40px;
}

.btn-close-modal:focus,
.btn-close-modal:hover {
    outline: none;
    box-shadow: none;
}

.btn-close-modal:active:focus {
    outline: none;
    box-shadow: none;
}

.btn-close-modal .icon-close {
    font-size: 30px;
    color: #02495A;
}

.gray-block {
    background-color: transparent;
    height: 79px;
}

/* NEWS */

.news-page {
    background-color: #eeeeee;
    padding-bottom: 50px;
}

.page-title .subtitle-news {
    margin-left: 111px;
}

/* NEWS DETAIL */

.news-page-detail {
    background-color: #eeeeee;
    padding-bottom: 50px;
}

.container-back-page {
    background-color: #fff;
    height: 60px;
    padding: 15px 30px;
}


.icon-seta-rotated {
    display: inline-block;
    font-size: 35px;
    line-height: 0;
    vertical-align: middle;
    position: relative;
    top: -2px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 10px;
}

.icon-seta-rotated-90 {
    display: inline-block;
    font-size: 25px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    left: -1px;
    line-height: 0;
}

.horizontal-news-line {
    border-top: 1px solid #87d0e1;
    margin-top: 0;
    margin-bottom: 30px;
}

.news-details {
    padding: 0 100px 30px 100px;
    background-color: #fff;
	position: relative;
}

.news-details .secondary-title {
    color: #037188;
    font-weight: 500;
    font-size: 24px;
    text-transform: none;
    line-height: 1.3;
}

.news-details .description {
    font-size: 18px;
}

.news-details .subtitle-date {
    color: #037188;
    font-size: 14px;
    padding-top: 15px;
}

.description-box-news {
    text-align: left;
    max-height: 350px;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    color: #5e5e5e;
}

.horizontal-news-line-description {
    border-top: 1px solid #037188;
    width: 75px;
    margin-left: 0;
}

.more-info-url {
    text-align: center;
}

.source-link {
    color: #02495A;
    text-decoration: none;
    text-transform: lowercase;
}

.source-link:hover,
.source-link:focus {
    color: #02495A;
}

.btn-more-info {
    color: #e9ae29;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.9;
}

.btn-more-info:hover,
.btn-more-info:focus {
    text-decoration: none;
    color: #e9ae29;
	outline: none;
}

.btn-more-info:active:focus {
    outline: none;
    box-shadow: none;
}

.col-tablet {
    display: none;
}

/* CONTACTS */

.contacts-page {
    background-color: #eeeeee;
}

.contacts-page .col-contact-details .label-title {
    margin-left: 123px;
    margin-bottom: 5px;
    font-size: 24px;
    color: #037188;
}

.contacts-page .col-contact-details .description {
    margin-left: 123px;
    margin-bottom: 30px;
    font-size: 18px;
    color: #5E5E5E;
}

.contacts-page .col-contact-details .btn-send-message {
    margin-left: 123px;
}

.phone-link {
    color: #5E5E5E;
    text-decoration: none;
}

.phone-link:hover,
.phone-link:focus {
    color: #5E5E5E;
}


.col-contact-details {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
}

.col-map {
    min-height: 880px;
    padding: 0;
    font-size: 0;
    background-color: #fff;
}

.col-spontaneous {
	min-height: 550px;
}

.spontaneous-candidature-form {
	padding: 70px 50px;
}

.page-title-spontaneous {
	margin-left: 123px;
}

.horizontal-line-spontaneous {
	margin-left: -94px!important;
}

.spontaneous-title {
	display: inline!important;
	margin-right: 15px;
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #02495a;
    opacity: 0.6;
}

.btn-dropdown-message {
    width: 100%;
}

.contact-page-form {
    padding: 70px 50px;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.contact-page-form .form-control-custom {
    /*margin-bottom: 70px;*/
}

.form-dropdown-custom {
    margin-bottom: 50px;
}

.form-control-custom {
    border-bottom: 1px solid #5E5E5E;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    /*margin-bottom: 50px;*/
    box-shadow: none;
    padding-left: 65px;
}

.form-control-custom:focus {
    border-color: #87d0e1;
    border-width: 1px;
    outline: 0;
    box-shadow: none;
}

.form-control-custom-contact {
    padding-left: 75px;
}

.label-custom {
    position: absolute;
    margin-top: 6px;
}

.text-area-message {
    border: 1px solid #5E5E5E;
    border-radius: 0;
    resize: none;
    margin-bottom: 30px;
}

.text-area-message:focus {
    border-color: #87d0e1;
    border-width: 1px;
    outline: 0;
    box-shadow: none;
}

.btn-cancel-form-message {
    background-color: transparent;
    border: 0;
    text-transform: uppercase;
    color: #5E5E5E;
    padding: 6px 0;
    font-weight: bold;
}

.btn-cancel-form-message:active:focus {
    outline: none;
    box-shadow: none;
}

.btn-cancel-form-message:focus {
    outline: none;
}

.btn-send-form-message {
    float: right;
}

#contact-success-panel .icon-alert {
    font-size: 45px;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    top: 2px;
}

#contact-error-panel .icon-alert {
    font-size: 45px;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    top: 2px;
}

.contacts-alert-message-primary {
    font-size: 20px;
    position: relative;
    top: -10px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    left: 11px;
}

.contacts-alert-message-secondary {
    position: relative;
    left: -15px;
    top: -20px;
    font-size: 16px;
    font-weight: 400;
}

.need-help-label {
    display: none;
}

.need-help-description {
    display: none;
}

.btn-input-file {
	display: block;
	padding: 6px 0;
	cursor: default;
}

.btn-input-file:focus {
	outline: none;
	box-shadow: none;
}

.btn-input-file:active {
	outline: none;
	box-shadow: none;
}

.btn-input-file:active:focus {
	outline: none;
	box-shadow: none;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
	outline: 0;
	box-shadow: none;
}

.checkbox-container {
	padding-right: 20px;
}

.checkbox-container input[type=checkbox] {
    margin: 5px 0;
}

.rgpd-text-authorization {
    font-size: 14px;
	position: relative;
	top: 1px;
	cursor: default!important;
}

.privacy-policy-url {
	color: #02495A;
	font-size: 14px;
}

.form-buttons {
    margin-top: 30px;
}

.data-preserved-text {
    font-size: 14px;
}

/* ABOUT PAGE */

.about-page {
    background-color: #eeeeee;
    background-image: url(../images/padrao-sobre.png);
    min-height: 100%;
    background-position: top;
    background-size: contain;
    background-repeat: repeat-x;
    padding-bottom: 50px;
}

.about-page .page-title {
    margin-top: 30px;
}

.about-page .horizontal-line {
    opacity: 0.4;
    border: 1px solid #a7bcc1;
    top: 25px;
}

.about-page .subtitle {
    color: #868686;
}

.vision-title {
    display: block!important;
    color: #a7bcc1;
    margin-top: 0;
    margin-left: 123px;
    margin-bottom: 5px!important;
}

.col-about-left {
    margin-left: 108px;
}

.padded-multiline {
    font-size: 20px;
    line-height: 45px;
    padding: 5px 0 5px 15px;
    display: inline-block;
    overflow-y: hidden;
    width: 650px;
}
.padded-multiline h1 {
    color: #02495A;
    display: inline;
    margin: 0;
    padding: 7px 0;
}
.padded-multiline h1 strong {
    position: relative;
    left: -9px;
    font-weight: 600;
}

.strategy-page {
    background-color: #024A59;
    color: #fff;
    padding-bottom: 100px;
}

.strategy-page .horizontal-line {
    border: 1px solid #a7bcc1;
}

.strategy-page .primary-title {
    color: #a7bcc1;
    letter-spacing: 2px;
}

.strategy-page .subtitle {
    color: #a7bcc1;
}

.strategy-page .row-title {
    position: relative;
}

.strategy-page .row-text {
    padding: 0 108px;
    position: relative;
}

.strategy-entry-text {
    margin-bottom: 50px;
    overflow: hidden;
}

.icon-strategy {
    float: left;
}

.icon-strategy .icon-certo {
    vertical-align: middle;
    font-size: 25px;
    line-height: 0;
}

.image-strategy-left {
    position: absolute;
    left: 30px;
    bottom: -30px;
    height: 295px;
}

.image-strategy-top {
    position: absolute;
    top: 30px;
    height: 115px;
    right: 50px;
}

.image-strategy-bottom {
    position: absolute;
    bottom: -30px;
    right: 50px;
    height: 25px;
}

.multi-column-desktop {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.text-strategy {
    display: inline-block;
    margin-left: -30px;
    font-size: 18px;
    float: left;
    width: 100%;
    padding-left: 45px;
}

.history-page {
    background-color: #eeeeee;
    overflow: hidden;
}

.history-page .row-title p{
    margin-left: 123px;
    margin-bottom: 50px;
    max-width: 500px;
    padding-right: 30px;
    font-size: 18px;
}

.btn-timeline {
    margin-bottom: 50px;
    margin-left: 123px;
}

.btn-timeline-back {
    background-color: transparent;
    color: #5E5E5E;
    text-transform: uppercase;
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.btn-timeline-back:focus {
    outline: none;
    box-shadow: none;
}

.btn-timeline-back:active:focus {
    outline: none;
    box-shadow: none;
}

.seemore {
    margin-top: 20px;
}

.seemore .see-more-link {
    color: #037188;
    font-weight: 500;
    font-family: 'Montserrat', 'sans-serif';
    font-size: 14px;
}

.seemore .see-more-link:hover,
.seemore .see-more-link:focus {
    color: #037188;
    text-decoration: none;
}

.fade-text {
	height: 100px;
	margin-top: -100px;
	background-image: linear-gradient(to bottom, transparent, white);
	position: absolute;
	width: 100%;
}

.fade-text-news {
	height: 100px;
	margin-top: -100px;
	margin-left: -100px;
	background-image: linear-gradient(to bottom, transparent, white);
	position: absolute;
	width: 100%;
}

.container-years-timeline {
    white-space: nowrap;
    padding-bottom: 50px;
    margin-top: -15px;
}

.history-years-container {
    margin-left: 200px;
}

.current-year-right-line {
    background: rgba(2,72,90,1);
    background: -moz-linear-gradient(left, rgba(2,72,90,1) 0%, rgba(218,224,226,1) 42%, rgba(218,224,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2,72,90,1)), color-stop(42%, rgba(218,224,226,1)), color-stop(100%, rgba(218,224,226,1)));
    background: -webkit-linear-gradient(left, rgba(2,72,90,1) 0%, rgba(218,224,226,1) 42%, rgba(218,224,226,1) 100%);
    background: -o-linear-gradient(left, rgba(2,72,90,1) 0%, rgba(218,224,226,1) 42%, rgba(218,224,226,1) 100%);
    background: -ms-linear-gradient(left, rgba(2,72,90,1) 0%, rgba(218,224,226,1) 42%, rgba(218,224,226,1) 100%);
    background: linear-gradient(to right, rgba(2,72,90,1) 0%, rgba(218,224,226,1) 42%, rgba(218,224,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02485a', endColorstr='#dae0e2', GradientType=1 );
    width: 100%;
    height: 2px;
    margin-bottom: 50px;
    margin-left: 109px;
    margin-top: 35px;
    position: absolute;
}

.year-block {
    display: inline-block;
    width: 220px;
    position: relative;
    top: 18px;
}

.year-text {
    position: relative;
    top: -20px;
    left: -33px;
    color: #a7bcc1;
    font-size: 24px;
    font-weight: bold;
}

.year-circle {
    border: 2px solid #a7bcc1;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    height: 14px;
    width: 14px;
    display: inline-block;
    position: relative;
    background-color: #eeeeee;
}

.list-circle-years {
    display: inline-block;
}

/* TIMELINE */

.timeline-header-title .page-title {
    margin-top: 100px;
}

.timeline-header-title .primary-title {
    color: #a7bcc1;
}

.timeline-header-title .horizontal-line {
    border: 1px solid #a7bcc1;
}

.timeline-header-title .subtitle {
    color: #868686;
}

.timeline-pic {
    -webkit-box-shadow:5px 5px 50px 5px rgba(134,134,134,0.37);
    -moz-box-shadow: 5px 5px 50px 5px rgba(134,134,134,0.37);
    box-shadow: 5px 5px 50px 5px rgba(134,134,134,0.37);
}

.iconScroll {
    font-size: 31px;
    vertical-align: middle;
    position: relative;
    top: 5px;
    line-height: 0;
    right: 30px;
    float: right;
    color: #aaaaaa;
}

.scroll-text {
    position: relative;
    top: 35px;
    font-size: 12px;
    float: right;
    color: #aaaaaa;
    text-transform: lowercase;
}

/* QUALITY PAGE */

.quality-page {
    background-color: #eeeeee;
    padding-bottom: 100px;
}

.quality-page .quality-container {
    background-color: #fff;
    padding: 50px 0;
    -webkit-box-shadow: 10px 10px 44px 4px rgba(219,219,219,0.37);
    -moz-box-shadow: 10px 10px 44px 4px rgba(219,219,219,0.37);
    box-shadow: 10px 10px 44px 4px rgba(219,219,219,0.37);
	position: relative;
}

.quality-page .page-title .horizontal-line {
	margin-left: 0;
}

.quality-container-row {
    text-align: right;
    padding-bottom: 20px!important;
    padding-top: 20px;
    padding-right: 30px;
    border-top: 2px solid #eeeeee;
    background-color: #fff;
}

.quality-page .description {
    margin-left: 96px;
    margin-right: 96px;
    font-size: 16px;
}

.certification-image {
    margin: 10px 0 20px 0;
}

.certifications-list {
    list-style: none;
    padding: 0;
    border-top: 1px solid #ccc;
}

.certifications-list li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.hifen {
    display: inline-block;
    width: 15px;
    margin: 0;
    position: relative;
    top: -4px;
    margin-right: 10px;
    border-top: 1px solid #ccc;
}

.certificate-button {
    color: #02495A;
    font-weight: 500;
    text-transform: lowercase;
    text-decoration: none;
    float: right;
    position: relative;
    margin-top: -3px;
    font-family: 'Montserrat', 'sans-serif';
    font-size: 12px;
}

.certificate-button:hover,
.certificate-button:focus {
    text-decoration: none;
    color: #02495A;
}

.certificate-button .icon {
    font-size: 25px;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.certificate-button:hover span {
    text-decoration: underline;
}

.export-button {
    color: #02495A;
    font-weight: bold;
    text-decoration: none;
}

.export-button:hover,
.export-button:focus {
    text-decoration: none;
    color: #02495A;
}

.export-button .icon {
    font-size: 25px;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.btn-plus {
    background-color: transparent;
    font-family: 'Montserrat', 'sans-serif';
    color: #ddb86c;
    font-size: 12px;
    height: 75px;
}

.row-button-more {
    text-align: center;
    margin-top: 15px;
    padding-bottom: 50px;
}

.btn-personalized {
	background-color: transparent;
    font-family: 'Montserrat', 'sans-serif';
    color: #ddb86c;
    font-size: 12px;
    height: 75px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.9;
}

.btn-personalized:hover,
.btn-personalized:focus {
    text-decoration: none;
    color: #e9ae29;
}

.btn-personalized:active:focus {
    outline: none;
    box-shadow: none;
}


.btn-personalized:hover .button-line-expand {
    animation-timing-function: cubic-bezier(1,.3,.3,1);
    animation-duration: .5s;
    -webkit-animation-name: buttonLineVertical;
    animation-name: buttonLineVertical;
    animation-iteration-count: 1;
}

/* COVERAGE PAGE */

.coverage-page {
    background-color: #eeeeee;
    background-image: url(../images/rede_cobertura_fundo_cover.png);
    background-size: cover;
    background-position: center;
    padding-bottom: 100px;
	padding-top: 50px;
}

.image-map-link {
    color: #02495A!important;
    text-decoration: none!important;
    text-transform: uppercase;
    background-size: cover !important;
    width: 200px;
    height: 400px;
    display: block;
    margin: 0 auto;
}

.btn-map-hover {
    padding: 8px 24px;
}

.map-image {
    display: block;
    max-height: 400px;
    margin: 0 auto;
}

.col-coverage-left-content {
    padding-left: 123px;
}

.col-coverage-left-content h4 {
    font-size: 24px;
    color: #02495A;
}

.col-coverage-left-content p {
    font-size: 24px;
    color: #037188;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}

.col-coverage-left-content strong {
    color: #02495A;
    font-size: 21px;
}

.col-coverage-left-content ul {
    padding-left: 0;
}

.col-coverage-left-content ul li {
    font-size: 18px;
    color: #5e5e5e;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    list-style: none;
    background-position: left 3px;
    padding: 0px 30px 15px 30px;
    line-height: 1.3;
}

.col-coverage-right-content .secondary-title {
    font-weight: 500;
}

/* network-title-text-second {
    margin-bottom: 15px;
} */

.network-title-text-first {
    margin-bottom: 0;
}

.bullet-list {
    margin-top: 30px;
}

.coverage-page-cp {
    padding: 30px 15px;
    background-color: #fff;
}

.coverage-page-cp .description {
    max-width: 300px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.2;
}

.image-circle-cp {
    max-width: 400px;
}

.coverage-page-cp .form-control-cp {
    padding-left: 125px;
}

.col-right-coverage-cp .secondary-title {
    color: #037188;
    font-weight: 500;
}

.col-right-coverage-cp .label-title {
    font-size: 16px;
    font-weight: 500;
}

/* NETWORK MAP PAGE */

.network-map-page-back {
    background-color: #fff;
    margin-top: 14px;
}

.network-map-page {
    padding: 50px 0;
    background-color: #eeeeee;
    min-height: 100%;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%!important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 400px!important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    width: 10px;
    height: 10px;
    border: none;
    font-family: 'dstelecom';
    color: #02495A;
    top: 19%!important;
    right: 15px!important;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #02495A!important;
    outline: none!important;
    box-shadow: none;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
}

.bootstrap-select.btn-group .dropdown-toggle .caret:before {
    content: "\63";
    font-size: 21px;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder {
    border: 0;
    border-bottom: 1px solid #02495A;
    background-color: transparent;
    border-radius: 0;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #02495A;
    font-weight: 400;
    font-size: 16px;
    font-family: 'Montserrat', 'sans-serif';
}

#municipality_selector {
    display: block;
    width: 100%;
    height: 2.5em;
}

#municipality_selected {
    display: none;
    width: 100%;
    background: #d9dee1;
    margin: 50px 0px;
    padding: 8px;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
    min-height: 55px;
    font-weight: 500;
    color: #02495A;
    font-family: 'Montserrat', 'sans-serif';
}

#municipalities_facts {
    display: none;
    /*min-height: 350px;*/
    clear: both;
}

.municipality_fact {
    display: none;
    margin-bottom: 20px;
}

.municipality_fact .municipality_fact_container .fact_value {
    font-size: 2em;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    text-decoration: none;
    color: #02495A;
    margin: 0 auto 30px auto;
    -webkit-box-shadow: 0px 0px 65px 0px rgba(3,114,136,0.3);
    -moz-box-shadow: 0px 0px 65px 0px rgba(3,114,136,0.3);
    box-shadow: 0px 0px 65px 0px rgba(3,114,136,0.3);
    text-align: center;
    position: relative;
    display: inline-block;
}

.municipality_fact .municipality_fact_container .fact_info {
    display: inline-block;
    position: relative;
    top: 43px;
    margin-left: 30px;
}

.municipality_fact_container {
    display: inline-block;
    white-space: nowrap;
}

.fact_value span {
    position: relative;
    top: 36px;
    font-weight: bold;
}

.municipality_fact .fact_name {
    font-weight: bold;
    white-space: normal;
    color: #02495A;
}

.municipality_fact .fact_description {
    white-space: normal;
    width: calc(100% - 105px);
}

#municipality_no_facts {
    display: none;
    text-align: center;
}

#map_container {
    width: 370px;
    height: 805px;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    position: relative;
}
#map_container.svg-mt-n3 svg{
    margin-top: -60px !important;
    margin-left: -30px !important; 
}

#map_container.static-map{
    width: 200px;
    height: 400px;
    display: flex;
    margin: auto;
}

#map_container svg {
    background-color: transparent;
    position: absolute;
}

path:hover {
    fill: rgba(3, 113, 136, 1);
    cursor:pointer;
}

.no-info-text {
    margin-top: 50px;
    color: #5e5e5e;
    font-size: 16px;
}

#municipality_not_selected .not_selected_message_mobile {
    display: none;
}

.municipality-operators {
	background: #d9dee1;
	min-height: 0;
}

.row-operators {
	padding: 15px 0;
}

.operators-label-title {
	color: #02495A;
    margin-left: -15px;
    font-size: 16px;
}

/* SEARCH COVERAGE SUCCESS/UNSUCCESS */

.search-results-page {
    background-color: #eeeeee;
    min-height: 100%;
}

.container-box {
    width: 450px;
    border-top: 1px solid #3199b2;
    padding: 30px 15px;
    border-bottom: 1px solid #c4c4c4;
    margin: 100px auto 30px auto;
    text-align: center;
}
.container-box-secondary {
    max-width: 450px;
    width: 95%;
    padding: 0px 15px;
    margin: 0px auto 30px auto;
    text-align: center;
}

.container-box .secondary-quote {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 34px;
}
.extra-box-btn-phone,
.container-box .btn-phone {
    font-size: 24px;
    color: #3199b2;
    font-weight: 500;
    background-color: transparent;
    border-bottom: 1px solid #3199b2;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    background-size: 100% 200%;
    background-image: linear-gradient(to top, transparent 0%, transparent 48%, #3199b2 48%, #3199b2 100%);
    background-position: 0 100%;
    will-change: background-position;
    padding: 0 .15rem;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    cursor: pointer;
    
}
.extra-box-btn-phone{
    font-size: 14px;
}
.extra-box-btn-phone:hover,
.container-box .btn-phone:hover {
    color: #3199b2;
    text-decoration: none;
    -webkit-animation: backgroundAnimateIn 0.3s;
            animation: backgroundAnimateIn 0.3s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;    
}
.extra-box-btn-phone:focus,
.container-box .btn-phone:focus {
    outline: none;
    text-decoration: none;
} 


/** ANIMATIONS **/

@-webkit-keyframes backgroundAnimateIn {

  0% {
    background-position: 0 -100%;
  }
  63% {
    background-position: 0 -95%;
  }
  86% {
    background-position: 0 2.5%;
  }
  100% {
    color: #fff;
    background-position: 0 0%;
  }

}

@keyframes backgroundAnimateIn {
  0% {
    background-position: 0 -100%;
  }
  63% {
    background-position: 0 -95%;
  }
  86% {
    background-position: 0 2.5%;
  }
  100% {
    color: #fff;
    background-position: 0 0%;
  }
} 

.description-box {
    width: 450px;
    margin: 15px auto 50px auto;
    text-align: center;
}

.description-coverage-search {
    font-size: 18px;
}

.description-box-container {
  max-height: 375px;
  position: relative;
  overflow: hidden;
}

.container-clients {
    background-color: #fff;
    padding: 50px 0;
    margin: 50px 0;
}

.col-background img {
    filter: grayscale(1);
    opacity: 0.5;
}

.col-background img:hover {
    filter: none;
    opacity: 1;
}

.container-box-orange {
    border-top: 1px solid #f9662b;
	margin-top: 50px;
    padding: 15px;
    max-width: 450px;
    width: 95%;
    text-align: center;
}

.container-box-orange .secondary-quote {
    color: #f9662b;
    line-height: 34px;
    max-width: 450px;
    width: 95%;
}

.container-alert {
    padding: 20px 10px;
    background-color: #fff;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    top: 300px;
    width: 400px;
    z-index: 3;
    margin: 0 auto;
}

.container-map-form {
    position: relative;
    min-height: 650px;
	margin-top: -130px;
}

.col-form-left {
    padding: 73px 30px 15px 30px;
    min-height: 552px;
    border-bottom: 1px solid #eeeeee;
}

.col-form-right {
    padding: 0;
}

.form-map-contact {
    margin-top: 40px;
}

.map-quote {
    margin: 0;
    border-left: 1px solid #eeeeee;
    padding: 40px 15px;
    color: #037188;
    line-height: 1.1;
    font-weight: 500;
}

.infra-warning {
    color: #5E5E5E;
    max-width: 500px;
    margin-bottom: 0;
}

.disabledMapDiv {
    pointer-events: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #02495a;
	opacity: 0.6;
    z-index: 2;
}

.checkbox-form {
    vertical-align: top;
	position: absolute;
}

.span-label-form {
	color: #5E5E5E;
    font-weight: 400;
    display: inline-block;
    left: 20px;
    position: relative;
    max-width: 360px;
}

.label-form {
    color: #5E5E5E;
    font-weight: 400;
	display: initial;
}

.alert-title {
    position: relative;
    top: -10px;
    font-weight: 500;
    font-family: Montserrat, sans-serif;
    left: 15px;
    font-size: 20px;
}

.alert-title-info {
    position: relative;
    left: 59px;
    top: -20px;
    font-size: 16px;
    font-weight: 400;
}

.alert-title-info-error {
    position: relative;
    left: 43px;
    top: -20px;
}

.icon-alert {
    font-size: 45px;
    vertical-align: middle;
    line-height: 0;
    position: relative;
    top: 2px;
}

.row-input-map-send {
    text-align: center;
}

.row-input-map-send input {
    margin: 30px;
}

/* GENERIC PAGE */

.generic-page {
    min-height: 100%;
	padding-bottom: 60px;
	font-size: 16px;
	line-height: 150%;
	background: #eeeeee url(../images/generic_background.png) no-repeat fixed center;
}

/* Financial Information */

.financial-information-page .graphic-section{
    margin-top: 30px;
}

.tooltip-bar {
    position: absolute;
    display: none;
    background: #ffffff;
    color: #012e39;
    padding: 10px 10px;
    border-radius: 3px;
    text-align: center;
}
.tooltip-bar::before{
    content: '';
    position: absolute;
    bottom: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
}


.financial-information-page path:hover{
    fill: inherit;
}
.financial-information-page  .chart-block .chart-title{
    background: #d9dee1;
    color: #02495A;
    padding: 5px 10px;
}

.financial-information-page .bar-chart path:hover{
    fill: none;
}
.financial-information-page .arc path:hover{
    fill: inherit;
    cursor: inherit;
}
.financial-information-page .arc text {
    font-size: 1.6rem;
    text-anchor: middle;
    color: #ffffff;
    font-weight: bold;
}
.financial-information-page .arc path{
    stroke: #ffffff;
}
.financial-information-page text.bar-value{
    text-anchor: middle;
    color: #333333;
}

.financial-information-page .line-chart .line {
    fill: none;
    stroke-width: 3px;
}

.financial-information-page .x-axis-text,
.financial-information-page .y-axis-text{
    font-size: 1rem;
    color: #333333;
}
.financial-information-page .x-axis-text path,
.financial-information-page .axis.axis-y path,
.financial-information-page .x-axis-text .tick line,
.financial-information-page .axis.axis-y .tick line,
.financial-information-page .axis.x path,
.financial-information-page .axis.y path,
.financial-information-page .axis.x .tick line,
.financial-information-page .axis.y .tick line{
    stroke: #333333;
}

.legend-pie-chart-container {
    margin-bottom: 15px;
    margin-left: 10px;
}
.legend-pie-chart-container .item{
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}
.legend-pie-chart-container .color{
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}
.legend-pie-chart-container .text{
    vertical-align: middle;
    display: inline-block;
}


@media screen and (max-width: 768px) {
	.generic-page {
		background: #eeeeee;
	}
}

.generic-page .page-title .primary-title {
    margin: 0;
}

.generic-page .page-title .subtitle {
    margin-left: 93px;
}

.generic-page .page-title .horizontal-line {
    margin-left: 0;
}

.generic-page .page-content {
    max-width: 500px;
}

.generic-page .col-generic-right {
    margin-bottom: 30px;
}

.generic-page .img-news-detail {
	margin-top: 60px;
}

/* FOOTER */

.footer {
    background-color: #012E39;
    color: #fff;
    padding-bottom: 50px;
}

.col-footer-left {
    min-height: 230px;
    padding-top: 50px;
}

.col-footer-left .image-logo {
    margin-bottom: 20px;
}

.col-footer-left .reclaim-book {
    margin-bottom: 0 ;
    margin-top: 10px;
}

.col-footer-center {
    min-height: 230px;
    padding-top: 50px;
    padding-left: 90px;
    border-left: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
}

.col-footer-center .address {
    margin-bottom: 30px;
}

.col-footer-right {
    padding-left: 90px;
    min-height: 230px;
    padding-top: 50px;
}

.col-footer-right .coverage-text {
    color: #c4c4c4;
}

.col-footer-right .footer-title-adjust {
    margin-bottom: 30px;
}

.footer-title {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.email-phone {
    color: #c4c4c4;
    margin-bottom: 0;
}

.email-phone a {
    color: #c4c4c4;
}

.address {
    color: #c4c4c4;
}

.social-link {
    color: #c4c4c4;
}

.social-link img {
    position: relative;
    top: -2px;
}

.social-link:hover,
.social-link:focus {
    text-decoration: none;
    color: #c4c4c4;
}

.dstgroup-link {
    color: #c4c4c4;
}

.dstgroup-link:hover,
.dstgroup-link:focus {
    color: #c4c4c4;
}

.copyright {
    margin-bottom: 0;
    color: #c4c4c4;
}

.innovationpoint-link {
    color: #fff;
}

.innovationpoint-link:hover,
.innovationpoint-link:focus {
    color: #fff;
}

.title-anchor {
    color: #fff;
    text-decoration: none;
}

.title-anchor:hover,
.title-anchor:focus {
    color: #fff;
    text-decoration: none;
}

.img-social-footer {
    height: 12px;
}

.img-reclaim-footer {
    height: 45px;
}

.privacy-policy-link {
	color: #c4c4c4;
}

.privacy-policy-link:hover,
.privacy-policy-link:focus {
	color: #c4c4c4;
}

/* CUSTOM MEDIA QUERIES */

@media(min-width: 2200px) {

    .custom-container-homepage {
        width: 1920px;
    }
}

@media(min-width: 1800px) and (max-width: 2199px) {

    .custom-container-homepage {
        width: 1680px;
    }

    .network-title .secondary-title {
        font-size: 32px;
    }
}

@media(min-width: 1600px) and (max-width: 1799px) {

    .custom-container-homepage {
        width: 1440px;
    }

}

@media(min-width: 1400px) and (max-width: 1599px) {

    .custom-container-homepage {
        width: 1280px;
    }

}

@media(min-width: 1600px) {

    .network-title .secondary-title {
        font-size: 28px;
    }

}

@media(min-width: 1400px) {

    .custom-container {
        width: 1280px;
    }

    .slogan-item .title {
        font-size: 40px;
        font-weight: bold;
    }

    .slogan-item .subtitle-slogan {
        font-size: 18px;
    }

    .col-news-homepage {
        margin-left: 52px;
    }


    .circle-service .small-line {
        width: 3px;
    }

    .circle-description {
        font-size: 16px;
    }

    .map-title .description {
        font-size: 16px;
    }

}

@media(min-width: 992px) {
    .col-left-coverage-cp {
        padding-left: 100px;
    }

    .container-news-holder {
        padding-right: 30px;
        padding-left: 30px;
    }

    .container-news-holder .page-title .horizontal-line {
        margin-left: 15px;
    }

	.custom-container-quality-page {
        width: 960px;
    }

}

@media (min-width: 768px) {

    /*aqui tinha dropdown*/

    .col-news-homepage {
        width: 18%;
    }

    .row-news-homepage {
        margin-left: -30px;
        margin-right: -30px;
    }

	.col-vision-mobile {
        margin-bottom: 50px;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {


}

@media(max-width: 2200px) {

    .network-title {
        left: calc((100vw - 1727px)/2);
    }

}

@media (max-width: 1800px) {

    .col-news-homepage {
        width: 22%;
    }

    .network-title {
        left: calc((100vw - 1487px)/2);
    }

}

@media (max-width: 1600px) {

    .col-news-homepage {
        width: 25%;
    }

    .circle-service {
        width: 340px;
        height: 340px;
    }

    .map-title {
        padding-top: 25px;
    }

    .network-title {
        left: calc((100vw - 1327px)/2);
    }


}

@media (max-width: 1400px) {

    .map-title {
        padding-top: 15px;
        margin-right: 15px;
        width: 225px;
    }

    .map-title .secondary-title {
        font-size: 20px;
    }

    .circle-service {
        width: 325px;
        height: 325px;
    }

    .col-news-homepage {
        width: 29%;
    }

    .current-year-circle-content {
        margin-left: 60px;
        margin-right: 80px;
    }

    .network-title {
        left: calc((100vw - 1217px)/2);
    }

    .col-footer-center {
        padding-left: 50px;
    }

    .col-footer-right {
        padding-left: 50px;
    }

    .network-facts {
        left: 6%;
    }

    .current-year-right-line {
        position: relative;
        margin-bottom: -37px;
    }

}

@media (max-width: 1300px) {

    .map-title {
        padding-top: 10px;
    }
}

@media (max-width: 1200px) {

    .container-services {
        margin: 0 50px;
    }

    .circle-service {
        width: 275px;
        height: 275px;
    }

    .circle-service .icon-container {
        padding-top: 25px;
    }

    .img-icon {
        width: 40px;
    }

    .map-title {
        width: 200px;
    }

    .network-title {
        margin-left: 35px;
        left: calc((100vw - 1087px)/2);
    }

    .network-title .secondary-title {
        padding-top: 30px;
        font-size: 22px;
    }

    .image-network-country {
        left: 38%;
    }

    .col-network-left::after {
        border-left: 175px solid #eeeeee;
    }

    .col-network-right::before {
        border-right: 175px solid #fff;
        border-right-color: #87d0e1;
        left: -175px;
    }

    .col-network-right::after {
        border-right: 174px solid #fff;
        left: -173px;
    }

    .gray-block {
        height: 47px;
    }

    .col-news-homepage {
        width: 33%;
    }

    .text-strategy {
        font-size: 16px;
    }

    .current-year-circle-content {
        margin-left: 50px;
        margin-right: 50px;
    }

    .image-circle-cp {
        max-width: 300px;
    }

    .about-page {
        background-size: cover;
    }

    .municipality_fact .fact_description {
        width: 100%;
    }

}

@media (max-width: 991px) {

    .carousel-slides {
        top: 45%;
    }

    
    .btn-half-circle {
        width: 85px;
    }

    .description-news-home {
        display: none;
    }

    .slick-vertical .slick-slide {
        width: 500px!important;
        text-align: left;
        padding-left: 30px;
    }

    .progress-bar-area {
        margin-left: 30px;
        width: 15%;
    }

    .col-tablet {
        display: block;
    }

    .col-desktop {
        display: none;
    }

    .image-network-country {
        left: 15%;
    }

    .map-title {
        padding-top: 70px;
        width: 325px;
    }

    .services-modal-body {
        padding-right: 15px;
    }

    .news-details {
        padding: 0 100px;
    }

    .footer {
        font-size: 12px;
    }

    .footer .footer-title {
        font-size: 12px;
    }

    .col-footer-center {
        padding-left: 30px;
    }

    .col-footer-right {
        padding-left: 30px;
    }

    .vision-title {
        font-size: 30px;
    }

    .padded-multiline {
        line-height: 40px;
        width: 450px;
    }

    .padded-multiline h1 {
        font-size: 24px;
    }

    .quality-page {
        padding: 0 0 50px 0;
    }

    .search-results-page .primary-title{
        font-size: 36px;
    }

    .map-quote {
        border: 0;
        padding-left: 0;
    }

    .col-form-left {
        padding: 50px 15px 30px 15px;
        min-height: 450px;
    }

    .col-form-right {
        padding: 0px 15px;
    }

    .multi-column-desktop {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
    }

    .image-strategy-bottom {
        display: none;
    }

    .image-strategy-left {
        display: none;
    }

    .image-strategy-top {
        display: none;
    }

    #timeline-years {
        display: none!important;
    }

    .coverage-page-cp {
        padding: 30px 0;
    }

    .network-title {
        left: calc((100vw - 867px)/2);
    }

    .image-network-cover {
        top: -575px;
    }

    .btn-logout {
        width: 85px;
    }

    .col-background {
        margin-bottom: 30px;
    }

    .iconScroll {
        display: none;
    }

    .scroll-text {
        display: none;
    }

    #municipality_not_selected .not_selected_message {
        display: none!important;
    }

    #municipality_not_selected .not_selected_message_mobile {
        display: block;
        text-align: center;
        font-size: 16px;
        color: #5e5e5e;
    }

    .page-title .horizontal-line {
        margin-left: 15px;
    }

    .contacts-page .col-contact-details .label-title {
        margin-left: 108px;
    }

    .contacts-page .col-contact-details .description {
        margin-left: 108px;
    }

    .contacts-page .col-contact-details .btn-send-message {
        margin-left: 108px;
    }

    .services-modal-content {
        padding: 0 50px;
    }

    .services-modal-body p {
        padding-right: 50px;
    }

    .page-title .subtitle {
        margin-left: 110px;
    }

    .page-title .modal-subtitle {
        margin-left: 0;
    }

	.page-title-spontaneous {
		margin-left: 108px;
	}

	.history-page .row-title p {
		margin-left: 110px;
	}

}

@media (max-width: 767px) {

    body {
        padding-top: 55px;
    }

    .slick-vertical .slick-slide {
        width: 400px!important;
        text-align: left;
        padding-left: 30px;
    }

    .progress-bar-area {
        width: 20%;
    }

    .col-news-homepage {
        padding: 0 15px;
        width: 50%;
    }

    .col-news-homepage .description {
        margin-bottom: 0;
    }

    .col-news-homepage .primary-quote {
        text-transform: none;
    }

    .col-news-homepage .clear-margin {
        line-height: 1;
    }

    .col-news-homepage .clear-margin .icon-seta {
        font-size: 25px;
    }

    .col-scroll {
        height: 30px;
    }

    .mouse {
        display: none;
    }

    .image-network-country {
        position: relative;
        left: auto;
    }

    .map-title {
        margin: 0;
        padding-top: 30px;
        width: auto;
        text-align: center;
    }

    .col-network-right {
        border: 0;
        min-height: 150px;
    }

    .services-modal{
        padding-right: 0!important;
    }

    .btn-close-modal {
        position: relative;
        right: auto;
    }

    .news-details {
        padding: 0 50px;
    }

    .padded-multiline {
        margin-left: 108px;
    }

    .col-clear-padding-left {
        padding-left: 0;
    }

    /*aqui tinha dorpdown submenu*/

    .quality-page {
        padding: 0;
    }

	.quality-page .page-title {
		margin-top: 22px;
		margin-bottom: 32px;
	}

	.quality-page .page-title .horizontal-line {
		display: none;
	}

	.quality-page .page-title .primary-title {
		margin-left: 30px;
	}

	.quality-page .quality-container {
		padding: 30px 0;
	}

	.quality-page .quality-container .description {
		margin-left: 32px;
		margin-right: 32px;
	}

    .col-coverage-left-content {
        margin-bottom: 30px;
		padding-left: 15px;
    }

    .map-image {
        height: 300px;
    }

    .image-circle-cp {
        margin: 0 auto;
    }

    .coverage-page-cp {
        background-color: #fff;
    }

    .footer {
        text-align: center;
    }

    .col-footer-center {
        padding-left: 15px;
    }

    .col-footer-right {
        padding-left: 15px;
    }

    .municipality_fact {
        text-align: center;
    }

    .search-results-page .primary-title{
        font-size: 26px!important;
    }

    .search-results-page .subtitle{
        margin-left: 98px;
    }

    .search-results-page .page-title .horizontal-line {
        width: 50px;
        top: -7px;
    }

    .container-years-timeline {
        display: none;
    }

    .col-about-left {
        margin-left: 0;
    }

    .col-vision-mobile {
        margin-bottom: 6px;
    }

    #network-facts-track {
        margin: 0 15px;
    }

    .section-network .primary-title {
        padding: 0 15px;
    }

    .section-network .subtitle {
        padding: 0 15px;
    }

    .section-network .col-network-center {
        margin-bottom: 30px;
    }

    .col-network-right .btn-primary-custom {
        margin-top: 10px;
    }

    .network-facts {
        margin-bottom: 75px;
        margin-top: 50px;
    }

    .col-container-companies {
        margin: 0 15px;
    }

    .col-tablet {
        padding: 0;
        margin-top: 30px;
    }

    .horizontal-line-menu {
        display: inline-block;
        position: relative;
        top: -3px;
        margin-right: 15px;
    }

    .slogan-item .title {
        font-size: 24px;
    }

    .col-footer-left {
        text-align: left;
        min-height: 1px;
        padding: 0 15px;
    }

    .col-footer-center {
        text-align: left;
        min-height: 1px;
        padding: 0 15px;
        border: 0;
    }

    .col-footer-right {
        text-align: left;
        min-height: 1px;
        padding: 0 15px;
    }

    .horizontal-line-footer {
        width: 200px;
        height: 1px;
        display: block;
        background-color: #aaaaaa;
        margin-bottom: 25px;
        margin-top: 25px;
        margin-left: -15px;
    }

    .footer {
        padding-top: 50px;
    }

    

    

    .image-network-cover {
        display: none;
    }

    .row-see-all-news {
        border: 0;
        padding: 0;
        margin-top: 16px;
        margin-bottom: 20px;
    }

    .strategy-page {
        padding-bottom: 0;
    }

    .section-customers .primary-title {
        margin-top: 36px;
    }

    .section-news {
        padding: 0 15px 30px 15px;
    }

    .container-back-page {
        height: 34px;
        padding: 6px 30px;
    }

    .container-back-page .icon-seta {
        font-size: 25px;
    }

    .login-page #Password {
        margin-top: 30px;
    }

    .services-modal-dialog {
        margin: 55px auto;
    }

    .services-modal-footer {
        text-align: center;
    }

    .page-title {
        margin-top: 32px;
        margin-bottom: 42px;
    }

    .services-modal-content {
        padding: 0 15px;
    }

    .services-modal-body p {
        padding-right: 15px;
    }

	.fade-text-news {
		margin-left: 0;
	}

}


@media (max-width: 640px) {

    .strategy-page .row-text {
        padding: 0 30px 30px 41px;
    }

    .page-title .horizontal-line {
        width: 30px!important;
        margin-left: 15px;
        margin-right: 10px;
        top: -10px;
    }

    .page-title .primary-title {
        font-size: 30px;
    }

    .page-title .subtitle {
        margin-left: 60px;
    }

    .about-page .horizontal-line {
        top: 25px;
    }

    .vision-title {
        margin-left: 60px;
    }

    .vision-subtitle {
        margin-bottom: 30px;
    }

    .padded-multiline {
        margin-left: 45px;
        line-height: 35px;
        width: 350px;
    }

    .padded-multiline h1 {
        font-size: 20px;
    }

    .col-news-homepage {
        width: 65%;
    }

    .col-coverage-left-content {
        margin-bottom: 30px;
    }

    #interest-submit-success-panel {
        text-align: left!important;
    }

    #interest-submit-error-panel {
        text-align: left!important;
    }

    .alert-title {
        left: 7px;
    }

    .alert-title-info {
        left: 55px;
        font-size: 14px;
    }

    .alert-title-info-error {
        left: 55px;
    }

    .contacts-page .col-contact-details .label-title {
        margin-left: 60px;
    }

    .contacts-page .col-contact-details .description {
        margin-left: 60px;
    }

    .contacts-page .col-contact-details .btn-send-message {
        margin-left: 60px;
    }

    .contact-page-form {
        padding: 50px 30px;
    }

    .history-page .row-title p {
        margin-left: 60px;
    }

    .btn-timeline {
        margin-left: 60px;
    }

    .login-form {
        padding: 0;
        background-color: transparent;
    }

    .login-page .middleColumn input {
        background-color: transparent;
    }

    .generic-page .page-title .subtitle {
        margin-left: 45px;
    }

    .generic-page .page-content {
        margin-left: 45px;
    }

    .network-item {
        text-align: center;
    }

    .network-facts {
        left: 0;
    }

    .strategy-entry-text {
        margin-bottom: 30px;
    }

    .box-news .subtitle {
        padding: 15px;
    }

    .box-news .secondary-title {
        padding: 0 15px 5px 15px;
        font-size: 20px;
    }

    .box-news .horizontal-news-line {
        margin-left: 15px;
    }

    .box-news .description {
        padding: 15px;
        color: #5E5E5E;
        font-size: 16px;
    }

    .box-news .read-more-info {
        padding: 10px 15px 20px 15px;
    }

    .services-modal-content {
        padding: 0;
    }

    .services-modal-header .subtitle {
        margin-left: 0;
    }

    .primary-title-homepage {
        font-size: 32px;
    }

	.page-title-spontaneous {
		margin-left: 59px;
	}

	.horizontal-line-spontaneous {
		margin-left: -42px!important;
	}

}

@media (max-width: 560px) {

    .search-results-page .primary-title{
        font-size: 24px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .search-results-page .subtitle{
        margin-left: 15px;
    }

    .search-results-page .page-title .horizontal-line {
        display: none
    }

    .search-results-page .container-box {
        margin: 60px 15px 30px 15px;
        text-align: left;
        padding: 30px 0;
    }




    .search-results-page .description-box {
        text-align: left;
        margin: 15px 15px 50px 15px;
    }

    .container-box {
        width: 290px;
    }
    .container-box.container-box-orange{
        width: 100%;
        max-width: 450px;
        text-align: center;
        margin: auto;
        padding: 15px !important;
    }
    .description-box {
        width: 290px;
    }

    .container-alert {
		max-width: 300px;
    }

	.span-label-form {
		max-width: 250px;
	}

    .map-title {
        text-align: left;
        padding-top: 15px;
    }

    .section-more-info {
        padding: 50px 15px;
    }

    .row-more-info-home {
        text-align: left;
    }

    .network-facts {
        margin-bottom: 30px;
        margin-top: 25px;
    }

    #network-facts-track {
        margin-top: 50px!important;
    }

    .row-see-all-news {
        text-align: left;
    }

    #municipality_selected {
        font-size: 18px;
        min-height: 36px;
    }

    #municipality_not_selected .not_selected_title {
        font-size: 18px!important;
        min-height: 36px!important;
    }

    #municipality_not_selected .not_selected_image {
        display: none!important;
    }

    #municipality_no_facts img {
        display: none;
    }

}

@media (max-width: 480px) {

    .strategy-page .row-text {
        padding: 0 0 30px 0;
    }

    .padded-multiline {
        width: 325px;
        margin-left: 0;
    }

    .page-title .horizontal-line {
        display: none;
    }

    .page-title .primary-title {
        margin-left: 15px;
    }

    .page-title .primary-title.vision-title {
        margin-top: 0;
    }

    .page-title .subtitle {
        margin-left: 15px;
        margin-bottom: 42px;
    }

	.quality-page .page-title .primary-title {
		margin-left: 15px;
	}

    .quality-page .quality-container .description {
        margin-left: 15px;
        margin-right: 15px;
    }

    .image-circle-cp {
        max-width: 200px;
    }

    .col-contact-details {
        padding: 0 0 10px 0;
    }

    .overlay {
        height: 42.5%;
    }

    .contact-page-form {
        padding: 30px 15px;
        display: block;
        background-color: #eeeeee;
        position: relative;
        left: auto;
        top: auto;
    }

    .contacts-page .col-contact-details .primary-title {
        margin-top: 0;
        font-size: 32px;
    }

    .contacts-page .col-contact-details .subtitle {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .contacts-page .col-contact-details .label-title {
        margin-left: 15px;
        font-size: 20px;
        margin-bottom: 0;
    }

    .contacts-page .col-contact-details .description {
        margin-left: 15px;
        margin-bottom: 25px;
    }

    .contacts-page .col-contact-details .btn-send-message {
        display: none;
    }

    .contacts-page .col-contact-details .label-hide {
        display: none;
    }

    .btn-cancel-form-message  {
        display: none;
    }

    .btn-send-form-message {
        float: none;
    }

    .col-map {
        min-height: 550px;
    }

    .contacts-page .col-map iframe {
        height: 400px;
    }

    .history-page .row-title p {
        margin-left: 15px;
    }

    .btn-timeline {
        margin-left: 15px;
    }

    .login-form {
        padding: 15px;
    }

    .login-page .checkbox input {
        left: 30%;
    }

    .generic-page .page-title .subtitle {
        margin-left: 0;
    }

    .generic-page .page-content {
        margin-left: 0;
    }

    .multi-column-desktop {
        padding: 0 15px;
    }

    .need-help-label {
        display: block;
        font-size: 20px;
        color: #037188;
        margin-bottom: 0;
    }

    .need-help-description {
        display: block;
        font-size: 18px;
        color: #5E5E5E;
        margin-bottom: 30px;
    }

    .contact-page-form .form-control-custom  {
        margin-bottom: 40px;
        background-color: transparent;
    }

    .text-area-message {
        background-color: transparent;
    }

	#contact-success-panel {
        padding: 15px 25px 15px 15px!important;
        height: 60px!important;
    }

     #contact-success-panel .icon-alert {
        font-size: 25px;
    }

    #contact-error-panel {
        padding: 15px 25px 15px 15px!important;
        height: 60px!important;
    }

    #contact-error-panel .icon-alert {
        font-size: 25px;
    }

    .contacts-alert-message-primary {
        font-size: 14px;
        top: -5px;
        left: 11px;
    }

    .contacts-alert-message-secondary {
        left: -6px;
        top: -14px;
        font-size: 12px;
    }

    .services-modal-header .subtitle {
        margin-left: 0;
    }

    .services-modal-header .primary-title {
        margin-left: 0;
    }

	.page-title-spontaneous {
		margin-left: 15px;
	}

	.spontaneous-title {
		margin-left: 0!important;
	}

	.spontaneous-candidature-form {
		padding: 30px 15px;
	}

}

@media (max-width: 380px) {
    .ml-n10-380{
        margin-left: -40px !important;
    }
}

@media (max-width: 460px) {

    .slick-vertical .slick-slide {
        width: 280px!important;
    }

    .container-services {
        margin: 0;
    }

    .news-details {
        padding: 0 15px;
    }

    .municipality_fact .municipality_fact_container .fact_value {
        display: block;
        margin: 30px auto;
    }

    .municipality_fact .municipality_fact_container .fact_info {
        margin-left: 0;
        top: 0;
    }
}

@media (max-width: 380px) {

    .padded-multiline {
        width: 275px;
    }

    .login-page .checkbox input {
        left: 26%;
    }

    .search-results-page .container-box {
        width: 275px;
    }

    .search-results-page .description-box {
        width: 275px;
    }

}

@media (max-height: 768px) {

    .carousel-slides {
        top: 40%;
    }

    .image-network-cover {
        top: -590px;
    }
}

@media (max-height: 720px) {

    .timeline-pic {
        display: none;
    }

    .timeline-header-title .primary-title {
        font-size: 24px;
    }

    .timeline-contents-entry .photo {
        height: 125px!important;
    }

    .timeline-contents-entry .no-photo {
        height: 125px!important;
    }

    .timeline-contents-entry .title {
        font-size: 18px!important;
    }

    .timeline-contents-entry .summary {
        font-size: 14px!important;
    }

    .timeline-contents-year .year {
        font-size: 18px!important;
    }

    .timeline-contents-year {
        margin-bottom: 184px!important;
    }

    .timeline-header-title .page-title .horizontal-line {
        top: -7px;
    }

}

@media (min-height: 1080px) {

    .login-form {
        top: 50%;
    }

}