/*letter-spacing: 2pt;      /* para separar entgre letras */
/*word-spacing: 5pt;        /* para separacion entre palabras */  
/*line-height: 20pt;        /* para la separacion entre lineas */ 
/*text-indent: 30pt;        /* para sangrias */


html{overflow-x:hidden;}
body{overflow-x:hidden; font-family: 'Roboto', sans-serif;}

p, ul > li, div {
  font-size: 17px;
  color: #1a1a1a;
  line-height: 1.5;
  font-family: 'Roboto', sans-serif;
}

.titleIndex{
  font-size: 36px;
  line-height: 1.2;
}
.opacity {opacity:0;}

.iniBadge{
  height:35px;
  padding-right:10px;
  padding-left:10px;
  font-size:18px !important;
  line-height:33px!important; 
  white-space: nowrap; 
  border-radius:10px;
  font-weight: 300;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084) !important;
  word-spacing: 1.5pt;
}

.iniBadge.red{
  color:#fff;
  background: #5a83b3; /*rgb(165,32,32,.9);*/
}

.iniBadge.black{
  color:#fff;
  background: /*#29b387;*/ rgba(0,0,0,.7);
}

.iniBadge.white{
  color:#333;
  background: whitesmoke;
}

.proImg {
  width:120px;
  opacity: 0.8;
}

.servImg {
  /*width:150px;*/
  max-width: 60% !important;
}

.servTitle {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 15px;
}


.cursor_pointer{cursor: pointer;}
.m_0{margin: 0px !important;}
.mt_0{margin-top: 0px !important;}
.mt_5{margin-top: 5px !important;}
.mt_10{margin-top: 10px !important;}
.mt_20{margin-top: 20px !important;}
.mt_30{margin-top: 30px !important;}
.mt_50{margin-top: 50px !important;}
.mt_80 {margin-top: 80px !important;}
.mt_100{margin-top: 100px !important;}
.mb_100{margin-bottom: 100px !important;}
.mb_5{margin-bottom: 5px !important;}
.mb_10{margin-bottom: 10px !important;}
.mb_15{margin-bottom: 15px !important;}
.mb_16{margin-bottom: 16px !important;}
.mb_20{margin-bottom: 20px !important;}
.mb_50{margin-bottom: 50px !important;}
.mb_30{margin-bottom: 30px !important;}
.mr_10{margin-right: 10px;}
.mr_14{margin-right: 14px;}
.mr_20{margin-right: 20px;}
.mr_5{margin-right: 5px;}
.mr_7{margin-right: 7px;}
.mr_8{margin-right: 8px;}
.ml_8{margin-left: 8px;}
.ml_10{margin-left: 10px;}
.ml_20{margin-left: 20px;}
.mb_0{margin-bottom:0px!important;}


.border_t_1_ccc {border-top: 1px solid #ddd;}
.border_b_1_ccc {border-bottom: 1px solid #ddd;}

.pl_4{padding-left: 4px !important}
.pl_10{padding-left: 10px !important}
.pl_15{padding-left: 15px !important}
.pl_18{padding-left: 18px !important}
.pl_20{padding-left: 20px !important}
.pl_24{padding-left: 24px !important}
.pr_0 {padding-right: 0px !important;}
.pr_10{padding-right: 10px !important}
.pr_15{padding-right: 15px !important}
.pr_20{padding-right: 20px !important}
.pr_30{padding-right: 30px !important}
.pt_10{padding-top: 10px !important;}
.pt_20{padding-top: 20px !important;}
.pt_24{padding-top: 24px !important;}
.pt_25{padding-top: 25px !important;}
.pt_28{padding-top: 28px !important;}
.pt_30{padding-top: 30px !important;}
.pt_40{padding-top: 40px !important;}
.pt_50{padding-top: 50px !important;}
.pt_0 {padding-top: 0px !important;}
.pb_0 {padding-bottom: 0px !important;}
.pb_10 {padding-bottom: 10px !important;}
.pb_20{padding-bottom: 20px !important;}
.pb_30{padding-bottom: 30px !important;}
.pb_50{padding-bottom: 50px !important;}

.p_0{padding: 0px !important;}
.p_9{padding: 9px !important;}
.p_10{padding: 10px !important;}
.p_20{padding: 20px !important;}
.width_100{width:100%}
.width_80{width:80px;}
.width_70{width:70px;}
.min_width_124{min-width: 124px;}
.min_width_80{min-width: 80px;}
.f_12{font-size: 12px !important;}
.f_14{font-size: 14px !important;}
.f_15{font-size: 15px !important;}
.f_16{font-size: 16px !important;}
.f_17{font-size: 17px !important;}
.f_18{font-size: 18px !important;}
.f_19{font-size: 19px !important;}
.f_20{font-size: 20px !important;}
.f_22{font-size: 22px !important;}
.f_25{font-size: 25px !important;}
.f_30{font-size: 30px !important;}
.f_40{font-size: 40px !important;}
.f_50{font-size: 50px !important;}
.f_60{font-size: 60px !important;}
.f_70{font-size: 70px !important;}
.f_80{font-size: 80px !important;}
.f_100{font-size: 80px}
.f_120{font-size: 120px}
.f_150{font-size: 150px}
.f_200{font-size: 200px}

.fs_i{font-style: italic;}
.fs_n{font-style: normal;}

.heigth_75{height: 75px !important;}

.serv_icn{padding: 20px 0;}

.relative{position: relative;}
.absolute{position: absolute;}
.fixed   {position: fixed;}

.fontweight_100{font-weight: 100 !important;}
.fontweight_200{font-weight: 200 !important;}
.fontweight_300{font-weight: 300 !important;}
.fontweight_400{font-weight: 400 !important;}

.important_text_black{box-shadow: rgba(1, 1, 1, 0.1) 0px 0px 10px 0px; padding: 1px 6px; color:#000;font-weight: normal;font-size: 17px;}
.color_333     {color: #333 !important}
.color_444     {color: #444 !important}
.color_555     {color: #555 !important}
.color_666     {color: #666 !important}
.color_ccc     {color: #ccc !important}
.color_black   {color: #000 !important}
.color_white   {color: #fff !important}
.color_red     {color: #e4232e;}
.color_green   {color: #3CD796;}
.color_info    {color: #5a83b3;}
.color_warning {color: #f99030;}
.color_danger  {color: #e4232e;}
.color_orange  {color: #FF5D32;}
.color_purple  {color: #C21DC3;}
.color_yellow  {color: #f2e500;}
.color_pinkado {color: #FF266B;}

.bs-color-green   {color: #3CD796 !important;}
.bs-color-info   {color: #55A4DA !important;}
.bs-color-danger {color: #e4232e !important;}
.bs-color-warning {color: #f99030 !important;}
.bs-color-pink {color: #FF266B !important;}


.bgr_green   {background: #3CD796;}
.bgr_info    {background: #55A4DA;}
.bgr_warning {background: #f99030;}
.bgr_danger  {background: #e4232e;}
.bgr_orange  {background: #FF5D32;}
.bgr_purple  {background: #C21DC3;}
.bgr_yellow  {background: #f2e500;}
.bgr_pinkado {background: #FF266B;}

.bs-callout-info {border-left-color: #41aed5 !important;}
.bs-callout-danger {border-left-color: #e4232e !important;}
.bs-callout-warning {border-left-color: #f99030 !important;}
.bs-callout-green {border-left-color: #3CD796 !important;}
.bs-callout-pink {border-left-color: #FF266B !important;}

.bs-callout {
    padding: 5px 20px;
    margin: 20px 0;
    /*border: 1px solid #eee;*/
    border-left-width: 5px;
    border-radius: 3px;
}

.center_div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}


.media-heading {font-size: 24px;}

.clear {clear: both;}
.f_right{float: right;}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400!important;
    line-height: 1.4;
    color: #555 !important;
}

.noheight{height: 70px !important; transition: all 0.2s ease-in-out;}
.subMenu {
  height: 75px;
  z-index: 90000;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.98);
  box-shadow: rgba(50, 50, 50, 0.34902) 0px 0px 10px 0px;
}
.subMenu .inner {padding:0;font-weight: 400;margin: 0 auto;}

.subNavCont {
  vertical-align: middle;
  padding: 11px;
}
.subNavBtn {
  display: block;
  height: 50px;
  float: left;
  margin: 0px 0px 0 0;
  text-decoration: none;
  font-size: 16px !important /*1em*/;
  padding: 15px 14px 0 14px;
  text-align: center;
  color: #333 !important;
  text-transform: uppercase;
  margin-right: 5px;
}
a{color:#fff; text-decoration: none !important;}
.subMenu a:hover {background: #f5f5f5; color:#333 !important; text-decoration: none; border-radius: 6px;}
.active {background: #f5f5f5 !important; color:#333 !important; text-decoration: none; border-radius: 6px;}
.end {margin: 0;}


.overflow_hidden{overflow: hidden;}


/* SECTIONS */
.section {
  position: relative;
  width: 100%;
}

.sTop {
  background:#fff;
  color:#3d3d3d;
  padding: 0;
}

.smarlavado {background:#fff;color:#555;}
.comofunciona {border-top: 1px solid #f5f5f5; /*background: #f7f7f9;*/}
.nosotros{
  background-color: rgba(255, 255, 255, 0.8);
  position: relative; 
  z-index: 2;
}
.nosotros:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;

    background: url("../img/inicio/backNosotros.jpg") fixed; /*//Imagen de fondo*/
    background-position: left center;
    max-height: 100%;
    /*height: 400px; fondo de la imagen*/
    margin: 0 auto;
    background-size: cover; /*//ajusta el fondo a la imagen*/

    min-height: 300px;
    width: 100%;
    height: 100%;
    opacity : 0.5;
    z-index: -1;
}

.nosotrosInfo {
  background: #fff;
  padding: 24px;
  border-radius: 10px;
  border: 1px solid #ccc;
  box-shadow: rgba(0, 0, 0, 0.4) 6px 6px 30px -10px;
}

.contraindicaciones{
  background: #428bca;
  color: #fff;
  position: relative;
  z-index: 1;
  border: 1px solid #555;
}
.contraindicaciones:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../sliderimages/cubes-bg.jpg); /*abyss-bg-mask.png*/
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: -1;
}

.contactenos_form{
  background-color: #fff;
  color: #333;
  border-radius: 8px;
  padding-bottom: 16px;
  box-shadow: rgba(0, 0, 0, 0.4) 6px 6px 23px 2px;
}

/*.captionBack {
  background-color: #ffdba740;
  border: 1px solid #ccc;
  border-radius: 5px;
}*/

.contacto {
  /*background-color: rgba(0, 0, 0, 0.9); */
  color:#f5f5f5;
  position: relative; 
  z-index: 1;
}
.contacto:after {
    content : "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    /*background-image: url(../img/fondo_3.jpg); */
    background-position: left bottom;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

.center_text{text-align: center;}
.right_text{text-align: right;}
.left_text{text-align: left;}
.logo_toolbar{position: absolute; top: 9px; height: 60px; left: 68px;}

@media (max-width:  768px) { 
  .logo_toolbar{position: absolute;top: 9px;height: 50px;left: 10px;}
  .headingServ { text-align: left !important; }
  .nosotrosInfoContent{
    padding: 0 !important;
  }
  .titleIndex, .Heading{
    font-size: 26px;
    line-height: 1.2;
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .logo_toolbar{position: absolute;top:  9px;height: 50px;left: 10px;}
}

.copyright {
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
}

.copyr {
    /*color: #636363;*/
    font-weight: 300;
    font-size: 12px;
    padding: 10px 0px;
}

.parallaxParent {
    /*height: 100vh;*/
    overflow: hidden;
}
.parallaxParent > * {
    height: 200%;
    position: relative;
    top: -100%;
}
.form-control{font-size: 16px;padding: 20px 17px;background: #F9F9F9;}
.form-control:focus{background: #fff;}


a.marronhover:hover{color:#f99030; transition: all 0.1s ease-in-out;}
a.bluehover:hover{color:#337ab7; transition: all 0.1s ease-in-out;}
a.redhover:hover{color:#d43f3a; transition: all 0.1s ease-in-out;}


.footer-social-icons {
  /*width: 350px;*/
  display:block;
  margin: 0 auto;
}

.social-icon {
  color: #fff;
}

ul.social-icons { 
  padding: 0;
  margin-top: 10px;

}

.social-icons li {
  vertical-align: top;
  display: inline;
  font-size: 22px;
}

.social-icons a {
  color: #fff; 
  text-decoration: none;
}

.fa-instagram {
  padding:10px 14px 7px 14px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #ddd;
    border-radius: 6px;
    color: #444;
}

.fa-instagram:hover {
  background-color: #804000;
  color: #fff;
}


.fa-facebook {
  padding:10px 14px 7px 14px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #ddd;
    border-radius: 6px;
    color: #444;
}

.fa-facebook:hover {
  background-color: #3d5b99;
  color: #fff;
}

.fa-twitter {
  padding:10px 10px 7px 10px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #ddd;
    border-radius: 6px;
    color: #444;
}

.fa-twitter:hover {
  background-color: #00aced;
  color: #fff;
}

.fa-rss {
  padding:10px 12px 7px 12px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #ddd;
    border-radius: 6px;
    color: #444;
}

.fa-rss:hover {
  background-color: #eb8231;
  color: #fff;
}

.fa-youtube {
  padding:10px 12px 7px 11px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #ddd;
    border-radius: 6px;
    color: #444;
}

.fa-youtube:hover {
  background-color: #e64a41;
  color: #fff;
}

.fa-linkedin {
  padding:10px 11px 8px 11px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #ddd;
    border-radius: 6px;
    color: #444;
}

.fa-linkedin:hover {
  background-color: #0073a4;
  color: #fff;
}

.fa-google-plus {
  padding:10px 10px 7px 10px;
  -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}

.fa-google-plus:hover {
  background-color: #e25714;
}

.ssk-sticky{opacity: 0.5; left: -6px; font-size: 15px;}
.ssk-sticky:hover{opacity: 1;}
.letterspacing_05{letter-spacing: 0.5px;}
.lineText1{
    display: -webkit-box !important; 
    -webkit-line-clamp: 1!important; 
    -webkit-box-orient: vertical !important;
        overflow: hidden;
}
.lineText2{
    display: -webkit-box !important; 
    -webkit-line-clamp: 2!important; 
    -webkit-box-orient: vertical !important;
        overflow: hidden;
}
.lineText3{
    display: -webkit-box !important; 
    -webkit-line-clamp: 3!important; 
    -webkit-box-orient: vertical !important;
        overflow: hidden;
}

.servicios{
    border-bottom: 1px solid #ececec;
}
.Section.tint {
    background-color: #f7f7f7;
}
.Section+.Section {
    border-top: 1px solid #ececec;
}

.Section.light {
    background-color: #fff;
}
.Section+.Section {
    border-top: 1px solid #ececec;
}
.Section {
    width: 100%;
    padding: 30px 25px;
}
.NativeApps {
    min-height: 300px;
    overflow: hidden;
}

.NativeApps .thumbnail{
    background: #f5f5f5;
}

.imgSesion {
    border-style: none;
    box-sizing: content-box;
    max-width: 100%;

    display: inline-block;
    vertical-align: top;
}

.media-left > i {
  width: 40px;
}

.rowProducto {
  border-bottom: 1px solid #ececec;
  padding-top: 20px;
  padding-bottom: 10px;
}

.rowProducto:hover {
  background: #f5f5f5;
  cursor: pointer;
  border-radius: 6px;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.14),0 2px 2px 0 rgba(0,0,0,.098),0 1px 5px 0 rgba(0,0,0,.084) !important;
}

.rowProducto:hover .media-body > h4{
  color: #5a83b3;
  text-decoration: underline;
}