.row {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-right:-15px;
	margin-left:-15px
}


.d-flex {
	display:-webkit-box;
	display:-ms-flexbox;/*! display:flex */
}


 .b-down-arrow:after, .blog-desc:after, .blog-main:after, .do-bg-info:after, .do-img:after, .do-img:before, .footer-main-links li a:after, .footer-main-links li a:before, .form-main-input.line-border:after, .image-cover:before, .inner-service-slider .w-slider-img:after, .portfolio-box:after, .round-nav:after, .secondary-drop > a:after, .view-more-new:after, .view-more-new:before, .what-we-do-slider .item:after, .what-we-do-slider .item:before {
content: ''
}
 .view-more-new, .view-more-new i {
font-weight: 300;
display: inline-block;
position: relative;
color: #333;
text-decoration: none !important
}
.view-more-new {
padding-right: 60px;
height: 20px;
overflow: hidden;
cursor: pointer;
font-size: 15px
}
.view-more-new i {
left: 0;
top: 0;
transition: all .3s ease-in-out
}
.view-more-new i.roll-over {
position: absolute;
top: 20px;
font-weight: 600
}
.view-more-new:before {
width: 35px;
height: 1px;
background-color: #353535;
position: absolute;
top: 9px;
transition: all .3s ease-in-out
}
.view-more-new:after {
width: 7px;
height: 7px;
position: absolute;
top: 6px;
border-top: 1px solid #333;
border-right: 1px solid #333;
transform: rotate(45deg);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.view-more-new:hover {
color: #333
}
.view-more-new:hover i.normal {
top: -20px
}
.view-more-new:hover i.roll-over {
position: absolute;
top: 0
}
.view-more-new:hover:after, .view-more-new:hover:before {
right: 5px
}
.view-more-new.white-view, .view-more-new.white-view i, .view-more-new.white-view:hover {
color: #fff
}
.what-we-do-slider .item > a:hover + .do-items .do-img h3, .what-we-do-slider .item > a:hover + .do-items h5 {
color: #FFF;

}
.view-more-new.white-view:after {
border-top: 1px solid #fff;
border-right: 1px solid #fff
}
.view-more-new.previous-slide {
padding-right: 0;
padding-left: 60px
}
.view-more-new.previous-slide:before {
right: auto;
left: 15px
}
.view-more-new.previous-slide:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
right: auto;
left: 15px
}
.view-more-new.previous-slide i.roll-over {
left: auto;
right: 0
}
.view-more-new.previous-slide:hover:after, .view-more-new.previous-slide:hover:before {
right: auto;
left: 5px
}
.view-more-new.no-arrow {
padding-right: 3px;
width: 100px
}
.view-more-new.no-arrow:after, .view-more-new.no-arrow:before {
display: none !important
}
.do-bg-info {
background-image: url(../images/what-we-do.jpg);
background-position: top left 10px;
overflow: hidden;
position: relative
}
.do-bg-info:after {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
background-color: #036a90;
top: 0;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: all .6s cubic-bezier(.06, .58, .21, 1);
-moz-transition: all .6s cubic-bezier(.06, .58, .21, 1);
-o-transition: all .6s cubic-bezier(.06, .58, .21, 1);
-ms-transition: all .6s cubic-bezier(.06, .58, .21, 1);
transition: all .6s cubic-bezier(.06, .58, .21, 1)
}
.what-we-do-slider .item .img-bg-new, .what-we-do-slider .item:after {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out
}
.do-bg-info.active:after {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
width: 0
}
.do-bg-info, .google-ad {
padding: 70px 80px 190px
}
.what-we-do-slider {
background-color: #fff;
box-shadow: 3px 6px 12px 1px rgba(0, 0, 0, .1);
position: relative
}
.what-we-do-slider .item {
padding: 50px;
min-height: 302px;
background-position: center;
position: relative;
overflow: hidden
}
.what-we-do-slider .item .img-bg-new {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
transition: all .3s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
background-repeat: no-repeat;

}
.what-we-do-slider .item > a {
position: ABSOLUTE;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 4
}
.what-we-do-slider .item > a:hover + .do-items .do-img:after {
left: 100%
}
.what-we-do-slider .item > a:hover + .do-items .do-img:before {
left: 0
}
.what-we-do-slider .item .do-items {
position: relative;
z-index: 3
}
.what-we-do-slider .item:after, .what-we-do-slider .item:before {
width: 100%;
height: 100%;
top: 0;
position: absolute
}
.what-we-do-slider .item:after {
left: 0;
background-color: #dc1c1b;
z-index: 2;
transition: all .3s ease-in-out;
opacity: 0
}

.what-we-do-slider .item.active-bg:after {
left: 0;
background-color: #000079;
z-index: 2;
transition: all .3s ease-in-out;
opacity: 1
}

.do-img:after, .what-we-do-slider .item:before {
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
left: 0
}
.what-we-do-slider .item:before {
background-color: #dc1c1b;
z-index: 1;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
opacity: 1
}
.what-we-do-slider .item:hover {
border: 1px solid rgba(3, 106, 144, .9)
}
.what-we-do-slider .item:hover:after {
opacity: .7
}
.what-we-do-slider .item:hover:before {
opacity: 0
}
.what-we-do-slider .item:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
.no-bottom-padding {
padding-bottom: 0 !important
}
.do-app-development .cls-1 {
fill: #4f4f4f;
fill-rule: evenodd
}
.do-web-design .cls-1 {
fill: #4f4f4f
}
.web-ecommerce .cls-1 {
fill: #404040
}
.do-digital-consultancy .cls-1, .do-ppc .cls-1 {
fill: none;
stroke: #231f20;
stroke-linecap: round;
stroke-width: 2px
}
.do-seo .cls-1 {
fill: #4f4f4f;
fill-rule: evenodd
}
.do-social-media .cls-1 {
fill: none;
stroke: #231f20;
stroke-linecap: round;
stroke-width: 2px
}
.do-img {
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
overflow: hidden
}
.do-img:after, .do-img:before {
width: 40px;
height: 2px;
position: absolute;
-webkit-transition: all .3s ease-in-out;
bottom: 0
}
.do-img:after {
background-color: #000079;
transition: all .3s ease-in-out
}
.active-bg .do-img:after {
background-color: #dc1c1b;
transition: all .3s ease-in-out
}
.do-img:before {
left: -100%;
background-color: #FFF;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.active-bg .do-img:before {
left: -100%;
background-color: #00adef;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.do-img svg {
max-width: 30px;
max-height: 40px;
width: 100%;
margin: 0 auto;
position: relative;
top: 4px
}
.do-img h3 {
padding-left: 20px;
margin-bottom: 0
}
.do-slider-next {
padding: 150px 0 0 !important
}
.do-main {
margin-top: -150px
}
.do-bg-info, .what-we-do-slider .item {
    background-size: cover;
    background-repeat: no-repeat;
}

/*About*/


 .desktop-push-60 {
  left:60%
 }
 .desktop-pull-60 {
  left:-60%
 }
 .desktop-65 {
  float:left;
  width:65%
 }
 .desktop-prefix-65 {
  margin-left:65%
 }
 .desktop-suffix-65 {
  margin-right:65%
 }
 .desktop-push-65 {
  left:65%
 }
 .desktop-pull-65 {
  left:-65%
 }
 .desktop-70 {
  float:left;
  width:70%
 }
 .desktop-prefix-70 {
  margin-left:70%
 }
 .desktop-suffix-70 {
  margin-right:70%
 }
 .desktop-push-70 {
  left:70%
 }
 .desktop-pull-70 {
  left:-70%
 }
 .desktop-75 {
  float:left;
  width:75%
 }
 .desktop-prefix-75 {
  margin-left:75%
 }
 .desktop-suffix-75 {
  margin-right:75%
 }
 .desktop-push-75 {
  left:75%
 }
 .desktop-pull-75 {
  left:-75%
 }
 .desktop-80 {
  float:left;
  width:75%
 }
 .desktop-prefix-80 {
  margin-left:80%
 }
 .desktop-suffix-80 {
  margin-right:80%
 }
 .desktop-push-80 {
  left:80%
 }
 .desktop-pull-80 {
  left:-80%
 }
 .desktop-85 {
  float:left;
  width:85%
 }
 .desktop-prefix-85 {
  margin-left:85%
 }
 .desktop-suffix-85 {
  margin-right:85%
 }
 .desktop-push-85 {
  left:85%
 }
 .desktop-pull-85 {
  left:-85%
 }
 .desktop-90 {
  float:left;
  width:90%
 }
 .desktop-prefix-90 {
  margin-left:90%
 }
 .desktop-suffix-90 {
  margin-right:90%
 }
 .desktop-push-90 {
  left:90%
 }
 .desktop-pull-90 {
  left:-90%
 }
 .desktop-95 {
  float:left;
  width:95%
 }
 .desktop-prefix-95 {
  margin-left:95%
 }
 .desktop-suffix-95 {
  margin-right:95%
 }
 .desktop-push-95 {
  left:95%
 }

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
 -webkit-transition-delay:0;
 -o-transition-delay:0;
 transition-delay:0
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
 -webkit-transition-delay:1.1s;
 -o-transition-delay:1.1s;
 transition-delay:1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
 -webkit-transition-duration:1.15s;
 -o-transition-duration:1.15s;
 transition-duration:1.15s
}


[data-aos^=fade][data-aos^=fade].aos-animate {
 opacity:1;
 -webkit-transform:translateZ(0);
 transform:translateZ(0)
}


.imagem1x1 {
 position:relative;
 width:100%;
 height:0;
 padding:0 0 100% 0;
 background-position:center top;
 background-size:cover
}
.grayscale {
 -webkit-filter:grayscale(100%);
 -moz-filter:grayscale(100%);
 filter:grayscale(100%);
 -webkit-transition:all 200ms ease-in-out;
 -o-transition:all 200ms ease-in-out;
 transition:all 200ms ease-in-out
}
.grayscale:hover {
 -webkit-filter:grayscale(0);
 -moz-filter:grayscale(0);
 filter:grayscale(0)
}
.grayscale-only {
 -webkit-filter:grayscale(100%);
 -moz-filter:grayscale(100%);
 filter:grayscale(100%)
}
.paraxify {
 background-position:center center;
 background-size:cover
}

#home-header .networks li {
 display:block;
 width:30px;
 text-align:center;
 height:32px
}
#home-header .networks a {
 font-family:social;
 font-size:48px;
 line-height:1;
 opacity:0.7;
 -webkit-transition:all 200ms ease-in-out;
 -o-transition:all 200ms ease-in-out;
 transition:all 200ms ease-in-out;
 color:white;
 display:inline-block
}
#home-header .networks a:hover {
 opacity:1
}
#home-header .scroll {
 position:absolute;
 left:80px;
 bottom:20px;
 z-index:230;
 opacity:0.7
}
#home-header .scroll .line {
 height:95px;
 margin-left:5px;
 margin-top:8px;
 overflow:hidden
}
#home-header .scroll .line span {
 -webkit-animation-name:upAndDown;
 animation-name:upAndDown;
 -webkit-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-timing-function:linear;
 animation-timing-function:linear;
 -webkit-animation-iteration-count:infinite;
 animation-iteration-count:infinite;
 height:95px;
 -webkit-transform:translateY(-100%);
 -ms-transform:translateY(-100%);
 transform:translateY(-100%);
 background-color:white;
 width:1px;
 display:block
}
@-webkit-keyframes upAndDown {
 from {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 to {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
@keyframes upAndDown {
 from {
  -webkit-transform:translateY(-100%);
  transform:translateY(-100%)
 }
 to {
  -webkit-transform:translateY(100%);
  transform:translateY(100%)
 }
}
#home-banner {
 position:relative
}
#home-banner .bg__color {
 background-color:#054160;
 position:absolute;
 top:0;
 left:-220px;
 bottom:0;
 z-index:199;
 pointer-events:none;
 -webkit-transform:skew(16deg);
 -ms-transform:skew(16deg);
 transform:skew(16deg);
 width:calc(((100vw - 1400px) / 2) + 855px)
}
#home-sobre {
 padding-bottom:85px;
 padding-top:100px;
 background-color:#010172;
 background-image:url(../images/noise.png);
 position:relative;
 overflow:hidden
}
#yellow-bottom {
 position:absolute;
 left:0;
 right:0;
 bottom:-2px;
 pointer-events:none;
 text-align:center
}

#yellow-bottom div {
 display:inline-block;
 width:100%;
 max-width:610px;
 height:30px;
 background-color:#f3a627;
 background-image:url(../imagens/noise.png)
}
.about__panel {
 position:relative
}

.about__panel .panel__content {
 background-color:white;
 background-image:url(../images/noise.png);
padding-top: 130px;
padding-bottom: 140px;
}
.about__panel .bg-1 {
 position:absolute;
 top:20px;
 right:-20px;
 bottom:-30px;
 background-color:#dc1c1b;
 width:270px;
 background-image:url(../imagens/noise.png)
}

.about__panel .btn {
 margin-top:55px
}
.about__image {
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%);
 max-width:400px;
 right:-200px;
 width:100%;
 -webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.1);
 box-shadow:0 20px 20px 0 rgba(0,0,0,0.1)
}
.grid-parent {
    padding-left: 0px;
    padding-right: 0px;
}
.desktop-45 {
    float: left;
    width: 76%;
}
.desktop-push-20 {
    left: 6%;
	position: relative;
}