/**
 * @Titulo: CSS3 Style Main [INDE.MX]
 * @Autor: Ing. Carlos Guerrero
 * @Email: carlos.guerrero2012@gmail.com
 * @URL: http://nullbytesoft.xyz
 */

 @charset "UTF-8";

 /* Table of Contents
  ==================================================
  # Imports
  # Variables
  # Hides Elements
  # Pre-loader
  # Overlay Menu
  # NavBar
  # Redes Sociales
  # SECCION [INICIO]
  # SECCION [CONTACTO]
  # Grid
  # Header
  # Nav
  # Main
  # Aside
  # Footer
  # Typography
  # Elements
  # Components
  # Form
  # Helpers
  # Apps
  # Animations
  # Responsive
  # Print
  ==================================================
  */
 
 /************************* IMPORTS *************************/
 
 @import url("https://fonts.googleapis.com/css?family=Roboto");
 @import url("https://fonts.googleapis.com/css?family=Oswald");
 @import url('https://fonts.googleapis.com/css?family=Lato|Abel|Source+Sans+Pro&display=swap');
 /************************* IMPORTS *************************/
 @font-face {
  font-family: 'Hurme Geometric Sans 3';
  src: url('fonts/HurmeGeometricSans3-Light.woff2') format('woff2'),
      url('fonts/HurmeGeometricSans3-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
 body{
    font-family: 'Lato','Hurme Geometric Sans 3';
 }
 :root {
 
   --FontOswald: "Loto", sans-serif;
   --FontRoboto: "Roboto", sans-serif;
   --DefaultColorFont: #fff;
   --TitleLineColor: #0082fe;
   --ColorIconAbout: #0082fe;
 
   --BGColorLoader: #fff;
   --ColorLoaderOne: #3498db;
   --ColorLoaderTwo: #e74c3c;
   --ColorLoaderThree: #f9c922;
 
   --BGColorOverlayMenu: rgba(0, 0, 0, 0.9);
 
   --FacebookColor: #3b5998;
   --WhatsappColor: #25d366;
   --TwitterColor: #55acee;
   --ShareButtonColor: #2196f3;
 }
 /************************* Hides Elements *************************/
 
 /* ONLY MOBILE DEVICES */
 #nav-share {
   display: none;
 }
 .nav-share-icon-twitter {
   display: none;
 }
 .nav-share-icon-facebook {
   display: none;
 }
 .nav-share-icon-whatsapp {
   display: none;
 }
 
 /************************* Pre-loader *************************/
 
 #page-loader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
   background: var(--BGColorLoader) none repeat scroll 0% 0%;
   z-index: 99999;
 }
 #page-loader .preloader-interior {
   display: block;
   position: relative;
   left: 50%;
   top: 50%;
   width: 150px;
   height: 150px;
   margin: -75px 0 0 -75px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: var(--ColorLoaderOne);
 
   -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 #page-loader .preloader-interior:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: var(--ColorLoaderTwo);
 
   -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 #page-loader .preloader-interior:after {
   content: "";
   position: absolute;
   top: 15px;
   left: 15px;
   right: 15px;
   bottom: 15px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: var(--ColorLoaderThree);
 
   -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
   animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
 }
 @-webkit-keyframes spin {
   0% {
     -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(0deg); /* IE 9 */
     transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
   }
   100% {
     -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(360deg); /* IE 9 */
     transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
   }
 }
 @keyframes spin {
   0% {
     -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(0deg); /* IE 9 */
     transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
   }
   100% {
     -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
     -ms-transform: rotate(360deg); /* IE 9 */
     transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
   }
 }
 
 /************************* Overlay Menu *************************/
 
 #overlayMenu {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   display: none;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 99;
   height: 100%;
   background: var(--BGColorOverlayMenu);
 }
 #overlayMenu div {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 100vh;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 #overlayMenu ul {
   list-style: none;
   margin: 0;
   padding: 0;
   color: white;
   text-align: center;
 }
 #overlayMenu ul li {
   margin: 20px auto;
 }
 #overlayMenu ul li a {
   text-decoration: none;
   color: white;
   font-family: var(--FontOswald);
 }
 #overlayMenu ul li span {
   font-family: var(--FontOswald);
   font-size: 22px;
   font-weight: bold;
 }
 .whatsapp-menssenger-btn-overlay-menu {
   background-color: var(--WhatsappColor);
   border: 0;
   border-radius: 40px;
   color: white;
   padding: 4px 0px;
   cursor: pointer;
   font-family: var(--FontRoboto);
 }
 .facebook-menssenger-btn-overlay-menu {
   background-color: var(--FacebookColor);
   border: 0;
   border-radius: 40px;
   color: white;
   padding: 4px 0px;
   cursor: pointer;
   font-family: var(--FontRoboto);
 }
 
 /************************* NavBar *************************/
 
 .navbar-brand {
   font-family: var(--FontOswald);
 }
 .bg-custom {
   background: #1010108f;
   box-shadow: 0px 0px 2px 0px;
 }
 .bg-solid {
   background: rgba(71, 69, 69, 0.8);
   box-shadow: 0px 0px 2px 0px;
 }
 
 /************************* Redes Sociales *************************/
 
 /* ICONOS INICIO */
 .whatsapp-button {
   position: fixed;
   bottom: 55px; /* bottom 32*/
   right: 165px; /*right 95*/
   z-index: 99;
   background-color: var(--WhatsappColor);
   border-radius: 50px;
   color: var(--DefaultColorFont);
   text-decoration: none;
   width: 50px;
   height: 50px;
   font-size: 30px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
   -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
   box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
   animation: effect 5s infinite ease-in;
 }
 .facebook-button {
   position: fixed;
   bottom: 55px; /* bottom 32*/
   right: 230px; /*right 155*/
   z-index: 99;
   background-color: #dc3545;
   border-radius: 50px;
   color: var(--DefaultColorFont);
   text-decoration: none;
   width: 50px;
   height: 50px;
   font-size: 30px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   -webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
   -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
   box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
   animation: effect 5s infinite ease-in;
 }
 .share-icon {
   width: 50px;
   height: 50px;
   z-index: 99;
   border-radius: 50%;
   line-height: 32px;
   text-align: center;
   color: var(--DefaultColorFont);
   position: fixed;
   right: 100px; /*right 32*/
   bottom: 55px; /* bottom 32*/
   cursor: pointer;
   -webkit-box-shadow: 0px 0px 25px -13px rgba(0, 0, 0, 1);
   -moz-box-shadow: 0px 0px 25px -13px rgba(0, 0, 0, 1);
   box-shadow: 0px 0px 25px -13px rgba(0, 0, 0, 1);
   animation: effect 5s infinite ease-in;
 }
 @keyframes effect {
   20%,
   100% {
     width: 30px;
     height: 30px;
     font-size: 25px;
   }
   0%,
   10% {
     width: 35px;
     height: 35px;
     font-size: 30px;
   }
   5% {
     width: 30px;
     height: 30px;
     font-size: 25px;
   }
 }
 .trigger {
   width: 51px;
   height: 51px;
   background-color: var(--ShareButtonColor);
   cursor: pointer;
 }
 .twitter {
   background-color: var(--TwitterColor);
 }
 .facebook {
   background-color: var(--FacebookColor);
 }
 .whastapp {
   background-color: var(--WhatsappColor);
 }
 .exit {
   font-size: 50px;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
   font-family: var(--FontRoboto);
 }
 
 /************************* SECCION [INICIO] *************************/
 
 /* MENSAJE PRINCIPAL*/
 .fill-height {
   position: relative;
   min-height: 86%;
   height: 86vh;
 }
 #MensajeInicio {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-family: var(--FontOswald);
   color: var(--DefaultColorFont);
   font-weight: bold;
   text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
 }
 
 /************************* SECCION [NOSOTROS] *************************/
 
 .aboutus-section {
   padding: 90px 0;
 }
 .aboutus-title {
   font-size: 30px;
   font-family: var(--FontOswald);
   letter-spacing: 0;
   line-height: 32px;
   margin: 0 0 39px;
   padding: 0 0 11px;
   position: relative;
   text-transform: uppercase;
   color: #000;
 }
 .aboutus-title::after {
   background: var(--TitleLineColor) none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 2px;
   left: 0;
   position: absolute;
   width: 54px;
 }
 .aboutus-text {
   color: #606060;
   font-size: 13px;
   line-height: 22px;
   margin: 0 0 35px;
 }
 .feature .feature-box .iconset {
   background: #fff none repeat scroll 0 0;
   color: var(--ColorIconAbout);
   float: left;
   position: relative;
   width: 18%;
 }
 .feature .feature-box .feature-content h4 {
   color: #0f0f0f;
   font-size: 18px;
   letter-spacing: 0;
   line-height: 22px;
   margin: 0 0 5px;
 }
 .feature .feature-box .feature-content {
   float: left;
   padding-left: 28px;
   width: 78%;
 }
 .feature .feature-box .feature-content h4 {
   color: #0f0f0f;
   font-size: 18px;
   letter-spacing: 0;
   line-height: 22px;
   margin: 0 0 5px;
 }
 .feature .feature-box .feature-content p {
   color: #606060;
   font-size: 13px;
   line-height: 22px;
 }
 
 /************************* SECCION [CONTACTO] *************************/
 
 /* FOOTER */
 .navbar-default {
   color: rgb(255, 255, 255);
 }
 
 
 .jumbotron-heading {
   margin-top: 100px;
 }
 .jumbotron {
   background: url("../images/contactus_header.jpg") no-repeat center center;
   border-radius: 0 !important;
   margin-top: -60px;
   height: 260px;
   color: rgb(255, 255, 255);
   text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
 }
 
 /* GALERIA */
 #jumbotronGaleria {
   background: url("../images/gallery_header.jpg") no-repeat center center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   background-size: cover;
   -o-background-size: cover;
   border-radius: 0 !important;
   margin-top: -60px;
   height: 260px;
   color: rgb(255, 255, 255);
   text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
 }
 .gallery_product {
   margin-bottom: 30px;
 }
 
 
 
 /* CAROUSEL */
 .carousel-inner {
   
 }
   
   .responsive-video {
     position: relative;
     padding-bottom: 56.25%;
     padding-top: 60px; overflow: hidden;
 }
 
 .responsive-video iframe,
 .responsive-video object,
 .responsive-video embed {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }
 .dropdown-item{
  line-height: 8px;
  font-size: 10px;
 }
 .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #383838a3;
}
nav .navbar-nav .active .dropdown-menu a {
    color: white !important;
}
 .m60{
   line-height: 40px;
   font-size: 0.9em;
   /* font-stretch: expanded; */
 }
 .m60 li{
   margin-right: 35px;
   font-style: up;
   text-transform: uppercase;
 }
 nav .navbar-nav a{
   color: white !important;
   font-size: 1.0em;
   overflow: hidden;
   }
 
   nav .navbar-nav .active a{
    color: #ff6f6f !important;
    }

    nav .navbar-nav a:hover{
      color: #ff6f6f !important;
      transition: all .4s ease;
      -webkit-transition: all .4s ease;
      }



.kenburn {
  overflow: hidden;
}

.kenburn img {
  animation: move 40s ease;
  /* Add infinite to loop. */
  
  -ms-animation: move 20s ease;
  -webkit-animation: move 20s ease;
  -0-animation: move 20s ease;
  -moz-animation: move 20s ease;
  position: absolute;
  -webkit-animation-direction: alternate-reverse;
}

.kenburn .title{
  display: block;
  position: absolute;
  /* width: 100%; */
  top: 30%;
  left: 20%;
  transform: translateY(-50%);
  font-size: 2em;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  z-index: 5;
}

.kenburn .title-1 {
  animation: fade-in 6.2s ease-in;
}
.kenburn span {
  display: block;
  position: absolute;
  /* width: 200%; */
  top: 36%;
  left: 23%;
  transform: translateY(-50%);
  font-size: 1em;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  z-index: 5;
  animation: left_to_right 3.3s;
}


@-webkit-keyframes move {
  0% {
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    /* IE 9 */
    
    -webkit-transform: scale(1.2);
    /* Safari and Chrome */
    
    -o-transform: scale(1.2);
    /* Opera */
    
    -moz-transform: scale(1.2);
    /* Firefox */
  }
  100% {
    transform: scale(1.0);
    -ms-transform: scale(1.0);
    /* IE 9 */
    
    -webkit-transform: scale(1.0);
    /* Safari and Chrome */
    
    -o-transform: scale(1.0);
    /* Opera */
    
    -moz-transform: scale(1.0);
    /* Firefox */
  }
}


@keyframes left_to_right {
  from {
    margin-left: -100%;
  }
  to {
    margin-left: 0;
  }
}


@keyframes 
focus-in-contract {  0% {
 letter-spacing: 1em;
 filter: blur(12px);
 opacity: 0;
}
 100% {
 filter: blur(0px);
 opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@keyframes 
tracking-in-contract {  0% {
 letter-spacing: 1em;
 opacity: 0;
}
 40% {
 opacity: 0.6;
}
 100% {
 letter-spacing: normal;
 opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@keyframes 
fade-out {  0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@keyframes 
fade-in {  0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation text-blur-out
 * ----------------------------------------
 */
@keyframes 
text-blur-out {  0% {
 filter: blur(0.01);
}
 100% {
 filter: blur(12px) opacity(0%);
}
}
@keyframes 
text-blur-in {  0% {
 filter: blur(12px) opacity(100%);

}
 100% {
 filter: blur(0.0);
}
}
/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@keyframes 
slide-in-bottom {  0% {
 transform: translateY(100%);
 opacity: 0;
}
 100% {
 transform: translateY(0);
 opacity: 1;
}
}
/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@keyframes 
rotate-center {  0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(360deg);
}
}



.kenburn-slider {
  height: 80vh;
  position: relative;
}
.kenburn-slider .slides {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 80vh;
}
.kenburn-slider .slides > li {
  float: left;
  margin-right: -100%;
  width: 100%;
  overflow: hidden;
  height: 80vh;
  position: relative;
}
.kenburn-slider .flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
}
.kenburn-slider .flex-direction-nav .flex-prev, .kenburn-slider .flex-direction-nav .flex-next {
  background-color: rgba(255, 255, 255, 0.7);
  color: #333;
  padding: 0px 10px 0px 10px;
  text-decoration: none;
  position: absolute;
  height: 1.5em;
  font-size: 1em;
  /* top: 0; */
  bottom: 10px;
  margin: auto;
  z-index: 8;
  text-align: center;
}
.kenburn-slider .flex-direction-nav .flex-prev {
  left: 0;
}
.kenburn-slider .flex-direction-nav .flex-next {
  right: 0;
}

.slide-image {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.flex-active-slide .slide-image {
  -webkit-animation: zoomout 5s;
          animation: zoomout 5s;
}

@-webkit-keyframes zoomout {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.kenburn-slider li {
  max-height: 80vh;
  position: relative;
}


.kenburn-slider li .meta {
  position: absolute;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: 'Roboto', sans-serif;
}

.kenburn-slider li .left-top {
  top: 20vh;
  left: 20px;
}

.kenburn-slider li .center {
  bottom: 20px;
  left: 35vw;
}

.kenburn-slider li .right {
  bottom: 20px;
  right: 80px;
}

.kenburn-slider li h1 {
  background: rgba(51, 51, 51, 0.5);
  padding: 12px 18px 12px;
  margin-bottom: 0;
  font-size: 1.8em;
  font-weight: 300;
}


.kenburn-slider li h2 {
  background: rgba(51, 51, 51, 0.5);
  padding: 13px 18px 11px;
  font-size: 1.1em;
  margin-bottom: 0;
  font-weight: 300;
}

.kenburn-slider li .category {
  display: flex;
  flex-direction: row;
}

.kenburn-slider li .category p {
  background: #e43837;
  margin-right: 7px;
  font-size: 1.1em;
  padding: 12px 18px 10px;
  font-weight: 300;
}

.kenburn-slider li .category span {
  background: #e43837;
  margin-top: 17px;
  padding: 8px 12px 0;
  font-size: 0.9em;
  font-weight: 300;
  height: 26px;
}


.kenburn-slider li h1,
.kenburn-slider li h2,
.kenburn-slider li .category p,
.kenburn-slider li .category span {
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

.kenburn-slider li.flex-active-slide .meta h1,
.kenburn-slider li.flex-active-slide .meta h2,
.kenburn-slider li.flex-active-slide .meta .category p,
.kenburn-slider li.flex-active-slide .meta .category span {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.kenburn-slider li.flex-active-slide .right h1 ,
.kenburn-slider li.flex-active-slide .right h2,
.kenburn-slider li.flex-active-slide .right .category p,
.kenburn-slider li.flex-active-slide .right .category span {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeinright;
  animation-name: fadeinright;

}


.navbar .collapse .show, {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeinright;
  animation-name: fadeinright;
}




.kenburn-slider li.flex-active-slide .meta h2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.kenburn-slider li.flex-active-slide .meta .category p {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.kenburn-slider li.flex-active-slide .meta .category span {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
}

@-webkit-keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}


@-webkit-keyframes fadeinright {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}

@keyframes fadeinright {
  0% {
      opacity: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
  }
  100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
  }
}



@-webkit-keyframes fadeOutLeft {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
  }
}




/* ============================= footer ====================== */
.bot1_wrapper{position: relative;  background: #f1f1f1;}
.bot1{border-bottom: 1px solid #dfdfdf; padding: 35px 0;}

.logo2_wrapper{float: left; text-align: center; padding-top: 5px;}
.logo2{display: inline-block;}

.bot2_wrapper{position: relative;background: #f1f1f1;padding: 25px 0;}
.payment{float: right;}


.bot3_wrapper{position: relative;  background: #111519; padding: 30px 0; color: #888888;}





.ul00{padding: 0;margin: 0;list-style: none;float: left;padding-top: 0px;}
.ul00 > li{font-family: Oswald;font-size: 16px; font-weight: 400; line-height: 20px; color: #373d45;margin-left: 40px; float: left;}
.ul00 > li:first-child{margin-left: 0;}
.ul00 > li a{color:#373d45; text-decoration: none; display: block;}
.ul00 > li a:hover, .ul00 > li.active a{color:#046ab1; text-decoration: underline;}

.ul000{ padding: 0; margin: 0; list-style: none; padding-bottom: 0px;}
.ul000 > li{font-weight: 400; font-family: 'Roboto'; font-size: 14px;color: #323a45; line-height: 1.3; padding:10px 0;}
.ul000 > li i{color: #323a45; font-size: 48px; float: left; padding-right: 15px; width: 75px; text-align: center;}
.ul000 > li span{display: table;}
.ul000 > li .txt1{color: #323a45; text-transform: uppercase; font-size: 16px; font-weight: 700; padding-bottom: 5px;}

.section-title{
  font-family: 'Lato';
}
.section-title hr {
    border-color: #fcac45;
    border-width: 4px;
    width: 140px;
    float: left;
    clear: both;
}
.section-title h2, .section-title.center h2 {
    font-weight: 300;
    font-family: 'Lato';
}

h4 {
    text-transform: uppercase;
    font-family: Lato;
    color: #5a5a5a;
}
h2 {
    text-transform: uppercase;
    line-height: 20px;
    margin: 0;
}
p.intro {
    font-size: 16px;
    margin: 12px 0 0;
    line-height: 24px;
    font-family: 'Open Sans', sans-serif;
}
ul.about-list {
    margin: 30px 0 0;
}
ul.about-list li {
    display: block;
    font-size: 16px;
    line-height: 30px;
    font-family: 'Open Sans', sans-serif;
}
ul.about-list li span {
    margin-right: 10px;
}

.box9 img,.box9:after,.box9:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}

.box17{position:relative;border-radius: 4px;height: 30vh;margin-bottom: 20px;-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);}
.box17:after{content:"";width:100%;height:100%;background: rgba(66, 66, 66, 0.42);position:absolute;top:0;left:0;opacity:0;transition:all .5s ease 0s;}
.box17:hover:after{opacity:1}
.box17 img{width:100%;height: 30vh;transition:all 1.5s ease 0s;}
.box17 .box-content,.box17 .icon li a{position:absolute;transition:all .6s ease 0s}
.box17:hover img{transform:scale(1.2)}
.box17 .icon{width:100%;height:100%;list-style:none;padding:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
.box17 .icon li a{width:45px;height:45px;line-height:45px;margin:0 auto;top:50%;border:1px solid #fff;opacity:0}
.box17:hover .icon li a{top:30%;opacity:1}
.box17 .icon li a:hover{background:#fff;color:#02a2dd}
.box17 .icon li:first-child a{left:-90%;right:0}
.box17:hover .icon li:first-child a{left:-55px}
.box17 .icon li:last-child a{right:-90%;left:0}
.box17:hover .icon li:last-child a{right:-55px}
.box17 .box-content{width:100%;padding:20px 10px;background: rgba(0, 0, 0, 0.72);bottom: -800px;left:0;z-index:1;}
.box17:hover .box-content{bottom:0}
.box17 .title{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 a:hover{font-size:18px;font-weight:700;color:#fff;margin-top:0}
.box17 .post{display:block;font-size:14px;color:#fff}
@media only screen and (max-width:990px){
  .box17{margin-bottom:20px;height: 20vh;}
  .box17 .box-content {
    padding: 10px 5px;
  }
.box17 img{width:100%;height: 20vh;transition:all 1.5s ease 0s;}
}

.box18{background:#3c3c3c;position:relative;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:after,.box18:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#3c3c3c;border-left:3px solid #fff;border-right:3px solid #fff;opacity:.9;z-index:1;-webkit-transition:all .35s ease;transition:all .35s ease}
.box18 img,.box19 img{height:auto;width:100%}
.box18:before{-webkit-transform:skew(45deg) translateX(-155%);transform:skew(45deg) translateX(-155%)}
.box18:hover:before{-webkit-transform:skew(45deg) translateX(-55%);transform:skew(45deg) translateX(-55%)}
.box18:after{-webkit-transform:skew(45deg) translateX(155%);transform:skew(45deg) translateX(155%)}
.box18:hover:after{-webkit-transform:skew(45deg) translateX(55%);transform:skew(45deg) translateX(55%)}
.box18 img{-webkit-transition:all .35s ease;transition:all .35s ease}
.box18:hover img{opacity:.5}
.box18 .box-content{position:absolute;top:50%;left:50%;-webkit-box-shadow:0 0 10px #3c3c3c;box-shadow:0 0 10px #3c3c3c;opacity:0;z-index:2;-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);-webkit-transition:all .35s ease;transition:all .35s ease}
.box19,.box20,.box21{box-shadow:0 0 5px #a3a3a3}
.box18:hover .box-content{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:1}
.box18 .post,.box18 .title{font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase;background:#3c3c3c;border:2px solid #fff;color:#fff;padding:15px 20px;margin:0}
.box18 .post,.box19 .title,.box20 .post,.box20 .title{text-transform:capitalize}
.box18 .post{display:block;font-size:14px;font-weight:400;padding:5px 10px;margin-top:15px}
@media only screen and (max-width:990px){.box18{margin-bottom:30px}
}

@media(hover: hover) and (pointer: fine) {
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 a:hover{color: #fff;
    text-decoration: none;}
.box9:hover img{opacity:.5;-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.box9:hover .box-content{top: 0;left: 0;bottom: 0;right: 0;opacity:1;margin: auto;align-self: center;display: flex;}
.box9:hover .title{  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;}
}

.box9{font-family: "Oswald";background:#000;/* text-align:center; */position:relative;overflow: hidden;}
.box9 a{color: #fff;
    text-decoration: none;}
.box9 a:hover{color: #fff;
    text-decoration: none;}
.box9 img{width:100%;height:auto;min-height: 220px;max-height: 220px;}
.box9:hover img{opacity:.5;-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}
.box9 .box-content{padding:30px 10px 30px 0;/* background:rgba(0,0,0,.45); */position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;}
.box9:hover .box-content{top: 0;left: 0;bottom: 0;right: 0;opacity:1;margin: auto;align-self: center;display: flex;}
.box9:hover .title{  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;}
.box9 .title span{color:orange;}
.box9 .title{font-weight:700;margin: auto;/* display: flex;;color:#fff;line-height:17px;margin:5px 0;position: absolute;bottom:55%;/* left: 26%; */align-self: center !important;text-align: center;color: white;}
.box10 .icon li a,.box9 .icon li a{line-height:35px;border-radius:50%}
.box9 .icon{list-style:none;padding:0;margin:0;position:absolute;top:50%}
.box9 .icon li{display:inline-block;opacity:0;transform:translateY(40px)}
.box9:hover .icon li{opacity:1;transform:translateY(0)}
.box9:hover .icon li:first-child{transition-delay:.1s}
.box9:hover .icon li:nth-child(2){transition-delay:.2s}
.box9 .icon li a{display:block;width:35px;height:35px;background:#f39c12;font-size:20px;color:#000;margin-right:5px;transition:all .35s ease 0s}
.box9 .icon a:hover{background:#fff}
@media only screen and (max-width:990px){.box9{margin-bottom:5px}
}

@keyframes fadeIn {
  0%   { transform:scale(0); }
  100% { transform:scale(1); }
}

@-moz-keyframes fadeIn {
  0%   { transform:scale(0); }
  100% { transform:scale(1); }
}

@-webkit-keyframes fadeIn {
  0%   { transform:scale(0); }
  100% { transform:scale(1); }
}

@-o-keyframes fadeIn {
  0%   { transform:scale(0); }
  100% { transform:scale(1); }
}

@-ms-keyframes fadeIn {
  0%   { transform:scale(0); }
  100% { transform:scale(1); }
}