.top-footer {
  background-color: #666666;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url('res/bg.jpg');
  background-attachment: fixed;

  padding-top: 90px;
  color: #ffffff;
}

.top-footer .section-title{color:#ffffff;}
.top-footer .section-title span{-webkit-text-stroke:1px #ffffff;}
.top-footer .section-subtitle{color:#ffffff;}

.top-footer .catalog-box {
  position: relative;
  padding: 0px;
  text-align: right;
}
.top-footer .catalog-box img {
  height: auto;
  width: 360px;
  max-width: 100%;

}
@media (max-width: 768px) {
  .top-footer .catalog-box {
    text-align: center;
  }
} /* eo 768px */



/* WHATSAPP */
.wa-link {
  position: fixed;
  z-index: 975;
  right: 10px;
  bottom: 10px;
  border-radius: 50%;
  background-clip: padding-box;
  background-color: #0099cc; /*006e3f*/
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.wa-link a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
}
.wa-link .wa-phone {
  display: none;
}
.wa-link .wa-desk {
  display: block;
}
@media (max-width: 768px) {
  .wa-link .wa-phone {
    display: block;
  }
  .wa-link .wa-desk {
    display: none;
  }
}
/* EO WHATSAPP */








.main-footer .mb-20{margin-bottom:20px!important;}
.main-footer .mb-30{margin-bottom:30px!important;}

.main-footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-footer p{font-size:16px;font-weight:400;line-height:1.75em;color:#888;margin-bottom:20px;}
.main-footer h6{font-family:'Oswald', sans-serif;font-weight:300;line-height:1.25em;margin:0 0 20px 0;}
.main-footer h6{font-size:18px;}
.main-footer img{width:100%;height:auto;}
.main-footer span,.main-footer a,.main-footer a:hover{display:inline-block;text-decoration:none;color:inherit;}
.main-footer .logo{padding:0;width:200px;text-align:center;}
.main-footer{padding:60px 0 0;}
.main-footer.dark{position:relative;background:#1b1b1b;color:#fff;}
.main-footer .abot p{color:#fff;}
.main-footer .abot .logo img{height:100px;width:auto;display:block;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.main-footer .abot .social-icon{margin-top:20px;}
.main-footer .abot .social-icon a{font-size:15px;margin-right:10px;color:#fff;}
.main-footer .abot .social-icon a:hover{color:#0099cc;}
.main-footer .usful-links ul{margin:0;padding:0;}
.main-footer .usful-links ul li{margin-bottom:5px;}
.main-footer .usful-links ul li:hover{color:#fff;}
.main-footer .usful-links ul li i{font-size:7px;color:#fff;margin-right:3px;}
.main-footer .usful-links ul li a{color:#fff;}
.main-footer .usful-links ul li a:hover{color:#0099cc;}
.main-footer .fothead h6{color:#fff;font-size:16px;font-weight:300;letter-spacing:3px;text-transform:uppercase;}
.main-footer .fotcont .fothead h6{position:relative;padding-bottom:10px;}
.main-footer .fotcont .fothead h6:after{content:'';position:absolute;right:0;bottom:0;width:100%;background:rgba(255, 255, 255, 0.03);height:1px;}
.main-footer .fotcont p{margin:0 0 10px 0;color:#fff;}
.main-footer .sub-footer{padding:30px 0;margin-top:30px;border-top:1px solid rgba(255, 255, 255, 0.03);}
.main-footer .sub-footer p{font-size:14px;color:#fff;margin-bottom:0;    margin-top: 0;}
.main-footer .sub-footer p a{color:#fff;}
.main-footer .sub-footer p a:hover{color:#0099cc;}
.main-footer .sub-footer p span{color:rgba(255, 255, 255, 0.2);padding:0 10px;}
.main-footer .sub-footer .text-right-left{text-align:right!important;}
@media screen and (max-width: 767px){
.main-footer .sub-footer{margin-top:0px;}
.main-footer .sub-footer p,.main-footer .sub-footer .text-right-left{text-align:left;}
}
@media screen and (max-width: 767px){
.main-footer .abot .social-icon{text-align:left;margin-bottom:15px;}
}
@media screen and (max-width: 480px){
.main-footer .text-left{text-align:center;}
}
