/* ==========================================================================================
-- Breakpoints
----- xs: 0 | sm: 576px | md: 768px | lg: 992px | xl: 1200px | xxl: 1400px
============================================================================================= */
/** BREAKPOINTS*/
:root {
  --break-poing-md: 768px;
}

body{
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Roboto', sans-serif !important;
}

.txt-justify{
  text-align: justify;
}
.mb-10px{
  margin-bottom: 10px !important;
}
.mr-12px{
  margin-right: 12px !important;
}
.mr-15px{
  margin-right: 15px !important;
}

/*==========================================================
MENU
============================================================ */

.banner--stick:not(.navbar-dark), .banner--stick.transparent {
  background: rgba(255, 255, 255, 0.97);

  -webkit-box-shadow: 0rem 4px 8px rgba(0, 0, 0, 0.1) !important;
  -moz-box-shadow: 0rem 4px 8px rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0rem 4px 8px rgba(0, 0, 0, 0.1) !important;
}
/*==========================================================
SECTION -> HEADER
============================================================ */
.header-gradient-white {
  position: relative;
  height: 100px;
  margin-top: -65px;
  margin-bottom: -50px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}

/*==========================================================
BACKGROUND - SLIDER
============================================================ */
.hero-slider-wrapper{
  border-bottom: 6px solid #39A2A8 !important;
}
.slider-content .container .max-w4{
  width: 100%;
  max-width: 400px;
  margin-bottom: 20px;
}
.slider-content .container .max-w6{
  width: 100%;
  max-width: 600px;
  margin-bottom: 20px;
}
@media (max-width: 700px){
  .slider-content .container .max-w4{
    max-width: 300px;
    margin: 0px auto 10px auto;
  }
  .slider-content .container .max-w6{
    max-width: 380px;
    margin: 0px auto 10px auto;
  }
}

.slider-content .container .focust-text{
  background-color: #008B97;
  border: 2px solid #95f6ff;
  color: #FFF;
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 700px){
  .slider-content .container .focust-text{
    font-size: 0.8rem !important;
    line-height: 1.3rem !important;
    padding: 2px 4px;
  }
}

.slider-1{ background-image: url('../img/slider/alianza.jpg?v=20250908?v=20250908'); }
@media (max-width: 700px){
  .slider-1{ 
    background-image: url('../img/slider/alianza_sm.jpg?v=20250908'); 
  }
  .hero-slider-wrapper .hero-slider .owl-slide{
    background-position: center center !important;
  }
}

.slider-2{ background-image: url('../img/slider/certificaciones.jpg?v=20250908'); }
@media (max-width: 700px){
  .slider-2{ 
    background-image: url('../img/slider/certificaciones_sm.jpg?v=20250908'); 
  }
  .hero-slider-wrapper .hero-slider .owl-slide{
    background-position: center center !important;
  }
}

.slider-3{ background-image: url('../img/slider/innovaciones.jpg?v=20250908'); }
@media (max-width: 700px){
  .slider-3{ 
    background-image: url('../img/slider/innovaciones-sm.jpg?v=20250908'); 
  }
  .hero-slider-wrapper .hero-slider .owl-slide{
    background-position: center center !important;
  }
}

.slider-4{ background-image: url('../img/slider/soluciones-textiles.jpg?v=20250908'); }
@media (max-width: 700px){
  .slider-4{ 
    background-image: url('../img/slider/soluciones-textiles_sm.jpg?v=20250908'); 
  }
  .hero-slider-wrapper .hero-slider .owl-slide{
    background-position: center right !important;
  }
}

.slider-5{ background-image: url('../img/slider/dyes-pigmentos.jpg?v=20250908'); }
@media (max-width: 700px){
  .slider-5{ 
    background-image: url('../img/slider/dyes-pigmentos_sm.jpg?v=20250908'); 
  }
  .hero-slider-wrapper .hero-slider .owl-slide{
    background-position: center center !important;
  }
}

.slider-6{ background-image: url('../img/slider/soporte.jpg?v=20250908'); }
@media (max-width: 700px){
  .slider-6{
    background-image: url('../img/slider/soporte_sm.jpg?v=20250908');
  }
  .hero-slider-wrapper .hero-slider .owl-slide{
    background-position: center right !important;
  }
}

.slider-content .container h1{
  font-size: calc(1.405rem + 1.86vw) !important;
  text-align: left;
}
@media (max-width: 700px){
  .slider-content .container h1{
    margin-top: 25px !important;
    font-size: 1.5rem !important;
    text-align: center !important;
    margin-bottom: 10px !important;
  }
}
.slider-content .container p{
  font-size: 1.15rem !important;
  line-height: 1.6rem !important;
}
@media (max-width: 700px){
  .slider-content .container p{
    font-size: 0.9rem !important;
    line-height: 1.3rem !important;
    text-align: center;
  }
  .slider-content .container .mb-7{
    margin-bottom: 1.0rem !important;
  }
}
@media (max-width: 480px){
  .slider-content .container p{
    font-size: 0.8rem !important;
    line-height: 1.0rem !important;
    text-align: center;
  }
  .slider-content .container .mb-7{
    margin-bottom: 1.0rem !important;
  }
}

.df-slide-support-links{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.df-slide-support-links .item-md-button{
  margin-right: 20px;
}
@media (max-width: 500px){
  .df-slide-support-links{
    flex-direction: column;
    gap: 16px;
  }
  .df-slide-support-links .item-md-button{
    margin-right: 0px;
  }
}

.df-nav-contact-us{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.df-nav-contact-us .item-md-button{
  margin-right: 20px;
}
@media (max-width: 500px){
  .df-nav-contact-us{
    flex-direction: column;
    gap: 16px;
  }
  .df-nav-contact-us .item-md-button,
  .df-nav-contact-us .items-sm-button{
    width: 100%;
    margin-right: 0px;
  }
  .df-nav-contact-us .item-md-button .btn-orange-md{
    width: 100% !important;
    padding: 15px 0px !important;
  }
  .df-nav-contact-us .items-sm-button .btn.btn-circle.btn-md{
    width: 2.6rem !important; 
    height: 2.6rem !important;
  }
  .df-nav-contact-us .items-sm-button .btn.btn-circle.btn-md i{
    font-size: 1.2rem !important;
  }
}
/*==========================================================
MENU SECTIONS BUTTONS (MEDIUM)
============================================================ */
.df-sections-btn{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;

  margin-top: 25px !important;
}
@media (max-width: 500px){
  .df-sections-btn{
    flex-direction: column;
  }
  .df-sections-btn .btn{
    margin-bottom: 8px !important;
  }
  .df-sections-btn .btn:last-of-type{
    margin-bottom: 0px !important;
  }
  .df-sections-btn .btn-orange-md,
  .df-sections-btn .btn-asutex-md,
  .df-sections-btn .btn-blue-md{
    width: 100% !important;
    width: 100% !important;
    padding: 15px 0px !important;
  }
}

.btn-orange-md,
.btn-green-md,
.btn-asutex-md,
.btn-blue-md{  
  padding: 0.3rem 1.2rem !important;
  font-size: 0.8rem;
  color: #FFFFFF !important;  

  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}
@media (max-width: 700px){
  .btn-orange-md,
  .btn-green-md,
  .btn-asutex-md,
  .btn-blue-md{
      margin: 0px auto !important;
  }
}

.btn-orange-md:hover,
.btn-green-md:hover,
.btn-asutex-md:hover,
.btn-blue-md:hover{
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2) !important;
  -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2) !important;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2) !important;

  -webkit-transform: translate(0px, -2px) !important;
  -moz-transform: translate(0px, -2px) !important;
  transform: translate(0px, -2px) !important;
}
.btn-orange-md{
  border: 3px solid #ffb8b0;
  background-color: #e74c3c !important;    
}
.btn-orange-md:hover{
  background-color: #d64939 !important;
}
.btn-green-md{
  border: 3px solid #c9ffe5;
  background-color: #0aac5d !important;  
}
.btn-green-md:hover{
  background-color: #038b49 !important;  
}
.btn-asutex-md{
  border: 3px solid #c1fbff;
  background-color: #008C95 !important;    
}
.btn-asutex-md:hover{
  background-color: #066168 !important;
}
.btn-blue-md{
  border: 3px solid #d2e2ff;
  background-color: #3F78E0 !important;    
}
.btn-blue-md:hover{
  background-color: #305bac !important;
}

.df-google-map-location{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: center;
  padding: 0px 20px;
  margin-top: 8px;
}
.btn-google-md{
  display: none;
  padding: 0.5rem 0rem !important;
  font-size: 0.9rem;
  color: #FFFFFF !important;
  background-color: #3F78E0;
  border: 3px solid #d2e2ff;
  border-radius: 12px !important;  
  width: 100%;

  -webkit-transition: all 0.2s ease-in-out !important;
  -o-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}
.btn-google-md:hover{
  -webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.2) !important;
  -moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.2) !important;
  box-shadow: 0px 2px 6px rgba(0,0,0,0.2) !important;

  -webkit-transform: translate(0px, -2px) !important;
  -moz-transform: translate(0px, -2px) !important;
  transform: translate(0px, -2px) !important;
}
.btn-google-md i{
  font-size: 1.0rem !important;
}
@media (max-width: 500px){
  .btn-google-md{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    gap: 10px;
  }
}
/*==========================================================
BUTTONS (SMALL) - CONTACT
============================================================ */
.btn-red-call,
.btn-purple-sms,
.btn-green-whatsapp,
.btn-yellow-support, 
.btn-orange-email,
.btn-blue-location{
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.btn-red-call{
  border: 3px solid #ffb8b0 !important; 
  background-color: #e74c3c !important; 
  color: #FFFFFF !important;  
}
.btn-red-call:hover{
  background-color: #be3d2e !important;
}
.btn-purple-sms{
  border: 3px solid #edc1ff !important;
  background-color: #9b59b6 !important;
  color: #FFFFFF !important;
}
.btn-purple-sms:hover{
  background-color: #77408d !important;
}
.btn-green-whatsapp{
  border: 3px solid #c9ffe5 !important;
  background-color: #02be64 !important;
  color: #FFFFFF !important;
}
.btn-green-whatsapp:hover{
  background-color: #038b49 !important;
}
.btn-yellow-support{
  border: 3px solid #ffeca0 !important;
  background-color: #d4ac09 !important;
  color: #FFFFFF !important;
}
.btn-yellow-support:hover{
  background-color: #a58609 !important;
}
.btn-orange-email{
  border: 3px solid #ffe2c8 !important;
  background-color: #E67E22 !important;
  color: #FFFFFF !important;
}
.btn-orange-email:hover{
  background-color: #bb651a !important;
}
.btn-blue-location{
  border: 3px solid #d2e2ff !important;
  background-color: #3F78E0 !important;
  color: #FFFFFF !important;
}
.btn-blue-location:hover{
  background-color: #305bac !important;
}


/*==========================================================
GENERAL -> TEXT
============================================================ */
.txt-shadow {
  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  -o-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.txt-centrado {
  width: 90%;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 576px) {
  .txt-centrado {
    top: 60%;
  }
}

.txt-title {
  font-size: 40px;
  width: 500px;
  margin: 0px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .txt-title {
    font-size: 30px;
    width: 250px;
  }
}
.txt-subtitle {
  font-size: 15px;
  width: 450px;
  margin: 0px auto;
  text-align: center;
}
@media (max-width: 768px) {
  .txt-subtitle {
    font-size: 15px;
    width: 250px;
  }
}

/*==========================================================
GENERAL -> IMAGES
============================================================ */

.icon-download-doc-lang img{
  width: 30px;
  cursor: pointer;
  display: block;
  margin-bottom: 10px;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.icon-download-doc-lang img:hover{
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .icon-download-doc-lang img{
    display: inline-block;
    margin-right: 20px;
    margin-top: 15px;
    margin-left: 20px;
    width: 40px;
  }
}
.img-shadow-bg {
  border: 2px solid #ffffff;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.img-shadow-bg:hover {
  box-shadow: 0px 10px 12px rgba(0, 0, 0, 0.4);

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.txt-contact-us {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-weight: bold;
  color: #2c3e50;
}
.txt-contact-us-title {
  text-transform: uppercase;
  color: #000000;
  font-weight: 100;
  font-size: 0.7rem;
  letter-spacing: 0.08rem;
}
.txt-contact-us-phone {
  text-transform: uppercase;
  color: #c1152f;
  font-weight: bold;
  font-size: 1.5rem;
  letter-spacing: 0.08rem;
}
.nav-contact-us {
  margin-top: 20px;
  text-align: center;
}
.nav-contact-us a {
  margin-right: 10px;
}
.nav-contact-us a:last-of-type {
  margin-right: 0px;
}

@media (min-width: 768px) {
  .nav-contact-us {
    text-align: center;
  }
}

.rellax-thumbnail-r-a {
  top: -10px;
  left: 490px;
}
.rellax-thumbnail-r-b {
  top: -160px;
  left: 450px;
}
.rellax-thumbnail-r-c {
  top: -60px;
  left: 620px;
}
.rellax-thumbnail-a {
  top: -10px;
  left: -280px;
}
.rellax-thumbnail-b {
  top: -160px;
  left: -300px;
}
.rellax-thumbnail-c {
  top: -60px;
  left: -150px;
}
.rellax-thumbnail {
  position: absolute;
}
.rellax-thumbnail img {
  width: 200px;
  border: 2px solid #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.service-box-img {
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.4);
}

@media (max-width: 768px) {
  .service-box-img {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
}

/*==========================================================
SECTION -> SOCIAL MEDIA
============================================================ */
.map{
  padding: 0px 20px 0px 20px !important;
}
.google-maps-contact {
  height: 400px;
  border: 4px solid #39A2A8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .google-maps-contact {
    height: 300px;
  }
}
@media screen and (max-width: 480px) {
  .map{
  padding: 0px 5px 0px 5px !important;
}
}

.google-maps {
  border-radius: 10px;
  box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.google-maps:hover {
  transform: scale(1.1);
}

/*==========================================================
SECTION -> TABLES
============================================================ */

@media (max-width: 768px) {
  .td-hide {
    display: none;
  }  
}
@media (min-width: 768px) {
  .td-show {
    display: none;
  }
}

/*==========================================================
SECTION -> FOOTER
============================================================ */
.smk-footer-img{ 
  display: block;
  position: relative;

  background-image: url(../../assets/img/footer/background-footer-lg.jpg);
  background-color: #FFFFFF;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;

  height: 280px !important;
  width: 100% !important;

  margin:0;
  padding:0;
}
.smk-footer{
  width: 100%;  
  padding: 10px;
}
.footer-sec-certification{
  background-color: #026b72;
  padding: 20px 0px;
}
.footer-sec-certification h1{
  display: block;
  width: 100%;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  margin-bottom: 23px;
  letter-spacing: 2px;
}
.df-certifications{
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.df-certifications img{
  width: 100%;
  max-width: 160px;
  border-radius: 6px;
  border: 2px solid #FFF;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.4);
  margin-top: 15px;
  margin-bottom: 15px;
}
/*Tablet/Small Laptop*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .df-certifications{
    gap: 20px;
  }
  .df-certifications img{
    max-width: 160px;
  }
}
/*Large Mobile/Small Tablet*/
@media screen and (min-width: 481px) and (max-width: 768px) {
  .df-certifications{
    gap: 10px;
  }
  .df-certifications img{
    max-width: 180px;
  }
}
/*Small Mobile*/
@media screen and (max-width: 480px) {
  .df-certifications img{
    max-width: 180px;
  }
}

.footer-sec-content{
  background-color: #028d96;
  padding: 20px 0px;
  border-top: 8px solid #39a2a8 !important;
}
.footer-sec-content .df-sec-content{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .footer-sec-content .df-sec-content{
    flex-wrap: wrap;
  }
}
@media (max-width: 576px) {
  .footer-sec-content .df-sec-content{
    padding: 0px 0px;
  }
}
.df-sec-content .sec-content-logo{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;

  width: 100%;
  max-width: 450px;
  min-width: 150px;
}
@media (max-width: 768px) {
  .df-sec-content .sec-content-logo{
    margin-right: 0%;
    max-width: none;
    width: 100%;
    margin-bottom: 30px;
  }
}
.df-sec-content .sec-content-menu{
  width: 100%;
  max-width: 240px;
  min-width: 150px;  
}
@media (max-width: 768px) {
  .df-sec-content .sec-content-menu{
    max-width: none;
    width: 50%;
  }
  .df-sec-content .sec-content-menu:last-of-type{
    max-width: none;
    width: 100%;
  }
}
.df-sec-footer-menu{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
}
@media (max-width: 480px) {
  .df-sec-footer-menu{
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-around !important;
    width: 100% !important;
    gap: 15px !important;
  }
  .df-sec-content .sec-content-menu{
    width: 90% !important;
  }
}
.footer-sec-content .df-logo{
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  height: 100%;
  justify-content: center;
}
.footer-sec-content .df-logo img{
  width: 100%;
  max-width: 300px !important;
}
.footer-sec-content .footer-menu h4{
  color: #ffe5ac !important;
  margin-bottom: 2px !important;
}
.footer-sec-content .footer-menu .list-unstyled{
  margin-bottom: 8px !important;
}
.footer-sec-content .footer-menu .list-unstyled li{
  margin-bottom: -1px;
}
.footer-sec-content .footer-menu .list-unstyled li i{
  color: #ffb81c !important;
  fill: #ffb81c !important;
  margin-right: 5px;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-sec-content .footer-menu .list-unstyled li:hover i{  
  margin-right: 8px;
}

.footer-sec-content .footer-menu .list-unstyled li a{
  color: #FFFFFF !important;
}

.footer-sec-contact{
  background-color: #017c84;
  padding-top: 20px;
  padding-bottom: 20px;
}

.footer-sec-contact .df-sec-contact{
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 768px) {
  .footer-sec-contact .df-sec-contact{
    justify-content: center;
  }
}

.smk-contact{
  width: 100%;
  max-width: 300px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 480px) {
  .smk-contact{
    max-width: none !important;
    width: 100%;
  }
}

.footer-sec-contact .df-contact{
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.footer-sec-contact .df-contact h4{
  width: 100%;
  text-align: center;
  color: #FFFFFF !important;
}

.footer-sec-contact .df-contact h4 span{
  display: block;
}
.footer-sec-contact .df-contact h4 .txt-person-name,
.footer-sec-contact .df-contact h4 .txt-person-title{
  text-transform: none !important;
}
.footer-sec-contact .df-contact h4 .txt-person-name {
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}
@media (max-width: 500px) {
  .footer-sec-contact .df-contact h4 .txt-person-name {
    font-size: 1.3rem;
  }
}
.footer-sec-contact .df-contact h4 .txt-person-title {
  color: #fcd98c;
  font-weight: 100;
  font-size: 0.7rem;
  letter-spacing: 0.1rem;
}
@media (max-width: 500px) {
  .footer-sec-contact .df-contact h4 .txt-person-title {
    font-size: 0.9rem;
  }
}
.footer-sec-contact .df-contact .contact-information{
  text-align: center;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.footer-sec-contact .df-contact .contact-information .info-phone{
  margin-bottom: 10px;
  letter-spacing: 1.5px !important;
}
.footer-sec-contact .df-contact .contact-information .info-email{
  margin-bottom: 0px;
  letter-spacing: 0.5px !important;
}
.footer-sec-contact .df-contact .contact-information .btn-contact-info{
  display: block;
  width: 100%;
  background-color: #24656a;
  border: 2px solid #7abbc0;
  padding: 4px 12px;
  border-radius: 9px;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.footer-sec-contact .df-contact .contact-information .btn-contact-info:hover{
  background-color: #1c4e52;
  -webkit-transform: translate(0px, -2px);
  -moz-transform: translate(0px, -2px);
  transform: translate(0px, -2px);

  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}
.footer-sec-contact .df-contact .contact-information .btn-contact-info i{
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}
.footer-sec-contact .df-contact .contact-information a .btn-contact-info {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;  
  font-size: 16px;
  text-decoration: none;
}
@media (max-width: 500px) {
  .footer-sec-contact .df-contact .contact-information a .btn-contact-info {
    font-size: 1.1rem;
  }  
}
.nav-contact .btn-circle{
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.nav-contact .btn-circle:hover{
  -webkit-transform: translate(0px, -2px);
  -moz-transform: translate(0px, -2px);
  transform: translate(0px, -2px);

  -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
  box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
}
.smk-contact .df-contact .btn.btn-circle.btn-sm{
  width: 2rem !important; 
  height: 2rem !important;
}
@media (max-width: 500px) {
  .smk-contact .df-contact .btn.btn-circle.btn-sm{
    width: 2.5rem !important; 
    height: 2.5rem !important;
  }
  .smk-contact .df-contact .btn.btn-circle.btn-sm i{
    font-size: 1.3rem !important;
  }
}
.footer-sec-company{
  background-color: #03575c;
}
.footer-sec-company p{
  color: #FFF;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.logo-footer {
  margin: 0 auto;
  width: 100%;
  max-width: 220px;
}

.nav-contact {
  margin-top: 20px;
  text-align: center;
}
.nav-contact a {
  margin-right: 10px;
}
.nav-contact a:last-of-type {
  margin-right: 0px;
}

@media (min-width: 768px) {
  .nav-contact {
    text-align: left;
  }
}
/*==========================================================
SECTIONS
============================================================ */
.img-section-content{
  width: 100%;
  max-width: 500px;
  margin: 20px 0px 20px 0px;
}
/*==========================================================
RIGHT SIDEBAR MENU
============================================================ */
.offcanvas-info{
  background: #03575C !important;
  border-left: 4px solid #87e5eb !important;

  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.df-offcanvas-menu{
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  background-color: #03474c;
  padding: 0.4rem !important;
}
.offcanvas-close {
  position: relative !important;   
  top: 0rem !important;
  left: 0rem !important;
}

.offcanvas-padding{
  padding: 1.0rem !important;
}
.offcanvas-info .df-offcanvas-content{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #03575C;
}
.offcanvas-info .df-offcanvas-content-odd{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  background-color: #07676d;
}

.df-offcanvas-content h4,
.df-offcanvas-content-odd h4{
  font-size: 1.2rem;
  font-weight: 600;
  color: #FFF;
  text-align: center;
  width: 100%;
  margin-bottom: 0px;
}
.df-offcanvas-content .person-title,
.df-offcanvas-content-odd .person-title{
  font-size: 0.8rem;
  font-weight: 400;
  color: #FCD289;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
}
.df-offcanvas-content .btn-contact,
.df-offcanvas-content-odd .btn-contact{
  font-size: 0.8rem;
  font-weight: 400;
  color: #FFF !important;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
  text-decoration: none;
  border: 2px solid #7ABBC0;
  border-radius: 6px;
  padding: 2px 0px !important;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.df-offcanvas-content .btn-contact:hover,
.df-offcanvas-content-odd .btn-contact:hover{    
  border: 2px solid #7ABBC0 !important;
  background-color: #10373a !important;    
}
.df-offcanvas-content .btn-contact i,
.df-offcanvas-content-odd .btn-contact i{
  margin-right: 5px;
}
.df-offcanvas-content .nav-contact,
.df-offcanvas-content-odd .nav-contact{
  margin-top: 5px !important;
}
.df-offcanvas-content iframe,
.df-offcanvas-content-odd iframe{
   width:"100%";
   height:"200px";
   margin-bottom: 20px;
   border: 4px solid #39A2A8;
   box-shadow: none  !important;
}
.df-offcanvas-content address,
.df-offcanvas-content-odd address{
  color: #FFF !important;
}
.df-offcanvas-content p,
.df-offcanvas-content-odd p{
  color: #FFF !important;
}

/*==========================================================
MOBILE MENUS
============================================================ */
.df-mobile-menu-close{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  justify-content: flex-end;
  padding: 0rem 1.0rem 1.0rem 0rem;
}

.df-mobile-menu-close .btn-close:before{
  font-size: 1.5rem !important;
}
@media (max-width: 991.98px) {
  .offcanvas-header {
    padding: 1.0rem 0 2rem;
  }
}