.section2 {
  color: #fff;
  position: fixed;
  right: 0; left: 0;
  z-index: 999;
  overflow: hidden;
}
.section2 .img-responsive.image_main {
    border-bottom: 2px solid #4d6c7f;
}
.container-fluid.section2  {
  padding: 0;

}
.section2  .container{
  height: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
 }
.section2 img.img-responsive {
  width: 100%;
}
img.img-responsive.image_main.shrink{
  border-bottom: 2px solid #4d6c7f;
}
/*section3*/
.section3 {color: #fff; position: fixed; right: 0; left: 0; }
.section3 .container {/*background-image: url('../../images/background_home.png');*/ }
.section3 .container img.img-responsive {width: 100%; }
/*section back*/
.sectionBack {
  right: 0;
  left: 0;
  top: 0;
  z-index: 998;
  padding-right: 0;
  padding-left: 0;
  height: 202px;
}
.sectionBack .container {
  /*background-image: url('../../images/background_home.png');*/
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.row.image-sectionBack {
  margin-right: -15px;
  margin-left: -15px;
  position: relative;
}
.sectionBack .container img.img-responsive {
  width: 100%;
  border-bottom: 2px solid #4d6c7f;
}
/*section4*/
.section4 {
  color: #fff;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1000;
  padding: 0;
}
.section4 .container.fixed{
    border-bottom: 2px solid #4d6c7f;
}
.section4 .container.fixed h1{
}

.section4 h1 {
  text-transform: uppercase; font-size: 50px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  margin-bottom: 5px;
}
.slogan {
  height: 50px;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
  top: 145px;
}
.slogan p{
  font-size: 16px;
  color: rgba(255,255,255,0.6);
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.slogan.shrink {
  opacity: 0;
  height: 0;
}
.animsition.item.bg-cyan.sloganp{
  font-size: 16px;
  color: #303133;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.animsition.item.bg-cyan.sloganp.shrink {opacity: 0; }
.section_title {text-align: center; padding-top: 65px; }
.col-sm-12.scene_element.scene_element--fadeinup {text-align: right; }
img.img-circle.img-responsive {margin: 0 auto; }
img.img-circle.img-responsive.fixed {opacity: 0; }
/*.section5*/
.section5 {
  padding-top: 35px;
  padding-right: 0;
  padding-left: 0;
  background-color: #ffffff;

}
.section5.fixed {
  padding-top: 0;
  color: #000;
  background-color: #ffffff;
  position: fixed;
  right: 0;
  left: 0;
  z-index: 998;
}
.section5.transition {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section5.grow {
  padding-bottom: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section5 .container {
  padding-bottom: 55px;
}
.section5 .container.transition {
  padding-bottom: 10px;
}
.section5 .container.grow {
  border-bottom: 1px solid #696969;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

.section5 .img-responsive {margin: 0 auto;max-width: 24px; }
.app-icon {
  padding-left: 180px;
}
.desing-icon {
  padding-right: 180px;
}

.section5 h4 {
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 0px;
  color: #303133;
  text-align: center;
}
.section5 h3 {
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  margin-top: 5px;
  margin-bottom: 20px;
  color: #303133;
  font-family: Montserrat-Bold;
  text-align: center;
}
.section5 a {font-size: 18px; text-transform: uppercase; text-decoration: none; }

.aplicationsh4.selected{
  opacity: .5;
}

.developedh4.selected{
  opacity: .5;
}

.designh4.selected{
  opacity: .5;
}


/*.section6 */
.section6 {
  padding-top: 0px;
  padding-bottom: 0;
  color: #ffffff;
}

.section6.fixed {
  padding-top: 524px;
  padding-bottom: 0;
  color: #ffffff;
}
.section6.transition {
  padding-top: 523px;
  padding-bottom: 0;
  color: #ffffff;

}
.section6 .container {
  background-color: #303133;
  padding-bottom: 0;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section6 h2 {font-size: 45px; text-transform: uppercase; margin-bottom: 30px; margin-top: 110px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.section6 p {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 27px;
}
.section6 .os_ios {
  position: relative;
  width: 100%;
  right: 600px;
  max-width:339px;
  margin: 0 auto;
}
.section6 .os_ios p {font-size: 18px; position: absolute; top: 83%; right: 50px; width: 100%; text-align: center; }
.section6 .os_android {
  position: relative;
  width: 100%;
  left: 600px;
  max-width:339px;
  margin: 0 auto;
}
.section6 .os_android p{font-size: 18px; position: absolute; top: 83%; right: 50px; width: 100%; text-align: center; }
img.os_android_img.img-responsive {margin: 0 auto; }
img.os_ios_img.img-responsive {margin: 0 auto; }
.banner_service_conteiner{padding: 0; }
.banner_service {
  text-align: center;
  margin-bottom: 15px;
}
.banner_service.left_banner {
  position: relative;
  opacity: 0;
}
.banner_service.right_banner {
  position: relative;
  opacity: 0;
}
.banner_service strong {font-size: 21px; }
.banner_service p {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: initial;
  padding: 0px;
  background-color: #FAA519;
  min-height: 95px;
  min-width: 180px;
  /* vertical-align: middle; */
  padding-top: 11.5%;
}
.section7 {font-family: Montserrat-Bold; color: #303133;}
.section7 .container{background-color: #ffffff;}

.section7 h3 {text-transform: uppercase; font-size: 20px; margin-top: 75px; margin-bottom: 45px; }
.section7 .techno {text-align: center; }
.section7 ul.technology {
  padding: 0;
  margin-bottom: 75px;
  opacity: 0;
}
.section7 ul.technology li {
  display: inline-block;
  background-color: #E0E0E0;
  color: #303133;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 4px 4px 4px 4px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: Montserrat-Light;
}
.section8 {padding-bottom: 0; color: #303133; }
.section8 .iconDetails {
  margin-left: 0%;
  float: left;
  width: 90%;
  max-width: 60px;

}
.section8 .iconDetails.globe{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section8 .iconDetails.graphic{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section8 .iconDetails.information{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section8 .iconDetails.time{
  transform: matrix(0, 0, 0, 0, 0, 0);
}

.image_developed_back {
  opacity: 0;
}

.lines{
  opacity: 0;
}


.image_developed_container {
  position: relative;
}
.image_developed_back {
  position: relative;
}
.image_developed_up {
  position: absolute;
}
.image_developed_lines{
  position: absolute;
}
.img-responsive.image_web_developed {
    width: 100%;
}

.image_developed_up.tablet_icon {
  width: 17%;
  top: 1%;
  left: 37%;
  z-index: 900;
  opacity:0;
}
.image_developed_up.mobile_icon {
  width: 17%;
  top: 11%;
  left: 82.5%;
  z-index: 900;
  opacity:0;
}
.image_developed_up.code_icon {
  width: 20%;
  top: 39%;
  left: 58%;
  z-index: 900;
  opacity:0;
}
.image_developed_up.tablet_text_icon {
  width: 20%;
  top: 39%;
  left: 27%;
  z-index: 900;
  opacity:0;
}
.image_developed_up.web_design_icon {
  width: 17%;
  top: 70%;
  left: .50%;
  z-index: 900;
  opacity:0;
}


.container2 {
  width: 100%;
  height: auto;
  padding: 0;
  float: left;
  min-height: 100px;
}
.section8 strong {
  font-family: Montserrat-Bold;
  color: #303133;
}
.section8 h3 {
  margin: -10px 0 0 0;
  font-size: 18px;
  line-height: 27px;
}
.section8 .responsive-images .img-responsive {
  width:133px;
  left:30px;
}
.section8 .image-spacer{
  border-left:1px solid #303133;
  height:45px;
  margin: 0 auto;
  width: 1px;
  left:97.5px;
}

.section8 .image-spacer,
.section8 .responsive-images .img-responsive{
  position: absolute;
  top: 0;
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
}

.section8 .responsive-images h4{
  position:absolute;
  top:0;
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
}

.section8 h4 {margin-top: 500px;opacity:0; font-size: 14px; text-transform: uppercase; text-align: center; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.section8 .left {
  float: left;
  width: 15%;
  max-height: 80px;
}
.section8 .right {float: left; margin: 17px 0px 0px 5px; width: 75%; }
.section8 .container {
  background-color: #bebebc;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section8 h2 {
  font-size: 45px;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 110px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section8 p {
  font-size: 18px;
  margin-bottom: 45px;
  margin-top: 40px;
  line-height: 27px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section9 {color: #303133; }
.section9 .left {
  float: left;
  width: 15%;
  max-height: 80px;
}
.section9 .iconDetails {
  margin-left: 0%;
  float: left;
  width: 90%;
  max-width: 60px;
}
.section9 .iconDetails.globe{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section9 .iconDetails.graphic{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section9 .iconDetails.information{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section9 .iconDetails.time{
  transform: matrix(0, 0, 0, 0, 0, 0);
}
.section9 h3 {
  margin: -2px 0 0 0;
  font-size: 18px;
  line-height: 27px;
}
.section9 .image-spacer {
  border-left: 1px solid #303133;
  height: 45px;
  margin: 0 auto;
  width: 1px;
  left: 97.5px;
}
.section9 .responsive-images .img-responsive {
  width: 133px;
  left: 30px;
}
.section9 .image-spacer, .section9 .responsive-images .img-responsive {
  position: absolute;
  top: 0;
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
}
.section9 .responsive-images h4 {
  position: absolute;
  top: 0;
  margin-right: auto;
  margin-left: auto;
  right: 0;
  left: 0;
}
.section9 h4 {
  margin-top: 500px;
  opacity: 0;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section9 .right {float: left; margin: 17px 0px 0px 5px; width: 75%; }

.section9 .container {
  background-color: #FAA519;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.section9 h2 {
  font-size: 45px;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 110px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.section9 strong {
  font-family: Montserrat-Bold;
  color: #303133;
}
.section9 p {
  font-size: 18px;
  line-height: 27px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
img.img-responsive.img-center {margin: 0 auto; }
img.img-circle.img-responsive {margin: 0 auto;    max-width: 135px; }

.responsive-images {
  position: relative;
  height:530px;
}
.responsive-images .img-responsive{

}
.responsive-images .img-responsive.first{}
.responsive-images .image-spacer.first{top:0;}
.responsive-images .img-responsive.second{}
.responsive-images .image-spacer.second{}
.responsive-images .img-responsive.third{}
.goup {
  text-align: right;
  padding: 84px 125px 10px 0px;
}
.goup img {
    max-width: 24px;
}
.section10 {font-family: Montserrat-Bold; color: #303133;}
.section10 .container{background-color: #ffffff;}
.section10 h3 {
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 75px;
  margin-bottom: 45px;
}
.section10 .techno {text-align: center; }
.section10 ul.technology {
    padding: 0;
    margin-bottom: 75px;
    position: relative;
    opacity: 0;
}
.section10 ul.technology li {
  display: inline-block;
  background-color: #E0E0E0;
  color: #303133;
  padding: 10px 15px;
  text-decoration: none;
  border-radius: 4px 4px 4px 4px;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: Montserrat-Light;
}