body{
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    margin-top: 0;
    text-transform: uppercase;
    color: #5d5d5d;
    letter-spacing: 0.05em;
}
h2.text-about-us{
      font-family: "Pt Serif", Serif;
    font-size: 25px;
    font-style: italic;
    text-transform: none;
    line-height: 2;
    font-weight: normal;
}
.hero-holder {
    background: rgba(0, 0, 0, 0.25);
}

.page-title.style-2{
  display: none;
}
/************************************ Sección principal video **********************************************************************/
.container-full-height {
    background: rgba(0, 0, 0, 0.15);
}
/***********************************************************************************************************************************/
#ytb-wrap .hero-text {
    color: #fff;
    text-shadow: none;
    font-weight: 500;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.02em;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    font-size: 100px;
    text-transform: none;
}

#ytb-wrap h2.sub-tittle {
    color: #fff;
    text-shadow: none;
    font-weight: 500;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.02em;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    font-size: 45px;
    text-transform: none;
}
#ytb-wrap h3.sub-tittle {
    color: #fff;
    text-shadow: none;
    font-weight: 500;
    line-height: 1;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.02em;
    margin: 0px;
    border-width: 0px;
    border-style: none;
    font-size: 35px;
    text-transform: none;
}

/*********************** Boton de ver demo ******************************************/
.btn.btn-ver-demo {
    background-color: rgba(255, 255, 255, 0.35);
    color: #fff;
    font-size: 30px;
    border-radius: 0;
    font-weight: normal;
}
.btn.btn-ver-demo:hover {
    background-color: rgba(32, 148, 243, 0.86);
    color: #fff;
    font-size: 30px;
    border-radius: 0;
  font-weight: normal;
}
/******************* Para las imagenes en la sección de "Nuestros Productos"********************************************************/
img.product-img{
  max-width: 130px;
}
/************************* CSS para los iconos en la sección de contacto **************/
.contact-icon i {
    font-size: 23px;
    color: #bfa67a;
    line-height: 47px;
    margin-left: 6px;
}

/************************* Para el call to action ***********************************************/
.call-to-action h2{
    color: #5d5d5d;
    font-size: 24px;
    line-height: 39px;
    font-style: italic;
    margin: 30px 0;
    font-family: "Pt Serif", Serif;
  	text-transform: none;
  	text-align: center;
}
/****************************************************** Para el menu principal*******/
.main-wrapper.pt-100{
  padding-top: 0;
} 
.nav-type-3{
  background-color: transparent;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
#nav-icon span{
  background:#fff;
}

.bg-color-menu{
  
  background-color: #fff;
  color:#5d5d5d;
  height: 70px;
      -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.08);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.nav-type-3.bg-color-menu .logo-container a{
 
  	height: 0;
    width: 280px;
   -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.nav-type-3.bg-color-menu  #nav-icon span{
  background:#5d5d5d;
}
.nav-type-3.bg-color-menu  #nav-icon.open span{
  background:#fff;
}
/*************************** Menu *************************************/
.fs-menu.open{
  opacity:1;
  background-color: rgba(20, 20, 20, 0.95);
}
/********************* Backgrounds ******************************************/
.bg-blue-trs{
      background: #34a9ca;
}
.bg-yellow-trs{
      background: #ecbc1d;
}

.bg-gray-trs{
      background: #5d5d5d;
}
.statistic span.counter-text{
  color:#fff;
}

.statistic span.timer{
  width: 50%;
}
.hidden-footer{
  display:none;
}
/************************************************************************************/
.service-item-box p{
  text-align:  justify;
}

/******************************************** Footer ***********************************/


.footer-socials .social-icons a, .copyright span{
  color:#fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.bottom-footer {
    background-color: #404040;
    padding: 3px 0;
}
.social-icons a:hover {
    font-size: 23px;
}
/**************************** Para los logos  de la metodologia *************************/
.col-sm-6ths {
    width: 16%;
    float: left;
}
.sm-hide{
  display:none;
  opacity:0;
}
/*********************************************************************************************/
.section-wrap-trs {
   
    overflow: hidden;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.section-wrap-mp.promo-section.bg-dark{
  background-color:transparent;
}

.call-to-action h2.no-margin-top{
  margin-top:0;
}

/************************************ Iconos de proceso ******************************/
.process-wrap i{
   -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  
}
.process-wrap i:hover{
  font-size: 40px;
}
.section-wrap, .section-wrap-mp {
    padding: 80px 0;
  padding-bottom:80px !important;
}


/***************** Para texto de los casos de exito ************************************************************/
.custom-container{
  padding-left:10%;
    padding-right:10%;
}
.shadow-call{
  -webkit-box-shadow: -2px 0px 25px -3px rgba(0,0,0,0.54);
    -moz-box-shadow: -2px 0px 25px -3px rgba(0,0,0,0.54);
    box-shadow: -2px 0px 25px -3px rgba(0,0,0,0.54);
  margin-bottom:1px;
}
.casos  {
   
    font-weight: 500;
    font-size: 16px;
  	padding: 20px;
  	background: rgba(0, 0, 0, 0.60);
    -webkit-box-shadow: -2px 0px 25px -3px rgba(0,0,0,0.54);
    -moz-box-shadow: -2px 0px 25px -3px rgba(0,0,0,0.54);
    box-shadow: -2px 0px 25px -3px rgba(0,0,0,0.54);
}
.casos p{
   font-size: 17px;
}
.casos p, .casos h2{
  color:#fff;
   line-height: 2;
    text-align: justify;
}

#casos-de-exito{
  padding-top:80px;
  padding-bottom:20px;
}
/************************** CSS para el formulario de contacto ************************************/
#contacto h1,#contacto h2,#contacto h3,#contacto h4,#contacto h5,#contacto h6,#contacto a{
  color:#fff;
}

#contacto input#submit {
    background: #ECBC1D;
    color: #141414;
}
#contacto input#submit:hover,#contacto input#submit:active {
    background: #c09711;
    color: #141414;
}
#contacto .contact-icon {
    border: 2px solid #ECBC1D !important;
}
#contacto .contact-icon i{
  color: #ECBC1D;
}


#contacto input[type="text"]:focus, #contacto input[type="password"]:focus, #contacto input[type="date"]:focus, #contacto input[type="datetime"]:focus, #contacto input[type="datetime-local"]:focus, #contacto input[type="month"]:focus, #contacto input[type="week"]:focus, #contacto input[type="email"]:focus, #contacto input[type="number"]:focus, #contacto input[type="search"]:focus, #contacto input[type="tel"]:focus, #contacto input[type="time"]:focus, #contacto input[type="url"]:focus, #contacto textarea:focus{
  border-color: #ECBC1D;
  color: white;
}

#contacto input[type="text"], #contacto input[type="password"], #contacto input[type="date"], #contacto input[type="datetime"], #contacto input[type="datetime-local"], #contacto input[type="month"], #contacto input[type="week"], #contacto input[type="email"], #contacto input[type="number"], #contacto input[type="search"], #contacto input[type="tel"], #contacto input[type="time"], #contacto input[type="url"], #contacto textarea{
 
  color: white;
}


#ajaxsuccess.alert-success{
  background-color: transparent;
}

figure.effect-steve{
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.42);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.42); 
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.42);
}
figure.effect-steve:hover{
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.0);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.0); 
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.0);
}


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

figure.effect-steve figcaption {
    background: rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
figure.effect-steve:hover figcaption {
    background: transparent;
}

/************************* Medias Queries*******************************************/
.service-item-box {
    min-height: 420px;
    padding: 20px 40px;
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.09);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.09);
}
/**********************************************************************************/
@media (max-width: 767px){
  #ytb-wrap .hero-text {
      font-size: 50px;
  }
  .nav-type-3 .logo-container a{
    width: 240px;
    padding:0;
  }
  .nav-type-3.bg-color-menu .logo-container a{
    width: 240px;
    padding:0;
  }
  .col-sm-6ths {
    width: 50%;
    float: left;
	}
  .custom-container {
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media (min-width: 768px) and (max-width: 1200px){
 
  .col-sm-6ths {
    width: 33%;
    float: left;
	}
  .service-item-box p {
    text-align: center;
}
}


@media (max-width: 991px){
  .widget.footer-links  {
       margin-bottom: 0;
  }
}
/******************************************************************************************************************/