@import "navbar.css";

a.logo:hover > img {
  opacity: 1;
}

.btn-maincolor {
  background-color: #FFA400;
  border: 5px solid #FFA400;
}

/* VALUES SECTION */
.values {
  background-color: #1d252c;
}
.values h1 {
  color: #fff;
}
.values p {
  color: #9a9a9a;
}
.values h6 {
  color: #fff;
}


/* toggle navbar */
button.menu-navbar {
  bottom: auto;
  left: 78.7%;
  margin-top: 30px;
  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
  width: 30px;
  height: 45px;
  z-index: 11;
  position: fixed;
  top: 0;

  background: none;
  border: none;
  border-radius: 0px;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: normal;
  padding: 0px;
  text-transform: uppercase;
}
button.menu-navbar .btn-menu {
  width: 100%;
}
button.menu-navbar .btn-menu::after {
  content: '';
  top:10px;
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
}
button.menu-navbar .btn-menu span {
  width: 100%;
  /* position: relative; */
}
button.menu-navbar .btn-menu span::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  top:20px;
  left: 0;
  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
}
button.menu-navbar .btn-menu span::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  top:30px;
  left: 0;
  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
}
button.menu-navbar.menu-active {

}
button.menu-navbar.menu-active .btn-menu::after {
  /* top: 50px;
  -webkit-transition: all 100ms linear 0s;
  transition: all 100ms linear 0s;
  opacity: 0; */
  top:20px;

  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
  transform: rotate(45deg); /* W3C */
  -webkit-transform: rotate(45deg); /* Safari & Chrome */
  -moz-transform: rotate(45deg); /* Firefox */
  -ms-transform: rotate(45deg); /* Internet Explorer */
  -o-transform: rotate(45deg); /* Opera */
}
button.menu-navbar:hover .btn-menu span::before {
  /* opacity: 0; */
  width: 26px;
  left: 2px;
}
button.menu-navbar.menu-active .btn-menu span::before {
  /* top: 20px; */
  opacity: 0;
}

button.menu-navbar.menu-active .btn-menu span::after {
  top: 20px;
  -webkit-transition: all 100ms ease-in-out 0s;
  transition: all 100ms ease-in-out 0s;
  transform: rotate(-45deg); /* W3C */
  -webkit-transform: rotate(-45deg); /* Safari & Chrome */
  -moz-transform: rotate(-45deg); /* Firefox */
  -ms-transform: rotate(-45deg); /* Internet Explorer */
  -o-transform: rotate(-45deg); /* Opera */
}
button.menu-navbar + .menu-container {
  /* display: none; */
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms ease-in-out 800ms;
  transition: all 300ms ease-in-out 800ms;
  z-index: 9;
  background: #1d252c;
}
button.menu-navbar.menu-active + .menu-container {
  left: 0;
  background: #1d252cfd;
  -webkit-transition: all 300ms ease-in-out 0s;
  transition: all 300ms ease-in-out 0s;
  overflow: auto;
}


a.color-icon.fa-whatsapp-official,
a[class*="fa-"].fa-whatsapp-official:hover {
  color: #128C7E;
}

a.color-icon.fa-whatsapp-square,
a[class*="fa-"].fa-whatsapp-square:hover {
  color: #128C7E;
}

a.color-icon.fa-whatsapp,
a[class*="fa-"].fa-whatsapp:hover {
  color: #fff;
}


a.color-icon.fa-whatsapp-official,
a[class*="fa-"].fa-whatsapp-official:hover {
  color: #128C7E;
}

a.color-icon.fa-whatsapp-square,
a[class*="fa-"].fa-whatsapp-square:hover {
  color: #128C7E;
}

a.color-icon.fa-whatsapp,
a[class*="fa-"].fa-whatsapp:hover {
  /* color: #fff; */
  color: #128C7E;
}
a[class*="fa-"].fa-whatsapp.color-bg-icon:hover {
  color: #fff;
  /* color: #128C7E; */
}
.color-bg-icon.fa-whatsapp-official,
a.fa-whatsapp-official.bg-icon:hover,
.fa-whatsapp-official.color-icon.border-icon:hover {
  background-color: #128C7E;
}

.color-bg-icon.fa-whatsapp-square,
a.fa-whatsapp-square.bg-icon:hover,
.fa-whatsapp-square.color-icon.border-icon:hover {
  background-color: #128C7E;
}

.color-bg-icon.fa-whatsapp,
a.fa-whatsapp.bg-icon:hover,
.fa-whatsapp.color-icon.border-icon:hover {
  background-color: #128C7E;
  color: #fff;
}
.serices-main .c-gutter-60 [class*="col-"], .row.c-gutter-60 > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
}
.serices-main .box-sector:hover .icon-box .item-icon img {
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  -webkit-transition: all 1s ease-out;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
}
.serices-main .box-sector .icon-box .item-icon img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.serices-main .box-sector:hover .icon-box h6.industrial-sector{
  color:red;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.serices-main .box-sector:hover .icon-box h6.medical-sector{
  color:blue;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
.serices-main .box-sector:hover .icon-box h6.touristic-sector{
  color:green;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.page_slider.static .intro_featured_word {
  font-size: 56px;
}
.page_slider.static .intro_after_featured_word {
  font-weight: 800;
  font-size: 20px;
}
.intro-top {
  margin-top: 8rem;
}


.icon-green-color i {
  color: #90D5AC !important;
}

.container-breadcrumb {
  padding-bottom: 0 !important;
  padding-top: 50px !important;
}
.page_title .breadcrumb {
  margin-bottom: 50px;
}