@charset "UTF-8";
@import url(animate.css);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
@import url(//fonts.googleapis.com/css?family=Roboto:400,900,700,100);
/*========================================================
                      Main Styles
=========================================================*/

@font-face {
    font-family: 'Arimo';
    src: url('fonts/arimo-regular.eot');
    src: url('fonts/arimo-regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/arimo-regular.woff') format('woff'),
        url('fonts/arimo-regular.ttf') format('truetype'),
        url('fonts/arimo-regular.svg#Arimo') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ArimoBold';
    src: url('fonts/arimo-bold.eot');
    src: url('fonts/arimo-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/arimo-bold.woff') format('woff'),
        url('fonts/arimo-bold.ttf') format('truetype'),
        url('fonts/arimo-bold.svg#ArimoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
    color: #777777;
    font: 400 16px/24px "Roboto", sans-serif;
    -webkit-text-size-adjust: none; }

img {
    max-width: 100%;
    height: auto; }

h1, h2 {
    color: #37c6f4; }

h1 {
    font: 100 40px/40px "Roboto", sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase; }
h1 strong {
    font-weight: 900; }

h2 {
    font: 300 35px/50px "ArimoBold", sans-serif;
    letter-spacing: -1px;
}

h3 {
    font: 700 35px/50px "ArimoBold", sans-serif;
    letter-spacing: -1px;
    text-align: center;
    color: #37c6f4; }

h4 {
    font: 400 30px/40px "ArimoBold", sans-serif;
    letter-spacing: -1px;
    color: #e6504d; }

h5 {
    font: 400 25px/30px "ArimoBold", sans-serif;
    letter-spacing: -1px; }

p a:hover, .marked-list a:hover, .list a:hover {
    text-decoration: underline; }
p .fa, .marked-list .fa, .list .fa {
    text-decoration: none; }

time {
    display: block; }

blockquote {
    color: #FFF; }
blockquote cite {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #e6504d; }
blockquote cite a:hover {
    color: #37c6f4; }
blockquote cite a:active {
    color: #035e9b; }
blockquote q {
    display: inline-block;
    position: relative;
    font: 400 18px/30px "Roboto", sans-serif;
    padding: 0 100px; }
blockquote q:before {
    position: absolute;
    content: '';
    background: url("../images/page-1_img10.png");
    width: 56px;
    height: 45px;
    top: -24px;
    left: 64px; }
blockquote p {
    font-size: 14px;
    line-height: 14px;
    margin-top: 14px; }
blockquote img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; }
blockquote cite, blockquote img {
    margin-top: 43px; }

a {
    font: inherit;
    color: inherit;
    text-decoration: none;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
a:focus {
    outline: none; }
a:active {
    background-color: transparent; }

a[href^="tel:"],
a[href^="callto:"] {
    color: inherit;
    text-decoration: none; }

strong {
    font-weight: 700; }

hr {
    margin: 0;
    padding: 0;
    border: none;
    border-top: solid 1px #FFF; }

.fa {
    line-height: inherit; }

[class*='fa-']:before {
    font-weight: 400;
    font-family: "FontAwesome"; }

.page {
    overflow: hidden;
    min-height: 500px; }
.lt-ie9 .page {
    min-width: 1200px; }

/*=======================================================
                       Main Layout
=========================================================*/
h2 + .row, h4 + p, h5 + p, * + .row_off, .off {
    margin-top: 15px; }

.row + .row {
    margin-top: 20px; }

.row + .row_off {
    margin-top: 10px; }

h3 + p, [class*='icon-'] + h4 {
    margin-top: 34px; }

p + .center {
    margin-top: 50px; }

.social-list + hr {
    margin-top: 84px; }

* + .copyright {
    margin-top: 76px; }

.row_off1 {
    margin-top: 0; }

/*=======================================================
                        Components
=========================================================*/
/*==================     Brand     ======================*/
.brand {
    display: inline-block; }

/*==================  Backgrounds  ======================*/
.bg-default {
    background: #FFF; }

.bg-primary {
    background: #e6e6e6; }

/*==================    Colors    ======================*/
.color-primary {
    color: #e6504d; }
.color-primary a:hover {
    color: #37c6f4; }
.color-primary a:active {
    color: #035e9b; }

.color-secondary {
    color: #333333; }
.color-secondary a:hover {
    color: #37c6f4; }
.color-secondary a:active {
    color: #035e9b; }

/*==================     Icons     ======================*/
/*==================    Buttons    ======================*/
.btn {
    text-transform: uppercase;
    display: inline-block;
    color: #FFF;
    font: 900 24px/24px "Roboto", sans-serif;
    padding: 18px 143px;
    background: #e6504d;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.24); }
.btn:hover {
    background: #37c6f4; }
.btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

/*==================      Box      ======================*/
.box:before, .box:after {
    display: table;
    content: "";
    line-height: 0; }
.box:after {
    clear: both; }
.box_aside {
    float: left; }
.box_cnt__no-flow {
    overflow: hidden; }

/*==================     Center    ======================*/
.center {
    text-align: center; }

/*==================     ToTop     ======================*/
.toTop {
    font-size: 37px;
    line-height: 37px;
    color: #e6504d;
    position: fixed;
    right: 40px;
    bottom: 40px;
    display: none;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    z-index: 20; }
.toTop:hover {
    color: #37c6f4;
    text-decoration: none; }

.mobile .toTop,
.tablet .toTop {
    display: none !important; }

/*==================  RD Parallax    ======================*/
.parallax {
    position: relative;
    overflow: hidden; }
.parallax_image, .parallax_pattern {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-position: center center;
    will-change: transform; }
.parallax_image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
.parallax_pattern {
    background-repeat: repeat; }
.parallax_cnt {
    position: relative; }

/*==================   Thumbnail    ======================*/
.thumb {
    display: block;
    position: relative;
    overflow: hidden; }
.thumb img {
    width: 530px;
    height: auto;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease; }
@media (max-width: 1199px) {
    .thumb img {
        width: 100%;
        height: 100%; } }
.thumb_overlay {
    position: absolute;
    width: 530px;
    height: 305px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
    color: #FFF;
    background: transparent; }
@media (max-width: 1199px) {
    .thumb_overlay {
        width: 100%;
        height: 100%; } }
.thumb_overlay:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font: 400 20px "FontAwesome";
    line-height: 20px;
    margin-top: -10px;
    text-align: center;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
.lt-ie9 .thumb_overlay:before {
    display: none; }

.lt-ie9 .thumb:hover .thumb_overlay {
    background: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80e6504d', endColorstr='#80e6504d')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80e6504d', endColorstr='#80e6504d');
    zoom: 1; }
.thumb:hover .thumb_overlay:before {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    font-size: 30px; }
.lt-ie9 .thumb:hover .thumb_overlay:before {
    display: block; }

/*========================================================
                     HEADER  Section
=========================================================*/
header {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #454e5c;
    border-bottom:2px solid #37c6f4;
    padding: 31px 0 25px; }

/*========================================================
                     CONTENT  Section
=========================================================*/
main {
    display: block; }

/*==================      Well     ======================*/
.well {
    padding: 210px 0 118px; }

.well__off {
    padding-top: 91px; }

.well-1 {
    padding: 91px 0 105px; }

.well-2 {
    padding: 80px 0 100px; }

.well-3 {
    padding: 165px 0 137px; }

/*==================    Txt Wrap   ======================*/
.txt-wrap {
    text-align: center;
    padding: 0 90px; }

.txt-wrap__md {
    padding: 0 10px;
    color:#fff; }

/*==================    Icon box   ======================*/
.box-icon:hover [class*='icon-'] {
    background: #454e5c; }

[class*='icon-'] {
    position: relative;
    width: 148px;
    height: 148px;
    top: 0;
    left: 50%;
    margin-left: -74px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e6504d;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s; }
[class*='icon-']:before {
    position: absolute;
    content: '';
    height: 148px;
    top: 0;
    left: 0;
    margin-top: 0px; }

.icon-1:before {
    background: url("../images/page-1_img01.png");
    width: 148px;
    margin-left: 0px; }

.icon-2:before {
    background: url("../images/page-1_img02.png");
    width: 148px;
    top: -5px;
    margin-left: 0px; }

.icon-3:before {
    background: url("../images/page-1_img03.png");
    width: 148px;
    margin-left: 0px; }

/*==================    Box Wrap   ======================*/
.box-wr {
    position: relative;
    padding-left: 126px; }
.box-wr:before {
    position: absolute;
    content: '';
    width: 104px;
    height: 104px;
    background: #454e5c;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    top: -3px;
    left: 0;
    z-index: -1; }
.box-wr:after {
    position: absolute;
    content: '';
    z-index: 0; }
.box-wr:hover:before {
    background: #e6504d; }

.icon_wr-1:after {
    width: 104px;
    height: 104px;
    background: url("../images/page-1_img05.png");
    top: -5px;
    left: 0px; }

.icon_wr-2:after {
    width: 104px;
    height: 104px;
    background: url("../images/page-1_img06.png");
    top: -3px;
    left: 0px; }

.icon_wr-3:after {
    width: 104px;
    height: 104px;
    background: url("../images/page-1_img07.png");
    top: -5px;
    left: 3px; }

.icon_wr-4:after {
    width: 104px;
    height: 104px;
    background: url("../images/page-1_img08.png");
    top: -3px;
    left: -3px; }

.icon_wr-5:after {
    width: 104px;
    height: 104px;
    background: url("../images/page-1_img11.png");
    top: -2px;
    left: 0px; }

.icon_wr-6:after {
    width: 104px;
    height: 104px;
    background: url("../images/page-1_img12.png");
    top: -3px;
    left: 0px; }

/*========================================================
                     FOOTER  Styles
=========================================================*/
footer {
    background: #454e5c;
    text-align: center;
    padding: 110px 0 171px;
    color: #FFF; }
footer .copyright span {
    text-transform: uppercase; }

/*================== Social List ======================*/
.social-list > li {
    display: inline-block; }
.social-list > li a {
    height: 87px;
    width: 87px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 39px;
    line-height: 87px;
    color: #454e5c;
    background: #37c6f4; }
.social-list > li a:hover {
    color: #fff; }
.social-list > li a:active {
    color: #fff; }
.social-list li + li {
    margin-left: 70px; }

/*========================================================
                     FOOTER  Styles
=========================================================*/
@media (max-width: 1199px) {
    .txt-wrap, .txt-wrap__md {
        padding: 0; }

    .off {
        margin-top: 0; }

    blockquote q {
        padding: 0; }
    blockquote q:before {
        top: -60px;
        left: 50%;
        margin-left: -25px; } }
@media (min-width: 992px) and (max-width: 1199px) {
    h4 {
        font-size: 24px;
        line-height: 36px; } }
@media (min-width: 768px) and (max-width: 992px) {
    h3 {
        font-size: 38px;
        line-height: 47px; }

    h4 {
        font-size: 20px;
        line-height: 30px; } }
@media (max-width: 767px) {
    blockquote q {
        padding: 0; }
    blockquote q:before {
        top: -60px;
        left: 50%;
        margin-left: -25px; }
    blockquote p {
        line-height: 20px; }

    h2 {
        font-size: 50px;
        line-height: 60px; }

    h3 {
        font-size: 25px;
        line-height: 30px; }

    h3 {
        font-size: 27px;
        line-height: 40px; }

    .row + .row {
        margin-top: 0; }

    [class*='well'], footer {
        padding: 30px 0; }

    .well-off {
        padding-top: 110px; }

    .social-list + hr, * + .copyright {
        margin-top: 30px; }

    .btn {
        padding: 18px;
        width: 100%;
        font-size: 20px; }

    .social-list li a {
        height: 50px;
        width: 50px;
        font-size: 25px;
        line-height: 50px; }
    .social-list li + li {
        margin-left: 20px; }

    .copyright {
        font-size: 14px; } }

#azul-clientes {
    background:#1cbdd7;
}

#cinza-sobre {
    background: #454e5c;
}
#cinza-sobre_2 {
    background: #6f574e;
}

#vermelho-fazemos {
    background: #e6504d;
}

#vermelho-fazemos h3, #vermelho-fazemos h5{
    color:#454e5c;
}
#vermelho-fazemos p{
    color:#fff;
}

#azul-clientes .wow, #azul-clientes .row_off1{
    margin-top: 0 !important;

}

#azul-clientes h3{
    color: #fff;
}

#azul-clientes h5.color-secondary{
    text-align: center;
}

input.error, textarea.error, select.error {
    border: 1px solid #e6504d !important;
    font-size: 12px;
}

#campoName-error,
#campoCargos-error,
#campoEmail-error,
#txttelefone-error,
#campoEmpresa-error,
#campoMensagem-error,
#campoSite-error,
#camposetores-error,
#campoInvestimento-error,
#campoPorte-error,
#campoEquipe-error
{
    font-size: 12px;
    color: #e6504d;
    margin: 0px;
    padding: 0px;
    font-style:italic;
}

.sucesso-email{
    display:none;
    color: #e6504d;
    text-align: center;
    font-size: 13px;
    font-weight:400;
}

#cinza-color{
    color:#454e5c;
}

.font24{
    font-size:24px;
    line-height:30px;
}
.direita{
    text-align:right;
}
#azulclaro-fundo{
    background:#e9f6f8;
}

#cinzaclaro-fundo{
    background:#ebeeef;
}

.tamanho{
    width:80%;
    margin-left:10%;
}


@media (max-width: 375px) {

    .hidden-xs{
        display: none;
    }
}

/*** GEEKS ***/

@font-face{
    font-family:montserratbold;
    src:url(fonts/Montserrat-Bold-webfont.eot);
    src:url(fonts/Montserrat-Bold-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/Montserrat-Bold-webfont.woff) format('woff'),url(fonts/Montserrat-Bold-webfont.ttf) format('truetype'),url(fonts/Montserrat-Bold-webfont.svg#montserratbold) format('svg');
    font-weight:400;
    font-style:normal
}

@font-face{
    font-family:roboto_condensedregular;
    src:url(fonts/RobotoCondensed-Regular-webfont.eot);
    src:url(fonts/RobotoCondensed-Regular-webfont.eot?#iefix) format('embedded-opentype'),url(fonts/RobotoCondensed-Regular-webfont.woff) format('woff'),url(fonts/RobotoCondensed-Regular-webfont.ttf) format('truetype'),url(fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular) format('svg');
    font-weight:400;
    font-style:normal
}

header{background: transparent; border: none;}
.well {padding-top: 150px;}
.access-top .logo{float: left;}
.access-top .button{float: right;}
.style-button-2 {
    background: #00ceff;
    border-color: #0ea0c4;
}

.button {
    min-width: 163px;
    height: 42px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 5px rgba(3,3,3,.1);
    -moz-box-shadow: 0 5px 5px rgba(3,3,3,.1);
    box-shadow: 0 5px 5px rgba(3,3,3,.1);
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-right: none;
    border-left: none;
    border-top: none;
    color: #fff;
    text-align: center;
    display: block;
    outline: 0;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 1.9em;
    line-height: 42px;
}

.top_intro_home{height: 700px; padding-top: 120px;}

.top_intro_home .text {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 215px;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.top_intro_home .text .wrapper {
    width: 791px;
    text-align: center;
}

.top_intro_home .text .wrapper h1 {
    font: 100px montserratbold;
    color: #fff;
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    border-top: 6px solid #00ceff;
    border-bottom: 6px solid #00ceff;
    text-transform: initial;
}

.top_intro_home .text .wrapper h2 {
    font: 22px roboto_condensedregular;
    color: #fff;
    letter-spacing: 1px;
    float: left;
    width: 100%;
    margin: 21px 0;
}

@media screen and (max-width: 425px){
    .top_intro_home{padding: 85px 15px 0; height: 500px;}
    .parallax_image{background-position: center top;}
    .top_intro_home .text .wrapper h1{
        font-size: 40px;
    }

    .top_intro_home .text .wrapper h2{
        font-size: 18px;
    }
}

/*** END GEEKS ***/