@font-face{
    font-family:Merriweather_Light;
    src:url(../fonts/Merriweather_Light.eot);
    src:url(../fonts/Merriweather_Light.eot?#iefix) format("embedded-opentype"),
        url(../fonts/Merriweather_Light.woff) format("woff"),
        url(../fonts/Merriweather_Light.ttf) format("truetype"),
        url(../fonts/Merriweather_Light.svg#Merriweather_Light) format("svg")
}

@font-face{
    font-family:CircularStdBook;
    src:url(../fonts/CircularStdBook.eot);
    src:url(../fonts/CircularStdBook.eot) format("embedded-opentype"),
    url(../fonts/CircularStdBook.woff2) format("woff2"),
    url(../fonts/CircularStdBook.woff) format("woff"),
    url(../fonts/CircularStdBook.ttf) format("truetype"),
    url(../fonts/CircularStdBook.svg#CircularStdBook) format("svg")
}

@font-face{
    font-family:CircularStdMedium;
    src:url(../fonts/CircularStd-Medium.eot);
    src:url(../fonts/CircularStd-Medium.eot) format("embedded-opentype"),
    url(../fonts/CircularStd-Medium.woff2) format("woff2"),
    url(../fonts/CircularStd-Medium.woff) format("woff"),
    url(../fonts/CircularStd-Medium.ttf) format("truetype"),
    url(../fonts/CircularStd-Medium.svg#CircularStd-Medium) format("svg")
}

/*@import url(../../../maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);*/

img, legend {
    border: 0
}

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

*{
    box-sizing: border-box;
}

body,
mark {
    color: #000
}

body,
legend,
td,
th {
    padding: 0
}

#what-we-do h1,
h2 {
    letter-spacing: -1px
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

.nodisplay,
[hidden],
template {
    display: none
}

audio:not([controls]) {
    display: none;
    height: 0
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: normal
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

#footer .infos .info h2,
#header .top-infos ul li,
#outdated,
.btn,
.intro,
.projetos_detalhes .content h3 {
    text-transform: uppercase
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    font: 12px CircularStd-Black, sans-serif;
    margin: 0
}

.fancybox-content-send-email {
    min-width: 400px;
    padding: 20px;
    text-align: center;
    font-family: CircularStd-Black, sans-serif;
    font-size: 15px;
    font-weight: 700
}

.no-padding,
dl,
ol,
ul {
    padding: 0
}

dl,
ol,
ul {
    margin: 0;
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

a img {
    border: none
}

a:active,
a:focus,
a:hover,
a:link {
    text-decoration: none;
    outline: 0
}

a:visited {
    outline: 0
}

.fltrt {
    float: right;
    margin-left: 8px
}

.fltlft {
    float: left;
    margin-right: 8px
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0
}

.al-left {
    text-align: left
}

.al-right {
    text-align: right
}

.al-justify {
    text-align: justify
}

#outdated,
.al-center,
.align-center,
body {
    text-align: center
}

.clearfix {
    zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -moz-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -moz-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none
    }
}

.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999
}

.logo_svg {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pageload-overlay.show {
    display: block
}

.pageload-overlay .bg_svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.pageload-overlay .bg_svg path {
    fill: #2e63f2
}

.m-scene .scene_element {
    -webkit-animation-duration: .25s;
    -moz-animation-duration: .25s;
    animation-duration: .25s;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both
}

.m-scene .scene_element--fadein {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn
}

.m-scene .scene_element--fadeinup {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.m-scene .scene_element--fadeinright {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.m-scene .scene_element--fadeinleft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.m-scene.is-exiting .scene_element {
    -webkit-animation-direction: alternate-reverse;
    -moz-animation-direction: alternate-reverse;
    animation-direction: alternate-reverse
}

* html #outdated {
    position: absolute
}

#outdated {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/outdated_bg.png);
    color: #e3e3e3;
    z-index: 1500
}

#outdated h6 {
    font-size: 25px;
    line-height: 25px;
    margin: 20% 0 10px
}

#outdated p {
    font-size: 12px;
    line-height: 12px
}

#outdated #btnUpdate {
    display: block;
    position: relative;
    padding: 10px 20px;
    margin: 30px auto 0;
    width: 180px;
    color: #fff;
    text-decoration: none;
    border: 2px solid #FFF;
    cursor: pointer
}

#outdated #btnUpdate:hover {
    color: #f25648;
    background-color: #FFF
}

#outdated #btnClose {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 15px;
    height: 15px
}

#outdated #btnClose a,
.fancybox-iframe,
.fancybox-image {
    display: block;
    width: 100%;
    height: 100%
}

#outdated #btnClose a {
    position: absolute;
    left: 0;
    top: 0;
    text-indent: -5555px;
    background: url(../images/outdatedBrowser-close.gif) left center no-repeat
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-image,
.fancybox-inner,
.fancybox-nav,
.fancybox-nav span,
.fancybox-outer,
.fancybox-skin,
.fancybox-tmp,
.fancybox-wrap,
.fancybox-wrap iframe,
.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}

.fancybox-inner,
.fancybox-outer,
.fancybox-skin {
    position: relative
}

.fancybox-skin {
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    border-radius: 4px
}

.fancybox-opened {
    z-index: 8030
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.fancybox-inner {
    overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-next span,
.fancybox-prev span {
    background-image: url(../images/fancybox_sprite.png)
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}

.fancybox-close,
.fancybox-nav,
.fancybox-nav span {
    z-index: 8040;
    position: absolute;
    cursor: pointer
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url(../images/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px
}

.fancybox-nav {
    top: 0;
    width: 40%;
    height: 100%;
    text-decoration: none;
    background: url(blank.gif);
    -webkit-tap-highlight-color: transparent
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    visibility: hidden
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible!important
}

.fancybox-lock,
.fancybox-lock body {
    overflow: hidden!important
}

.fancybox-lock {
    width: auto
}

.fancybox-lock-test {
    overflow-y: hidden!important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url(../images/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: 0 0;
    background: rgba(0, 0, 0, .8);
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}

#header .logo .menu-mobile img{
    height: 24px;
}

#contact .form{

}

.gform_wrapper .gform_page_footer .button.gform_next_button, .gform_wrapper .gform_page_footer .button.gform_previous_button{
    background: #2d63f2 !important;
    text-transform: uppercase;
    color: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#2d63f2, endColorstr=#2d63f2);
    transition: all .2s;
    border-width: 0px;
    border-style: solid;
    border-color: #ffffff;
    border-radius: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-border-radius: 0;   
    padding: 10px 25px;
}

.gform_wrapper .gf_progressbar{
    background-color: transparent !important;
}

.gform_wrapper .gf_progressbar:after{

}

.gform_wrapper .percentbar_blue{
    background: #2d63f2 !important;  
}

.gform_wrapper .gf_progressbar_percentage span{
    font-size: 14px;    
}

.gform_wrapper .gf_progressbar_percentage{
    background: repeating-linear-gradient(-45deg,rgba(0,0,0,0),rgba(0,0,0,0) 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px),linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.2));
}

.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 1px;
}

.gform_wrapper .field_description_below .gfield_description{
    padding-top: 0;
}

#contact h1{
    margin-bottom: 0;
}

.gform_wrapper .gfield_error .gfield_label{
    color: #ec0e0e !important;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    z-index: 1050;
    padding-top: 30px;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #3267f3;
    color: #FFF;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    padding: 15px 20px;
}

.modal-content .gform_confirmation_message{
    font-size: 30px;
    padding-bottom: 30px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-header {
    padding: 15px;
    text-align: left;
    color: #c6c5ca;
    font-family: Merriweather_Light, sans-serif;
}

.modal-header .close {
    border: 0;
    background: transparent;
    color: #FFF;
    font-size: 30px;
    font-weight: 700;
    outline: none;
    position: absolute;
    top: 10px;
    right: 15px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 300;
}

.modal-body {
    position: relative;
    padding: 25px 15px 0;
}

.modal-body .gform_wrapper, .modal-body .gform_heading{
    margin: 0 !important;
}

.modal-body .gform_wrapper h3.gform_title{
    text-align: left;
    color: #FFF;
    font-size: 52px;
    margin: 0;
    line-height: 50px;
    margin-bottom: 15px;
}

.modal-body .gform_wrapper span.gform_description{
    color: #FFF;
    line-height: 31px;
    font-weight: 300;
    font-size: 16px;
    margin: 0;
    width: 100%;
    text-align: justify;
    font-family: Merriweather_Light, sans-serif;
}

.modal-body .gform_wrapper .top_label .gfield_label{
    display: none;
}

body .modal-body .gform_wrapper ul li.gfield{
    display: inline-block;
}

.modal-body .gform_wrapper .ginput_container input{
    border: 0;
    height: 35px;
    padding: 10px !important;
    color: #565555;
    font-size: 15px !important;
    width: 100% !important;
}

.modal-body .gform_wrapper .gform_footer input.button, .modal-body .gform_wrapper .gform_footer .gform_button{
    border-color: #FFF;
    color: #FFF;
    margin: 0;
    padding: 10px 20px;
}

.modal-body .gform_wrapper .gform_footer{
    float: right;
    clear: right;
    margin: 0;
    width: auto;
    margin-top: -52px;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

.modal-body .gform_wrapper form{
    overflow: hidden;
}

.modal-body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){
    max-width: 100% !important;
}

.modal-body .gform_wrapper.gform_validation_error .gform_footer{
    margin-top: 0;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 680px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
    #fancybox-loading,
    .fancybox-close,
    .fancybox-next span,
    .fancybox-prev span {
        background-image: url(../images/fancybox_sprite@2x.png);
        background-size: 44px 152px
    }
    #fancybox-loading div {
        background-image: url(../images/fancybox_loading@2x.gif);
        background-size: 24px 24px
    }
}

body {
    overflow-x: hidden;
    background: #fff
}

body.dark {
    background-color: #212121
}

body.dark #header nav ul:after {
    background: rgba(255, 255, 255, .05)
}

body.dark .logo:after {
    background: #212121!important
}

body.dark nav ul li a {
    color: rgba(255, 255, 255, .7)!important
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.right-pad {
    padding-right: 40%
}

#texts {
    height: auto
}

#texts h1 {
    font-size: 40px
}

#texts h2 {
    font-size: 30px
}

#texts h3 {
    font-size: 20px
}

#header {
    text-align: left
}

#header .top-infos {
    padding: 15px 0;
    /*margin-bottom: 15px;*/
    background: #2d63f2;
}

#header .top-infos ul {
    list-style: none
}

#header .top-infos ul li {
    float: left;
    margin-right: 60px;
    color: #f9f9f9
}

#header .top-infos ul li .fa{
    font-size: 17px;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;    
}

#header .top-infos ul li.brasil {
    background: url(../images/brazil.png) left center no-repeat;
    padding-left: 20px
}

#header .top-infos ul li.email {
    background: url(../images/email.png) left center no-repeat;
    padding-left: 20px
}

#header .top-infos ul li.discovery-icon{
    background: url(../images/discovery-icon-3.png) left center no-repeat;
    padding-left: 20px    
}

#header .top-infos ul li.call {
    background: url(../images/phone-1.png) left center no-repeat;
    padding-left: 15px
}

#header .top-infos ul li a {
    color: #f9f9f9
}

#header .logo {
    display: inline-block;
    /*margin-right: 50px;*/
        margin-right: 15%;
}

#header .logo img{
    /* height: 45px; */
    max-width: 100%;
    vertical-align: middle;
    margin-top: -5px;
}

#header nav {
    display: inline-block;
    color: rgba(74, 74, 74, .5);
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: CircularStdBook, sans-serif
}

#header nav ul.mobile-menu {
    display: none
}

#header nav ul.menu {
    list-style: none;
    position: relative
}

#header nav ul.menu:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 1000%;
    background: #f3f3f3;
}

#header nav ul.menu li {
    display: inline-block;
    /*margin-right: 42px;*/
}

#header nav ul.menu li.menu-item-has-children:hover a {
    /*background-color: #323232;*/
    background:transparent;
    color: #2e63f2;
    
}

#header nav ul.menu li.menu-item-has-children .sub-menu li a{
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

#header nav ul.menu li.menu-item-has-children{
    position: relative;
}

#header nav ul.menu li.menu-item-has-children:hover:before, #header nav ul.menu li.menu-item-has-children:hover:after{
    content:"";
    position:absolute;
    width:1px;
    height: 100%;
    top:0;
    background:#f3f3f3;
}

#header nav ul.menu li.menu-item-has-children:hover:before{
    left:0;
}

#header nav ul.menu li.menu-item-has-children:hover:after{
    right:0;
}


#header nav ul.menu li:hover ul.sub-menu {
    display: block;
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    transition-delay: .4s
}

#header nav ul.menu li ul.sub-menu {
    display: none;
    position: absolute;
    z-index: 99;
    background-color: #323232;
    /*width: 180px;*/
    width:auto;
    opacity: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#header nav ul.menu li ul.sub-menu li {
    margin-right: 0
}

#header nav ul.menu li ul.sub-menu li a {
    display: block;
    width: 200px;
    color: #fff!important;
    padding: 20px
}

#header nav ul.menu li ul.sub-menu li a:hover {
    background-color: #2e63f2
}

#header nav ul.menu li ul.sub-menu li a:after,
#header nav ul.menu li ul.sub-menu li a:before {
    display: none
}

#header nav ul.menu li a {
    display: block;
    color: rgba(74, 74, 74, .5);
    position: relative;
    font-weight: 100;
    /*padding: 20px 10px;*/
         padding: 40px 30px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#header nav ul.menu li a:after,
#header nav ul.menu li a:before {
    opacity: 0;
    position: absolute;
    /*top: 60px;*/
    bottom:0;
    height: 4px;
    background-color: #2e63f2;
    content: ''
}

#header nav ul.menu li a:before {
    left: 0;
    right: 100%
}

#header nav ul.menu li a:after {
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    left: 100%;
    right: 0
}

#contact,
#contact .content {
    position: relative
}

#header nav ul.menu li a.active:before,
#header nav ul.menu li.current-menu-item a:before,
#header nav ul.menu li a:hover:before {
    opacity: 1;
    right: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#header nav ul.menu li a.active:after,
#header nav ul.menu li a:hover:after {
    opacity: 1;
    left: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#header .social {
    display: inline-block;
    float: right;
    line-height: 70px;
    vertical-align: middle;
    margin-top:25px;
}

#header .social a {
    display: inline-block;
    margin-right: 21px
}

#header .social a:last-child {
    margin-right: 0
}

#footer {
    height: 292px;
    background-color: #323232;
    width: 100%
}

#footer .deen {
    width: 430px;
    height: 100%;
    background: #2e63f2 url('../images/bg-footer-1.jpg') no-repeat;
    float: left;
    text-align: center;
    padding: 150px 0 0;
    background-size: 100%;
}

#footer .deen .deen-title{
    letter-spacing: 5px;
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 15px;
    display: block;
    font-weight: 400;    
}

#footer .deen img:first-child {
    margin-bottom: 21px
}

#footer .deen a.social {
    margin-right: 5px;
    color: #3570f5;
    background: #FFF;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    width: 33px;
    height: 33px;
    line-height: 36px;
    font-size: 19px;
}

#footer .deen a.social:last-child {
    margin: 0
}

#footer .infos {
    height: 280px;
    margin: 0 0 0 430px;
    padding: 35px 50px 0;
    text-align: left;
    vertical-align: top
}

#footer .infos .info {
    text-align: left;
    width: calc(33.33% - 66px);
    display: inline-block;
    vertical-align: top;
    margin-right: 50px;
}

#footer .infos .info:last-child {
    margin-right: 0
}

#footer .infos .info h2 {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 31px
}

#footer .infos .info h2:after {
    content: '';
    width: 26px;
    height: 2px;
    background-color: #2e63f2;
    display: block;
    margin-top: 15px
}

#footer .infos .info a:hover {
    text-decoration: underline
}

#footer .menu a{
    margin-bottom: 5px;
    display: block;
}

#footer .infos .info a,
#footer .infos .info address,
#footer .infos .info p {
    color: rgba(255, 255, 255, .4);
    font-family: Merriweather_Light, sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 19px;
    font-style: normal
}

#awards h1,
#what-we-do h1 span,
.intro,
h2,
h3 {
    font-family: CircularStdBook
}

.grecaptcha-badge {
    display: none!important
}

.btn, .gform_button {
    outline: 0;
    white-space: nowrap;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    font-size: 13px;
    font-weight: 500;
    padding: 15px 29px;
    color: #2e63f2;
    border: 2px solid #2e63f2;
    border-radius: 5px;
    background: 0 0
}

.btn:hover, .gform_button:hover {
    background-color: #2e63f2;
    color: #fff;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.btn:hover:after, .gform_button:hover:after {
    left: 10px;
    opacity: 1
}

.testimonials-c.testimonial-with-bg .media .client-testimonial-info .rounded-image.visible-xs{
	display:none!important;
}

@media screen and (min-width:1024px) {
    .btn:after, .gform_button:after {
        content: '';
        display: inline-block;
        background: url(../images/arrow-2.png) no-repeat;
        width: 6px;
        height: 8px;
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
        border-radius: 5px;
        position: relative;
        left: 30px;
        opacity: 0;
        -moz-transition: all 1.35s cubic-bezier(.19, 1, .22, 1);
        -o-transition: all 1.35s cubic-bezier(.19, 1, .22, 1);
        transition: all 1.35s cubic-bezier(.19, 1, .22, 1)
    }
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    display: table;
    height: 100%
}

.content {
    /*padding: 15vh 30vh;*/
	padding: 15vh 26vh;
    text-align: left
}

#contact .content{
    padding: 15vh;
}

.content.center {
    text-align: center
}

#home .content {
    padding: 10vh 0;
}

.intro {
    color: rgba(74, 74, 74, .3);
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    margin-bottom: 40px
}

h1,
h2 {
    color: #212121
}

h2 span,
h3 span {
    line-height: 47px
}

h1 {
    font-size: 80px;
    font-weight: 800;
    line-height: 65px;
    letter-spacing: -4px
}

h2,
h2 span {
    font-size: 50px
}

h1 span {
    color: #2e63f2
}

h1 span.txt-rotate{
    margin-top: 20px;
    display: block;
}

h2 {
    font-weight: 700;
    line-height: 50px
}

h2.white {
    color: #fff
}

h2 span {
    color: rgba(74, 74, 74, .3);
    font-weight: 200;
    font-family: 'CircularStdBook';
}

h3 {
    font-size: 13px;
    font-weight: 300;
    line-height: 13px;
    color: #212121
}

#awards h1,
#home h2,
#what-we-do h1,
h3 span {
    font-size: 50px
}

h3.white {
    color: #fff
}

h3 span {
    color: rgba(74, 74, 74, .3);
    font-weight: 200
}

p {
    font-family: Merriweather_Light, sans-serif;
    font-size: 17px;
    font-weight: 300;
    line-height: 35px;
    color: rgba(74, 74, 74, .99)
}

.page-id-366 p{
    line-height: 28px;
}

.section.white .intro,
.section.white p {
    color: #717171;
}

.section.white a:not(.btn) {
    color: #2e63f2
}

.section.white h1,
.section.white h2 {
    color: #fff;
    font-family: 'CircularStd-Black';    
}

#contact {
    width: 100%;
    max-height: 0 !important;
    min-height: 0!important;
    background-color: #343434;
    overflow: hidden;
    z-index: 10;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

/* #contact.open {
    height: 777px!important;
    min-height: 100vh!important
} */

#contact.open {
    /* height: 100%!important; */
    max-height: 777px !important;
    min-height: initial!important;
}

#contact .close_contact {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    background: url(../images/close_btn.png?v=1) center center no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#contact .form {
    width: 100%;
    font-size: 0
}

#contact .form .item {
    display: inline-block;
    vertical-align: top;
    height: 48px;
    position: relative;
    margin-top: 20px;
    text-align: left;
    width: 100%
}

#contact .form .item.small {
    width: 30%;
    margin-left: 5% !important;
}

#contact .form .item.small:first-child {
    margin-left: 0 !important;
}

#contact .form .item.radio {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

#contact .form .item label {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0;
    color: rgba(255, 255, 255, .3);
    font-size: 17px;
    font-weight: 300;
    font-family: Merriweather_Light
}

#contact .form .item input[type=text],
#contact .form .item textarea {
    bottom: 1px;
    left: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: Merriweather_Light;
    width: 100%;
    color: #fff;
    outline: 0
}

#contact .form .item input[type=text] {
    position: absolute;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    height: 25px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#contact .form .item .frame .radio,
#contact .form .item textarea {
    background: 0 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease
}

#contact .form .item input[type=text]:focus {
    border-bottom: 3px solid #2e63f2
}

#contact .form .item input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #343434 inset;
    -webkit-text-fill-color: #fff!important
}

#contact .form .item textarea {
    position: relative;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    min-height: 25px;
    top: 25px;
    resize: none;
    max-height: 95px;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#contact .form .item textarea:focus {
    border-bottom: 3px solid #2e63f2
}

#contact .form .item:last-child {
    margin-bottom: 50px
}

#contact .form .item .frame {
    margin-left: 110px;
    width: 100%
}

#contact .form .item .frame input {
    display: none
}

#contact .form .item .frame li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 33.33%
}

#contact .form .item .frame li:first-child {
    width: 20%
}

#contact .form .item .frame .label {
    left: 40px;
    cursor: pointer
}

#contact .form .item .frame .radio {
    cursor: pointer;
    top: -2px;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    border: 2px solid rgba(255, 255, 255, .3);
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    font-size: 17px
}

#contact .form .item .frame .radio.radio {
    border-radius: 100%
}

#contact .form .item .frame .radio.check {
    border-radius: 5px
}

#contact .form .item .frame .radio .fa {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    line-height: 22px;
    text-align: center;
    color: #fff
}

#contact .form .item .frame input:checked+.radio {
    background: #2e63f2;
    border: 2px solid #2e63f2
}

#contact .form .item .frame input:checked+.radio .fa {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

#home {
    position: relative;
    overflow: hidden
}

#home .icon {
    right: -135px;
    bottom: 0;
    position: absolute;
}

#home p.first,
#home p.gray {
    padding-right: 300px
}

.logo-inslider{
    margin-top: 50px;
    overflow: hidden;
}

#home h2 {
    font-weight: 700;
    line-height: 50px
}

#home .content a,
#home .content h1,
#home .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#home .content.fade,
#home .content.fade a,
#home .content.fade h1,
#home .content.fade p,
#latest-project .content.fade a,
#latest-project .content.fade h2,
#latest-project .content.fade p {
    opacity: 0
}

.section {
    min-height: 750px;
    /* height: 100vh */
}

#latest-project {
    height: auto;
    position: relative;
    background-color: #2e2e2e;
    overflow: hidden
}

#latest-project .content {
    display: block;
    padding: 100px
}

#latest-project .content a,
#latest-project .content h2,
#latest-project .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#latest-project .image {
    height: 500px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    bottom: 0;
    opacity: 1;
    -moz-transition: opacity 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: opacity 1s cubic-bezier(.95, .05, .795, .035);
    transition: opacity 1s cubic-bezier(.95, .05, .795, .035);
   /*  background: fixed;
    background-position: center -300px !important; */
}

#awards,
.projetos_listagem .projeto {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

#latest-project .image.fade {
    opacity: 0
}

#latest-project .img_center {
    left: 50%;
    -webkit-transform: translate3d(0, 0, 0) translateX(-50%);
    -moz-transform: translate3d(0, 0, 0) translateX(-50%);
    transform: translate3d(0, 0, 0) translateX(-50%);
    max-width: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 0;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#challenges .quadro_big,
#customers .logos_ul {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

#customers,
#what-we-do {
    position: relative
}

#latest-project .img_center.fade {
    opacity: 0;
    bottom: -50px
}

#latest-project:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: .62;
    background-image: -moz-linear-gradient(top, transparent 0, #000 100%);
    background-image: -o-linear-gradient(top, transparent 0, #000 100%);
    background-image: linear-gradient(180deg, transparent 0, #000 100%);
    height: 286px
}

#what-we-do {
    min-height: 800px;
    overflow: hidden
}


#what-we-do .content {
    padding-right: 500px!important;
    padding-left: 0;
}


#what-we-do .content.fade a,
#what-we-do .content.fade h1,
#what-we-do .content.fade p {
    opacity: 0
}

#what-we-do .content a,
#what-we-do .content h1,
#what-we-do .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#what-we-do svg {
    position: absolute
}

#what-we-do h1 {
    line-height: 50px
}

#what-we-do h1 span {
    color: rgba(74, 74, 74, .3);
    font-weight: initial
}

#what-we-do .iphone_svg {
    top: 40%;
    max-width: 15%;
    z-index: 1;
    opacity: 0;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    right: -20vw
}

#what-we-do .iphone_svg.active {
    right: 20vw;
    opacity: 1
}

#what-we-do .iphone_svg.active .stroke {
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    stroke-dashoffset: 0
}

#what-we-do .iphone_svg .stroke {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#what-we-do .ipad_svg {
    position: absolute;
    right: 0;
    bottom: 100px;
    max-width: 500px;
    z-index: -1;
}

#what-we-do .ipad_svg.active {
    right: 0;
    opacity: 1
}

#what-we-do .ipad_svg.active .stroke {
    -moz-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    stroke-dashoffset: 0
}

#what-we-do .ipad_svg .stroke {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

@media screen and (max-width:1366px) {
    #customers .content {
        padding-right: 40vw
    }
}

#customers .content.fade .logos_ul,
#customers .content.fade a,
#customers .content.fade h1,
#customers .content.fade p {
    opacity: 0
}

#customers .content a,
#customers .content h1,
#customers .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#customers .logos_ul {
    width: 99999px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 70%;
    overflow: hidden;
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#customers .logos_ul .logo_li {
    display: inline-block;
    vertical-align: middle;
    margin: 30px;
    position: relative;
    width: 130px
}

#customers .logos_ul .logo_li img {
    max-width: 150px;
    max-height: 90px
}

#awards {
    background: #2e2e2e;
    backface-visibility: hidden
}

#awards .content {
    overflow: hidden;
    padding: 150px 0;
}

#awards .img{
    display: inline-block;
    width: 50%;
    float: left;
    text-align: right;    
}

#awards .img img{
    max-height: 600px;
}

#awards .text-content{
    /*margin-top: 160px;*/
	    margin-top: 85px;
    padding-left: 30px;
    width: 50%;
    float: left;    
}

#agency .content,
#agency .quadros_agency {
    padding: 15vh 0 15vh 30vh
}

#awards .content.fade a,
#awards .content.fade h1,
#awards .content.fade p {
    opacity: 0
}

#awards .content a,
#awards .content h1,
#awards .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#awards h1 {
    line-height: 50px;
    position: relative;
    letter-spacing: -2px
}

#agency,
#agency .container {
    position: relative
}

#awards h1 span {
    font-weight: 200;
    color: #8d8d8d
}

#agency {
    min-height: 800px!important
}

#agency .content p {
    max-width: 50%;
    opacity: 1;
    -moz-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#agency .content h1 {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#agency .quadros_agency .item,
#challenges .content h1 {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

#agency .content.fade,
#agency .content.fade h1,
#agency .content.fade p {
    opacity: 0
}

#agency .quadros_agency {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    width: 100%;
    height: 292px;
    text-align: left;
    z-index: 2
}

#agency .quadros_agency.fade .item {
    opacity: 0;
    top: 20px
}

#agency .quadros_agency.fade .item:nth-child(2) {
    top: 40px
}

#agency .quadros_agency.fade .item:nth-child(3) {
    top: 60px
}

#agency .quadros_agency .item {
    width: 220px;
    height: 292px;
    display: inline-block;
    margin: 30px;
    vertical-align: top;
    position: relative;
    top: 0;
    opacity: 1;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#awwards,
#challenges {
    height: 70vh;
    background: url(../images/bg_challenges.jpg) center center/cover
}

#agency .quadros_agency .item .quadro {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

#agency .quadros_agency .item:first-child {
    margin-left: 0
}

#agency .quadros_agency .item:last-child .quadro {
    width: 500px
}

#challenges {
    /* min-height: 500px; */
    padding-bottom: 10vw
}

#challenges .container {
    max-width: 780px;
    position: relative
}

@media screen and (max-width:1366px) {
    #challenges .container {
        max-width: 600px
    }
}

#challenges .content {
    padding: 120px 0 0
}

#challenges .content.fade a,
#challenges .content.fade h1,
#challenges .content.fade p {
    opacity: 0
}

#challenges .content h1 {
    font-size: 80px;
    opacity: 1;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#challenges .content a,
#challenges .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#challenges .quadro_big {
    position: absolute;
    left: -25vw;
    top: 55%;
    transform: translateY(-50%);
    width: 24.7vw
}

#awwards .quadro_big,
.projetos_listagem .projeto h2 {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

#awwards {
    min-height: 1000px;
    padding-bottom: 10vw
}

#awwards .container {
    max-width: 780px;
    position: relative
}

@media screen and (max-width:1366px) {
    #awwards .container {
        max-width: 600px
    }
}

#awwards .content {
    padding: 120px 0 0 300px;
    background: url(../images/4-awwwards.svg) left center no-repeat;
    -moz-transition: all .8s cubic-bezier(.39, .575, .565, 1);
    -o-transition: all .8s cubic-bezier(.39, .575, .565, 1);
    transition: all .8s cubic-bezier(.39, .575, .565, 1)
}

#awwards .content h1,
#awwards .content p {
    -moz-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#awwards .content.fade {
    background: url(../images/4-awwwards.svg) center center no-repeat
}

#awwards .content.fade h1,
#awwards .content.fade p {
    opacity: 0
}

#awwards .content h1 {
    font-size: 50px;
    opacity: 1;
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#awwards .content p {
    opacity: 1;
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#anuario .content h1,
#awwards .quadro_big {
    -moz-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#awwards .quadro_big {
    position: absolute;
    left: -25vw;
    top: 55%;
    transform: translateY(-50%);
    width: 24.7vw;
    opacity: 1;
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#anuario .content.fade h1,
#anuario .content.fade p,
#awwards .quadro_big.fade {
    opacity: 0
}

#anuario {
    background-color: #fff;
    position: relative;
    max-height: 700px
}

#anuario .content {
    text-align: center;
    padding: 35vh 30vh
}

#anuario .content h1 {
    font-size: 50px;
    opacity: 1;
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#anuario .content p {
    opacity: 1;
    -moz-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#anuario .anuario_img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 0;
    max-width: 40%;
    -moz-transition: all 1s cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 1s cubic-bezier(.47, 0, .745, .715);
    transition: all 1s cubic-bezier(.47, 0, .745, .715)
}

#other-awwards .content>h1,
#other-awwards .content>p,
#other-awwards .trofeus {
    -moz-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#anuario .anuario_img.fade {
    top: 50%
}

#other-awwards {
    position: relative;
    min-height: 150vh;
    height: auto;
    background-color: rgba(236, 236, 237, .15)
}

#other-awwards h1~p {
    margin-bottom: 100px;
    max-width: 430px
}

#other-awwards .content {
    padding-right: 0
}

.section.white .inside-contact h1, .section.white .inside-contact h2{
    font-family: CircularStdBook;    
}

.inside-contact .btn{
    font-family: 'CircularStd-Black', sans-serif;
    max-width: 100%;
    white-space: inherit;
    letter-spacing: 0;    
    line-height: 15px;
}

@media screen and (max-width:1366px) {
    #other-awwards .content {
        padding-right: 40vw
    }
}

#other-awwards .content.fade .premios_ul .item,
#other-awwards .content.fade h1,
#other-awwards .content.fade p {
    opacity: 0
}

#other-awwards .content.fade .premios_ul .item:nth-child(2) {
    bottom: 300px
}

#other-awwards .content.fade .premios_ul .item:last-child {
    right: 0
}

#other-awwards .content>h1,
#other-awwards .content>p {
    opacity: 1;
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#other-awwards .trofeus {
    position: absolute;
    top: 75px;
    right: -40px;
    max-width: 50%;
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#other-awwards .trofeus.fade {
    opacity: 0;
    right: -80px
}

#other-awwards .premios_ul {
    width: 287px;
    text-align: left;
    position: relative
}

#other-awwards .premios_ul .item {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 70px;
    position: relative;
    bottom: 0;
    -moz-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all 1s cubic-bezier(.95, .05, .795, .035);
    transition: all 1s cubic-bezier(.95, .05, .795, .035)
}

#other-awwards .premios_ul .item .img_premio {
    margin-bottom: 30px
}

#other-awwards .premios_ul .item h1 {
    padding-left: 78px;
    margin-bottom: 45px;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1px;
    height: 56px
}

#other-awwards .premios_ul .item:last-child {
    position: absolute;
    bottom: 0;
    right: -110%
}

#other-awwards .premios_ul .item:last-child .img_premio {
    max-height: 60px
}

#abradi {
    background: url(../images/bg_abradi.jpg?d=2) center center
}

#abradi .content {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#abradi .content.fade a,
#abradi .content.fade h1,
#abradi .content.fade p {
    opacity: 0
}

#abradi .content a,
#abradi .content h1,
#abradi .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#already-serve .content h2,
#projetos .content {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease
}

#projetos {
    height: auto
}

#projetos .content {
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#projetos .content.fade {
    opacity: 0
}

#projetos .back {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    background: url(../images/close_btn.png) center center no-repeat;
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: rotate(90deg) translateY(-50%);
    -moz-transform: rotate(90deg) translateY(-50%);
    -ms-transform: rotate(90deg) translateY(-50%);
    -o-transform: rotate(90deg) translateY(-50%);
    transform: rotate(90deg) translateY(-50%);
    z-index: 9;
    opacity: 1;
    -moz-transition: all .6s cubic-bezier(.47, 0, .745, .715);
    -o-transition: all .6s cubic-bezier(.47, 0, .745, .715);
    transition: all .6s cubic-bezier(.47, 0, .745, .715)
}

#projetos .back.fade {
    left: 12vw;
    opacity: 0
}

.projetos_listagem {
    height: auto
}

.projetos_listagem .filter {
    position: absolute;
    width: 0;
    height: 0
}

.projetos_listagem .scene_element {
    min-height: 100vh
}

.projetos_listagem .projeto {
    width: 100%;
    height: 60vh;
    position: relative;
    overflow: hidden;
    backface-visibility: hidden;
    display: block
}

.projetos_listagem .projeto a {
    display: block;
    width: 100%;
    height: 100%
}

.projetos_listagem .projeto:hover:after {
    opacity: .5
}

.projetos_listagem .projeto:hover h2 {
    top: 45%
}

.projetos_listagem .projeto:hover h3 {
    top: 52%;
    opacity: 1
}

.projetos_listagem .projeto:hover p {
    left: 0;
    opacity: 1
}

.projetos_listagem .projeto:hover span {
    opacity: 1;
    background: 0 0
}

.projetos_listagem .projeto:hover span:after {
    left: 0;
    opacity: 1
}

.projetos_listagem .projeto:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #2e63f2;
    opacity: 0;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -moz-transition: all 1s cubic-bezier(.47, 0, .745, .715);
    -o-transition: all 1s cubic-bezier(.47, 0, .745, .715);
    transition: all 1s cubic-bezier(.47, 0, .745, .715)
}

.projetos_listagem .projeto .container {
    position: relative;
    z-index: 1
}

.projetos_listagem .projeto h2,
.projetos_listagem .projeto h3 {
    position: absolute;
    left: 0;
    -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -o-transition: all .6s cubic-bezier(.77, 0, .175, 1)
}

.projetos_listagem .projeto h2 {
    top: 50%;
    transform: translateY(-50%);
    transition: all .6s cubic-bezier(.77, 0, .175, 1)
}

.projetos_listagem .projeto h3,
.projetos_listagem .projeto p {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.projetos_listagem .projeto h3 {
    opacity: 0;
    top: 45%;
    transform: translateY(-50%);
    transition: all .6s cubic-bezier(.77, 0, .175, 1)
}

.projetos_listagem .projeto p,
.projetos_listagem .projeto span {
    -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -o-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    color: #fff;
    opacity: 0;
    position: absolute
}

.projetos_listagem .projeto p {
    top: 55%;
    left: -100px;
    transform: translateY(-50%);
    width: 100%;
    transition: all .6s cubic-bezier(.77, 0, .175, 1)
}

.projetos_listagem .projeto span {
    top: 70%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    border: 2px solid #fff
}

.projetos_listagem .projeto span:after {
    -moz-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -o-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    left: 30px;
    opacity: 0
}

.projetos_listagem .projeto .projeto_img {
    position: absolute;
    min-width: 100%;
    max-width: none;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.projetos_detalhes .topo {
    min-height: 100vh;
    overflow: hidden;
    position: relative
}

.projetos_detalhes .topo:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    opacity: .62;
    background-image: -moz-linear-gradient(top, transparent 0, #000 100%);
    background-image: -o-linear-gradient(top, transparent 0, #000 100%);
    background-image: linear-gradient(180deg, transparent 0, #000 100%);
    height: 286px;
    pointer-events: none
}

.projetos_detalhes .center {
    min-height: 55vh;
    position: relative
}

.projetos_detalhes .img_center {
    left: 50%;
    -webkit-transform: translate3d(0, 0, 0) translateX(-50%);
    -moz-transform: translate3d(0, 0, 0) translateX(-50%);
    transform: translate3d(0, 0, 0) translateX(-50%);
    max-width: 100%;
    width: 100%;
    position: relative;
    bottom: 0;
    z-index: 0;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition: all 1.5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.projetos_detalhes .img_center.fade {
    opacity: 0;
    bottom: -50px
}

.projetos_detalhes .content {
    padding: 100px 50px 15px;
    text-align: center
}

.projetos_detalhes .content h3 {
    font-size: 13px;
    color: #2e63f2
}

.projetos_detalhes .content .btn {
    display: inline-block
}

.projetos_detalhes .content .type {
    width: 100%;
    font-size: 0;
    margin-bottom: 50px
}

.projetos_detalhes .content .type .item {
    display: inline-block;
    vertical-align: top;
    height: 30px;
    padding: 0 20px;
    border-left: 2px solid rgba(150, 150, 150, .16)
}

.projetos_detalhes .content .type .item h3 {
    line-height: 30px
}

.projetos_detalhes .content .type .item:first-child {
    border: none
}

.projetos_detalhes .content p {
    margin-bottom: 60px
}

#already-serve {
    background: #fff
}

#already-serve .content {
    text-align: center;
    padding: 100px 0
}

#already-serve .content.fade .empresas .item,
#already-serve .content.fade a,
#already-serve .content.fade h2,
#already-serve .content.fade p {
    opacity: 0
}

#already-serve .content h2 {
    opacity: 1;
    color: #212121;
    font-weight: 800;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#already-serve .content a,
#already-serve .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#already-serve .empresas {
    width: 100%;
    font-size: 0;
    /* text-align: center; */
    margin-top: 4vw
}

#already-serve .empresas .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 3vw 2vw;
    width: 180px;
    height: 110px;
    opacity: 1;
    -moz-transition: all .6s cubic-bezier(.95, .05, .795, .035);
    -o-transition: all .6s cubic-bezier(.95, .05, .795, .035);
    transition: all .6s cubic-bezier(.95, .05, .795, .035)
}

#already-serve .empresas .item:first-child{
    margin-left: 0;
}

#already-serve .empresas .item img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 150px;
    max-height: 90px
}

#solutions {
    height: auto
}

#solutions .container .content.fade a,
#solutions .container .content.fade h1,
#solutions .container .content.fade p {
    opacity: 0
}

#solutions .container .content h1 {
    opacity: 1;
    font-weight: 800;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#solutions .container .content a,
#solutions .container .content p {
    opacity: 1;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#solutions_list .solution_ul .item,
#solutions_list .solution_ul .item img {
    -moz-transition: all .6s cubic-bezier(.55, .055, .675, .19);
    -o-transition: all .6s cubic-bezier(.55, .055, .675, .19)
}

#solutions .solutions_details .content {
    text-align: center;
    padding: 100px 50px 30px
}

#solutions .solutions_details .content h1 {
    color: #000;
    margin: 50px 0 0
}

#solutions .solutions_details .content h2 {
    color: #b8b8b8;
    font-size: 20px
}

#solutions .solutions_details .view {
    text-align: left
}

#solutions .solutions_details .view h2 {
    color: #000;
    font-size: 24px
}

#solutions .solutions_details .view table tr td {
    padding: 10px;
    font-size: 15px;
    line-height: 25px;
    font-family: Merriweather_Light;
    color: #717171
}

#solutions_list {
    height: auto;
    width: 80%;
    margin: 0 auto
}

#solutions_list .solution_ul {
    text-align: center;
    width: 100%;
    font-size: 0
}

#solutions_list .solution_ul.fade .item {
    opacity: 0
}

#solutions_list .solution_ul .item {
    width: 200px;
    height: 200px;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #2e63f2;
    cursor: pointer;
    margin: 10px;
    position: relative;
    transition: all .6s cubic-bezier(.55, .055, .675, .19);
    opacity: 1
}

#solutions_list .solution_ul .item .center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%
}

#solutions_list .solution_ul .item img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 50%;
    max-height: 80px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    margin-bottom: 2vw;
    opacity: .5;
    transition: all .6s cubic-bezier(.55, .055, .675, .19)
}

#solutions_list .solution_ul .item h3 {
    -moz-transition: all .6s cubic-bezier(.55, .055, .675, .19);
    -o-transition: all .6s cubic-bezier(.55, .055, .675, .19);
    transition: all .6s cubic-bezier(.55, .055, .675, .19);
    color: rgba(74, 74, 74, .3);
    text-transform: uppercase
}

#solutions_list .solution_ul .item.active img,
#solutions_list .solution_ul .item:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#solutions_list .solution_ul .item.active h3,
#solutions_list .solution_ul .item:hover h3 {
    color: #343434
}

#solutions_list .solution_ul .item.active:before,
#solutions_list .solution_ul .item:hover:before {
    opacity: 1;
    right: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#solutions_list .solution_ul .item.active:after,
#solutions_list .solution_ul .item:hover:after {
    opacity: 1;
    left: 0;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#solutions_list .solution_detalhe {
    width: 100%;
    min-height: 80vh;
    position: relative;
    overflow: hidden;
    -moz-transition: all .6s cubic-bezier(.55, .055, .675, .19);
    -o-transition: all .6s cubic-bezier(.55, .055, .675, .19);
    transition: all .6s cubic-bezier(.55, .055, .675, .19);
    opacity: 1
}

#solutions_list .solution_detalhe.fade,
#solutions_list .solution_detalhe.fade .item h1,
#solutions_list .solution_detalhe.fade .item h3,
#solutions_list .solution_detalhe.fade .item p {
    opacity: 0
}

#solutions_list .solution_detalhe .item {
    width: 100%;
    top: 0;
    height: 100%;
    opacity: 0;
    display: none;
    left: 100%;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    z-index: 0;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

#solutions_list .solution_detalhe .item.active {
    left: 0;
    opacity: 1;
    display: block;
    z-index: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

#solutions_list .solution_detalhe .item.active h1,
#solutions_list .solution_detalhe .item.active h3,
#solutions_list .solution_detalhe .item.active img,
#solutions_list .solution_detalhe .item.active p,
#solutions_list .solution_detalhe .item.active svg {
    opacity: 1
}

#solutions_list .solution_detalhe .item h1 {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    font-size: 50px;
    margin-bottom: 0
}

#solutions_list .solution_detalhe .item h3 {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    font-size: 30px;
    line-height: 40px;
    color: rgba(74, 74, 74, .3)
}

#solutions_list .solution_detalhe .item p {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    font-size: 17px
}

#solutions_list .solution_detalhe .item p a {
    color: rgba(74, 74, 74, .5)
}

#solutions_list .solution_detalhe .item img,
#solutions_list .solution_detalhe .item svg {
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#solutions-view {
    padding-top: 50px
}

#solutions-view h1 {
    font-size: 40px;
    margin-bottom: 0;
    line-height: 50px
}

#solutions-view h2 {
    font-size: 20px;
    line-height: 20px
}

.project-content {
    background: #fff;
    margin: 0;
    padding: 20px 0 0
}

.project-content h2 {
    color: #000!important
}

.project-inside {
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover
}

.project-inside .project-pad {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px
}

.project-inside.bgwhite h2 {
    color: #212121
}

.project-inside.bgdark {
    background-color: #212121
}

.project-inside.bgdark h2 {
    color: #fff!important
}

.project-inside.left {
    text-align: left
}

.inside-contact,
.project-inside.center {
    text-align: center
}

.project-inside h2 {
    font-family: CircularStd-Black;
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    color: #212121;
    letter-spacing: -4px
}

.inside-contact {
    padding: 50px;
    margin: 0 auto;
    background: #4c4b4b;
    border-bottom: 2px solid #2e63f2
}

.inside-contact form input[type=text] {
    background: 0 0;
    bottom: 1px;
    left: 0;
    font-size: 14px;
    font-weight: 300;
    font-family: Merriweather_Light;
    color: #fff;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    outline: 0;
    width: 20%;
    height: 25px;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.inside-contact form .wpcf7-text:focus {
    border-bottom: 3px solid #2e63f2;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0
}

.inside-contact form a.btn {
    margin-top: 30px!important;
    display: inline-block!important
}

.inside-contact form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #343434 inset;
    -webkit-text-fill-color: #fff!important
}

.inside-contact h2 {
    color: #fff;
    font-size: 25px;
    margin-bottom: 0
}

.inside-contact h3 {
    color: #ccc;
    font-size: 17px;
    letter-spacing: -1px
}

.mobile {
    display: none;
}

@media (max-width: 767px) {
    #contact.open {
        max-height: 900px !important;
    }
}


@media (min-width:1201px) {
    body .blue-bg-left .media-left{
        padding-right: 70px!important;
    }

    body .blue-bg-right .media-left{
            padding-left: 70px!important;
    }
}

@media screen and (min-width:1024px) and (max-width:1200px) {
    .container {
        max-width: 980px;
    }
    #header nav ul li:last-child {
        margin-right: 0;
    }

    

    #footer .infos {
        padding: 30px;
    }
    #footer .infos .info {
        margin-right: 30px;
    }

    body .blue-bg-left .media-left{
        padding-right: 70px!important;
    }

    body .blue-bg-right .media-left{
            padding-left: 70px!important;
    }
}

@media screen and (max-width:1020px) {
    body .blue-bg-left .media-left{
        padding-right: 70px!important;
    }

    body .blue-bg-right .media-left{
            padding-left: 70px!important;
    }

    .testimonail-main .parent-relative iframe{
        height: 220px;
    }

    .multicolored-title, .half-blue-bg .media-heading{
            line-height: 35px!important;
    }

    #abradi,
    #agency,
    #challenges,
    #customers,
    #footer .infos,
    #header nav,
    #solutions,
    .section {
        height: auto
    }
    #agency .content p,
    #anuario .container,
    #challenges .container {
        max-width: none
    }
    .inside-contact form input[type=text] {
        width: 100%;
        display: block;
        text-align: center
    }
    .section {
        min-height: 550px
    }
    #abradi,
    #agency,
    #awwards,
    #challenges,
    #customers,
    #solutions {
        min-height: 0
    }
    #awwwards {
        display: none
    }
    #header .logo,
    .mobile {
        display: block
    }
    .right-pad {
        padding-right: 0
    }
    .logo_svg {
        width: 50%
    }
    #header .top-infos ul {
        width: 90%;
        margin: 0 auto
    }
    #header .top-infos ul li {
        font-size: 12px;
        padding: 5px 0;
    }
    #header .top-infos ul li.call {
        padding-left: 20px
    }
    #header .top-infos ul li a {
        color: #f9f9f9
    }
    #header .content {
        padding: 0
    }
    #header .logo {
        width: 100%;
        text-align: left;
        line-height: normal;
        padding: 30px;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    #awwards,
    .content {
        -moz-box-sizing: border-box
    }
    #header .social,
    #header nav {
        display: none
    }
    #header nav {
        position: absolute;
        background: #2e63f2;
        width: 100%;
        z-index: 999
    }
    #header nav.active {
        display: block
    }
    #header nav ul.mobile-menu {
        display: block;
        text-align: center
    }
    #header nav ul.mobile-menu li a {
        color: #fff;
        display: block;
        width: 100%;
        padding: 10px 0
    }
    #header nav ul.mobile-menu li ul.sub-menu {
        background: #323232
    }
    #header nav ul.menu {
        display: none!important;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #header nav ul.menu:after {
        display: none
    }
    #header nav ul.menu li {
        display: block;
        width: 100%;
        text-align: center
    }
    #header nav ul.menu li a {
        width: auto;
        color: #fff!important;
        font-weight: 400!important;
        line-height: 30px
    }
    #header nav .line {
        display: none
    }
    #header .menu-mobile {
        display: inline-block;
        float: right;
        margin-top: 25px;
    }
    #header .menu-mobile a {
        background: #2e63f2;
        display: inline-block;
        padding: 15px 10px 10px 10px;
    }
    .btn {
        padding: 9px;
        font-size: 11px;
        letter-spacing: -1px;
        display: inline-block;
        margin: 5px 0
    }
    h1 {
        font-size: 40px;
        line-height: 40px
    }
    h2,
    h2 span {
        font-size: 30px;
        line-height: 30px
    }
    h2 {
        font-weight: 700
    }
    p {
        font-size: 17px;
        line-height: 35px
    }
    #anuario .content h1,
    #awards h1,
    #awwards .content h1,
    #challenges .content h1,
    #other-awwards .content h1,
    #what-we-do h1 {
        font-size: 35px;
        line-height: 40px
    }
    .container {
        width: 100%
    }
    .content {
        padding: 30px;
        box-sizing: border-box
    }
    #home .content {
        padding: 50px 30px
    }
    #home .icon {
        display: none
    }
    #home p.first,
    #home p.gray {
        padding-right: 0
    }
    #agency .content,
    #awwards .content,
    #challenges .content,
    #customers .content,
    #footer .infos,
    #solutions .container .content {
        padding: 30px
    }
    #footer h2 {
        letter-spacing: initial!important
    }
    #footer .deen {
        margin: auto;
        width: 100%;
        float: none
    }
    #footer .infos {
        width: auto;
        margin: 0 auto;
        background-color: #323232
    }
    #footer .infos .info {
        display: block;
        width: 100%;
        margin-bottom: 50px
    }
    #awards svg,
    #customers .logos_ul,
    #what-we-do svg {
        display: none
    }
    #awards,
    #what-we-do {
        height: auto;
        min-height: 0
    }
    #awards .content,
    #what-we-do .content {
        padding: 30px;
        background: 0 0
    }
    #agency .quadros_agency {
        display: none;
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
    #solutions {
        max-height: none
    }
    #solutions_list .solution_ul .item img {
        -webkit-filter: none;
        filter: none;
        opacity: 1
    }
    #awwards {
        box-sizing: border-box;
        height: auto
    }
    #already-serve,
    #anuario {
        -moz-box-sizing: border-box;
        height: auto;
        min-height: 0;
        max-height: none
    }
    #awwards .container {
        max-width: none;
        height: auto
    }
    #awwards .content {
        width: 100%;
        background: 0 0
    }
    #anuario {
        box-sizing: border-box
    }
    #anuario .container {
        height: auto
    }
    #anuario .content {
        padding: 75px 30px 30px;
        width: 100%;
        background: 0 0
    }
    #already-serve .content,
    #contact .content {
        padding: 30px
    }
    #anuario .anuario_img {
        max-width: 60%
    }
    #already-serve {
        box-sizing: border-box
    }
    #contact.open {
        min-height: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        max-height: none;
        height: auto!important
    }
    #contact .close_contact {
        top: 970px;
        left: auto;
        right: 30px
    }
    #contact .form .item {
        display: block;
        width: 100%
    }
    #contact .form .item.small {
        width: 100%;
        margin-left: 0 !important;
    }
    #contact .form .item.radio {
        height: auto;
    }
    #contact .form .item .frame {
        margin-left: 0;
        padding: 50px 0 30px
    }
    #contact .form .item .frame li {
        display: block;
        height: 40px
    }
    #contact .form .item .frame .label {
        width: 195px
    }
    #other-awwards .container {
        max-width: none;
        height: auto
    }
    #other-awwards .content {
        padding: 30px;
        width: 100%;
        background: 0 0;
    }
    #other-awwards h1~p {
        margin-bottom: 40px;
    }
    #other-awwards .trofeus {
        display: none
    }
    #other-awwards .premios_ul {
        width: 100%
    }
    #other-awwards .premios_ul .item:last-child {
        position: static
    }
    .projetos_listagem .projeto {
        height: 50vh
    }
    .projetos_listagem .projeto .content {
        text-align: center
    }
    .projetos_listagem .projeto h2 {
        top: 25%!important;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        opacity: 1
    }
    .projetos_listagem .projeto h3 {
        top: 35%!important;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        opacity: 1
    }
    .projetos_listagem .projeto p {
        top: 45%!important;
        font-size: 15px;
        line-height: 15px;
        opacity: 1;
        left: 0;
        right: 0
    }
    .projetos_listagem .projeto span {
        top: 80%!important;
        right: 0;
        opacity: 1;
        margin: 0 30px
    }
    .projetos_detalhes .content {
        padding: 90px 30px 30px
    }
    #latest-project .content,
    .project-inside .project-pad {
        padding: 30px
    }
    .projetos_detalhes .content .type .item {
        border-left: 0!important
    }
    #projetos .back {
        top: 100px;
        left: 0;
        right: 0;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        margin: 0 auto;
        position: absolute
    }
    .project-inside .project-pad h1 {
        font-size: 35px;
        line-height: 40px
    }
    .project-inside .project-pad h2 {
        font-size: 35px;
        line-height: 35px
    }
    .project-inside .project-pad h3 {
        font-size: 30px;
        line-height: 30px
    }
    .project-inside .project-pad img {
        max-width: 100%!important;
        height: auto!important
    }
}


@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    #agency,
    #home {
        max-height: 700px
    }
    #agency .content h1,
    #home .content h1 {
        font-size: 80px;
        line-height: 65px
    }
    #agency {
        height: 500px
    }
    #solutions_list .solution_detalhe {
        min-height: 0
    }
    #solutions_list .solution_ul .item img {
        max-height: 50px
    }
    #footer .deen {
        padding: 20px 0 0;
        height: auto
    }
    #anuario .anuario_img {
        max-width: 40%
    }
}

@media screen and (max-width: 1199px){
    .main-content-inner{
        padding: 0 15px;
    }

    .solutions_details{
        padding: 0 15px;
    }
}

@media screen and (max-width: 991px){
    body .blue-bg-left .media{
        padding-left:15px;
        padding-right:15px;
    }

    body .blue-bg-right .media{
        padding-left:15px;
        padding-right:15px;
    }

    .half-blue-bg .media-heading{
        font-size: 34px!important;
        line-height: 40px!important;
    }

    .media-handler .media{
        padding-left:15px;
        padding-right:15px;
    }

    .media-icons .col-md-6{
        width:100%;
    }

    #header .top-infos ul li{        
        margin-right: 25px;
    }

    .inside-contact form input[type=email]{
        width: 100% !important;
        text-align: center;
    }

    .inside-contact h3{
        line-height: 16px;
    }

    #agency{
        min-height: 300px !important;
    }
}

@media screen and (max-width: 767px){
	.page-template-templatetemplate-companyv2-php .media-handler.inside-padding.company-sc-2 {
		padding-top: 50px;
	}
	.testimonials-c.testimonial-with-bg .media .client-testimonial-info .rounded-image.hidden-xs{
		display:none!important;
	}
	.testimonials-c.testimonial-with-bg .media .client-testimonial-info .rounded-image.visible-xs{
		display:table!important;
	}
	.testimonials-c.testimonial-with-bg .media p{
		text-align: center;
	}
	.testimonials-c.testimonial-with-bg .client-testimonial-info h3{
		text-align: center!important;
    	display: table!important;
    	margin: auto;
	}
	.testimonials-c.testimonial-with-bg .media {
		padding: 20px 15px;
	}
	.testimonials-c.testimonial-with-bg .media .client-testimonial-info{
		margin-left: 0!important;
    	text-align: center;
    	width: 100%;
	}
	.testimonials-c.testimonial-with-bg .media .client-testimonial-info .rounded-image {
		display: table!important;
		margin: auto;
		margin-bottom: 10px;
	}
    body .modal-body .gform_wrapper ul li.gfield{
        display: block;
        padding-right: 0;
    }

    .testimonail-main .parent-relative .play-holder .d-table img{
        width:45px;
    }

    .multicolored-title, .half-blue-bg .media-heading {
        line-height: 35px!important;
    }

    .testimonail-main .parent-relative iframe{
        height:auto;
    }

    .company-sc-4, .company-sc-5{
    padding-bottom: 50px;
    padding-top:60px!important;
    }

    .company-sc-5 p{
        padding-left:15px;
        padding-right:15px;
    }

    .company-sc-4 .d-table{
        height:auto!important;
    }

    body .blue-bg-left .media-left{
        padding-right: 0px!important;
    }

    body .blue-bg-right .media-left{
        padding-left: 0px!important;
        display: table-header-group!important;
    }

    .company-sc-1 .d-table .text-content-overlayed{
        padding-left:15px;
        padding-right:15px;
    }

    .company-sc-2 .media-left, .half-blue-bg .media-left, .page-id-568 .testimonail-main .media-left{
        width: 100%!important;
        padding-right: 0!important;
        padding-left:0!important;
        display: block!important;
    }

    .half-blue-bg:before{
        width: 95.2%!important;
    }

    .half-blue-bg .media-heading{
        font-size: 34px!important;
        line-height: 40px!important;
    }

    .company-sc-2 .media-body, .half-blue-bg .media-body, .page-id-568 .testimonail-main .media-body{
        display: block!important;
        padding: 15px;
    }

    .modal-body .gform_wrapper .gform_footer{
        margin-top: 0;
    }

    #contact .form .item  ul.gfield_radio li{
        width: 100% !important;
    }

    #header .logo img{
        max-height: 220px;
    }

    #what-we-do .ipad_svg{
        display: none;
    }

    #what-we-do .content{
        padding-right: 15px !important;
    }

    #awards .img, #awards .text-content{
        width: 100%;
        margin-top: 30px;
        padding-left: 0;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 479px){
    #header .logo img.img-logo{
        max-width: 215px;
        height: auto;
        margin-top: 10px;
    }

    #header .logo{
        padding: 15px;
    }
}

/*Custom CSS*/

.media{
    display: table;
}

.media .media-left, .media .media-body{
    display: table-cell;
    vertical-align: middle;
}

.testimonail-main .media .media-left{
    width: 63%;
    padding-right: 50px;
}

.text-right{
    text-align:right;
}

.client-testimonial-info h3{
    font-size:16px;
	line-height: 1.3em;
}

.testimonials-c .client-testimonial-info h3{
    font-size:16px;
	line-height: 1.3em;
	display: table-cell;
    vertical-align: middle;
	text-align: right;
}

.client-testimonial-info h3:last-child{
    color:#5e5e5e;
}


.client-testimonial-info h3:first-child{
    margin-top:20px;
}

.media-icons .media-left{
    width: 117px;
    vertical-align: top;
    padding-right: 20px;
}

.media .media-heading{
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
}

.col-md-6{
    float:left;
    width:50%;
    padding-left:15px;
    padding-right:15px;
}

.media{
    margin-bottom: 20px;
}

.media:last-child{
    margin-bottom: 0;
}

.inside-padding{
    padding:120px 0;
}


.media-icons .media{
    margin-bottom: 20px;
}



.testimonial-with-bg{
    background-image:url('https://premiereposition.net/wp-content/uploads/2018/08/testimonial-bg.png');
    background-size:cover;
    background-position: center;
    /*background-color:#f4f4f4;*/
        padding: 60px 0;
            padding-top: 0;
}

.testimonial-with-bg .media{
    background: #fff;
    box-shadow: 0px 1px 64px #e8e8e8;
    padding: 20px 70px;
}

.testimonials-c.testimonial-with-bg .media {
    width: 100%;
}

.testimonials-c.testimonial-with-bg .media .client-testimonial-info{
    text-align: left;
    margin-right: 0;
    margin-left: auto;
    display: table;
}

.testimonials-c.testimonial-with-bg .media .client-testimonial-info .rounded-image{
	display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
}

.testimonials-c.testimonial-with-bg .media .rounded-image img {
    border-radius: 100%;
    width: 65px;
    height: 65px;
}

.testimonail-main .parent-relative{
        display: block;
}

.testimonail-main .parent-relative .d-table{
    height:100%;
    width:100%;
}

.testimonail-main .parent-relative .play-holder .d-table img{
    cursor: pointer;
}

.play-holder{
        position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

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

.d-table{
    display:table;
}

.d-cell{
    display:table-cell;
}

.v-middle{
    vertical-align: middle;
}

.v-top{
    vertical-align: top;
}

.v-bottom{
    vertical-align: bottom;
}

.parent-relative{
    position:relative;
}

/*company sc-1*/

.company-sc-1{
    padding-top: 30px;
}

.company-sc-1 .d-table{
    height: 400px;
    position: relative;
    width: 100%;
}

.company-sc-1 .d-table .img-bg-holder{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.company-sc-1 .d-table .text-content-overlayed{
    position: relative;
    z-index: 2;
}

.company-sc-1 .d-table .text-content-overlayed p{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;  
}

.multicolored-title span{
    color: #2c63f3;
    font-weight: bold;
}

.multicolored-title, .half-blue-bg .media-heading{
    line-height: 100%;
}



.company-sc-2 .media-body p em strong{
    color:#151515;
}

.bordered-top{
    margin-top: 40px;
    position: relative;
}

.bordered-top:before{
        content: "";
    position: absolute;
    width: 60px;
    height: 1px;
    background: #000;
    left: 0;
    right: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
        top: -26px;
}

.tagline-title{
    font-size:18px;
    font-family:CircularStdMedium;
}

.company-sc-2 .media-left{
    width: 50%;
    padding-right: 50px;
    vertical-align: top;
}

.company-sc-2 .media-left img{
    width:100%;
}

.company-sc-2 .bordered-top:before{
    margin-left:0;
    top: -20px;
}

.half-blue-bg{
    position:relative;
    padding: 60px 0;
}

.half-blue-bg:before{
    content:"";
    background-image:url('https://premiereposition.net/wp-content/uploads/2018/08/bg-half-blue.png');
    background-size:cover;
    background-position:center;
    position:absolute;
    height:100%;
    width:50.2%;
    top:0;
}

.blue-bg-right:before{
    right:0;
}

.blue-bg-left:before{
    left:0;
}

.blue-bg-right .media-left{
    padding-right:0!important;
    padding-left:50px;
}

.blue-bg-right .media-body{
    text-align:right!important;
}

.half-blue-bg .media-heading{
    font-size: 48px;
    line-height: 54px;
    position:relative;
}

.half-blue-bg .media-heading:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 30%;
    top: 34%;
    background: #000;
}

.blue-bg-right .media-heading:before{
    right:-20px;
}

.blue-bg-left .media-heading:before{
    left:-20px;
}

.company-sc-4{
    background-image:url('https://premiereposition.net/wp-content/uploads/2018/08/company-sc-4-bg.jpg');
    background-size:cover;
    background-position:center;
    padding-top:0;
}

.company-sc-4 h2, .company-sc-4 h4, .company-sc-4 p{
    color:#fff;
}

.company-sc-4 p{
    max-width: 720px!important;
}

.company-sc-4 .d-table{
        height: 500px!important;
}

.company-sc-4 h2:before{
    background:#fff;
}

.col-md-3{
    float: left;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
}

.company-sc-5{
    padding: 90px 0;
    padding-bottom: 55px;
}

.company-sc-5 p{
    max-width: 900px;
    margin-left:auto;
    margin-right:auto;
}

.company-sc-5 .col-md-3 img{
    margin-left:auto;
    margin-right:auto;
    display: block;
}

.company-sc-5 .d-table{
    width:100%;
    height:135px;
}

.bolded{
        font-family: CircularStd-Black;
}

.bolded span{
    font-family: CircularStd-Black;
}

#solutions .container .content a:hover{
	    color: #2863f3;
}

#solutions .container .content a{
	color: #373737;
}

#latest-project p, #awards p, #contact p, .company-sc-4 p, .bg-dark p, #contact .form .item label{
	color:#8E8E8E!important;
}

#contact .gform_button.button{
	background:#fff!important;
	color:#2e63f2!important;
}


#contact .gform_button.button:hover{
	color:#fff!important;
	background:#2e63f2!important;
}