CSS Refomulção de um site

Lucas Pereira de Souza · 6 de junho de 2019

@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,300);
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  padding-top: 80px;
  color: #5e5e5e;
  background: #ffffff;
  /*font-family: 'Roboto', sans-serif;*/  /*texto que foi modificado*/
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  
}

.corpo{

    padding-top: 80px;
    color: #5e5e5e;
    background: #ffffff;
    /*font-family: 'Roboto', sans-serif;*/  /*texto que foi modificado*/
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
    
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
a {
  color: #34495e;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}
.btn {
  font-weight: 400;
}
.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}
.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}
a:hover,
a:focus {
  color: #d9534f;
  text-decoration: none;
  outline: none;
}
.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}
body > section {
  padding: 50px 0;
}
.turquoise,
.green-sea,
.sun-flower,
.orange,
.emerald,
.nephrits,
.carrot,
.pumkin,
.peter-river,
.belize-hole,
.alizarin,
.pomegranate,
.amethyst,
.wisteria,
.clouds .silver,
.wet-asphalt,
.midnight-blue,
.concrete,
.asbestos {
  color: #fff;
}
.turquoise h1,
.green-sea h1,
.sun-flower h1,
.orange h1,
.emerald h1,
.nephrits h1,
.carrot h1,
.pumkin h1,
.peter-river h1,
.belize-hole h1,
.alizarin h1,
.pomegranate h1,
.amethyst h1,
.wisteria h1,
.clouds .silver h1,
.wet-asphalt h1,
.midnight-blue h1,
.concrete h1,
.asbestos h1,
.turquoise h2,
.green-sea h2,
.sun-flower h2,
.orange h2,
.emerald h2,
.nephrits h2,
.carrot h2,
.pumkin h2,
.peter-river h2,
.belize-hole h2,
.alizarin h2,
.pomegranate h2,
.amethyst h2,
.wisteria h2,
.clouds .silver h2,
.wet-asphalt h2,
.midnight-blue h2,
.concrete h2,
.asbestos h2,
.turquoise h3,
.green-sea h3,
.sun-flower h3,
.orange h3,
.emerald h3,
.nephrits h3,
.carrot h3,
.pumkin h3,
.peter-river h3,
.belize-hole h3,
.alizarin h3,
.pomegranate h3,
.amethyst h3,
.wisteria h3,
.clouds .silver h3,
.wet-asphalt h3,
.midnight-blue h3,
.concrete h3,
.asbestos h3,
.turquoise h4,
.green-sea h4,
.sun-flower h4,
.orange h4,
.emerald h4,
.nephrits h4,
.carrot h4,
.pumkin h4,
.peter-river h4,
.belize-hole h4,
.alizarin h4,
.pomegranate h4,
.amethyst h4,
.wisteria h4,
.clouds .silver h4,
.wet-asphalt h4,
.midnight-blue h4,
.concrete h4,
.asbestos h4,
.turquoise h5,
.green-sea h5,
.sun-flower h5,
.orange h5,
.emerald h5,
.nephrits h5,
.carrot h5,
.pumkin h5,
.peter-river h5,
.belize-hole h5,
.alizarin h5,
.pomegranate h5,
.amethyst h5,
.wisteria h5,
.clouds .silver h5,
.wet-asphalt h5,
.midnight-blue h5,
.concrete h5,
.asbestos h5,
.turquoise h6,
.green-sea h6,
.sun-flower h6,
.orange h6,
.emerald h6,
.nephrits h6,
.carrot h6,
.pumkin h6,
.peter-river h6,
.belize-hole h6,
.alizarin h6,
.pomegranate h6,
.amethyst h6,
.wisteria h6,
.clouds .silver h6,
.wet-asphalt h6,
.midnight-blue h6,
.concrete h6,
.asbestos h6 {
  color: #fff;
}
.turquoise small,
.green-sea small,
.sun-flower small,
.orange small,
.emerald small,
.nephrits small,
.carrot small,
.pumkin small,
.peter-river small,
.belize-hole small,
.alizarin small,
.pomegranate small,
.amethyst small,
.wisteria small,
.clouds .silver small,
.wet-asphalt small,
.midnight-blue small,
.concrete small,
.asbestos small {
  color: rgba(255, 255, 255, 0.8);
}
.turquoise {
  background-color: #1abc9c;
}
.green-sea {
  background-color: #16a085;
}
.sun-flower {
  background-color: #f1c40f;
}
.orange {
  background-color: #f39c12;
}
.emerald {
  background-color:#2ecc71;
}

.emerald h2 {
  /*text-shadow: black 2px 2px 4px;*/
  
}

.emerald p {
  /*text-shadow: black 2px 2px 4px;*/
  
}

.nephritis {
  background-color: #27ae60;
}
.carrot {
  background-color: #e67e22;
}
.pumkin {
  background-color: #d35400;
}
.peter-river {
  background-color: #3498db;
}
.belize-hole {
  background-color: #2980b9;
}
.alizarin {
  background-color: #c4c4c4;
 /*text-shadow: black 2px 2px 4px;*/
}
.pomegranate {
  background-color: #c0392b;
}
.amethyst {
  background-color: #9b59b6;
}
.wisteria {
  background-color: #8e44ad;
}
.clouds {
  background-color: #ecf0f1;
}
.silver {
  background-color: #bdc3c7;
}
.wet-asphalt {
  background-color: #e1e1e1;
}
.wet-asphalt a:not(.btn) {
  color: #bdc3c7;
}
.wet-asphalt a:not(.btn):hover {
  color: #d9534f;
}
.midnight-blue {
  background-color: #09962d;
}



.midnight-dabliot {
  background-color: #3a3a3a;
}
.concrete {
  background-color: #95a5a6;
}
.asbestos {
  background-color: #7f8c8d;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */

  padding-top: 30px;
  /* IE6 workaround*/

  height: 0;
  overflow: hidden;
}


.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#main-slider {
  position: relative;
}
#main-slider .carousel h2 {
  font-size: 36px;
}
#main-slider .carousel .btn {
  border: 3px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  border-radius: 0;
  margin-top: 5px;
}
#main-slider .carousel .btn:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#main-slider .carousel .boxed {
  padding: 10px 15px;
  background-color: rgba(0, 0, 0, 0.8);
  display: inline-block;
}
#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 700px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}
#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
  background-size: 132% auto;
}
#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  font-size: 24px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}
#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}
#main-slider .prev {
  left: 10px;
}
#main-slider .next {
  right: 10px;
}
#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}
#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}
#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}
#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}
#services .media:hover .icon-md {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.8);
}
#recent-works {
  padding: 90px 0;
}
#recent-works .item-inner {
  position: relative;
  margin: 0;
}
.portfolio-items,
.portfolio-filter {
  list-style: none;
  padding: 0;
  margin: 0 -20px 20px 0;
}
.portfolio-filter > li {
  display: inline-block;
}
.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.portfolio-items.col-2 > li {
  width: 50%;
}
.portfolio-items.col-3 > li {
  width: 33%;
}
.portfolio-items.col-4 > li {
  width: 25%;
}
.portfolio-items.col-5 > li {
  width: 20%;
}
.portfolio-items.col-6 > li {
  width: 16%;
}


/*//////////////////////////////////////////*/

.letra1{
  position: relative;
  bottom:115px;
}

.letra2{
  position: relative;
  bottom:230px;

}

.letra4{
  position: relative;
  bottom:335px;
}

.letra5{
  position: relative;
  bottom:445px;
}

.letra6{
  position: relative;
  bottom:550px;
}

.letra7{
  position: relative;
  bottom:655px;
}

.letra8{
  position: relative;
  bottom:760px;
}

.letra9{
  position: relative;
  bottom:860px;
}

.letra10{
  position: relative;
  bottom:965px;
}

.letra11{
  position: relative;
  bottom:1070px;
}

.letra12{
  position: relative;
  bottom:1175px;
}

.letra13{
  position: relative;
  bottom:1280px;
}

.letra14{
  position: relative;
  bottom:1385px;
}

.letra15{
  position: relative;
  bottom:1490px;
}


.portfolio-item {
  padding: 0;
  margin: 0;
}
.portfolio-item .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  
}
.portfolio-item img {
  width: 100%;
}
.portfolio-item h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item:hover .overlay {
  opacity: 1;
}

/*//////////////////////////////////////////*/

.portfolio-item1 {
  padding: 0;
  margin: 0;
}
.portfolio-item1 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  
}
.portfolio-item1 img {
  width: 100%;
}
.portfolio-item1 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item1 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item1 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item1:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item2 {
  padding: 0;
  margin: 0;
}
.portfolio-item2 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 115px;
 
  
}
.portfolio-item2 img {
  width: 100%;
}
.portfolio-item2 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item2 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item2 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item2:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item3 {
  padding: 0;
  margin: 0;
}
.portfolio-item3 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 225px;
 
}
.portfolio-item3 img {
  width: 100%;
}
.portfolio-item3 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item3 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item3 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item3:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item4 {
  padding: 0;
  margin: 0;
}
.portfolio-item4 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 330px;
 
}
.portfolio-item4 img {
  width: 100%;
}
.portfolio-item4 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item4 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item4 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item4:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item5 {
  padding: 0;
  margin: 0;
}
.portfolio-item5 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 440px;
 
}
.portfolio-item5 img {
  width: 100%;
}
.portfolio-item5 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item5 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item5 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item5:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item6 {
  padding: 0;
  margin: 0;
}
.portfolio-item6 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 545px;
 
}
.portfolio-item6 img {
  width: 100%;
}
.portfolio-item6 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item6 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item6 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item6:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item7 {
  padding: 0;
  margin: 0;
}
.portfolio-item7 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 650px;
 
}
.portfolio-item7 img {
  width: 100%;
}
.portfolio-item7 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item7 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item7 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item7:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item8 {
  padding: 0;
  margin: 0;
}
.portfolio-item8 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 750px;
 
}
.portfolio-item8 img {
  width: 100%;
}
.portfolio-item8 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item8 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item8 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item8:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item9 {
  padding: 0;
  margin: 0;
}
.portfolio-item9 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 855px;
 
}
.portfolio-item9 img {
  width: 100%;
}
.portfolio-item9 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item9 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item9 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item9:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item10 {
  padding: 0;
  margin: 0;
}
.portfolio-item10 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 960px;
 
}
.portfolio-item10 img {
  width: 100%;
}
.portfolio-item10 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item10 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item10 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item10:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item11 {
  padding: 0;
  margin: 0;
}
.portfolio-item11 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 1065px;
 
}
.portfolio-item11 img {
  width: 100%;
}
.portfolio-item11 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item11 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item11 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item11:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item12 {
  padding: 0;
  margin: 0;
}
.portfolio-item12 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 1170px;
 
}
.portfolio-item12 img {
  width: 100%;
}
.portfolio-item12 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item12 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item12 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item12:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item13 {
  padding: 0;
  margin: 0;
}
.portfolio-item13 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 1275px;
 
}
.portfolio-item13 img {
  width: 100%;
}
.portfolio-item13 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item13 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item13 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item13:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item14 {
  padding: 0;
  margin: 0;
}
.portfolio-item14 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 1380px;
 
}
.portfolio-item14 img {
  width: 100%;
}
.portfolio-item14 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item14 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item14 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item14:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/

/*//////////////////////////////////////////*/

.portfolio-item15 {
  padding: 0;
  margin: 0;
}
.portfolio-item15 .item-inner {
  background: #fff;
  border: 1px solid #eee;
  padding: 10px 10px 0;
  margin: 0 20px 20px 0;
  position: relative;
  bottom: 1485px;
 
}
.portfolio-item15 img {
  width: 100%;
}
.portfolio-item15 h5 {
  background: #fff;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #2c3e50;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.portfolio-item15 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: rgba(76, 175, 80, 0.39);
  text-align: center;
  vertical-align: middle;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}
.portfolio-item15 .overlay .preview {
  position: relative;
  top: 50%;
  display: inline-block;
  margin-top: -20px;
}
.portfolio-item15:hover .overlay {
  opacity: 1;
}
/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/

/*//////////////////////////////////////////*/



/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
#pricing-table .plan {
  border-radius: 4px;
  list-style: none;
  margin: 0 0 20px;
  background: #3498db;
  text-align: center;
  padding: 30px 0;
}
#pricing-table .plan li {
  padding: 5px 0;
  color: #fff;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
#pricing-table .plan li.plan-name {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
}
#pricing-table .plan li.plan-name h3 {
  margin: 0;
}
#pricing-table .plan li.plan-price {
  margin-bottom: 10px;
}
#pricing-table .plan li.plan-price > div {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  font-size: 24px;
  border-radius: 100%;
  width: 70px;
  height: 70px;
}
#pricing-table .plan li.plan-price > div sup {
  font-size: 10px;
  line-height: 10px;
}
#pricing-table .plan li.plan-price > div > small {
  display: block;
  font-size: 11px;
}
#pricing-table .plan li.plan-action {
  margin-top: 10px;
  border-top: 0;
}
#pricing-table .plan.featured {
  background-color: #2c3e50;
}
#title h1 {
  margin: 0;
  font-size: 36px;
  font-weight: 300;
}
.center {
  text-align: center;
}
#meet-the-team .designation {
  margin-top: 5px;
  display: block;
  font-size: 13px;
}
.img-thumbnail {
  border: 0;
}
.progress,
.progress .bar {
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  height: 30px;
  line-height: 30px;
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
}
ul.breadcrumb {
  margin: 20px 0 0;
  background: transparent;
}
ul.breadcrumb > li {
  text-shadow: none;
}
ul.breadcrumb > li > a,
ul.breadcrumb > li .divider {
  color: #fff;
}
ul.breadcrumb > li.active {
  color: rgba(255, 255, 255, 0.7);
}
ul.tag-cloud {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.tag-cloud li {
  display: inline-block;
  margin: 0 0 2px 0;
}
.btn-social {
  border: 0;
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0;
}
.btn-social.btn-facebook {
  background: #4f7dd4;
}
.btn-social.btn-facebook:hover {
  background: #789bde;
}
.btn-social.btn-twitter {
  background: #5bceff;
}
.btn-social.btn-twitter:hover {
  background: #8eddff;
}
.btn-social.btn-linkedin {
  background: #21a6d8;
}
.btn-social.btn-linkedin:hover {
  background: #49b9e3;
}
.btn-social.btn-google-plus {
  background: #dc422b;
}
.btn-social.btn-google-plus:hover {
  background: #e36957;
}
.btn-social:hover {
  color: #fff;
}
.navbar-inverse {
  border: none;
}
.navbar-inverse .navbar-brand {
  font-family: 'Bubbler One', sans-serif;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}
.navbar-inverse .navbar-nav {
  margin-top: 20px;
}
.navbar-inverse .navbar-nav > li > a {
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 4px;
  color: #4a4a4a;
  /*text-shadow: black 1px 1px 1px;*/
}

.navbar-inverse .navbar-nav li a :hover{
  color: orange;
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: none;
}
.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #09962d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 0;
  padding: 0;
  margin-top: -3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #ffffff;
  /*text-shadow: black 1px 1px 1px;*/
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #4CAF50;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: rgba(0, 0, 0, 0.1);
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
}
#social-media .icon-facebook {
  background-color: #3c5899;
}
#social-media .icon-facebook:hover {
  background-color: #4e6fba;
}
#social-media .icon-twitter {
  background-color: #29c5f6;
}
#social-media .icon-twitter:hover {
  background-color: #5ad2f8;
}
#social-media .icon-google-plus {
  background-color: #d13d2f;
}
#social-media .icon-google-plus:hover {
  background-color: #da6459;
}
#social-media .icon-pinterest {
  background-color: #c61118;
}
#social-media .icon-pinterest:hover {
  background-color: #ec1e26;
}
.icon-lg {
  font-size: 48px;
  height: 108px;
  width: 108px;
  line-height: 108px;
  color: #fff;
  margin: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: inline-block !important;
  border-radius: 100%;
}
.icon-md {
  font-size: 36px;
  height: 68px;
  width: 68px;
  line-height: 68px;
  color: #fff;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  display: block;
  border-radius: 50%;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}
.modal {
  border: 0;
}
.modal#loginForm {
  width: 600px;
  margin-left: -300px;
}
.modal .modal-header {
  border: 0;
  padding: 20px 20px 0;
}
.modal .modal-header > h4 {
  font-weight: 300;
  font-size: 14px;
  color: #848484;
  text-transform: uppercase;
  margin: 0;
}
.modal .modal-body {
  padding: 20px;
}
.modal input[type="text"],
.modal input[type="password"] {
  padding: 5px 10px;
  min-height: 30px;
  width: 130px;
  margin-right: 10px;
}
.modal .icon-remove {
  color: #848484;
  position: absolute;
  right: -5px;
  top: -5px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  display: block;
  background: #ebebeb;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  cursor: pointer;
}
.modal button {
  margin-left: 10px;
  border: 0;
}
.gap {
  margin-bottom: 50px;
}
.big-gap {
  margin-bottom: 100px;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.registration-form {
  border: 0;
  background-color: #fff;
  padding: 20px;
  display: inline-block;
}
#bottom {
  color: #bdc3c7;
}
#bottom h4 {
  margin-top: 0;
  margin-bottom: 15px;
}
#bottom .media-heading {
  display: block;
  font-weight: 400;
}
.row > div {
  margin-bottom: 10px;
}
ul.unstyled {
  list-style: none;
  padding: 0;
  margin: 0;
}
/*Unordered Lists*/
ul.arrow,
ul.arrow-double,
ul.tick,
ul.cross,
ul.star,
ul.rss {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before,
ul.arrow li::after,
ul.arrow-double li::after,
ul.tick li::after,
ul.cross li::after,
ul.star li::after,
ul.rss li::after {
  font-family: FontAwesome;
  font-size: 11px;
}
ul.arrow li::before,
ul.arrow-double li::before,
ul.tick li::before,
ul.cross li::before,
ul.star li::before,
ul.rss li::before {
  margin-right: 5px;
}
ul.arrow li::before {
  content: "\f105";
}
ul.arrow-double li::before {
  content: "\f101";
}
ul.tick li::before {
  content: "\f00c";
}
ul.cross li::before {
  content: "\f00d";
}
ul.star li::before {
  content: "\f006";
}
ul.rss li::before {
  content: "\f09e";
}
#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #ffff;

  text-shadow: black 2px 2px 4px;
}
#footer a {
  color: #ffffff;
  
}
#footer a:hover {
  color: #d9534f;
}
#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#footer ul > li {
  display: inline-block;
  margin-left: 15px;
}
ul.social {
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
  display: inline-block;
}
ul.social > li {
  display: inline-block;
  margin: 0 5px;
}
ul.social > li > a {
  font-size: 24px;
  color: #666;
}
ul.social > li > a:hover {
  color: #999;
}
.box-border {
  padding: 15px;
}
.accordion-group {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
}
.accordion-heading .accordion-toggle {
  color: #666;
  font-weight: 700;
}
.accordion-inner {
  border-top: 0;
}
.blog .blog-item {
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
}
.blog .blog-item .img-blog {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.blog .blog-item .blog-content {
  padding: 20px;
}
.blog .blog-item h3 {
  margin-top: 0;
}
.blog .blog-item .entry-meta {
  margin-bottom: 20px;
}
.blog .blog-item .entry-meta > span {
  display: inline-block;
  color: #999;
  margin-right: 10px;
  font-size: 12px;
}
.blog .blog-item .entry-meta > span a {
  color: #999;
}
ul.pagination > li > a {
  border: 0;
}
ul.pagination > li.active > a,
ul.pagination > li:hover > a {
  background-color: #34495e;
  color: #fff;
}
textarea#message {
  padding: 10px 15px;
  height: 219px;
}
.widget {
  margin-bottom: 30px;
}
ul.gallery {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.gallery li {
  display: block;
  width: 60px;
  padding: 0;
  margin: 0 4px 4px 0;
  float: left;
}
ul.faq {
  list-style: none;
  margin: 0;
}
ul.faq li {
  margin-top: 30px;
}
ul.faq li:first-child {
  margin-top: 0;
}
ul.faq li span.number {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #34495e;
  color: #fff;
  font-size: 24px;
}
ul.faq li > div {
  margin-left: 70px;
}
ul.faq li > div h3 {
  margin-top: 0;
}
#error {
  text-align: center;
  margin-top: 150px;
  margin-bottom: 150px;
}



.linkedin-ico img
{
  position: relative;
  float: right;
  left: 925px;
  width: 30px;
  height: 30px;
  margin-top: 7%;
}

.facebook-ico img
{
  position: relative;
  float: right;
  left: 925px;
  width: 30px;
  height: 30px;
  margin-top: 7%;
}

.youtube-ico img
{
  position: relative;
  float: right;
  left: 928px;
  width: 30px;
  height: 30px;
  margin-top: 7%;
}

.linkedin-bot
{
  width: 40px;
  height: 40px;
}

.facebook-bot
{
  width: 40px;
  height: 40px;
}

.facebook-bot
{
  width: 40px;
  height: 40px;
}

.youtube-bot
{
  width: 40px;
  height: 40px;
}

<!DOCTYPE html>
<html lang="PT">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>MSA Engenharia Eletromecânica - Uma empresa 100% Brasileira</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->       
    <link rel="shortcut icon" href="images/ico/favicon.ico">
    <link rel="icon" href="images/ico/iconMSA.png">
	<style>
	
	.linkedin-ico img
{
  position: relative;
  float: right;
  left: 925px;
  width: 30px;
  height: 30px;
  margin-top: 7%;
}

.facebook-ico img
{
  position: relative;
  float: right;
  left: 925px;
  width: 30px;
  height: 30px;
  margin-top: 7%;
}

.youtube-ico img
{
  position: relative;
  float: right;
  left: 928px;
  width: 30px;
  height: 30px;
  margin-top: 7%;
}

.linkedin-bot
{
  width: 40px;
  height: 40px;
}

.facebook-bot
{
  width: 40px;
  height: 40px;
}

.facebook-bot
{
  width: 40px;
  height: 40px;
}

.youtube-bot
{
  width: 40px;
  height: 40px;
}

.quadro1{float: left;}	
.quadro2{float: left;}	
	
	
	</style>
</head><!--/head-->
<body id="home" class="corpo">
    <header class="navbar navbar-inverse navbar-fixed-top wet-asphalt" role="banner">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                
                <a target="_blank" class="linkedin-ico" href="https://www.linkedin.com/company/msa-engenharia-eletromecanica/"><img src="images/linkedin-ico.png"></a>
                <a target="_blank" class="facebook-ico" href="https://www.facebook.com/marketing.msa/?view_public_for=840474242968482"><img src="images/facebook-ico.png"></a>
                <a target="_blank" class="youtube-ico" href="https://www.youtube.com/channel/UCU8eK8-TQEkcTrNceDXtxpQ"><img src="images/youtube-ico.png"></a>
                <a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo"></a>
            </div>
            <div class="collapse navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="index.html#home"><i class="icon-home"></i> HOME</a></li>
                    <li><a href="index.html#empresa"><i class="icon-briefcase"></i> EMPRESA</a></li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-wrench"></i> SERVIÇOS<i class="icon-angle-down"></i></a>
                        <ul class="dropdown-menu">
                        <li><a href="Montagens-Industriais.html">MONTAGENS INDUSTRIAIS</a></li>
                        <li><a href="Engenharia.html">ENGENHARIA</a></li>
                            <li><a href="NR-12-segurança-em-Maquinas-e-Equipamentos.html">NR-12 SEGURANÇA EM MÁQUINAS E EQUIPAMENTOS</a></li>
                            <li><a href="incendio.html">SISTEMAS DE COMBATE DE COMBATE A INCÊNDIO</a></li>
                            <li><a href="SPDA-e-NR10.html">SPDA E NR10</a></li>
                          
                        </ul>
                    </li>

                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cogs"></i> PRODUTOS<i class="icon-angle-down"></i></a>
                        <ul class="dropdown-menu">
                        <li><a href="Esmeril.html">ESMERIL</a></li>
                        <li><a href="Furadeira.html">FURADEIRA</a></li>     
						<li><a href="Portas.html">PORTAS DE EMERGÊNCIA</a></li> 
                        </ul>  
                    </li>
                 
                    <li><a href="index.html#clientes"><i class="icon-group"></i> CLIENTES</a></li> 
                    <li><a href="index.html#testimonial"><i class="icon-phone"></i> FALE CONOSCO</a></li>
                </ul>
            </div>
        </div>
    </header><!--/header-->

    <section id="title" class="emerald">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <h1>Montagens Industriais</h1>
                   
                </div>
            </div>
        </div>
    </section>

   <section id="privacy-policy" class="container">

        <h5><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item1 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra1"><b>Sistemas de iluminação (iluminação de ambientes, de emergência, balizamento e etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item2 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra2"><b>Montagem e comissionamento de subestações de média tensão</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item3 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra4"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item4 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra5"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item5 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra6"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item6 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra7"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item7 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra8"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item8 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra9"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item9 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra10"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item10 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra11"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item11 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra12"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item12 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra13"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item13 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra14"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item14 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>

   <section id="privacy-policy" class="container">

        <h5 class="letra15"><b>Pinturas em geral (máquinas e equipamentos, pisos, estruturas, paredes, tubulações, etc)</b></h5>
        <!--/.portfolio-item-->
        <ul class="portfolio-items col-3">
        <li class="portfolio-item15 apps">
        <div class="item-inner">
        <img src="images/portfolio/mon1.jpg" alt=""></div>           
        </li><!--/.portfolio-item-->
    
   </section>
<!-------------------------------------------------------------------------------------------------->

    <footer id="footer" class="midnight-blue">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                   <b> &copy; 2015  MSA Engenharia Eletromecânica | Todos os Direitos Reservados.</b>
                </div>
                <div class="col-sm-6">
                    <ul class="pull-right">
                           
                        <li><a  target="_blank" href="https://www.linkedin.com/company/msa-engenharia-eletromecanica/"><img class="linkedin-bot" src="images/linkedin-ico.png"></a></li> 
                        <li><a  target="_blank" href="https://www.facebook.com/marketing.msa/?view_public_for=840474242968482"><img class="facebook-bot" src="images/facebook-ico.png"></a></li> 
                        <li><a  target="_blank" href="https://www.youtube.com/channel/UCU8eK8-TQEkcTrNceDXtxpQ"><img class="youtube-bot" src="images/youtube-ico.png"></a></li>
                        <!--#gototop-->
                    </ul>
                </div>
            </div>
        </div>
    </footer>
    <!--/#footer--><!--/#footer-->

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.prettyPhoto.js"></script>
    <script src="js/main.js"></script>
</body>
</html>

Pessoal estou arrumando um site da minha empresa, eu peguei um código fonte dele e venho ajustando já faz um tempo, entre tanto cheguei em um problema, já que o código não foi desenvolvido por mim, isso acaba dificultando, o problema que venho enfrentando é o seguinte, eu ajustei uma lista de imagem, ficou do jeito que eu queria entre tanto o rodapé está muito abaixo do que eu esperava, tentei procurar no código para resolver e não achei, já tentei pelo body, footer etc.. veja a imagem e o código abaixo.

Desktop.rar

Lucas Pereira de Souza · 6 de junho de 2019

Já achei a solução uhaauhauh.

DiF · 6 de junho de 2019

@Lucas Pereira de Souza Ok? E qual foi a solução encontrada? É de extrema importância que você dê um feedback e postar a solução. Assim você vai ajudar os demais.